/*
Theme Name: ASHQA Store
Theme URI: https://ashqa.example.com
Author: ASHQA
Description: A static, self-contained storefront theme for ASHQA - handcrafted Indian & Pakistani ethnic, party and daily wear. All products are built into the theme; no WooCommerce or other plugin required. Bag checkout opens a pre-filled WhatsApp order.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ashqa
*/

:root{
  --pine:#1c2e27; --pine-deep:#14211c; --pine-700:#26382f; --pine-600:#33463c;
  --cream:#f5efe3; --ivory:#fbf8f1; --cream-200:#efe7d7; --stone:#e4dac6;
  --ink:#25231e; --muted:#6f6a5f; --line:#d9cfbd;
  --brass:#a9854e; --white:#ffffff;
  --maxw:1240px;
  --ff-serif:"Cormorant Garamond",Georgia,serif;
  --ff-sans:"Jost","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  padding-top:env(safe-area-inset-top);
  padding-bottom:env(safe-area-inset-bottom);
  box-sizing:border-box; color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:120px;}
body{margin:0; background:var(--cream); color:var(--ink); font-family:var(--ff-sans);
  font-weight:300; font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
body.locked{overflow:hidden;}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer; border:none; background:none; color:inherit;}
::selection{background:var(--pine); color:var(--cream);}
h1,h2,h3{font-family:var(--ff-serif); font-weight:500; margin:0; line-height:1.06;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}
.ar{font-family:"Noto Naskh Arabic","Amiri","Geeza Pro",serif;}

.ul{position:relative; display:inline-block; font-family:var(--ff-sans); font-weight:400;
  font-size:.72rem; letter-spacing:.22em; text-transform:uppercase; padding-bottom:7px; color:inherit;}
.ul::after{content:""; position:absolute; left:0; bottom:0; height:1px; width:100%;
  background:currentColor; transform:scaleX(1); transform-origin:left; transition:transform .5s var(--ease);}
.ul:hover::after{transform:scaleX(.35);}
.ul.short::after{width:44px;}

.btn{display:inline-block; font-family:var(--ff-sans); font-weight:400; font-size:.74rem;
  letter-spacing:.2em; text-transform:uppercase; padding:16px 36px; border:1px solid var(--pine);
  background:var(--pine); color:var(--cream); transition:background .4s var(--ease),color .4s var(--ease);}
.btn:hover{background:var(--pine-deep);}
.btn.ghost{background:transparent; border-color:currentColor;}
.btn.ghost:hover{background:var(--cream); color:var(--pine); border-color:var(--cream);}
.btn.block{display:block; width:100%; text-align:center;}
.btn.small{padding:12px 22px; font-size:.68rem;}

.announce{background:var(--pine-deep); color:var(--cream); text-align:center;
  font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; padding:10px 20px;}
.announce b{font-weight:500;}

.hdr{position:sticky; top:0; z-index:60; background:rgba(245,239,227,.9);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line); transition:padding .4s var(--ease);}
.hdr-in{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:22px 28px;}
.hdr.scrolled .hdr-in{padding:14px 28px;}
.nav{display:flex; gap:34px; align-items:center;}
.nav a{font-size:.74rem; letter-spacing:.18em; text-transform:uppercase; color:var(--pine); position:relative; padding:4px 0;}
.nav a::after{content:""; position:absolute; left:0; bottom:-2px; width:0; height:1px; background:var(--pine); transition:width .4s var(--ease);}
.nav a:hover::after{width:100%;}
.brand{font-family:var(--ff-serif); font-weight:700; font-size:1.9rem; letter-spacing:.4em;
  text-align:center; color:var(--pine); padding-left:.42em; user-select:none; line-height:1;}
.hdr-r{display:flex; justify-content:flex-end; gap:20px; align-items:center;}
.icn{position:relative; width:26px; height:26px; display:grid; place-items:center; color:var(--pine);}
.icn svg{width:21px; height:21px; stroke:var(--pine); stroke-width:1.4; fill:none; stroke-linecap:round; stroke-linejoin:round;}
.count{position:absolute; top:-7px; right:-9px; min-width:16px; height:16px; padding:0 4px; border-radius:9px;
  background:var(--pine); color:var(--cream); font-family:var(--ff-sans); font-size:.6rem; font-weight:500;
  display:none; align-items:center; justify-content:center; letter-spacing:0;}
.count.on{display:flex;}
.burger{display:none;}

/* hero */
.hero{position:relative; min-height:clamp(600px,92vh,900px); display:flex; align-items:flex-end; overflow:hidden;}
.hero-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 28%;}
.hero::before{content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg,rgba(18,29,24,.78) 0%,rgba(18,29,24,.4) 42%,rgba(18,29,24,.12) 78%,rgba(18,29,24,.32) 100%);}
.hero::after{content:""; position:absolute; left:0; right:0; bottom:0; height:45%; z-index:1;
  background:linear-gradient(0deg,rgba(18,29,24,.6),transparent);}
.hero .wrap{position:relative; z-index:2; color:var(--cream); padding-top:80px; padding-bottom:clamp(70px,9vh,120px);}
.hero .inner{max-width:640px;}
.hero .eyebrow{font-size:.72rem; letter-spacing:.34em; text-transform:uppercase; color:rgba(245,239,227,.82); margin-bottom:22px;}
.hero h1{font-size:clamp(3rem,7.5vw,6rem); font-weight:500; letter-spacing:-.005em; line-height:.98; text-shadow:0 2px 24px rgba(0,0,0,.28);}
.hero h1 em{font-style:italic; font-weight:400;}
.hero p{max-width:46ch; margin:24px 0 0; font-size:1.06rem; color:rgba(245,239,227,.92); text-shadow:0 1px 12px rgba(0,0,0,.3);}
.hero-cta{margin-top:40px; display:flex; gap:28px; align-items:center; flex-wrap:wrap;}

/* triptych */
.trip{background:var(--cream);}
.trip-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:6px 0;}
.tile-cat{position:relative; aspect-ratio:4/5; overflow:hidden; display:flex; align-items:flex-end; padding:34px; color:var(--cream); isolation:isolate;}
.tile-cat img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 20%; z-index:-2; transition:transform 1.1s var(--ease);}
.tile-cat::before{content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg,rgba(18,29,24,.08) 30%,rgba(18,29,24,.72) 100%);}
.tile-cat:hover img{transform:scale(1.05);}
.tile-cat h3{font-size:2.3rem; font-weight:500;}
.tile-cat span.sub{display:block; font-family:var(--ff-sans); font-weight:300; font-size:.82rem; letter-spacing:.04em; color:rgba(245,239,227,.9); margin:8px 0 18px;}

/* section shell */
.sec{padding:104px 0;}
.sec-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:44px; flex-wrap:wrap;}
.sec-head h2{font-size:clamp(2.1rem,4.4vw,3.4rem);}
.sec-head .lead{color:var(--muted); font-size:.98rem; margin-top:10px; max-width:46ch;}

/* chips */
.chips{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:38px;}
.chip{font-family:var(--ff-sans); font-weight:400; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
  padding:9px 20px; border:1px solid var(--line); color:var(--pine); background:transparent; transition:all .35s var(--ease); border-radius:2px;}
.chip:hover{border-color:var(--pine);}
.chip.active{background:var(--pine); color:var(--cream); border-color:var(--pine);}

/* grid */
.grid{display:grid; grid-template-columns:repeat(2,1fr); gap:44px 22px;}
@media(min-width:760px){.grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:1080px){.grid{grid-template-columns:repeat(4,1fr);}}
.card{position:relative;}
.tile{position:relative; aspect-ratio:3/4; overflow:hidden; background:var(--cream-200); cursor:pointer; isolation:isolate;}
.tile img{width:100%; height:100%; object-fit:cover; object-position:center top; transition:transform .9s var(--ease);}
.tile:hover img{transform:scale(1.045);}
.badge{position:absolute; top:14px; left:14px; z-index:3; background:var(--pine); color:var(--cream);
  font-family:var(--ff-sans); font-weight:500; font-size:.6rem; letter-spacing:.16em; text-transform:uppercase; padding:6px 11px;}
.badge.sale{background:var(--brass);}
.fav{position:absolute; top:12px; right:12px; z-index:3; width:36px; height:36px; display:grid; place-items:center; border-radius:50%;}
.fav svg{width:20px; height:20px; stroke:#fff; stroke-width:1.6; fill:none; filter:drop-shadow(0 1px 3px rgba(0,0,0,.45)); transition:fill .3s,stroke .3s,transform .3s var(--ease);}
.fav:active svg{transform:scale(.8);}
.fav.on svg{fill:var(--brass); stroke:var(--brass);}
.add{position:absolute; left:0; right:0; bottom:0; z-index:3; background:rgba(245,239,227,.97); color:var(--pine);
  border-top:1px solid rgba(28,46,39,.14); font-family:var(--ff-sans); font-weight:400; font-size:.7rem;
  letter-spacing:.18em; text-transform:uppercase; padding:14px; text-align:center; transform:translateY(101%); transition:transform .45s var(--ease);}
.tile:hover .add,.tile:focus-within .add{transform:translateY(0);}
.card-info{padding-top:15px;}
.card-cat{font-size:.64rem; letter-spacing:.2em; text-transform:uppercase; color:var(--muted);}
.card-name{font-family:var(--ff-serif); font-weight:500; font-size:1.4rem; margin:4px 0 6px; line-height:1.1;}
.price{font-family:var(--ff-sans); font-weight:400; font-size:.95rem; color:var(--ink); display:flex; gap:10px; align-items:baseline;}
.price .was{color:var(--muted); text-decoration:line-through; font-size:.85rem;}
.price .now.sale{color:var(--brass);}
.empty-note{grid-column:1/-1; text-align:center; color:var(--muted); padding:60px 0; font-size:1rem;}
.results-tag{display:inline-flex; gap:14px; align-items:center; margin-bottom:26px; color:var(--muted); font-size:.9rem;}
.results-tag button{color:var(--pine); font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; border-bottom:1px solid var(--pine); padding-bottom:2px;}

/* collections */
.collections{background:var(--ivory); padding:6px 0;}
.coll-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:6px;}
.band{position:relative; aspect-ratio:5/6; overflow:hidden; display:flex; align-items:flex-end; isolation:isolate;}
.band img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform 1.2s var(--ease);}
.band::before{content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(18,29,24,.62),rgba(18,29,24,.12));}
.band:hover img{transform:scale(1.05);}
.band .band-cap{padding:clamp(30px,5vw,64px); color:var(--cream); max-width:70%;}
.band .eyebrow{font-size:.68rem; letter-spacing:.32em; text-transform:uppercase; color:rgba(245,239,227,.82); margin-bottom:14px;}
.band h3{font-size:clamp(1.7rem,2.4vw,2.4rem); font-weight:500; margin-bottom:16px;}

/* lookbook */
.lookbook{background:var(--pine-deep);}
.band-wide{position:relative; display:flex; align-items:center; min-height:clamp(340px,54vh,560px); overflow:hidden; isolation:isolate;}
.band-wide img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 28%; z-index:-2; transition:transform 1.4s var(--ease);}
.band-wide:hover img{transform:scale(1.04);}
.band-wide::before{content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(18,29,24,.72),rgba(18,29,24,.15) 68%);}
.lb-cap{padding:clamp(30px,6vw,90px); color:var(--cream); max-width:620px;}
.lb-cap .eyebrow{font-size:.7rem; letter-spacing:.32em; text-transform:uppercase; color:rgba(245,239,227,.82); margin-bottom:16px;}
.lb-cap h3{font-size:clamp(2rem,4vw,3.2rem); font-weight:500; margin-bottom:20px;}

/* story */
.story{background:var(--pine); color:var(--cream); overflow:hidden;}
.story-grid{display:grid; grid-template-columns:1.05fr .95fr; align-items:stretch; min-height:600px;}
.story-copy{padding:clamp(60px,8vw,110px) clamp(28px,5vw,80px); display:flex; flex-direction:column; justify-content:center;}
.story-copy .eyebrow{font-size:.72rem; letter-spacing:.34em; text-transform:uppercase; color:rgba(245,239,227,.6); margin-bottom:22px;}
.story-copy h2{font-size:clamp(2.3rem,4.5vw,3.6rem); margin-bottom:24px;}
.story-copy h2 .ar{display:block; font-size:.7em; color:rgba(245,239,227,.85); margin-top:6px;}
.story-copy p{color:rgba(245,239,227,.8); max-width:52ch; margin:0 0 18px; font-size:1.04rem; line-height:1.85;}
.story-copy .cta{margin-top:22px;}
.story-art{position:relative; background:var(--pine-deep); overflow:hidden;}
.story-art img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 28%;}

/* newsletter */
.news{background:var(--cream); text-align:center;}
.news .inner{max-width:620px; margin:0 auto;}
.news h2{font-size:clamp(2.1rem,4vw,3rem); margin-bottom:16px;}
.news p{color:var(--muted); margin:0 auto 34px; max-width:46ch;}
.news form{display:flex; border:1px solid var(--pine); max-width:480px; margin:0 auto;}
.news input{flex:1; border:none; background:transparent; padding:16px 20px; font-family:var(--ff-sans); font-weight:300; font-size:.95rem; color:var(--ink); outline:none;}
.news input::placeholder{color:var(--muted);}
.news button{background:var(--pine); color:var(--cream); padding:0 30px; font-family:var(--ff-sans); font-weight:400; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; transition:background .4s var(--ease);}
.news button:hover{background:var(--pine-deep);}

/* footer */
.ft{background:var(--pine-deep); color:var(--cream); padding:80px 0 34px;}
.ft-top{display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:40px; padding-bottom:56px; border-bottom:1px solid rgba(245,239,227,.14);}
.ft-mono{width:58px; height:58px; border-radius:12px; display:block; margin-bottom:22px;}
.ft-brand .bmark{font-family:var(--ff-serif); font-weight:700; font-size:2rem; letter-spacing:.4em; padding-left:.4em; margin-bottom:18px;}
.ft-brand p{color:rgba(245,239,227,.62); font-size:.92rem; max-width:30ch;}
.ft-brand .ar{font-size:1.4rem; color:rgba(245,239,227,.7); margin-top:16px;}
.ft-col h4{font-family:var(--ff-sans); font-weight:500; font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; margin:0 0 20px; color:rgba(245,239,227,.9);}
.ft-col a{display:block; color:rgba(245,239,227,.62); font-size:.9rem; padding:6px 0; transition:color .3s;}
.ft-col a:hover{color:var(--cream);}
.ft-bot{display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:28px; flex-wrap:wrap;}
.ft-bot p{color:rgba(245,239,227,.5); font-size:.82rem; margin:0;}

/* overlay + drawers */
.scrim{position:fixed; inset:0; background:rgba(20,33,28,.5); backdrop-filter:blur(2px); z-index:90; opacity:0; visibility:hidden; transition:opacity .4s var(--ease),visibility .4s;}
.scrim.on{opacity:1; visibility:visible;}
.drawer{position:fixed; top:0; bottom:0; right:0; width:min(430px,92vw); background:#f5efe3; background:var(--cream); z-index:100;
  display:flex; flex-direction:column; transform:translateX(101%); transition:transform .5s var(--ease); padding-top:env(safe-area-inset-top);}
.drawer.on{transform:none;}
.drawer.left{right:auto; left:0; transform:translateX(-101%);}
.drawer.left.on{transform:none;}
.dr-head{display:flex; justify-content:space-between; align-items:center; padding:26px 28px; border-bottom:1px solid var(--line);}
.dr-head h3{font-size:1.6rem;}
.dr-head .sub{font-family:var(--ff-sans); font-weight:300; font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted);}
.x{width:34px; height:34px; display:grid; place-items:center;}
.x svg{width:20px; height:20px; stroke:var(--pine); stroke-width:1.5;}
.dr-body{flex:1; overflow-y:auto; padding:8px 28px;}
.dr-foot{padding:24px 28px calc(24px + env(safe-area-inset-bottom)); border-top:1px solid var(--line);}
.mnav a{display:block; font-family:var(--ff-serif); font-size:1.9rem; font-weight:500; padding:16px 0; border-bottom:1px solid var(--line); color:var(--pine);}
.mnav .small-links{margin-top:26px;}
.mnav .small-links a{font-family:var(--ff-sans); font-size:.8rem; font-weight:300; letter-spacing:.14em; text-transform:uppercase; border:none; padding:9px 0; color:var(--muted);}
.citem{display:grid; grid-template-columns:74px 1fr auto; gap:16px; padding:22px 0; border-bottom:1px solid var(--line);}
.citem .thumb{aspect-ratio:3/4; overflow:hidden; background:var(--cream-200);}
.citem .thumb img{width:100%; height:100%; object-fit:cover;}
.citem .cn{font-family:var(--ff-serif); font-size:1.2rem; font-weight:500; line-height:1.1;}
.citem .cmeta{font-size:.74rem; letter-spacing:.06em; color:var(--muted); margin:4px 0 12px; text-transform:uppercase;}
.qty{display:inline-flex; align-items:center; border:1px solid var(--line);}
.qty button{width:30px; height:30px; font-size:1rem; color:var(--pine); display:grid; place-items:center;}
.qty span{min-width:30px; text-align:center; font-family:var(--ff-sans); font-size:.85rem;}
.citem .cr{display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between;}
.citem .cprice{font-family:var(--ff-sans); font-size:.92rem;}
.citem .rm{font-size:.64rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); border-bottom:1px solid var(--line); padding-bottom:2px;}
.citem .rm:hover{color:var(--pine);}
.cart-empty{text-align:center; padding:70px 0; color:var(--muted);}
.cart-empty svg{width:46px; height:46px; stroke:var(--line); stroke-width:1.2; fill:none; margin:0 auto 20px;}
.subtot{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:6px;}
.subtot .lbl{font-size:.74rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted);}
.subtot .amt{font-family:var(--ff-serif); font-size:1.7rem; font-weight:500;}
.ship-note{font-size:.78rem; color:var(--muted); margin:0 0 18px;}

/* quick view */
.qv{position:fixed; inset:0; z-index:110; display:grid; place-items:center; padding:24px; opacity:0; visibility:hidden; transition:opacity .4s var(--ease),visibility .4s;}
.qv.on{opacity:1; visibility:visible;}
.qv-card{background:#f5efe3; background:var(--cream); width:min(900px,100%); max-height:90vh; overflow-y:auto; display:grid; grid-template-columns:1fr 1fr; transform:translateY(14px); transition:transform .5s var(--ease);}
.qv.on .qv-card{transform:none;}
.qv-img{position:relative; background:var(--cream-200); aspect-ratio:3/4; overflow:hidden;}
.qv-img img{width:100%; height:100%; object-fit:cover; object-position:center top;}
.qv-info{padding:44px; position:relative;}
.qv-info .x{position:absolute; top:16px; right:16px;}
.qv-info .cat{font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; color:var(--muted);}
.qv-info h3{font-size:2.2rem; margin:8px 0 4px;}
.qv-info .kind{color:var(--muted); font-size:.95rem; margin-bottom:14px;}
.qv-info .qprice{font-family:var(--ff-sans); font-size:1.05rem; margin-bottom:20px; display:flex; gap:12px; align-items:baseline;}
.qv-info .qprice .was{color:var(--muted); text-decoration:line-through; font-size:.9rem;}
.qv-info .qprice .now.sale{color:var(--brass);}
.qv-info .desc{color:var(--muted); font-size:.96rem; line-height:1.8; margin-bottom:26px;}
.sz-lbl{font-size:.68rem; letter-spacing:.18em; text-transform:uppercase; color:var(--pine); margin-bottom:12px;}
.sizes{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:28px;}
.sz{min-width:46px; padding:10px 12px; border:1px solid var(--line); font-family:var(--ff-sans); font-size:.82rem; color:var(--pine); text-align:center; transition:all .3s var(--ease);}
.sz:hover{border-color:var(--pine);}
.sz.active{background:var(--pine); color:var(--cream); border-color:var(--pine);}
.qv-actions{display:flex; gap:14px; align-items:center;}
.qv-actions .qty{border-color:var(--pine);}

/* search */
.search{position:fixed; top:0; left:0; right:0; z-index:105; background:#f5efe3; background:var(--cream); border-bottom:1px solid var(--line);
  transform:translateY(-101%); transition:transform .5s var(--ease); padding-top:env(safe-area-inset-top);}
.search.on{transform:none;}
.search .sin{display:flex; align-items:center; gap:18px; max-width:var(--maxw); margin:0 auto; padding:30px 28px;}
.search svg{width:24px; height:24px; stroke:var(--pine); stroke-width:1.4; fill:none; flex-shrink:0;}
.search input{flex:1; border:none; background:transparent; font-family:var(--ff-serif); font-weight:500; font-size:clamp(1.5rem,4vw,2.4rem); color:var(--pine); outline:none;}
.search input::placeholder{color:var(--line);}

.toast{position:fixed; left:50%; bottom:34px; transform:translate(-50%,140%); z-index:200; background:var(--pine-deep);
  color:var(--cream); padding:15px 26px; font-family:var(--ff-sans); font-size:.82rem; letter-spacing:.06em;
  transition:transform .5s var(--ease); max-width:90vw; text-align:center; margin-bottom:env(safe-area-inset-bottom);}
.toast.on{transform:translate(-50%,0);}

.reveal{opacity:0; transform:translateY(18px); transition:opacity .9s var(--ease),transform .9s var(--ease);}
.reveal.in{opacity:1; transform:none;}

@media(prefers-reduced-motion:reduce){
  *{transition-duration:.01ms !important; animation-duration:.01ms !important; scroll-behavior:auto !important;}
  .reveal{opacity:1 !important; transform:none !important;}
}

@media(max-width:980px){
  .story-grid{grid-template-columns:1fr;}
  .story-art{min-height:380px; order:-1;}
  .ft-top{grid-template-columns:1fr 1fr;}
  .ft-brand{grid-column:1/-1;}
}
@media(max-width:820px){
  .nav{display:none;}
  .burger{display:grid;}
  .hdr-in{grid-template-columns:auto 1fr auto;}
  .brand{text-align:center; font-size:1.55rem;}
  .trip-grid{grid-template-columns:1fr;}
  .tile-cat{aspect-ratio:16/10;}
  .coll-grid{grid-template-columns:1fr;}
  .band{aspect-ratio:16/10;}
  .qv-card{grid-template-columns:1fr; max-height:92vh;}
  .qv-img{aspect-ratio:4/3;}
  .sec{padding:72px 0;}
}
@media(max-width:560px){
  .wrap{padding:0 18px;}
  .hdr-in{padding:16px 18px;}
  .hdr-r{gap:14px;}
  .news form{flex-direction:column;}
  .news button{padding:15px;}
  .ft-top{grid-template-columns:1fr;}
  .ft-bot{flex-direction:column; align-items:flex-start;}
  .grid{gap:32px 16px;}
}

/* WordPress pages */
.entry a{color:var(--pine); text-decoration:underline;}
.page-title{font-family:var(--ff-serif); font-weight:500;}
.entry h2,.entry h3{font-family:var(--ff-serif); font-weight:500; margin:1.2em 0 .4em;}
.entry p{margin:0 0 1em;}
