/* v1.1: proportions and imagery matched to the approved 870 × 1808 concept. */
.shopSite{--content:1380px;--gutter:max(5.9vw,calc((100vw - var(--content))/2));}
.shopSite h1,.shopSite h2,.shopSite h3{font-weight:800;letter-spacing:-.055em}
.shopSite main>section{max-width:calc(var(--content) + 120px);padding:24px 5.9%;}
.shopSite h2{font-size:clamp(30px,3.65vw,55px);line-height:1.04;margin-bottom:14px}
.shopSite p{line-height:1.4}.shopHeader{max-width:none;padding:14px var(--gutter);min-height:76px;background:#ffffffeb}.shopHeader nav{margin:auto;gap:48px}.brandOval{position:relative;font-size:24px;padding:6px 20px;font-weight:800;transform:rotate(-2deg)}.brandOval:after{content:'';position:absolute;width:65%;height:2px;background:#073566;left:18%;bottom:3px}
.shopSite .mockHero{position:relative;padding:45px var(--gutter);min-height:clamp(390px,38.5vw,620px);gap:0;grid-template-columns:1.15fr 1fr}
.shopSite .defaultHero{background:#e4f7ff url('hero-scene-v2.png') center center/cover no-repeat;display:block}
.defaultHero .heroProduct{display:none}.heroWords{position:relative;z-index:1;max-width:64%}.heroWords h1{font-size:clamp(42px,5.25vw,80px);line-height:1.02;letter-spacing:-.05em;max-width:none;text-wrap:balance}.heroWords p{font-size:clamp(20px,2.2vw,33px);max-width:570px;margin-bottom:22px}.defaultHero .heroWords{padding-top:20px}.marketButtons{gap:14px;margin-top:20px}.market{border-radius:9px;gap:11px;min-height:52px;padding:12px 20px;font-size:17px}.marketIcon{display:flex}.market svg{width:24px;height:24px}.market>.icon-arrow{width:15px;height:15px;margin-left:1px}.tiktokLogo{filter:drop-shadow(-1px 0 #15e3e8) drop-shadow(1px 0 #ff315a)}.compact .market{font-size:13px;min-height:38px;padding:8px 12px;gap:6px}.compact .market svg{width:18px;height:18px}.compact .market>.icon-arrow{width:10px}
.trustStrip{max-width:none;padding:25px var(--gutter);gap:28px;background:linear-gradient(110deg,#f4fbff,#edf8ff)}.trustStrip>div{gap:17px}.trustStrip>div+div{padding-left:40px}.roundIcon{width:65px;height:65px}.roundIcon svg{width:36px;height:36px;padding:0;border:0}.trustStrip b{font-size:17px}.trustStrip small{font-size:15px;max-width:290px}
.mockBenefits{gap:4%;grid-template-columns:1.08fr .92fr;align-items:center}.mockBenefits>div:last-child{padding:0}.mockBenefits p{font-size:18px;margin-bottom:12px}.stainList{margin:10px 0}.stainList li{font-size:18px;gap:16px;margin:8px 0}.stainList span{width:46px;height:46px}.stainList svg{width:26px;height:26px}.mockBenefits .marketButtons{margin-top:16px}
.shopSite .mockProducts{padding:22px var(--gutter);grid-template-columns:1fr 2fr;gap:15px;background:linear-gradient(130deg,#f7fcff,#eff9ff)}.productIntro p{font-size:19px;max-width:340px;margin-bottom:8px}.linkNotice{font-size:11px;max-width:320px}.sizeProduct{margin:0}.sizeImages{gap:25px;justify-content:space-evenly}.sizeImages>div{max-width:320px}.sizeImages>div:first-child>.photoSlice{max-width:205px}.sizeImages>div:last-child>.photoSlice{max-width:255px}.sizeImages b{font-size:17px;margin:6px 0}.sizeImages .marketButtons{margin-top:6px;gap:7px}.productDetails{margin-top:10px;padding:0 15px;max-width:780px}.productDetails h3{font-size:15px;margin:0 0 4px}.productDetails p{font-size:12px;line-height:1.4;margin:0}.sizeDescriptions{display:none}
.shopSite .mockHow{position:relative;isolation:isolate;overflow:hidden;padding:18px var(--gutter);background:#d7f3ff}.waterBackdrop{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;opacity:.47}.waterBackdrop>.photoSlice{position:absolute;width:100%;top:50%;transform:translateY(-50%) scaleY(9);transform-origin:center}.mockHow>h2,.mockHow>p,.usageGrid{position:relative}.mockHow>h2{font-size:clamp(30px,3.2vw,48px);margin:0 0 5px}.mockHow>p{font-size:17px;margin-bottom:14px}.usageGrid{gap:0;margin-top:0;background:#fff;border-radius:14px;padding:5px;overflow:hidden}.usageGrid article{border-radius:0;background:transparent}.usageGrid article+article{border-left:1px solid #e1eaf4}.usageGrid article>.photoSlice{border:0;border-radius:10px;margin:0;width:100%}.usageGrid article>div:last-child{padding:13px 16px;gap:16px}.usageGrid article>div:last-child>span{width:48px;height:48px;background:linear-gradient(#1687c8,#084f95);font-size:25px}.usageGrid h3{font-size:22px;margin:0 0 5px}.usageGrid p{font-size:16px;max-width:250px}
.mockVideo{grid-template-columns:1.35fr 1fr;gap:4%}.mockVideo .shopNow{font-size:12px;padding:9px 15px}.mockVideo p{font-size:18px}.mockVideo h2{font-size:clamp(30px,3.5vw,54px)}
.shopSite .mockReviews{padding-top:0;padding-bottom:12px}.mockReviews h2{font-size:clamp(27px,3vw,45px);margin-bottom:5px}.mockReviews>p{font-size:16px;margin-bottom:12px}.reviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reviewGrid article{min-width:0;max-width:none;border:1px solid #e4edf4;background:linear-gradient(135deg,#f4f9fd,#edf5fa);padding:16px;border-radius:8px}.reviewMedia{display:flex;align-items:center;gap:12px}.reviewMedia img{width:80px;height:90px;object-fit:contain;margin:0}.reviewMedia>span{font-size:13px}.reviewGrid b{display:block;font-size:13px;margin-top:8px}.reviewGrid small{font-size:10px}.reviewPlaceholder{display:flex;align-items:center;gap:18px;min-height:96px}.reviewPlaceholder svg{width:38px;height:38px;color:#6285ad;flex-shrink:0}.reviewPlaceholder p{font-size:15px;margin:0}.reviewGrid blockquote{font-size:15px;min-width:0}
.shopSite .mockFaq{grid-template-columns:1.4fr 1fr;gap:35px;padding-top:12px;padding-bottom:14px}.mockFaq h2{font-size:clamp(25px,2.65vw,39px);white-space:normal}.mockFaq details{padding:9px 14px;margin-bottom:6px}.mockFaq summary{font-size:14px}.mockFaq summary::-webkit-details-marker{display:none}
.shopSite .mockClosing{position:relative;isolation:isolate;overflow:hidden;padding:28px var(--gutter);padding-left:max(18vw,calc((100vw - 1040px)/2));min-height:135px;background:#e0f5ff;gap:20px}.mockClosing h2{font-size:clamp(28px,3.1vw,47px)}.mockClosing .waterBackdrop{opacity:.35}.closingTowels{position:absolute;left:0;bottom:0;width:18%;z-index:-1}.mockClosing p{font-size:17px}.mockClosing .market{font-size:14px;min-height:42px;padding:10px 15px}.mockFooter{max-width:none;padding:22px var(--gutter);gap:45px}.mockFooter>div{padding-left:30px}.mockFooter p{font-size:11px;max-width:400px}.mockFooter small{font-size:10px;max-width:230px}.shopSite .draft{font-size:10px;padding:5px}
@media(min-width:1800px){.defaultHero .heroWords{max-width:850px}.heroWords h1{font-size:86px}}
@media(max-width:850px){.shopSite{--gutter:20px}.shopHeader{padding:14px 20px;min-height:65px}.shopHeader nav{margin:0}.brandOval{font-size:19px}.shopSite main>section{padding:28px 20px}.shopSite .mockHero{min-height:0;padding:35px 20px;grid-template-columns:1fr}.shopSite .defaultHero{background-position:64% center;min-height:540px;display:flex;align-items:flex-end;padding-top:290px}.defaultHero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#effaff 0%,#effafff0 33%,transparent 62%)}.defaultHero .heroWords{padding:0;max-width:100%;width:100%}.heroWords h1{font-size:40px;text-wrap:initial}.heroWords p{font-size:19px;max-width:330px}.market{font-size:14px;padding:11px 14px;min-height:44px;gap:7px}.marketButtons{gap:9px}.trustStrip{padding:20px;gap:18px}.trustStrip>div+div{padding-left:0}.roundIcon{width:48px;height:48px}.roundIcon svg{width:27px;height:27px}.trustStrip b{font-size:15px}.trustStrip small{font-size:13px;max-width:none}.mockBenefits{grid-template-columns:1fr;gap:22px}.shopSite h2{font-size:34px}.mockBenefits p{font-size:16px}.stainList li{font-size:16px}.shopSite .mockProducts{padding:28px 20px;grid-template-columns:1fr;gap:15px}.productIntro p{font-size:16px;max-width:none}.sizeImages{gap:10px}.sizeImages>div{min-width:0}.sizeImages>div:first-child>.photoSlice{max-width:145px}.sizeImages>div:last-child>.photoSlice{max-width:180px}.sizeImages b{font-size:14px}.compact .market{font-size:11px;min-height:32px;padding:7px 8px;gap:4px}.compact .market svg{width:15px;height:15px}.compact .market>.icon-arrow{display:none}.sizeImages .marketButtons{flex-direction:column;align-items:center}.productDetails{padding:0;margin-top:15px}.shopSite .mockHow{padding:25px 20px}.mockHow>p{font-size:14px}.usageGrid{grid-template-columns:1fr;gap:10px;padding:8px}.usageGrid article{display:grid;grid-template-columns:1fr 1fr;gap:3px}.usageGrid article+article{border:0;border-top:1px solid #e1eaf4;padding-top:8px}.usageGrid article>div:last-child{padding:8px;gap:8px}.usageGrid article>div:last-child>span{width:30px;height:30px;font-size:16px}.usageGrid h3{font-size:18px}.usageGrid p{font-size:12px}.mockVideo{grid-template-columns:1fr;gap:20px}.mockVideo h2{font-size:34px}.mockVideo p{font-size:16px}.reviewGrid{grid-template-columns:1fr}.reviewPlaceholder{min-height:80px}.shopSite .mockFaq{grid-template-columns:1fr;gap:10px;padding:25px 20px}.mockFaq h2{font-size:28px}.shopSite .mockClosing{display:block;padding:30px 20px 30px 90px;min-height:190px}.closingTowels{width:85px}.mockClosing h2{font-size:28px}.mockClosing p{font-size:14px}.mockClosing .marketButtons{margin-top:18px}.mockClosing .market{font-size:12px;padding:8px 10px}.mockFooter{padding:25px 20px;gap:20px}.mockFooter>div{padding-left:0}.mockFooter small{max-width:none}.customHero .heroWords{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.market:hover{transform:none}}
.customHero .heroWords{max-width:100%}
.productDetails summary{cursor:pointer;font-size:12px;color:#426788;padding:5px 0}.productDetails[open]{padding-bottom:12px}.productDetails h3{margin-top:8px}.productDetails .editableSizes{padding-left:18px;margin:8px 0;font-size:12px;color:#4b6990}
/* v1.1.1: show the complete hero image vertically, including the jar lid. */
.shopSite .defaultHero{background-size:auto 100%;background-position:right top}
@media(max-width:850px){.shopSite .defaultHero{background-size:auto 320px;background-position:right top}}
/* v1.1.2: centered hero with equal white margins and the photo's own ratio. */
.shopSite .mockHero{width:calc(100% - 64px);max-width:1280px;margin:20px auto 24px;padding:clamp(24px,3vw,44px);border-radius:12px;min-height:0}
.shopSite .defaultHero{aspect-ratio:2022/778;background-size:100% auto;background-position:center top;display:flex;align-items:center}
.defaultHero .heroWords{padding-top:0;max-width:64%}
.defaultHero .heroWords h1{font-size:clamp(32px,4vw,58px);line-height:1.05}
.defaultHero .heroWords p{font-size:clamp(17px,1.6vw,23px);max-width:460px}
@media(max-width:850px){
 .shopSite .mockHero{width:calc(100% - 32px);margin:12px auto 20px;padding:24px;border-radius:10px}
 .shopSite .defaultHero{aspect-ratio:auto;background-size:100% auto;display:block;padding-top:calc((100vw - 32px)*778/2022 + 18px)}
 .defaultHero:before{display:none}
 .defaultHero .heroWords{max-width:100%;padding:0}
 .defaultHero .heroWords h1{font-size:clamp(30px,6vw,40px)}
 .defaultHero .heroWords p{font-size:18px;max-width:none}
}

.brandLogo{display:inline-flex;align-items:center;flex-shrink:0}.brandLogo img{width:140px;height:50px;object-fit:contain}.mockFooter .brandLogo img{width:140px;height:50px}@media(max-width:850px){.brandLogo img{width:115px;height:42px}}

.shopSite button.market{font-family:inherit;border:0}.shopSite .market:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}

.guidePreview{position:relative;display:block}.guidePlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#07599ddd;color:white;font-size:26px}.guideVideoDialog{padding:0;border:0;border-radius:16px;background:#081a30;color:#fff;width:min(420px,calc(100vw - 32px),calc((100dvh - 110px)*9/16));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 80px #0006}.guideVideoDialog::backdrop{background:#031329cc}.guideDialogHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}.guideDialogHeader h2{font-size:16px;margin:0;color:white}.guideClose{border:0;background:transparent;color:white;font-size:32px;width:40px;height:40px;cursor:pointer}.guideClose:focus-visible{outline:2px solid white}.guidePortraitVideo{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#000}.guideModalOpen{overflow:hidden}

.guideVideoDialog{background:#fff;color:#123c69;padding:12px}.guideDialogHeader h2{color:#123c69}.guideClose{color:#123c69}.guideClose:focus-visible{outline-color:#123c69}.guidePortraitVideo{border-radius:10px}.guideVideoDialog::backdrop{background:#20354e80}

/* Each active product is one package, with purchase buttons always visible. */
.shopSite .sizeProductGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.shopSite .sizeProduct{min-width:0;text-align:center;margin:0}
.packagePhoto{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px}
.packagePhoto>img{display:block;width:100%;height:100%;object-fit:contain}
.packagePhoto>.photoSlice{max-width:65%;margin:auto}
.shopSite .sizeProduct .packageName{font-size:18px;line-height:1.35;margin:14px 0 8px;letter-spacing:-.025em}
.packagePrice{display:block;margin-bottom:10px}
.shopSite .sizeProduct>.marketButtons{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;margin:10px 0 0}
.shopSite .sizeProduct>.marketButtons .market{flex:1;min-width:0;font-size:12px;padding:10px 8px;gap:5px}
.shopSite .sizeProduct>.productDetails{padding:0;text-align:left;margin:12px 0 0}
@media(max-width:850px){.shopSite .sizeProductGrid{gap:14px}.shopSite .sizeProduct .packageName{font-size:15px}.shopSite .sizeProduct>.marketButtons .market{font-size:11px;padding:9px 5px}.shopSite .sizeProduct>.marketButtons .icon-arrow{display:none}}
@media(max-width:420px){.shopSite .sizeProduct>.marketButtons{flex-direction:column}.shopSite .sizeProduct>.marketButtons .market{width:100%}}

.benefitPhoto{width:100%;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center}.benefitPhoto img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}

.guideOverlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;width:90%;pointer-events:none}.guideOverlay .guidePlay{position:static;transform:none;background:#27354388;border:2px solid #fff;box-shadow:0 3px 12px #0003}.guideCaption{color:#fff;font-size:18px;font-weight:700;text-align:center;text-shadow:0 2px 5px #000,0 0 12px #0008;line-height:1.3}@media(max-width:600px){.guideCaption{font-size:15px}.guideOverlay .guidePlay{width:52px;height:52px;font-size:22px}}

.usageStepImage{display:block;width:100%;aspect-ratio:2/1;object-fit:contain;background:#f3faff;border:5px solid white;border-radius:12px}
.shopSite .reviewGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.shopSite .reviewGrid article{padding:12px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 22px #103c5908}
.shopSite .reviewMedia{display:flex;flex-direction:column;align-items:stretch;gap:0}
.shopSite .reviewMedia img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;border-radius:10px}
.shopSite .reviewMedia>span{display:block;padding:13px 8px 5px;font-size:14px;font-weight:600;color:#07599d;text-align:center}
.shopSite .reviewGrid b{font-size:14px;padding:0 8px}
.shopSite .reviewGrid small{font-size:12px;line-height:1.5;padding:0 8px 5px}
@media(max-width:1000px){.shopSite .reviewGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){.shopSite .reviewGrid{grid-template-columns:minmax(0,1fr);gap:18px}.shopSite .reviewGrid article{padding:10px}}
.shopSite .reviewShowcase{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:35px;padding-bottom:40px}
.reviewSlider{min-width:0}.reviewTrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;scrollbar-width:none}.reviewTrack::-webkit-scrollbar{display:none}.reviewSlide{flex:0 0 100%;min-width:0;scroll-snap-align:start}.reviewSlide .reviewMedia{display:flex;flex-direction:column;text-align:center;gap:10px}.reviewSlide img{width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:16px;margin:0}.reviewSlide blockquote{min-width:0;border:0;font-size:16px}.reviewControls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.reviewControls>button{width:44px;height:44px;border:1px solid #cfe3f4;border-radius:50%;background:white;color:#07599d;font-size:30px}.reviewDots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.reviewDots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#c5d8e8}.reviewDots button[aria-current=true]{background:#087eae}.reviewSales{display:block;font-family:Manrope,sans-serif;font-size:clamp(38px,4.5vw,66px);font-weight:800;letter-spacing:-.04em;color:#087eae;overflow-wrap:anywhere}.reviewSummary h2{font-size:clamp(25px,2.7vw,38px);line-height:1.25}.reviewSummary p{font-size:17px}.reviewSummary .marketButtons{margin-top:24px}
@media(max-width:850px){.shopSite .reviewShowcase{grid-template-columns:1fr;gap:24px}.reviewSummary{grid-row:1}.reviewSlide img{max-height:none}.reviewSales{font-size:clamp(36px,9vw,60px)}}
.shopSite .reviewShowcase{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
.reviewShowcase .reviewSummary{grid-column:1;grid-row:1}
.reviewShowcase .reviewSlider{grid-column:2;grid-row:1}
@media(max-width:850px){.shopSite .reviewShowcase{grid-template-columns:1fr}.reviewShowcase .reviewSummary{grid-column:1;grid-row:1}.reviewShowcase .reviewSlider{grid-column:1;grid-row:2}}
.benefitCategoryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.benefitCategoryGrid figure{margin:0;min-width:0}.benefitCategoryGrid img{display:block;width:100%;height:auto;object-fit:contain;border-radius:16px}.benefitCategoryFooter{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px}.benefitCategoryFooter h2{font-size:30px;margin:0 0 8px}.benefitCategoryFooter p{margin:0}.benefitCategoryFooter .marketButtons{flex-shrink:0}@media(max-width:850px){.benefitCategoryGrid{grid-template-columns:1fr;gap:18px}.benefitCategoryFooter{flex-direction:column;align-items:flex-start}}

/* FAQ: full-width accordion beneath a centered heading. */
.shopSite .mockFaq{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;padding-top:60px;padding-bottom:60px;align-items:start}
.shopSite .mockFaq h2{font-size:clamp(32px,3.5vw,48px);line-height:1.2;text-align:center;margin:0;white-space:normal}
.shopSite .mockFaq>div{width:100%;min-width:0}
.shopSite .mockFaq details{padding:0;margin:0 0 16px;border:1px solid #d7e7f2;border-radius:10px;background:#fff;overflow:hidden}
.shopSite .mockFaq details:last-child{margin-bottom:0}
.shopSite .mockFaq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:20px 26px;font-size:22px;font-weight:600;line-height:1.45;list-style:none;cursor:pointer;color:#062f62}
.shopSite .mockFaq summary::marker{content:''}
.shopSite .mockFaq summary::-webkit-details-marker{display:none}
.shopSite .mockFaq summary:hover{background:#f2faff}
.shopSite .mockFaq summary:focus-visible{outline:3px solid #168ad1;outline-offset:-3px}
.shopSite .mockFaq summary span{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;font-size:0;background:none;border:0;border-radius:0}
.shopSite .mockFaq summary span::after{content:'';display:block;width:10px;height:10px;border-right:2px solid #087eae;border-bottom:2px solid #087eae;transform:rotate(45deg);transition:transform .2s ease}
.shopSite .mockFaq details[open] summary{background:#f2faff}
.shopSite .mockFaq details[open] summary span::after{transform:rotate(225deg)}
.shopSite .mockFaq details p{padding:18px 26px 24px;margin:0;border-top:1px solid #e3edf5;font-size:18px;line-height:1.7;color:#4b6990}
@media(max-width:600px){.shopSite .mockFaq{gap:24px;padding:38px 20px}.shopSite .mockFaq h2{font-size:32px}.shopSite .mockFaq details{margin-bottom:12px}.shopSite .mockFaq summary{min-height:64px;padding:17px 18px;font-size:18px;gap:16px}.shopSite .mockFaq details p{padding:16px 18px 20px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.shopSite .mockFaq summary span::after{transition:none}}

/* Initial conversion revision: clear package descriptions and mobile selection. */
.shopSite .packageDescription{font-size:15px;line-height:1.6;text-align:left;margin:14px 0 0;overflow-wrap:anywhere}
.shopSite .purchaseHint{grid-column:1/-1;font-size:14px;line-height:1.5;text-align:center;margin:12px 0 0}
.mobilePurchaseBar{display:none}
@media(max-width:850px){.shopSite{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.mobilePurchaseBar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #d7e7f2;box-shadow:0 -4px 20px #062f6212}.mobilePurchaseBar>span{font-size:14px;font-weight:600;color:#062f62}.mobilePurchaseBar .shopNow{min-height:48px;padding:12px 24px}.shopSite #produk{scroll-margin-top:24px}.guideModalOpen .mobilePurchaseBar{display:none}}