.ysm-product-guide { font-family: inherit; color: #1f2a22; line-height: 1.55; } .ysm-product-guide * { box-sizing: border-box; } .ysm-product-note, .ysm-product-section, .ysm-product-cta { background: #ffffff; border: 1px solid #d8ded6; border-radius: 18px; padding: 18px; margin-bottom: 14px; box-shadow: 0 4px 14px rgba(31, 42, 34, 0.04); } .ysm-product-note, .ysm-product-cta { background: #eef4ed; border-color: #a7c957; } .ysm-product-guide h2, .ysm-product-guide h3, .ysm-product-guide h4 { color: #1f2a22; margin-top: 0; line-height: 1.2; } .ysm-product-guide h2 { font-size: 28px; margin-bottom: 8px; } .ysm-product-guide h3 { font-size: 21px; margin-bottom: 10px; } .ysm-product-guide h4 { font-size: 17px; margin-bottom: 6px; color: #2e6b4a; } .ysm-product-guide p { margin-top: 0; } .ysm-product-guide p:last-child, .ysm-product-guide ul:last-child { margin-bottom: 0; } .ysm-product-guide a { color: #2e6b4a; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; } .ysm-product-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .ysm-product-badge { display: inline-flex; align-items: center; background: #eef4ed; color: #2e6b4a; border: 1px solid #a7c957; border-radius: 999px; padding: 7px 12px; font-size: 13px; font-weight: 800; } .ysm-product-note .ysm-product-badge { background: #ffffff; } .ysm-product-readmore { margin-top: 12px; } .ysm-product-readmore details { border: 1px solid #a7c957; border-radius: 16px; overflow: hidden; background: #ffffff; } .ysm-product-readmore details + details { margin-top: 9px; } .ysm-product-readmore summary { list-style: none; cursor: pointer; background: #2e6b4a; color: #ffffff; font-weight: 800; padding: 13px 18px; position: relative; padding-right: 52px; } .ysm-product-readmore summary::-webkit-details-marker { display: none; } .ysm-product-readmore summary::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 24px; line-height: 1; } .ysm-product-readmore details[open] summary::after { content: "–"; } .ysm-product-readmore-content { padding: 15px 18px; background: #f7f8f4; border-top: 1px solid #d8ded6; } .ysm-product-readmore-content ul { margin: 0; padding-left: 20px; columns: 2; column-gap: 24px; } .ysm-product-readmore-content li { break-inside: avoid; margin-bottom: 5px; } .ysm-product-mini-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .ysm-product-mini-card { background: #ffffff; border: 1px solid #d8ded6; border-radius: 14px; padding: 12px; } .ysm-product-mini-card strong { color: #2e6b4a; } .ysm-product-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; } .ysm-product-buttons a, .ysm-product-buttons button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 18px; border-radius: 999px; text-decoration: none; font-weight: 800; font-family: inherit; font-size: 15px; cursor: pointer; } .ysm-product-btn-primary { background: #2e6b4a; color: #ffffff !important; border: 1px solid #2e6b4a; } .ysm-product-btn-primary:hover { background: #24563b; color: #ffffff !important; } .ysm-product-btn-secondary { background: #ffffff; color: #2e6b4a; border: 1px solid #a7c957; } .ysm-product-btn-secondary:hover { background: #e3efdf; } @media (max-width: 749px) { .ysm-product-note, .ysm-product-section, .ysm-product-cta { padding: 16px; } .ysm-product-guide h2 { font-size: 24px; } .ysm-product-readmore-content ul { columns: 1; } .ysm-product-mini-grid { grid-template-columns: 1fr; } .ysm-product-buttons a, .ysm-product-buttons button { width: 100%; } }