/* Ferave — Atlas edition, November 2026. Moroccan argan palette. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap');
:root{
  --cream:#f7f0e3;      /* page */
  --parchment:#efe4cf;  /* panels */
  --sand:#e6d6b8;
  --argan:#c08a35;      /* argan gold */
  --argan-deep:#8e6020;
  --terracotta:#a9532f; /* primary action */
  --terracotta-deep:#8a4123;
  --olive:#6b7348;
  --sage:#a4ab86;
  --cedar:#3b2a1f;      /* deep cedar brown */
  --ink:#2e2219;
  --muted:#6f6052;
  --line:#dccbad;
  --white:#fffaf1;
  --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 Jost,system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.02;margin:0 0 22px;letter-spacing:-.02em}
h1{font-size:clamp(46px,6vw,84px)}h2{font-size:clamp(36px,4.2vw,58px)}h3{font-size:30px}
h1 i,h2 i{color:var(--terracotta);font-weight:400}
p{margin:0 0 20px}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:not(.button):hover{color:var(--terracotta)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}
img{display:block;width:100%;height:auto}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--argan);outline-offset:3px}
.skip{position:absolute;left:12px;top:-60px;background:var(--cedar);color:var(--white);padding:10px 16px;z-index:20;border-radius:6px}
.skip:focus{top:12px}
.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.22em;font-weight:500;color:var(--argan-deep);margin-bottom:18px}
.small{font-size:13px;color:var(--muted);margin-top:14px}
.lede{font-size:18px;color:var(--muted);max-width:480px}

/* top bar + header */
.topline{background:var(--cedar);color:#f3e5c8;display:flex;justify-content:space-between;gap:20px;padding:9px 5%;font-size:12px;letter-spacing:.08em}
.topline a{color:#f3e5c8;text-decoration:none}
.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:20px 5%;background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.site-header nav{display:flex;gap:26px;font-size:14px;align-items:center}
.site-header nav a{text-decoration:none}
.site-header nav a[aria-current="page"]{color:var(--terracotta);text-decoration:underline}
.nav-right{justify-content:flex-end}
.logo{display:block;text-align:center;text-decoration:none;color:var(--cedar)}
.logo-word{display:block;font:500 28px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.32em;margin-right:-.32em}
.logo-sub{display:block;font-size:8px;letter-spacing:.26em;margin-top:7px;color:var(--argan-deep)}
.bag-link{display:inline-flex;align-items:center;gap:8px}
.bag-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--parchment);font-size:12px}
.bag-count.has{background:var(--terracotta);color:var(--white)}

/* buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:14px 28px;background:var(--terracotta);color:var(--white);border:1px solid var(--terracotta);border-radius:999px;font:500 14px Jost,sans-serif;letter-spacing:.04em;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.button:hover{background:var(--terracotta-deep);border-color:var(--terracotta-deep)}
.button:active{transform:translateY(1px)}
.button.ghost{background:transparent;color:var(--cedar);border-color:var(--cedar)}
.button.ghost:hover{background:var(--cedar);color:var(--white)}
.button.light{background:var(--argan);border-color:var(--argan);color:var(--cedar)}
.button.light:hover{background:#d39c45}
.button:disabled:hover{background:var(--terracotta)}

/* hero */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:60px 5% 70px;background:radial-gradient(ellipse at 85% 20%,#f1d9a8 0,transparent 55%),linear-gradient(180deg,var(--cream),var(--parchment))}
.hero h1{font-size:clamp(54px,7vw,104px);line-height:.95;margin-bottom:26px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 36px}
.hero-facts{display:flex;gap:36px;list-style:none;padding:24px 0 0;margin:0;border-top:1px solid var(--line)}
.hero-facts b{display:block;font:500 30px 'Cormorant Garamond',serif;color:var(--cedar)}
.hero-facts span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.arch{border-radius:999px 999px var(--radius) var(--radius);overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 60px -30px #3b2a1f80;border:6px solid var(--white)}
.arch img{height:100%;object-fit:cover;object-position:60% center}
.service-strip{display:flex;justify-content:space-around;flex-wrap:wrap;gap:12px 24px;padding:16px 5%;background:var(--olive);color:#f6efdd;font-size:13px;letter-spacing:.06em}
.service-strip a{color:#fff}

/* sections */
.section{padding:80px 5%}
.section-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 20px;margin-bottom:38px}
.section-heading .eyebrow{grid-column:1/-1;margin:0}
.section-heading h2{margin:0}
.section-heading>a{font-size:14px;text-decoration:none;border-bottom:1px solid;padding-bottom:3px}

.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.area{display:flex;flex-direction:column;gap:6px;padding:28px 26px 30px;min-height:190px;background:var(--parchment);border:1px solid var(--line);border-radius:120px 120px var(--radius) var(--radius);text-decoration:none;justify-content:flex-end;transition:background .2s,transform .2s}
.area:hover{background:var(--sand);transform:translateY(-3px);color:inherit!important}
.area-num{font-size:12px;letter-spacing:.2em;color:var(--argan-deep)}
.area b{font:500 30px 'Cormorant Garamond',serif;color:var(--cedar)}
.area>span:last-child{font-size:13px;color:var(--muted)}
.area-set{background:var(--cedar);border-color:var(--cedar)}
.area-set b{color:#f3e5c8}.area-set>span{color:#d9c39a!important}
.area-set:hover{background:#4a3627}

/* product cards */
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 26px}
.products.four{grid-template-columns:repeat(4,1fr)}
.product a{display:block;text-decoration:none;color:inherit}
.pack{width:100%;aspect-ratio:1;background-image:url('assets/ferave-products.jpg');background-size:300% 200%;background-repeat:no-repeat;background-color:var(--parchment);border-radius:var(--radius);transition:transform .35s,box-shadow .35s}
.tile-0{background-position:0 0}.tile-1{background-position:50% 0}.tile-2{background-position:100% 0}
.tile-3{background-position:0 100%}.tile-4{background-position:50% 100%}.tile-5{background-position:100% 100%}
.tile-6{background-image:url('assets/ferave-ritual.jpg');background-size:cover;background-position:center}
.product a:hover .pack{transform:translateY(-4px);box-shadow:0 22px 40px -24px #3b2a1f90}
.product-caption{display:flex;justify-content:space-between;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin:18px 0 8px;color:var(--argan-deep)}
.product h3{font-size:36px;margin:0 0 6px;color:var(--cedar)}
.product a:hover h3{color:var(--terracotta)}
.product p{font-size:14px;color:var(--muted);margin-bottom:16px}
.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;font-size:14px}
.amount{font-weight:500;font-size:16px}
.more{color:var(--terracotta)}

/* feature */
.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:20px 5% 30px;background:var(--cedar);color:#f3e5c8;border-radius:calc(var(--radius) * 2);overflow:hidden}
.feature-art .pack{border-radius:0;aspect-ratio:1;min-height:100%}
.feature-copy{padding:50px 12%}
.feature-copy .eyebrow{color:var(--argan)}
.feature-copy h2{font-size:clamp(48px,5.5vw,80px);color:#fbf1dc}
.feature-copy h2 i{color:var(--argan)}
.feature-copy .small{color:#cdb894}
.feature-price{font-size:20px;border-top:1px solid #ffffff30;padding-top:20px;margin-bottom:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.feature-price strong{font:500 38px 'Cormorant Garamond',serif;color:#fff}
s{color:var(--muted);font-size:.8em}
.feature s{color:#bfa77d}
.save{display:inline-block;background:var(--olive);color:#fff;font-size:12px;letter-spacing:.08em;padding:4px 12px;border-radius:999px;text-transform:uppercase}

/* why */
.why{background:var(--parchment)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.why-grid article{background:var(--cream);padding:34px;border-radius:var(--radius);border:1px solid var(--line)}
.why-icon{color:var(--argan);font-size:18px}
.why-grid h3{margin:14px 0 12px;color:var(--cedar)}
.why-grid p{color:var(--muted);font-size:15px;margin:0}

/* care editorial */
.care-editorial{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:90px 10%;align-items:center}
.care-image{border-radius:999px 999px var(--radius) var(--radius);overflow:hidden;max-height:640px}
.care-image img{height:620px;object-fit:cover}
.care-editorial-copy>p:not(.eyebrow){color:var(--muted);max-width:380px}
.care-links{margin:24px 0}
.care-links a{display:flex;align-items:center;gap:18px;padding:17px 0;border-top:1px solid var(--line);text-decoration:none;font-size:16px}
.care-links a:last-child{border-bottom:1px solid var(--line)}
.care-links span{font-size:12px;color:var(--argan-deep)}
.care-links b{margin-left:auto;font-weight:400;color:var(--terracotta)}
.text-link{font-size:13px;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid;padding-bottom:3px}

/* details / faq */
details{border-top:1px solid var(--line);padding:18px 0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:500;font-size:16px}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';color:var(--terracotta);font-size:20px;line-height:1}
details[open] summary:after{content:'−'}
details>*:not(summary){margin-top:14px}
details p,details li{color:var(--muted);font-size:15px}
.faq-list{max-width:860px}

/* page title */
.page-title{text-align:center;padding:70px 6% 40px;background:linear-gradient(180deg,var(--parchment),var(--cream))}
.page-title p:last-child{color:var(--muted)}
.page-title.compact{text-align:left;padding:50px 5% 20px}
.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}
.chips a{padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:var(--white);text-decoration:none;font-size:14px}
.chips a:hover{border-color:var(--terracotta)}
.collection-group{padding-top:40px;padding-bottom:30px;scroll-margin-top:110px}

/* product page */
.crumbs{display:flex;gap:10px;padding:22px 5% 0;font-size:13px;color:var(--muted)}
.crumbs a{text-decoration:none}
.product-detail{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;padding:26px 5% 50px;align-items:start}
.product-gallery{position:sticky;top:120px}
.product-gallery .pack{border-radius:calc(var(--radius) * 1.5)}
.product-info h1{font-size:clamp(52px,6vw,84px);margin-bottom:10px;color:var(--cedar)}
.price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:22px 0}
.price>span:first-child{font:500 34px 'Cormorant Garamond',serif;color:var(--ink)}
.price small{color:var(--muted);font-size:12px}
.product-info .add{width:100%;min-height:58px;font-size:15px}
#added{min-height:22px;margin-top:10px;font-size:14px}
.assure{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;margin:14px 0 28px}
.assure li{background:var(--parchment);border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.45;color:var(--muted)}
.assure b{display:block;color:var(--cedar);font-weight:500;font-size:13px}
.product-story{padding-top:24px;border-top:1px solid var(--line);margin-bottom:10px}
.product-story h2{font-size:36px;margin-bottom:14px}
.product-story p{color:var(--muted)}
.ticks{list-style:none;padding:0;margin:0 0 20px}
.ticks li{position:relative;padding-left:26px;margin-bottom:8px;font-size:15px}
.ticks li:before{content:'';position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50% 50% 50% 0;background:var(--argan);transform:rotate(-45deg)}
.steps{padding-left:22px;margin:0}
.steps li{margin-bottom:8px;padding-left:4px}
.steps li::marker{color:var(--terracotta);font-weight:600}
.inside{background:var(--parchment)}
.pairs .products{grid-template-columns:repeat(3,1fr)}

/* payment marks */
.sprite{overflow:hidden}
.pay-marks{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;list-style:none;margin:14px 0 0;padding:0}
.pay-marks li{display:flex;line-height:0}
.pm{width:46px;height:auto;aspect-ratio:50/32;display:block;border-radius:4px}

/* bag */
.cart-section{max-width:960px;margin:0 auto;padding-top:20px;min-height:35vh}
.cart-item{display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}
.cart-item .pack{border-radius:10px}
.cart-item h3{font-size:28px;margin:0}
.cart-item .type{font-size:13px;color:var(--muted);margin:0 0 8px}
.cart-item p{margin:0;font-size:14px}
.quantity{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;margin-right:14px}
.quantity button{background:none;border:0;width:36px;height:36px;font-size:18px}
.quantity span{min-width:24px;text-align:center}
.remove{background:none;border:0;text-decoration:underline;font-size:13px;color:var(--muted);padding:6px 0}
.totals{margin-top:24px}
.totals>div{display:flex;justify-content:space-between;padding:6px 0;font-size:15px}
.totals .total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;font-size:20px}
.checkout-btn{margin-top:20px;width:100%}
.empty{text-align:center;padding:30px 0 60px}

/* checkout */
.checkout{display:grid;grid-template-columns:1.35fr 1fr;gap:6%;padding:0 5% 80px;align-items:start}
.step{border-top:1px solid var(--line);padding:28px 0 10px}
.step h2{font-size:32px;display:flex;align-items:center;gap:16px}
.step h2>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cedar);color:var(--argan);font:500 12px Jost,sans-serif}
label{display:block;font-size:14px;margin-bottom:18px}
input,select,textarea{display:block;width:100%;min-height:48px;padding:12px 14px;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--argan);outline-offset:0;border-color:var(--argan)}
input:disabled{background:#efe7d8}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.fields.three{grid-template-columns:1.4fr 1fr 1fr}
.check{display:flex;gap:12px;align-items:flex-start;font-size:14px}
.check input{width:18px;height:18px;min-height:0;flex:none;margin-top:3px;accent-color:var(--terracotta)}
.ship-option{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--argan);border-radius:10px;background:#fbf3e2;margin-bottom:16px}
.ship-option small{color:var(--muted)}
.payment-label{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:18px;background:var(--parchment);font-size:14px}
.notice{background:#f6e3d6;border-left:3px solid var(--terracotta);padding:12px 16px;border-radius:6px;font-size:14px}
.place{width:100%;margin-top:6px;min-height:58px;font-size:15px}
.checkout aside{background:var(--parchment);border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:sticky;top:120px}
.checkout aside .cart-item{grid-template-columns:56px 1fr auto;gap:12px;padding:14px 0}
.checkout aside .cart-item h3{font-size:22px}
.aside-notes{list-style:none;padding:0;margin:20px 0 0;font-size:13px;color:var(--muted)}
.aside-notes li:before{content:'✓ ';color:var(--olive)}
.phone{display:block;margin-top:4px}

/* documents */
.document{max-width:860px;margin:0 auto;padding:10px 30px 80px;line-height:1.8}
.document section{border-top:1px solid var(--line);padding-top:26px;margin-top:30px;scroll-margin-top:110px}
.document h2{font-size:34px;line-height:1.15;color:var(--cedar)}
.document p,.document li{overflow-wrap:anywhere}
.document li{margin-bottom:8px}
.document a{color:var(--terracotta-deep)}
.policy-contents{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;border:1px solid var(--line);background:var(--parchment);border-radius:var(--radius);padding:24px 28px;font-size:14px}
.policy-contents strong{grid-column:1/-1;font-size:16px;margin-bottom:6px}
.policy-contents a{text-decoration:none}
.policy-contact{background:var(--parchment);border-radius:10px;padding:16px 20px;margin-top:16px}
.faq section{border-top:0}
.faq h2{font-size:30px;margin-bottom:8px}
.faq details:last-of-type{border-bottom:1px solid var(--line)}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:80px 8%}
.contact>div>p:not(.eyebrow):not(.small){color:var(--muted);max-width:440px}
.contact-list{list-style:none;padding:0;margin:26px 0}
.contact-list li{padding:14px 0;border-top:1px solid var(--line);font-size:16px}
.contact-list span{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--argan-deep)}
.email-form{background:var(--parchment);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.email-form .button{width:100%}

/* footer */
.site-footer{background:var(--cedar);color:#e9d9bb;padding:64px 5% 26px;margin-top:40px;background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,transparent 0);background-size:22px 22px}
.footer-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:46px;border-bottom:1px solid #ffffff22}
.footer-intro .eyebrow{color:var(--argan)}
.footer-intro h2{margin:0;color:#fbf1dc;font-size:clamp(34px,4vw,50px)}
.footer-intro h2 i{color:var(--argan)}
.footer-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding:46px 0;font-size:14px}
.footer-cols .logo{text-align:left;color:#fbf1dc;display:inline-block;margin-bottom:16px}
.footer-cols .logo-word{margin-right:0}
.footer-cols .logo-sub{color:var(--argan)}
.footer-cols h3{font:500 12px Jost,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--argan);margin-bottom:16px}
.footer-cols a:not(.logo){display:block;margin-bottom:8px;text-decoration:none}
.footer-cols a:not(.logo):hover{color:#fff}
address{font-style:normal;margin:0 0 14px;color:#cdb894}
.disclaimer{font-size:12px;color:#bfa77d;border-top:1px solid #ffffff22;padding-top:20px;max-width:900px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff22;padding-top:20px}
.copyright{font-size:12px;margin:0;color:#cdb894}
.footer-bottom .pay-marks{margin:0;justify-content:flex-end}

#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--cedar);color:#fbf1dc;padding:14px 26px;border-radius:999px;font-size:14px;z-index:30;transition:opacity .25s,transform .25s;box-shadow:0 14px 30px -12px #0008}
#toast.show{opacity:1;transform:translate(-50%,0)}

@media(min-width:1800px){body{max-width:1900px;margin:0 auto}}
@media(max-width:1000px){
  .site-header nav{gap:16px;font-size:13px}
  .areas{grid-template-columns:repeat(2,1fr)}
  .products.four{grid-template-columns:repeat(2,1fr)}
  .care-editorial{padding:70px 6%;gap:6%}
  .care-image img{height:520px}
  .feature-copy{padding:40px 8%}
}
@media(max-width:760px){
  body{font-size:15px}
  .topline{justify-content:center;font-size:11px}.topline-mid,.topline a{display:none}
  .site-header{grid-template-columns:1fr 1fr;gap:12px;padding:14px 5%}
  .logo{grid-column:1/-1;grid-row:1}
  .logo-word{font-size:24px}.logo-sub{font-size:7px}
  .site-header nav{grid-row:2;gap:14px;font-size:13px;flex-wrap:wrap}
  .nav-left a[href="ritual.html"]{display:none}
  .hero{grid-template-columns:1fr;padding:34px 6% 46px;gap:30px}
  .hero-photo{order:-1}
  .arch{aspect-ratio:1/1;border-width:4px}
  .hero h1{font-size:clamp(46px,13vw,64px)}
  .hero-actions .button{flex:1 1 100%}
  .hero-facts{gap:22px}.hero-facts b{font-size:24px}.hero-facts span{font-size:10px}
  .service-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:12px}
  .section{padding:50px 5%}
  .section-heading{display:block}.section-heading h2{margin:10px 0 12px}
  .areas{gap:12px}.area{min-height:150px;padding:20px 18px}.area b{font-size:24px}
  .products,.pairs .products{grid-template-columns:repeat(2,1fr);gap:30px 14px}
  .product h3{font-size:27px}.product p{font-size:13px;line-height:1.5}
  .product-caption{font-size:9px;letter-spacing:.08em}.product-caption span:last-child{display:none}
  .feature{grid-template-columns:1fr;margin:10px 5% 20px}
  .feature-copy{padding:34px 8%}
  .why-grid{grid-template-columns:1fr;gap:14px}
  .care-editorial{grid-template-columns:1fr;gap:30px;padding:50px 6%}
  .care-image img{height:400px}
  .page-title{padding:46px 6% 28px}
  .product-detail{grid-template-columns:1fr;gap:20px;padding:16px 5% 30px}
  .product-gallery{position:static}
  .assure{grid-template-columns:1fr}
  .checkout{display:flex;flex-direction:column;padding:0 5% 50px;gap:24px}
  .checkout aside{position:static;order:-1;width:100%;padding:20px}
  .checkout form{width:100%}
  .fields,.fields.three{grid-template-columns:1fr}
  .cart-item{grid-template-columns:64px 1fr auto;gap:12px}
  .cart-item h3{font-size:22px}
  .quantity{margin:0 0 6px}
  .contact{grid-template-columns:1fr;padding:46px 6%;gap:30px}
  .email-form{padding:22px}
  .policy-contents{grid-template-columns:1fr;padding:20px}
  .document{padding:10px 6% 60px}.document h2{font-size:28px}
  .footer-intro{flex-direction:column;align-items:flex-start}
  .footer-cols{grid-template-columns:1fr 1fr;gap:28px 18px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{flex-direction:column-reverse;align-items:flex-start}
  .footer-bottom .pay-marks{justify-content:flex-start}
  .pm{width:42px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}