.home-value-section{position:relative;isolation:isolate;display:grid;gap:5px;margin:0 12px;padding:8px;overflow:hidden;border-radius:var(--home-value-section-radius, 16px);color:#fff;background-color:var(--home-value-section-bg-from, #176b52);background-image:linear-gradient(115deg,var(--home-value-section-bg-from-layer, #176b52) 0%,var(--home-value-section-bg-to-layer, #4fa886) 100%),var(--home-value-section-bg-image-mobile, none);background-position:center,var(--home-value-section-bg-position, center center);background-repeat:no-repeat;background-size:auto,cover;box-shadow:var(--card-shadow);font-family:var(--font-body-family),"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;font-weight:var(--font-body-weight)}.home-value-section__header{display:grid;grid-template-areas:"badge cta" "copy copy";grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;min-width:0;padding:0 3px}.home-value-section__pill{grid-area:badge;justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:24px;padding:0 9px;border-radius:6px;color:var(--home-value-section-badge-color, #0d5f3a);background:var(--home-value-section-badge-bg, #ffed94);box-shadow:0 1px #0c4b3324;font-family:var(--font-button-family);font-size:12px;line-height:1;font-weight:500;white-space:nowrap}.home-value-section__badge-icon{display:inline-flex;flex:0 0 14px;align-items:center;justify-content:center}.home-value-section__badge-icon:empty{display:none}.home-value-section__badge-icon svg,.home-value-section__badge-icon img{display:block;width:14px;height:14px;object-fit:contain}.home-value-section__copy{grid-area:copy;display:grid;gap:2px;min-width:0}.home-value-section__copy h2,.home-value-section__copy p{margin:0;font-weight:500;letter-spacing:0}.home-value-section__copy h2{color:#fff;font-family:var(--font-heading-family),"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(26px,7.4vw,30px);line-height:1.02;white-space:nowrap;text-shadow:0 1px 0 rgba(8,62,43,.14)}.home-value-section__copy p{color:#f1fff8;font-size:13px;line-height:1.08;white-space:nowrap}.home-value-section__cta{grid-area:cta;justify-self:end;display:inline-flex;align-items:center;gap:4px;min-height:24px;max-width:92px;padding:0 8px;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:999px;color:#fff;background:#ffffff26;font-family:var(--font-button-family);font-size:12px;line-height:1;font-weight:500;text-decoration:none;white-space:nowrap}.home-value-section__cta-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.home-value-section__cta-icon{flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;line-height:0}.home-value-section__cta-icon .icon{display:block;width:12px;height:12px}.home-value-section__main,.home-value-section__shelf-wrap{display:grid;min-width:0}.home-value-section__shelf-wrap{position:relative}.home-value-section__shelf{display:flex;gap:6px;min-width:0;overflow-x:auto;padding:0 26px 0 0;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.home-value-section__shelf::-webkit-scrollbar{display:none}.home-value-section__card{position:relative;flex:0 0 104px;min-width:0;scroll-snap-align:start}.home-value-section__card>.product-card{width:100%}.home-value-section__scroll-controls,.home-value-section__pager{display:none}.home-value-section__pager{width:52px;height:4px;margin:6px auto 0;overflow:hidden;border-radius:999px;background:#ffffff57}.home-value-section__pager-thumb{display:block;width:24px;height:100%;border-radius:999px;background:#fff;box-shadow:0 1px 2px #083e2b2e;transform:translate(0);transition:transform .12s linear;will-change:transform}@media(max-width:899px){.home-value-section--scrollable .home-value-section__pager{display:block}}@media(max-width:380px){.home-value-section{margin-inline:10px;padding:7px}.home-value-section__copy h2{font-size:25px}.home-value-section__pill{min-height:23px;padding-inline:7px;font-size:11px}.home-value-section__card{flex-basis:102px}}@media(min-width:900px){.home-value-section{grid-template-columns:clamp(208px,13vw,238px) minmax(0,1fr);grid-template-rows:auto;column-gap:8px;row-gap:0;width:min(calc(100% - 48px),1800px);min-height:0;margin-inline:auto;padding:8px;background-image:linear-gradient(115deg,var(--home-value-section-bg-from-layer, #176b52) 0%,var(--home-value-section-bg-to-layer, #4fa886) 100%),var(--home-value-section-bg-image-desktop, none)}.home-value-section__header{grid-column:1;grid-row:1;grid-template-areas:"badge" "copy" "cta";grid-template-columns:minmax(0,1fr);align-content:center;justify-items:start;gap:10px;min-height:0;padding:12px 14px}.home-value-section__pill{min-height:26px;padding-inline:11px;font-size:12.5px}.home-value-section__copy{gap:7px}.home-value-section__copy h2{max-width:5.8em;font-size:clamp(30px,2.2vw,40px);word-break:keep-all;overflow-wrap:normal;white-space:normal;text-wrap:balance}.home-value-section__copy p{max-width:16em;font-size:clamp(13px,.72vw,14.5px);line-height:1.18;word-break:keep-all;white-space:normal;text-wrap:balance}.home-value-section__cta{justify-self:start;justify-content:center;min-width:118px;max-width:100%;height:36px;padding:0 15px;color:var(--home-value-section-cta, #0d5f3a);border:0;background:#f4fff9;box-shadow:0 2px 6px #083e2b24;font-size:13.5px}.home-value-section__main{display:contents}.home-value-section__shelf-wrap{grid-column:2;grid-row:1;align-content:center;min-height:0;padding:8px;overflow:hidden;border-radius:14px}.home-value-section__shelf{align-items:flex-start;gap:8px;padding:0 8px 4px 0;scroll-padding-inline:0 8px}.home-value-section--scrollable .home-value-section__scroll-controls{display:block}.home-value-section__scroll-button{position:absolute;top:50%;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;margin:0;padding:0;color:var(--home-value-section-cta, #0d5f3a);border:1px solid rgba(13,95,58,.16);border-radius:50%;background:#fffffff5;box-shadow:0 3px 9px #083e2b33;transform:translateY(-50%);transition:opacity .18s ease,background-color .18s ease,color .18s ease;appearance:none;-webkit-appearance:none;cursor:pointer}.home-value-section__scroll-button:hover{color:#084c30;background:#f4fff9}.home-value-section__scroll-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.home-value-section__scroll-button:disabled{visibility:hidden;opacity:0;pointer-events:none}.home-value-section__scroll-button .icon{width:16px;height:16px}.home-value-section__scroll-button--prev{left:3px}.home-value-section__scroll-button--prev .icon{transform:rotate(180deg)}.home-value-section__scroll-button--next{right:3px}.home-value-section__card{flex-basis:136px}}@media(prefers-reduced-motion:reduce){.home-value-section__pager-thumb,.home-value-section__scroll-button{transition:none}}@media(min-width:1200px){.home-value-section__card{flex-basis:140px}}@media(min-width:1600px){.home-value-section__card{flex-basis:144px}}.home-value-section--fixed{width:calc(100% - var(--page-padding) * 2);margin-inline:auto}
/*# sourceMappingURL=/cdn/shop/t/14/assets/homepage-value-section.css.map */