/* Same typography as the main Dev By Ghani website. */
:root{--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}
body{font-family:var(--body)}
h1,h2,h3,.store-hero-copy h1,.product-hero h1,.store-section h2,.footer-promise h2{font-family:var(--display);font-weight:700;line-height:1.08;letter-spacing:-.045em}
.store-hero-copy h1{font-size:clamp(46px,5.4vw,82px);line-height:1.03}
.product-hero h1{font-size:clamp(38px,4.3vw,66px);line-height:1.07}
.store-section h2,.footer-promise h2{font-size:clamp(30px,3.6vw,52px)}
.product-body h3{font-size:clamp(24px,2.3vw,34px);line-height:1.15}
.modern-hero{max-width:1600px;min-height:0;padding-top:48px;padding-bottom:48px;grid-template-columns:1fr 1.1fr;gap:50px}
.modern-hero h1 span{color:var(--wine)}
.modern-hero .store-hero-copy>p:not(.store-kicker){font-size:18px;max-width:490px}
.hero-inclusions{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--graphite);margin-top:22px}
.hero-inclusions span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--wine);margin:0 8px 2px 0}
.hero-gallery{background:#e8e5de;border:1px solid #dad6cd;padding:14px;border-radius:18px;box-shadow:0 28px 65px #08080812;animation:gallery-arrive .8s ease-out both}
.hero-gallery-top{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--graphite);padding:3px 3px 14px}.hero-gallery-top>span:last-child{margin-left:auto;letter-spacing:.15em}
.availability-dot{width:6px;height:6px;border-radius:50%;background:var(--wine)}
.hero-feature{display:block;position:relative;border-radius:10px;overflow:hidden;background:#16120e;text-decoration:none}
.hero-feature>img{width:100%;height:330px;display:block;object-fit:cover;object-position:center 34%;transition:transform .7s}
.hero-feature:hover>img{transform:scale(1.025)}
.hero-feature>div{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:4px;background:#f7f5f0;padding:14px 16px;border-radius:7px;box-shadow:0 5px 20px #0002}
.hero-feature>div>span:first-child{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine)}
.hero-feature b{font-family:var(--display);font-size:21px;letter-spacing:-.035em}.hero-feature-link{font-size:11px;color:var(--graphite)}
.hero-gallery-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.hero-gallery-bottom a{display:flex;gap:10px;align-items:center;background:var(--paper);border-radius:8px;text-decoration:none;overflow:hidden;font-size:11px;font-weight:700;transition:background .2s}
.hero-gallery-bottom a:hover{background:#fff}.hero-gallery-bottom img{width:85px;height:63px;object-fit:cover}
.store-button{border-radius:7px}.product-cta{border-radius:7px;min-height:48px}
.card-trust{flex-wrap:wrap;font-size:10px}.card-trust span:first-child{font-weight:700;color:var(--wine)}
.product-trust-strip{font-size:12px}
.included-benefit{padding:20px 24px;border:1px solid var(--line);border-radius:9px;background:#eeebe4;margin:24px 0}.included-benefit b{font-size:15px}.included-benefit p{margin:6px 0 0;font-size:13px;color:var(--graphite)}
.payment-options{border:1px solid var(--line);border-radius:8px;padding:16px;margin-top:16px;background:var(--paper)}.payment-options b{font-family:var(--display);font-size:14px}.payment-options p{font-size:12px;line-height:1.6;margin:7px 0 0;color:var(--graphite)}
.store-footer{background:#eeeae2;color:var(--ink);border-top:1px solid var(--line)}
.footer-promise{border-bottom-color:#cfc9bf}.footer-promise .store-kicker,.footer-main nav>b{color:var(--wine)}
.footer-promise>p:not(.store-kicker),.footer-brand p,.footer-bottom,.footer-trust{color:#57544e}
.footer-promise .store-button.light{background:var(--ink);color:#fff;border-color:var(--ink)}
.footer-brand{padding-top:3px}.footer-brand .site-logo:after{color:#111!important}
.footer-main nav a{color:#272621}.footer-trust{border-color:#cfc9bf}.footer-trust span+span{border-color:#cfc9bf}.footer-trust b{color:#111}
.footer-bottom{border-color:#cfc9bf}.footer-trust span{color:#57544e;border-color:#cfc9bf}
.mini-copy h3{line-height:1.06;font-size:clamp(36px,3.8vw,56px)}
.preview-stage.mobile .mini-copy h3{font-size:37px;line-height:1.06}
.quick-package{background:#eeeae2;border:1px solid var(--line);border-radius:9px;padding:18px;display:grid;gap:10px;margin-top:22px;max-width:520px}
.quick-package label{font-weight:700;font-size:13px}.quick-package select{width:100%;min-width:0;max-width:100%;padding:12px 9px;background:#fff;border:1px solid #c8c1b5;border-radius:5px;color:#111;font:inherit;font-size:12px}
.quick-package small{color:var(--graphite);font-size:11px}.quick-links{margin-top:16px;font-size:12px;gap:16px}.quick-links a{text-underline-offset:4px}
.product-cover img{display:block;height:auto;object-fit:contain}
.checkout-layout>*{min-width:0}.checkout-forms,.checkout-forms>div{min-width:0}
.review-details>div{display:grid;grid-template-columns:minmax(95px,.25fr) minmax(0,1fr);align-items:start}
.review-details dt,.review-details dd{min-width:0;overflow-wrap:anywhere;word-break:normal}.review-details dd{max-width:100%}
.review-details>div:last-child dd{text-align:left;font-weight:500}
.order-summary,.order-summary dd,.review-details,.checkout-trust{overflow-wrap:anywhere}
@media(max-width:650px){.review-details>div{grid-template-columns:1fr;gap:7px}.review-details dd{text-align:left}.quick-package{padding:14px}.quick-package select{font-size:11px}}
@keyframes gallery-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:980px){.modern-hero{grid-template-columns:1fr;gap:28px;padding-top:36px}.hero-gallery{max-width:680px;width:100%}.hero-feature>img{height:350px}.modern-hero h1{max-width:700px}.modern-hero .store-hero-copy>p:not(.store-kicker){max-width:650px}}
@media(max-width:650px){.modern-hero{padding:30px 20px;gap:28px}.store-hero-copy h1{font-size:45px}.product-hero h1{font-size:37px}.hero-feature>img{height:285px}.hero-gallery{padding:10px;border-radius:12px}.hero-gallery-top{font-size:9px}.hero-feature b{font-size:19px}.hero-gallery-bottom a{display:block;font-size:10px}.hero-gallery-bottom img{width:100%;height:82px}.hero-gallery-bottom span{display:block;padding:9px}.hero-inclusions{font-size:11px}.footer-brand .site-logo:after{color:#111!important}.included-benefit{padding:17px}}
@media(prefers-reduced-motion:reduce){.hero-gallery{animation:none}.hero-feature>img{transition:none}}