/*
Theme Name: Banarsi Premium
Theme URI: https://www.banarsifurniture.com
Author: Banarsi Hardware
Description: A premium, fully responsive standalone theme for Banarsi Hardware — Rich Gold Germany. Deep navy and gold luxury design. Zero plugin dependencies; WooCommerce supported automatically when active.
Version: 1.25.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: banarsi-premium
Tags: e-commerce, custom-logo, custom-menu, featured-images, one-column, responsive
*/

/* ============================================================
   1. DESIGN TOKENS — colors taken from the existing site
   Navy #001524 · Gold #f1ce46 / #f1d772 / #f9e69a · Cream #f8f6f3
   ============================================================ */
:root{
  --navy:        #001524;   /* existing background-color */
  --navy-2:      #0a2438;   /* elevated navy surface (derived) */
  --navy-3:      #12314a;   /* borders on navy (derived) */
  --black:       #000000;   /* menu bar background */
  --black-2:     #0d0d0d;   /* dropdown / drawer surface */
  --black-3:     #242424;   /* hairlines on black */
  --gold:        #f1ce46;   /* existing theme-color */
  --gold-soft:   #f1d772;   /* existing button-bg */
  --gold-pale:   #f9e69a;   /* existing link-color */
  --gold-deep:   #c9a227;   /* derived, hover/pressed */
  --cream:       #f8f6f3;   /* existing light surface */
  --white:       #ffffff;
  --ink:         #1b2733;   /* body text on light */
  --ink-soft:    #5b6b78;   /* secondary text */
  --line:        #e7e2d8;   /* hairlines on light */

  --font-display:'Marcellus', 'Georgia', serif;
  --font-body:   'Jost', 'Segoe UI', system-ui, sans-serif;

  --fs-hero:  clamp(2.1rem, 5.5vw, 4.2rem);
  --fs-h2:    clamp(1.6rem, 3.4vw, 2.6rem);
  --fs-h3:    clamp(1.2rem, 2.2vw, 1.5rem);
  --fs-body:  clamp(.98rem, 1.05vw, 1.06rem);
  --fs-small: .84rem;

  --space:    clamp(3.5rem, 8vw, 7rem);   /* section rhythm   */
  --gutter:   clamp(1rem, 4vw, 2.5rem);   /* page side gutter */
  --maxw:     1240px;
  --radius:   2px;                        /* crisp, furniture-edge sharp */
  --shadow:   0 18px 45px -18px rgba(0,21,36,.25);
  --ease:     cubic-bezier(.22,.8,.3,1);
}

/* ============================================================
   2. RESET / BASE
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  font-size:var(--fs-body);
  line-height:1.7;
  color:var(--ink);
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-deep);text-decoration:none;transition:color .25s var(--ease)}
a:hover{color:var(--navy)}
h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:400;line-height:1.18;color:var(--navy)}
ul,ol{padding-left:1.2em}
button,input,select,textarea{font:inherit}
:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

.container{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--space)}
/* Landing page: tight, uniform 30px top/bottom on every section */
.home .section{padding-block:30px}
.home .cta-band{padding-top:30px;padding-bottom:30px}
.home .brands{padding-block:30px}
.section--navy{background:var(--navy);color:#cdd6dd}
.section--navy h2,.section--navy h3{color:var(--white)}
.section--black{background:var(--black);color:#cbd2d8}
.section--black h2,.section--black h3{color:var(--white)}
.section--black .feature h3{color:var(--white)}
.section--black .feature p{color:#9aa4ac}
.section--black .cta-band p{color:#9aa4ac}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Eyebrow label — brand signature */
.eyebrow{
  display:inline-flex;align-items:center;gap:.7rem;
  font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold-deep);font-weight:500;margin-bottom:1rem;
}
.eyebrow::before{content:"";width:2.2rem;height:1px;background:var(--gold)}
.section--navy .eyebrow{color:var(--gold-pale)}

/* SIGNATURE: brass-inlay double keyline (like inlay work on furniture) */
.inlay{position:relative;border:1px solid var(--gold)}
.inlay::after{
  content:"";position:absolute;inset:5px;
  border:1px solid rgba(201,162,39,.45);pointer-events:none;
}

/* Buttons */
.btn{
  display:inline-block;padding:.85rem 2.2rem;
  background:var(--gold);color:var(--navy);
  font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;
  border:1px solid var(--gold);border-radius:var(--radius);cursor:pointer;
  transition:all .3s var(--ease);
}
.btn:hover{background:var(--gold-deep);border-color:var(--gold-deep);color:var(--white);transform:translateY(-2px)}
.btn--ghost{background:transparent;color:var(--gold-pale);border-color:var(--gold)}
.btn--ghost:hover{background:var(--gold);color:var(--navy)}
.btn--dark{background:var(--navy);border-color:var(--navy);color:var(--gold-pale)}
.btn--dark:hover{background:var(--navy-2);color:var(--gold)}

/* ============================================================
   3. HEADER
   ============================================================ */
.topbar{
  background:var(--black);color:var(--gold-pale);
  font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
  text-align:center;padding:.5rem var(--gutter);
  border-bottom:1px solid var(--black-3);
}
.site-header{
  position:sticky;top:0;z-index:1000;
  background:var(--black);
  border-bottom:1px solid var(--black-3);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding:.9rem var(--gutter);max-width:var(--maxw);margin-inline:auto;
}
.site-brand{display:flex;align-items:center;gap:.8rem;min-width:0}
.site-brand img{max-height:52px;width:auto}
.site-title{font-family:var(--font-display);font-size:1.45rem;color:var(--white);letter-spacing:.04em;white-space:nowrap}
.site-title a{color:var(--white)}
.site-title a:hover{color:var(--gold)}
.site-tag{display:block;font-family:var(--font-body);font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}

.main-nav ul{display:flex;gap:2rem;list-style:none;padding:0}
.main-nav a{
  color:#dce4ea;font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;
  padding:.4rem 0;position:relative;
}
.main-nav a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:1px;
  background:var(--gold);transition:width .3s var(--ease);
}
.main-nav a:hover{color:var(--gold)}
.main-nav a:hover::after,.main-nav .current-menu-item a::after{width:100%}
.main-nav .current-menu-item > a{color:var(--gold)}

/* sub-menus (desktop) */
.main-nav li{position:relative}
.submenu-toggle{display:none}
.main-nav ul ul{
  position:absolute;top:100%;left:0;min-width:220px;
  background:var(--black-2);border:1px solid var(--black-3);
  flex-direction:column;gap:0;padding:.4rem 0;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:all .25s var(--ease);
}
.main-nav li:hover > ul,.main-nav li:focus-within > ul{opacity:1;visibility:visible;transform:translateY(0)}
.main-nav ul ul a{display:block;padding:.55rem 1.2rem}
.main-nav ul ul a::after{display:none}

.header-actions{display:flex;align-items:center;gap:1rem}
.cart-link{position:relative;color:var(--gold-pale);display:inline-flex}
.cart-link svg{width:22px;height:22px}
.cart-count{
  position:absolute;top:-8px;right:-10px;
  background:var(--gold);color:var(--navy);
  font-size:.62rem;font-weight:700;min-width:16px;height:16px;
  border-radius:50%;display:grid;place-items:center;padding:0 3px;
}

/* Hamburger */
.nav-toggle{
  display:none;background:none;border:0;cursor:pointer;padding:.4rem;
}
.nav-toggle span{
  display:block;width:26px;height:2px;background:var(--gold);
  margin:5px 0;transition:all .3s var(--ease);
}
body.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.nav-open .nav-toggle span:nth-child(2){opacity:0}
body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ============================================================
   4. HERO
   ============================================================ */
.hero{
  background:
    radial-gradient(120% 90% at 85% 10%, rgba(241,206,70,.10), transparent 55%),
    linear-gradient(160deg, var(--navy) 0%, #021d31 60%, var(--navy) 100%);
  color:#c9d3dc;position:relative;overflow:hidden;
}
.hero::before{ /* fine gold grid texture */
  content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;
  background-image:
    linear-gradient(var(--gold) 1px, transparent 1px),
    linear-gradient(90deg, var(--gold) 1px, transparent 1px);
  background-size:72px 72px;
}
.hero-inner{
  position:relative;max-width:var(--maxw);margin-inline:auto;
  padding:clamp(4.5rem,11vw,9rem) var(--gutter);
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;
}
.hero h1{
  font-size:var(--fs-hero);color:var(--white);margin:0 0 1.4rem;
}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero p{max-width:34rem;font-size:1.05rem;margin-bottom:2.2rem}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}
.hero-panel{
  aspect-ratio:4/5;background:var(--navy-2);
  display:grid;place-items:center;text-align:center;padding:2rem;
}
.hero-panel .big{font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.6rem);color:var(--gold);line-height:1}
.hero-panel .label{font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:#9fb0bd;margin-top:.8rem}
.hero-panel img{width:100%;height:100%;object-fit:cover}

/* ---- Hero auto-rotating slider ---- */
.hero-slider{position:relative;overflow:hidden;padding:0}
.hero-slide{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity 1.1s var(--ease);
}
.hero-slide.is-active{opacity:1}
.hero-slider__badge{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  display:flex;align-items:baseline;justify-content:center;gap:.6rem;
  padding:.9rem 1rem;background:linear-gradient(transparent, rgba(0,21,36,.9));
}
.hero-slider__badge .big{font-family:var(--font-display);font-size:1.6rem;color:var(--gold);line-height:1}
.hero-slider__badge .label{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:#c9d3dc}

/* ============================================================
   5. CATEGORY TILES
   ============================================================ */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.4rem}
.tile{
  position:relative;background:var(--navy);aspect-ratio:4/5;overflow:hidden;
  display:flex;align-items:flex-end;color:var(--white);
}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:all .6s var(--ease)}
.tile:hover img{transform:scale(1.06);opacity:.55}
.tile-body{
  position:relative;width:100%;padding:1.4rem;
  background:linear-gradient(transparent, rgba(0,21,36,.92));
}
.tile-body h3{color:var(--white);font-size:1.25rem;margin-bottom:.2rem}
.tile-body span{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-pale)}

/* ============================================================
   6. PRODUCT GRID (works with & without WooCommerce)
   ============================================================ */
.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.6rem}
.card{
  background:var(--white);border:1px solid var(--line);
  transition:all .35s var(--ease);display:flex;flex-direction:column;
}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--gold)}
/* Full product image, uniform gap on all four sides (no crop) */
.card-media{overflow:hidden;background:var(--cream);padding:14px;display:block;line-height:0}
.card-media img{width:100%;height:auto;display:block;transition:transform .6s var(--ease)}
.card:hover .card-media img{transform:scale(1.04)}
.card-body{padding:1.2rem 1.3rem 1.5rem;text-align:center}
.card-body h3{font-size:1.08rem;margin-bottom:.35rem}
.card-body h3 a{color:var(--navy)}
.card-body h3 a:hover{color:var(--gold-deep)}
.card-price{color:var(--gold-deep);font-weight:600;letter-spacing:.04em}
.card-cat{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);display:block;margin-bottom:.4rem}
/* WhatsApp enquiry button on product cards */
.card-enquire{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.7rem;
  padding:.55rem 1.2rem;background:var(--navy);color:var(--gold-pale);
  font-size:.8rem;font-weight:600;letter-spacing:.04em;
  border:1px solid var(--navy);border-radius:2px;transition:all .3s var(--ease);
}
.card-enquire svg{width:15px;height:15px;flex:0 0 auto}
.card-enquire:hover{background:#1eb955;border-color:#1eb955;color:#fff}
/* WhatsApp variant of the main button (single product) */
.btn--whatsapp{display:inline-flex;align-items:center;gap:.55rem;background:#1eb955;border-color:#1eb955;color:#fff}
.btn--whatsapp:hover{background:#169c47;border-color:#169c47;color:#fff}
.btn--whatsapp svg{width:18px;height:18px}
/* WooCommerce loop enquire button spacing */
.woocommerce ul.products li.product .card-enquire{margin:0 auto}

.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.6rem;flex-wrap:wrap}
.section-head h2{font-size:var(--fs-h2)}
.section-head .more{font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:.25rem}

/* ============================================================
   7. FEATURE STRIP / TRUST
   ============================================================ */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}
.feature svg{width:34px;height:34px;stroke:var(--gold);margin-inline:auto;margin-bottom:1rem}
.feature h3{font-size:1.05rem;color:var(--white);margin-bottom:.4rem}
.feature p{font-size:.9rem;color:#9fb0bd}

/* CTA band */
.cta-band{
  text-align:center;padding:clamp(3rem,7vw,5rem) var(--gutter);
}
.cta-band h2{font-size:var(--fs-h2);color:var(--white);max-width:32ch;margin-inline:auto}
.cta-band p{color:#9fb0bd;margin:1rem auto 2rem;max-width:52ch}

/* ============================================================
   8. FOOTER
   ============================================================ */
.site-footer{background:var(--navy);color:#9fb0bd;font-size:.92rem}
.footer-grid{
  max-width:var(--maxw);margin-inline:auto;padding:clamp(3rem,6vw,4.5rem) var(--gutter) 3rem;
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:2.5rem;
}
.footer-grid h4{color:var(--white);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;font-family:var(--font-body);font-weight:600;margin-bottom:1.3rem;color:var(--gold-pale)}
.footer-grid ul{list-style:none;padding:0}
.footer-grid li{margin-bottom:.7rem}
.footer-grid a{color:#b9c2cb}
.footer-grid a:hover{color:var(--gold)}

.footer-brand .site-title{font-size:1.6rem;color:var(--white)}
.footer-brand__tag{display:block;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-top:.25rem;margin-bottom:1.1rem}
.footer-brand p{line-height:1.7;max-width:34ch;margin-bottom:1.6rem}
.pill{display:inline-block;padding:.6rem 1.5rem;border:1px solid var(--gold);color:var(--gold-pale);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;border-radius:2px;transition:all .3s var(--ease)}
.pill:hover{background:var(--gold);color:var(--navy)}

/* social circles */
.social{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}
.social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--navy-2);color:#cdd6dd;border:1px solid var(--navy-3);transition:all .3s var(--ease);flex:0 0 auto;box-sizing:border-box;padding:0;line-height:0}
.social a svg{width:19px!important;height:19px!important;display:block;max-width:none;margin:0!important;flex:0 0 auto}
.social a:hover{background:var(--gold);color:var(--navy);border-color:var(--gold);transform:translateY(-2px)}

.footer-connect .social{margin-bottom:1.4rem}
.footer-phones{margin-bottom:.4rem}
.footer-contact{display:flex;align-items:flex-start;gap:.65rem;color:#b9c2cb;margin-bottom:.7rem;line-height:1.5}
.footer-contact svg{width:18px;height:18px;flex:0 0 auto;margin-top:.15rem;color:var(--gold)}
.footer-contact:hover{color:var(--gold)}
.footer-contact em{font-style:normal;color:#8b95a0;font-size:.86rem}
.footer-contact--addr{cursor:default}
.footer-contact--addr:hover{color:#b9c2cb}

.footer-subscribe{margin-top:1.6rem;border-top:1px solid var(--navy-3);padding-top:1.4rem}
.footer-subscribe h5{color:var(--white);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:.9rem;line-height:1.5}
.subscribe-form{display:flex;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:2px;overflow:hidden}
.subscribe-form input{flex:1;background:transparent;border:0;color:var(--white);padding:.7rem .9rem;font-size:.88rem}
.subscribe-form input::placeholder{color:#7d8b97}
.subscribe-form input:focus{outline:none}
.subscribe-form button{background:var(--gold);color:var(--navy);border:0;padding:0 1.3rem;font-weight:600;font-size:.82rem;cursor:pointer;transition:background .3s var(--ease)}
.subscribe-form button:hover{background:var(--gold-deep);color:var(--white)}

.footer-bottom{
  border-top:1px solid var(--navy-3);
  padding:1.2rem var(--gutter);font-size:.78rem;letter-spacing:.06em;color:#7d8b97;
  max-width:var(--maxw);margin-inline:auto;
}
.footer-bottom a{color:var(--gold-pale)}

/* ============================================================
   9. INNER PAGES / BLOG / ARCHIVE
   ============================================================ */
.page-hero{
  background:var(--navy);color:var(--white);text-align:center;
  padding:clamp(3rem,7vw,5rem) var(--gutter);
}
.page-hero h1{color:var(--white);font-size:var(--fs-h2)}
.breadcrumb{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-pale);margin-top:.8rem}
.entry-content{max-width:760px;margin-inline:auto}
.entry-content>*+*{margin-top:1.2em}
.entry-content h2{font-size:1.7rem;margin-top:2em}
.entry-content h3{font-size:1.3rem;margin-top:1.6em}
.entry-content img{margin-block:1.5em}
.entry-content blockquote{border-left:2px solid var(--gold);padding-left:1.4em;font-style:italic;color:var(--ink-soft)}

.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.8rem}
.post-card{background:var(--white);border:1px solid var(--line);transition:all .35s var(--ease)}
.post-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.post-card .card-body{text-align:left}
.post-meta{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}

.pagination{display:flex;gap:.5rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}
.pagination .page-numbers{
  display:grid;place-items:center;min-width:42px;height:42px;padding:0 .8rem;
  border:1px solid var(--line);background:var(--white);color:var(--navy);font-size:.9rem;
}
.pagination .page-numbers.current,.pagination .page-numbers:hover{background:var(--navy);color:var(--gold);border-color:var(--navy)}

/* Forms */
input[type=text],input[type=email],input[type=tel],input[type=search],input[type=password],input[type=number],textarea,select{
  width:100%;padding:.8rem 1rem;border:1px solid var(--line);background:var(--white);
  border-radius:var(--radius);transition:border-color .25s;
}
input:focus,textarea:focus,select:focus{border-color:var(--gold-deep);outline:none}
.search-form{display:flex;gap:.6rem}
.search-form input{flex:1}

/* 404 */
.error-404{text-align:center;padding-block:var(--space)}
.error-404 .big404{font-family:var(--font-display);font-size:clamp(5rem,16vw,10rem);color:var(--gold);line-height:1}

/* ============================================================
   10. WOOCOMMERCE POLISH (applies only when Woo is active)
   ============================================================ */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.4rem;margin:0;padding:0;list-style:none;align-items:stretch}
/* WooCommerce clearfix ::before/::after become grid items and eat the first cell — kill them */
.woocommerce ul.products::before,
.woocommerce ul.products::after{display:none!important;content:none!important}
@media (min-width: 992px){
  .woocommerce ul.products{grid-template-columns:repeat(5,1fr)!important}
}
/* Tile — every tile identical size (grid stretch + fixed slots) */
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:var(--white);border:1px solid var(--line);text-align:center;transition:all .35s var(--ease);padding-bottom:1.3rem;display:flex!important;flex-direction:column;overflow:hidden}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--gold)}
/* FIXED 3:4 image — fills the box (cover) so the gap around it is the equal 14px padding on all sides */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img{
  display:block!important;width:100%!important;height:auto!important;
  aspect-ratio:3/4!important;object-fit:cover!important;object-position:center!important;
  margin:0 0 .9rem!important;background:var(--cream);
  padding:14px;box-sizing:border-box;
}
/* Category eyebrow — centered */
.woocommerce ul.products li.product .card-cat{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:.2rem 0 0;padding:0 1rem;text-align:center}
/* Title — centered, max 2 lines with ellipsis, fixed 2-line slot so every tile matches */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--font-display);font-size:1.06rem;line-height:1.35;color:var(--navy);
  padding:0 1rem;margin:.5rem 0 .35rem;text-align:center;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:calc(1.06rem * 1.35 * 2);
}
/* Button — centered, pinned to the bottom so all tiles finish identically */
.woocommerce ul.products li.product .card-enquire{margin:auto auto 0;align-self:center}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.card-price{display:none!important}

/* ---- Shop toolbar (result count + sorting) ---- */
.bn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.8rem;padding:.9rem 1.2rem;background:var(--white);border:1px solid var(--line);border-radius:2px}
.bn-toolbar .woocommerce-result-count{margin:0!important;float:none!important;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.bn-toolbar .woocommerce-ordering{margin:0!important;float:none!important}
.bn-toolbar .woocommerce-ordering select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  padding:.6rem 2.4rem .6rem 1rem;border:1px solid var(--line);border-radius:2px;
  background:var(--cream) url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a227' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .8rem center/14px;
  font-size:.86rem;color:var(--navy);cursor:pointer;transition:border-color .25s;
}
.bn-toolbar .woocommerce-ordering select:focus{border-color:var(--gold-deep);outline:none}

/* ---- Star ratings — loop tiles (centered) ---- */
.woocommerce ul.products li.product .star-rating{
  margin:.15rem auto .8rem!important;float:none!important;
  font-size:.8rem;color:var(--gold-deep);
}
/* ---- Star ratings — single product ---- */
.woocommerce div.product .woocommerce-product-rating{margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}
.woocommerce div.product .woocommerce-product-rating .star-rating{float:none;margin:0;font-size:.9rem;color:var(--gold-deep)}
.woocommerce div.product .woocommerce-product-rating .woocommerce-review-link{font-size:.82rem;color:var(--ink-soft)}
.woocommerce .star-rating span::before{color:var(--gold-deep)}
.woocommerce ul.products li.product .button,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit{
  background:var(--navy)!important;color:var(--gold-pale)!important;border-radius:var(--radius)!important;
  text-transform:uppercase;letter-spacing:.08em;font-size:.78rem!important;font-weight:600;
  padding:.7rem 1.6rem!important;transition:all .3s var(--ease);
}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--gold)!important;color:var(--navy)!important}
.woocommerce .woocommerce-breadcrumb{
  text-align:left;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-soft);margin:0 0 1.6rem;padding-bottom:1rem;border-bottom:1px solid var(--line);
}
.woocommerce .woocommerce-breadcrumb a{color:var(--ink-soft)}
.woocommerce .woocommerce-breadcrumb a:hover{color:var(--gold-deep)}
.woocommerce .woocommerce-breadcrumb .breadcrumb-sep{color:var(--gold-deep);margin:0 .2rem}

/* ---- SINGLE PRODUCT — premium layout (flex = robust) ---- */
.woocommerce div.product{margin:0}
@media (min-width: 768px){
  .woocommerce div.product{display:flex;flex-wrap:wrap;gap:clamp(2rem,5vw,4.5rem);align-items:flex-start}
  .woocommerce div.product .woocommerce-product-gallery{flex:1 1 44%;max-width:48%;margin:0!important}
  .woocommerce div.product div.summary{flex:1 1 44%;max-width:48%;margin:0!important}
  .woocommerce div.product .woocommerce-tabs,
  .woocommerce div.product .related,
  .woocommerce div.product .up-sells{flex:1 1 100%;width:100%}
}
.woocommerce div.product .woocommerce-product-gallery{width:100%!important;margin:0!important;float:none!important}

/* JioMart-style desktop: image sticky on left, content scrolls on right */
@media (min-width: 992px){
  .single-product div.product{align-items:flex-start}
  .single-product div.product .woocommerce-product-gallery{
    position:-webkit-sticky;position:sticky;top:96px;align-self:flex-start;
    height:-moz-fit-content;height:fit-content;
  }
  .single-product div.product .woocommerce-product-gallery__wrapper img{
    max-height:calc(100vh - 150px);width:auto;max-width:100%;margin-inline:auto;object-fit:contain;
  }
}

/* Content blocks in the right column */
.banarsi-block{margin-top:1.8rem}

/* ---- Single product: alignment, side padding, no-cart safety ---- */
/* Title/breadcrumb column starts at the same line as the image top */
.single-product div.product .woocommerce-product-gallery,
.single-product div.product div.summary{margin-top:0!important}
.single-product div.product div.summary > *:first-child{margin-top:0!important}
.single-product div.product .woocommerce-breadcrumb{margin-top:0}
/* 20-30px breathing room on both sides + space above the title block */
.single-product div.product{margin-inline:clamp(20px,2.5vw,30px);margin-top:clamp(1.4rem,3.5vw,2.4rem)}
.single-product .related,.single-product .up-sells{margin:clamp(2rem,4vw,3rem) clamp(20px,2.5vw,30px) 3rem}
.single-product .related>h2,.single-product .up-sells>h2{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--navy);margin-bottom:1.6rem}
/* Never show cart form / quantity on this catalog site */
.single-product form.cart,
.single-product .quantity,
.single-product button.single_add_to_cart_button{display:none!important}
.banarsi-block__title{font-family:var(--font-display);font-size:1.3rem;color:var(--navy);margin-bottom:1rem}
.banarsi-block__body{color:var(--ink);line-height:1.85}
.banarsi-block__body ul{list-style:none;padding:0;margin:.4rem 0}
.banarsi-block__body ul li{position:relative;padding-left:1.5rem;margin-bottom:.6rem}
.banarsi-block__body ul li::before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
/* Boxed "Item Specification" (JioMart-style card) */
.banarsi-spec{border:1px solid var(--line);border-radius:2px;padding:1.5rem 1.7rem;background:var(--white)}
.banarsi-spec .banarsi-block__title{margin-bottom:.4rem}
.banarsi-spec table.shop_attributes,
.banarsi-spec .woocommerce-product-attributes{margin-top:.4rem}
.woocommerce div.product .woocommerce-product-gallery__image{background:var(--cream);border:1px solid var(--line)}
.woocommerce div.product .woocommerce-product-gallery img{border-radius:0}
.woocommerce div.product div.summary{width:100%!important;margin:0!important;float:none!important}
.woocommerce div.product .product_title{font-family:var(--font-display);color:var(--navy);font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.2;margin:0 0 .5rem}
/* breadcrumb sits under the big title, category-page style */
.single-product div.product .woocommerce-breadcrumb{margin:0 0 1.4rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}

/* ---- Mobile header: title + breadcrumb ABOVE the image ---- */
.bn-mobile-header{display:none}
@media (max-width: 767px){
  .bn-mobile-header{display:block;order:-1;width:100%;margin:1.4rem 0 1rem}
  .bn-mobile-header__title{font-family:var(--font-display);color:var(--navy);font-size:clamp(1.5rem,6vw,1.9rem);line-height:1.2;margin:0 0 .5rem}
  .bn-mobile-header .woocommerce-breadcrumb{margin:0 0 .2rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
  /* hide the duplicate title/breadcrumb inside the summary on mobile */
  .single-product div.product div.summary .product_title,
  .single-product div.product div.summary .woocommerce-breadcrumb{display:none}
  .single-product div.product{display:flex;flex-direction:column}
}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--gold-deep)!important;font-size:1.5rem;font-weight:600;margin-bottom:1.4rem}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--ink-soft);line-height:1.8;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.4rem 0;margin-bottom:1.6rem}
.woocommerce div.product form.cart{margin-bottom:1.6rem}
.woocommerce div.product form.cart .button{padding:.95rem 2.4rem!important;font-size:.82rem!important}
/* gold enquiry accent for catalog mode */
.single-product .banarsi-enquire{display:inline-block;margin-bottom:1.6rem}
.single-product .banarsi-enquire .btn{padding:.95rem 2.4rem}

/* Full-width description under the two columns */
.woocommerce div.product .woocommerce-tabs{margin-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--line);padding-top:2.5rem}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 1.6rem;border:0;display:flex;gap:2rem}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:var(--font-display);font-size:1.15rem;color:var(--ink-soft);padding:.3rem 0!important;border-bottom:2px solid transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--navy);border-bottom-color:var(--gold)}
.woocommerce div.product .woocommerce-Tabs-panel h2{font-family:var(--font-display);color:var(--navy);font-size:1.4rem;margin-bottom:1rem}
.woocommerce div.product .woocommerce-Tabs-panel{max-width:820px;line-height:1.85;color:var(--ink)}

/* Related products heading */
.woocommerce .related>h2,.woocommerce .up-sells>h2{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--navy);margin-bottom:2rem}

/* ---- Trust badge (reference-style) ---- */
.banarsi-trust{display:flex;align-items:center;gap:.85rem;background:var(--cream);border:1px solid var(--line);padding:.85rem 1.1rem;margin-bottom:1.4rem;border-radius:2px}
.banarsi-trust__icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;background:var(--navy);color:var(--gold);border-radius:50%}
.banarsi-trust__icon svg{width:20px;height:20px}
.banarsi-trust__text{font-size:.86rem;color:var(--ink-soft);line-height:1.4}
.banarsi-trust__text strong{display:block;color:var(--navy);font-size:.92rem;letter-spacing:.02em}

/* ---- Specifications table (Additional information) ---- */
.woocommerce table.shop_attributes,
.woocommerce-product-attributes{width:100%;border:0;margin:0}
.woocommerce table.shop_attributes tr,
.woocommerce-product-attributes tr{border-bottom:1px solid var(--line)}
.woocommerce table.shop_attributes th,
.woocommerce-product-attributes__label{
  width:42%;text-align:left;font-family:var(--font-body);font-weight:600;
  color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;
  padding:.85rem 1rem .85rem 0;vertical-align:top;background:transparent;
}
.woocommerce table.shop_attributes td,
.woocommerce-product-attributes__value{
  color:var(--navy);font-size:.95rem;padding:.85rem 0;font-style:normal;
}
.woocommerce table.shop_attributes td p{margin:0}

/* description bullet lists read like "About the product" */
.woocommerce-Tabs-panel ul,.woocommerce div.product .woocommerce-Tabs-panel ul{list-style:none;padding:0;margin:.4rem 0}
.woocommerce-Tabs-panel ul li{position:relative;padding-left:1.5rem;margin-bottom:.6rem}
.woocommerce-Tabs-panel ul li::before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}

.woocommerce div.product .product_title{font-family:var(--font-display);color:var(--navy)}
.woocommerce span.onsale{background:var(--gold)!important;color:var(--navy)!important;border-radius:0!important;font-weight:700;line-height:2.6!important;min-height:auto!important;padding:0 .8em!important}
.woocommerce nav.woocommerce-pagination ul{border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 .25rem}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  min-width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:var(--white);color:var(--navy)
}
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--navy);color:var(--gold)}

/* ============================================================
   11. RESPONSIVE — mobile first polish
   ============================================================ */
/* ---- Brands strip (white) ---- */
.brands{background:var(--white)}
.brands-head{text-align:center;margin-bottom:2.2rem}
.brands-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(2rem,6vw,5rem)}
.brand{flex:0 0 auto;display:grid;place-items:center}
.brand img{height:clamp(48px,7vw,74px);width:auto;max-width:180px;object-fit:contain;opacity:.82;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.brand:hover img{opacity:1;transform:scale(1.05)}

/* ---- Native Contact page ---- */
.contact-hero{background:var(--black);color:#cbd2d8;text-align:center;padding:clamp(3rem,7vw,5rem) 0}
.contact-hero .container{max-width:720px}
.contact-hero h1{color:var(--white);font-size:var(--fs-h2);margin:.4rem 0 1rem}
.contact-hero p{color:#9aa4ac;max-width:52ch;margin-inline:auto}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem}
.contact-card{background:var(--white);border:1px solid var(--line);padding:2rem 1.6rem;text-align:center;transition:all .35s var(--ease)}
.contact-card:hover{box-shadow:var(--shadow);border-color:var(--gold);transform:translateY(-4px)}
.contact-card__icon{width:52px;height:52px;margin:0 auto 1.1rem;display:grid;place-items:center;background:var(--navy);color:var(--gold);border-radius:50%}
.contact-card__icon svg{width:24px;height:24px}
.contact-card h3{font-family:var(--font-display);color:var(--navy);font-size:1.2rem;margin-bottom:1rem}
.contact-list{list-style:none;padding:0;margin:0}
.contact-list li{margin-bottom:.6rem;line-height:1.5}
.contact-list a{color:var(--navy);font-weight:600}
.contact-list a:hover{color:var(--gold-deep)}
.contact-list span{display:block;font-size:.8rem;color:var(--ink-soft)}
.contact-addr{color:var(--ink-soft);line-height:1.6;margin-bottom:.8rem;font-size:.92rem}
.contact-addr strong{color:var(--navy);display:block;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem}
.contact-social{margin-top:1.2rem;display:flex;justify-content:center}
.builder-content{width:100%}

/* Contact page: uniform 30px top/bottom on every section */
.is-contact .section{padding-block:30px}
.is-contact .contact-hero{padding-block:30px}

/* Infinite scroll loader + hide any pagination */
.woocommerce nav.woocommerce-pagination,.pagination{display:none!important}
.bn-loadmore{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:2.5rem 0;color:var(--ink-soft);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.bn-spin{width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--gold-deep);border-radius:50%;animation:bn-rotate .7s linear infinite}
@keyframes bn-rotate{to{transform:rotate(360deg)}}

/* ---- Enquiry form ---- */
.cf-head{text-align:center;margin-bottom:2.4rem}
.cf-head h2{font-size:var(--fs-h2)}
.cf-head p{color:var(--ink-soft);max-width:56ch;margin:.6rem auto 0}
.cform{max-width:720px;margin-inline:auto;background:var(--white);border:1px solid var(--line);border-radius:2px;padding:clamp(1.5rem,4vw,2.6rem)}
.cform-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.cform-field{margin-bottom:1.2rem}
.cform-field label{display:block;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;margin-bottom:.5rem}
.cform-field input,.cform-field select,.cform-field textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--line);background:var(--cream);border-radius:2px;transition:border-color .25s,background .25s}
.cform-field input:focus,.cform-field select:focus,.cform-field textarea:focus{border-color:var(--gold-deep);background:var(--white);outline:none}
.cform-field textarea{resize:vertical;min-height:110px}
.cform-submit{width:100%;justify-content:center;margin-top:.4rem;padding:.95rem 1.6rem!important}

/* ---- Maps ---- */
.maps-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.map-card{background:var(--white);border:1px solid var(--line);border-radius:2px;overflow:hidden;transition:box-shadow .35s var(--ease)}
.map-card:hover{box-shadow:var(--shadow)}
.map-card__head{display:flex;align-items:flex-start;gap:.8rem;padding:1.2rem 1.4rem}
.map-card__pin{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;background:var(--navy);color:var(--gold);border-radius:50%}
.map-card__pin svg{width:20px;height:20px}
.map-card__text{font-size:.9rem;color:var(--ink-soft);line-height:1.45}
.map-card__text strong{display:block;color:var(--navy);font-family:var(--font-display);font-size:1.1rem;margin-bottom:.15rem}
.map-frame{position:relative;width:100%;height:340px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);filter:grayscale(.2)}
.map-frame iframe{width:100%;height:100%;display:block}
.map-dir{display:inline-block;padding:1rem 1.4rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-weight:600}
.map-dir:hover{color:var(--navy)}

@media (max-width: 1020px){
  .hero-inner{grid-template-columns:1fr}
  .hero-panel{max-width:420px;margin-inline:auto;width:100%}
  .footer-grid{grid-template-columns:1fr 1fr}
}

/* Single product stacks below tablet width */
@media (max-width: 900px){
  .woocommerce div.product{grid-template-columns:1fr;gap:1.8rem}
  .woocommerce div.product .woocommerce-tabs ul.tabs{gap:1.4rem}
}

/* Guarantee side breathing room on WooCommerce pages (mobile + desktop).
   Woo sometimes renders full-bleed; this keeps content off the screen edge. */
.woocommerce-page .section > .container,
.single-product .section > .container,
.woocommerce .section > .container{padding-inline:var(--gutter)}
/* Category/shop archives: robust left-right padding even if the container is bypassed */
.post-type-archive-product ul.products,
.tax-product_cat ul.products,
.tax-product_tag ul.products{margin-inline:var(--gutter)!important}
.post-type-archive-product .bn-toolbar,
.tax-product_cat .bn-toolbar,
.tax-product_tag .bn-toolbar,
.post-type-archive-product .woocommerce-breadcrumb,
.tax-product_cat .woocommerce-breadcrumb,
.tax-product_tag .woocommerce-breadcrumb,
.post-type-archive-product .woocommerce-products-header,
.tax-product_cat .woocommerce-products-header,
.tax-product_tag .woocommerce-products-header,
.post-type-archive-product .bn-loadmore,
.tax-product_cat .bn-loadmore,
.tax-product_tag .bn-loadmore{margin-inline:var(--gutter)!important}
/* Archive page title (e.g. "Furniture") starts at the same left line as the breadcrumb */
.post-type-archive-product h1.page-title,
.tax-product_cat h1.page-title,
.tax-product_tag h1.page-title,
.woocommerce-products-header__title{
  margin-inline:var(--gutter)!important;
  font-family:var(--font-display);color:var(--navy);
  font-size:clamp(1.7rem,3.4vw,2.4rem);margin-top:1.6rem;margin-bottom:.4rem;
}
@media (max-width: 560px){
  :root{--gutter:1.15rem}
  .woocommerce div.product .woocommerce-tabs ul.tabs{gap:1rem;flex-wrap:wrap}
  .woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size:1.02rem}
  .woocommerce ul.products li.product .button{width:auto}
  /* keep a small even gap on both sides everywhere */
  .container,.hero-inner,.footer-grid,.header-inner{padding-inline:var(--gutter)}
  .woocommerce div.product{padding-inline:0}
  .banarsi-trust{padding:.75rem .9rem}
  .cform-row{grid-template-columns:1fr}
  .maps-grid{grid-template-columns:1fr;gap:1.2rem}
  .map-frame{height:280px}
}

/* nav-extra (inquiries + social + review) — only inside mobile drawer */
.nav-extra{display:none}

@media (max-width: 820px){
  .nav-toggle{display:block}
  /* overflow only on mobile, where the off-canvas drawer needs it.
     On desktop the body has no overflow so position:sticky works. */
  body{overflow-x:hidden}
  .main-nav{
    position:fixed;inset:0;top:0;z-index:999;
    background:var(--white);
    padding:5.2rem var(--gutter) 3rem;
    transform:translateX(100%);
    transition:transform .4s var(--ease);
    overflow-y:auto;
  }
  body.nav-open .main-nav{transform:translateX(0)}
  body.nav-open{overflow:hidden}
  body.nav-open .nav-toggle span{background:var(--navy)}
  .main-nav ul{flex-direction:column;gap:0}
  .main-nav > ul > li{border-bottom:1px solid var(--line)}
  .main-nav a{display:block;padding:1.05rem 0;font-size:1.02rem;color:var(--navy);letter-spacing:.04em;text-transform:none}
  .main-nav a::after{display:none}
  .main-nav .current-menu-item > a{color:var(--gold-deep)}

  /* accordion: parent row holds link + caret button */
  .main-nav li.has-children > a{display:inline-block;width:calc(100% - 44px)}
  .submenu-toggle{
    display:inline-flex;align-items:center;justify-content:center;
    width:40px;height:40px;float:right;margin-top:.4rem;
    background:transparent;border:0;cursor:pointer;color:var(--navy);
  }
  .submenu-toggle svg{width:16px;height:16px;transition:transform .3s var(--ease)}
  .main-nav li.has-children.open > .submenu-toggle svg{transform:rotate(180deg)}
  .main-nav ul ul{
    position:static;opacity:1;visibility:visible;transform:none;
    background:transparent;border:0;display:block;
    max-height:0;overflow:hidden;padding:0 0 0 1.1rem;
    transition:max-height .32s var(--ease),padding .32s var(--ease);
  }
  .main-nav li.has-children.open > ul{max-height:600px;padding-bottom:.7rem}
  .main-nav ul ul a{padding:.6rem 0;font-size:.94rem;color:var(--ink-soft)}
  .main-nav ul ul a{padding:.6rem 0;font-size:.94rem;color:var(--ink-soft)}
  .site-header .nav-toggle{position:relative;z-index:1001}

  /* extras visible in drawer */
  .nav-extra{display:block;margin-top:1.8rem}
  .nav-extra__block{margin-bottom:1.8rem}
  .nav-extra__label{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);font-weight:600;margin-bottom:.9rem}
  .main-nav .nav-extra a.nav-extra__row,
  .nav-extra__row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:.7rem;color:var(--ink);padding:.55rem 0!important;font-size:.92rem}
  .nav-extra__row span{min-width:0;overflow-wrap:anywhere;text-align:left;display:inline}
  .nav-extra__row svg{width:18px!important;height:18px!important;flex:0 0 auto;color:var(--gold-deep);display:block}
  .nav-extra__row:hover{color:var(--gold-deep)}
  .main-nav .nav-extra .social a,
  .nav-extra .social a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;padding:0!important;background:var(--cream);color:var(--navy);border:1px solid var(--line);border-radius:50%;line-height:0}
  .main-nav .nav-extra .social a svg{margin:0!important}
  .nav-extra .social a:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
  .main-nav a.nav-review,
  .nav-review{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.9rem;background:var(--cream);border:1px solid var(--line);padding:1rem 1rem 1rem 22px!important;border-radius:2px}
  .nav-review__star{color:var(--gold);font-size:.95rem;letter-spacing:.1em;line-height:1;flex:0 0 auto;white-space:nowrap}
  .nav-review__text{flex:1 1 auto;min-width:0;font-size:.82rem;color:var(--ink-soft);line-height:1.35}
  .nav-review__text strong{display:block;color:var(--navy);font-size:.9rem}
  .nav-review__arrow{color:var(--gold-deep);font-size:1.1rem;flex:0 0 auto}

  /* footer stacks (image-3 style) */
  .footer-grid{grid-template-columns:1fr;gap:2rem}
  .footer-brand p{max-width:none}
}

@media (max-width: 560px){
  .topbar{font-size:.68rem;letter-spacing:.08em}
  .site-brand img{max-height:42px}
  .site-title{font-size:1.2rem}
  .hero-cta .btn{width:100%;text-align:center}
  .tiles{grid-template-columns:repeat(2,1fr);gap:.8rem}
  .tile-body{padding:.9rem}
  .tile-body h3{font-size:1rem}
  .grid-products{grid-template-columns:repeat(2,1fr);gap:.8rem}
  .card-body{padding:.9rem .7rem 1.1rem}
  .card-body h3{font-size:.94rem}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:.8rem}
}