/* LIBAAS shared chrome stylesheet (v21) - rebuilt ONLY from the home page's own styles.
   Purpose: the back-office pages (account/checkout/inquiry/about) render the SAME header
   ticker and the SAME footer as the home page. Reference-site CSS is deliberately NOT
   included: its mobile .ftr__grid rules collapsed the footer into one tall column. */
:root{--lb-navy:#0D1E38;--lb-ivory:#F3EEE3;--lb-gold:#C9973F;--lb-gold-soft:#E8C56A}
/* ---------- Announcement bar ---------- */
.annc{ background: var(--navy-deep); color: var(--gold-soft); font: 500 12.5px/1 var(--sans);
  letter-spacing: .14em; text-transform: uppercase; overflow: hidden; height: 38px; display: flex; align-items: center; }
.annc__track{ display: flex; gap: 64px; white-space: nowrap; animation: annc 26s linear infinite; }
.annc:hover .annc__track{ animation-play-state: paused; }
.annc__track span{ display: inline-flex; align-items: center; gap: 8px; }
/* ---------- Header ---------- */
.hdr{ position: sticky; top: 0; z-index: 900; background: rgba(13, 22, 40, .97);
  backdrop-filter: blur(10px); border-bottom: 1px solid rgba(201, 151, 63, .25); }
.hdr__in{ max-width: var(--wrap); margin: 0 auto; padding: 0 22px; height: 70px;
  display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.logo{ display: flex; flex-direction: column; line-height: 1; }
.logo__word{ font: 600 30px/1 var(--serif); color: var(--gold); letter-spacing: .16em; }
.logo__sub{ font: 500 8.5px/1 var(--sans); color: rgba(250, 243, 232, .75);
  letter-spacing: .42em; text-transform: uppercase; margin-top: 5px; padding-left: 2px; }
.nav{ display: flex; gap: 26px; align-items: center; }
.nav a{ font: 600 12.5px/1 var(--sans); color: var(--ivory); letter-spacing: .09em;
  text-transform: uppercase; padding: 8px 0; border-bottom: 2px solid transparent; transition: .2s; }
.nav a:hover, .nav a.is-on{ color: var(--gold-soft); border-bottom-color: var(--gold); }
.hdr__icons{ display: flex; gap: 18px; align-items: center; }
.hdr__icons a, .hdr__icons button{ background: none; border: none; cursor: pointer; color: var(--ivory);
  display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; transition: .2s; position: relative; }
.hdr__icons a:hover, .hdr__icons button:hover{ color: var(--gold); background: rgba(201,151,63,.12); }
.hdr__burger{ display: none; }
/* ---------- Footer ---------- */
.ftr{ background: var(--navy-deep); color: rgba(250, 243, 232, .78); padding: 64px 0 0; }
.ftr__grid{ display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 44px; padding-bottom: 44px; }
.ftr h4{ font: 600 13px/1 var(--sans); letter-spacing: .22em; text-transform: uppercase;
  color: var(--gold-soft); margin-bottom: 18px; }
.ftr ul{ list-style: none; display: grid; gap: 10px; }
.ftr a:hover{ color: var(--gold-soft); }
.ftr__brand p{ font: 400 13.5px/1.75 var(--sans); margin: 14px 0; }
.ftr__tag{ font: 500 15px/1.5 var(--serif); color: var(--gold-soft); font-style: italic; }
.ftr__social{ display: flex; gap: 10px; margin-top: 18px; }
.ftr__social a{ width: 38px; height: 38px; border: 1px solid rgba(201, 151, 63, .4); border-radius: 50%;
  display: grid; place-items: center; color: var(--gold-soft); transition: .2s; }
.ftr__social a:hover{ background: var(--gold); color: #fff; }
.ftr__btm{ border-top: 1px solid rgba(201, 151, 63, .2); padding: 20px 0;
  display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  font: 400 12px/1.5 var(--sans); color: rgba(250, 243, 232, .5); }
/* ---------- Mobile ---------- */
.mobnav{ position: fixed; inset: 0; background: rgba(13, 22, 40, .98); z-index: 999;
  display: flex; flex-direction: column; padding: 26px; transform: translateX(100%); transition: .3s; }
.mobnav.is-open{ transform: none; }
.mobnav a{ font: 600 20px/1 var(--serif); color: var(--ivory); padding: 16px 0;
  border-bottom: 1px solid rgba(201, 151, 63, .2); }
.nav{ display: none; }
.hdr__burger{ display: grid; }
/* ═══ HEADER v2 (13 Oct): burger LEFT · logo CENTRE · nav RIGHT ═══ */
.hdr__in{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; }
.hdr__left{ display:flex; align-items:center; gap:10px; justify-self:start; }
.logo{ text-align:center; align-items:center; }
.logo__cat{ font:700 10.5px/1 var(--sans); letter-spacing:.30em; text-transform:uppercase;
  color:var(--gold); margin-top:7px; }
.logo__tag{ font:italic 400 11px/1 var(--serif); color:rgba(250,243,232,.72); margin-top:4px; letter-spacing:.04em; }
.hdr__in .nav{ justify-self:end; }
.nav{ display:flex; gap:16px; align-items:center; }
.nav a{ color:var(--ivory); text-decoration:none; font:500 11.5px/1 var(--sans);
  letter-spacing:.14em; text-transform:uppercase; padding:8px 2px; position:relative; }
.nav a::after{ content:""; position:absolute; left:0; right:100%; bottom:0; height:1px;
  background:var(--gold); transition:right .3s ease; }
.nav a:hover::after, .nav a.is-on::after{ right:0; }
.nav a.is-on{ color:var(--gold); }
.hdr__in .nav{ display:none; }
.hdr__burger{display:grid;}
.logo__word{font-size:25px}
.hdr__burger{ display:none; }
/* bigger logo block, centred */
.logo__word{ font-size:40px; letter-spacing:.20em; }
.logo__cat{ font-size:12.5px; letter-spacing:.30em; margin-top:8px; color:var(--gold); font-weight:700; }
.logo__tag{ font-size:12px; margin-top:5px; color:rgba(250,243,232,.66); font-style:italic; }
.hdr__in{ height:auto; padding-top:14px; padding-bottom:12px; }
/* icon row on the right of the logo */
.hdr__acts{ display:flex; align-items:center; gap:14px; justify-self:end; }
.hdr__acts button, .hdr__acts a.hdr__ic{ background:none; border:0; cursor:pointer; color:var(--ivory);
  display:inline-flex; align-items:center; gap:6px; padding:7px 8px; border-radius:9px; font:700 11px/1 var(--sans);
  letter-spacing:.10em; text-transform:uppercase }
.hdr__acts button:hover, .hdr__acts a.hdr__ic:hover{ color:var(--gold); background:rgba(201,151,63,.12) }
.hdr__cc{ display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(201,151,63,.35); border-radius:999px;
  padding:6px 11px; color:var(--ivory); background:none; cursor:pointer; font:700 11px/1 var(--sans); letter-spacing:.10em }
.hdr__cc:hover{ border-color:var(--gold); color:var(--gold) }
.hdr__badge{ background:var(--gold); color:#182A4C; border-radius:999px; font-size:9.5px; font-weight:700; padding:1px 6px }
/* nav row UNDER the logo — LIBAAS's pattern */
.hdr__nav{ border-top:1px solid rgba(201,151,63,.18); background:rgba(13,22,40,.94) }
.hdr__nav .nav{ display:flex; justify-content:center; gap:30px; padding:0 20px }
.hdr__nav .nav a{ color:rgba(250,243,232,.82); padding:13px 2px }
.hdr__nav .nav a:hover, .hdr__nav .nav a.is-on{ color:var(--gold) }
.hdr__nav .nav a.is-on::after{ right:0 }
.hdr__nav .nav a::after{ content:""; position:absolute; left:0; right:100%; bottom:6px; height:1px; background:var(--gold); transition:right .3s }
.hdr__nav{display:none}
.hdr__acts .hide-sm{display:none}
/* v5 (17 Oct): owner ka hukum — logo light-gold (New Stories wala --gold-soft), bas */
.logo__word,.logo__cat{color:#D9B36A}
.annc{ position: sticky; top: 34px; z-index: 945; }
.hdr{ top: 72px; }
/* v6.1 (17 Oct): owner list — logo +50%, hero images, timer-only dropbar, trust line, ctiles-scroll, per-piece price upar, chat bubble, 1680 width */
.logo__word{font-size:45px !important}
.logo__cat{font-size:15px !important;margin-top:9px !important}
.logo__tag{font-size:13px !important;letter-spacing:.18em}
.hdr__in{height:92px}
/* v6.4 */
.hdr__in{height:auto !important;padding:12px 22px 6px !important}
.logo__tag{margin-top:7px !important}
.hdr__nav{padding:2px 22px 10px !important}
.nav{gap:46px !important}
.nav a{font-size:15.5px !important;letter-spacing:.12em !important}
/* v6.5 */ .logo__word{font-size:56px !important}
.logo__cat{font-size:19px !important;letter-spacing:.3em !important;margin-top:10px !important}
.logo__tag{font-size:16px !important;margin-top:9px !important}
.hdr__nav{margin-top:2px}
/* v6.6 */
.logo__word{font-size:53px !important}
.logo__cat{font-size:18px !important;margin-top:9px !important}
.logo__tag{font-size:15px !important;margin-top:8px !important}
/* deploy fixes (17 Oct): burger dark, panels dark */
.hdr__burger{background:transparent !important;border:0 !important;color:#F3EEE3 !important;padding:6px}
.hdr__burger svg{stroke:#F3EEE3 !important}
.hdr__cc,.hdr__acts button,.hdr__acts a{color:#F3EEE3 !important}
/* v9 front */ .logo__word{font-size:47px !important}
.logo__cat{font-size:16px !important;margin-top:5px !important;letter-spacing:.26em !important}
.logo__tag{font-size:13px !important;margin-top:4px !important}
.hdr .nav a{font-size:13px !important;letter-spacing:.1em !important}
.hdr .nav{gap:34px !important}
.hdr__in{padding:8px 22px 3px !important;height:auto !important}
.hdr__nav{padding-bottom:5px !important}
.annc{height:31px !important;font-size:11.5px !important}
.annc{position:relative;top:0;height:28px !important;font-size:11px !important;color:#E8D5A0 !important;background:#0D1E38 !important;border-bottom:1px solid rgba(201,151,63,.25)}
.logo__word{font-size:42px !important}
.logo__cat{font-size:14.5px !important;letter-spacing:.26em !important;margin-top:4px !important}
.hdr .nav a{font-size:11px !important}
.hdr .nav{gap:36px !important}
.hdr__in{padding:6px 22px 2px !important;height:auto !important}
.hdr__nav{padding:1px 22px 3px !important;border-top:1px solid rgba(201,151,63,.14)}
/* v11 */ .hdr{top:0 !important}
.annc{position:static !important}
/* v12 */ .annc{position:sticky !important;top:0 !important;z-index:930;background:#0D1E38 !important}
.hdr{top:28px !important}
.hdr .nav a{font-size:12.5px !important;letter-spacing:.11em !important}
/* v16 */ .hdr .logo__tag{display:block !important;font:italic 400 13px/1.2 Georgia,serif !important; color:#F3EEE3 !important;opacity:.92 !important;margin-top:6px !important;visibility:visible !important}
.hdr__nav{display:block !important}
/* footer = home page footer everywhere: 4 columns, never collapsed */
.ftr__grid{grid-template-columns:1.3fr 1fr 1fr 1fr!important;gap:44px}
.ftr{background:#0D1E38!important;color:rgba(250,243,232,.78)!important}

/* v22 - card chips at the same height on every card (equal-height cards,
   fixed photo height, title clamped to 2 lines) */
#drops .grid,#blogGrid,#homeBlogGrid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))!important;align-items:stretch!important}
.cat[data-cat]{display:flex!important;flex-direction:column!important;height:100%!important}
.cat[data-cat]>span:first-child{height:300px!important;flex:none!important;position:relative!important;overflow:visible!important}

.cat[data-cat] b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}
.cat[data-cat]>span:first-child em{position:absolute!important;top:auto!important;left:12px!important;bottom:12px!important;z-index:3}
/* v22 - back-office pages use the same dark LIBAAS page colour as the footer */
body[data-page="account"],body[data-page="checkout"],body[data-page="inquiry"]{background:#0D1E38!important;color:#F3EEE3!important}
body[data-page="account"] .card,body[data-page="checkout"] .card,body[data-page="inquiry"] .card{background:#17294A!important;border-color:#22344f!important;color:#F3EEE3!important}
body[data-page="account"] h1,body[data-page="account"] h2,body[data-page="checkout"] h1,body[data-page="checkout"] h2,body[data-page="inquiry"] h1{color:#F3EEE3!important}
body[data-page="account"] .phead__sub,body[data-page="account"] .card__sub,body[data-page="checkout"] .phead__sub,
body[data-page="checkout"] .card__sub,body[data-page="inquiry"] .card__sub,body[data-page="account"] label,
body[data-page="checkout"] label,body[data-page="account"] .field__lab,body[data-page="checkout"] .field__lab{color:rgba(243,238,227,.72)!important}
body[data-page="account"] input,body[data-page="checkout"] input,body[data-page="inquiry"] input,
body[data-page="account"] textarea,body[data-page="checkout"] textarea,body[data-page="account"] select,body[data-page="checkout"] select{
  background:#0E1A2C!important;color:#F3EEE3!important;border:1px solid #2b4062!important}
body[data-page="account"] .authtab,body[data-page="checkout"] .osum,body[data-page="account"] .acct__navbtn{color:rgba(243,238,227,.72)!important;background:#17294A!important;border-color:#22344f!important}
body[data-page="account"] .authtab.is-on{color:#E8C56A!important;border-bottom-color:#C9973F!important}
body[data-page="checkout"] .co__box{background:#17294A!important;border-color:#22344f!important;color:#F3EEE3!important}
body[data-page="checkout"] .co__box h4,body[data-page="checkout"] .osum__t{color:#F3EEE3!important}
body[data-page="account"] a,body[data-page="checkout"] a{color:#D9B36A!important}
/* search button must never disappear (it is wired in libaas-header-ui.js) */
.hdr__acts>button[aria-label="Search"]{display:inline-grid!important}

/* v23 readability: placeholders + labels bright enough on both dark and light fields */
::placeholder{color:rgba(243,238,227,.62)!important;opacity:1}
body[data-page="account"] ::placeholder,body[data-page="checkout"] ::placeholder{color:#5f584b!important;opacity:1}
body[data-page="account"] .field__lab,body[data-page="checkout"] .field__lab{color:rgba(243,238,227,.86)!important;font-weight:600}
body[data-page="account"] .phead__sub,body[data-page="checkout"] .phead__sub{color:rgba(243,238,227,.8)!important}



body[data-page="checkout"] .osum *{color:inherit}
body[data-page="checkout"] .osum a{color:#8a6d1a!important}
body[data-page="account"] .gbtn{background:#F3EEE3!important;color:#16233B!important;border:1px solid #C9A96B}
body[data-page="account"] .gbtn span,body[data-page="account"] .gbtn b{color:#16233B!important}
body[data-page="account"] .gbtn{font-weight:600}

/* v24 - owner: "blue ke andar white, white ke andar dark blue"
   back-office pages = dark navy panels with light text (same family as the footer) */
body[data-page="account"] .card,body[data-page="checkout"] .card,body[data-page="inquiry"] .card{background:#0D1E38!important;border-color:#22344f!important;color:#F3EEE3!important}
body[data-page="account"] .card h1,body[data-page="account"] .card h2,body[data-page="checkout"] .card h1,body[data-page="checkout"] .card h2,
body[data-page="account"] .phead__title,body[data-page="checkout"] .phead__title,body[data-page="inquiry"] .phead__title{color:#E8C56A!important}
body[data-page="account"] .phead__sub,body[data-page="checkout"] .phead__sub,body[data-page="account"] .card__sub,body[data-page="checkout"] .card__sub,
body[data-page="inquiry"] .card__sub{color:rgba(243,238,227,.82)!important}
body[data-page="account"] .field__lab,body[data-page="checkout"] .field__lab,body[data-page="account"] label,body[data-page="checkout"] label,
body[data-page="inquiry"] label{color:rgba(243,238,227,.88)!important;font-weight:600}
body[data-page="account"] ::placeholder,body[data-page="checkout"] ::placeholder,body[data-page="inquiry"] ::placeholder{color:rgba(243,238,227,.62)!important;opacity:1}
body[data-page="account"] input,body[data-page="checkout"] input,body[data-page="inquiry"] input,body[data-page="account"] textarea,
body[data-page="checkout"] textarea,body[data-page="account"] select,body[data-page="checkout"] select{background:#0A1830!important;color:#F3EEE3!important;border:1px solid #2b4062!important}
body[data-page="checkout"] .osum,body[data-page="checkout"] .paycard,body[data-page="checkout"] .payblk,body[data-page="checkout"] .co__box,
body[data-page="checkout"] .osum__box{background:#17294A!important;color:#F3EEE3!important;border-color:#22344f!important}
body[data-page="checkout"] .osum *,body[data-page="checkout"] .paycard *{color:inherit}
body[data-page="checkout"] .osum a,body[data-page="checkout"] .paycard a{color:#D9B36A!important}
body[data-page="account"] .authtab{color:rgba(243,238,227,.66)!important}
body[data-page="account"] .authtab.is-on{color:#E8C56A!important;border-bottom-color:#C9973F!important}
body[data-page="account"] .gbtn{background:#17294A!important;color:#F3EEE3!important;border:1px solid #2b4062}
body[data-page="account"] .gbtn span,body[data-page="account"] .gbtn b{color:#F3EEE3!important}
body[data-page="checkout"] .paycard .StripeElement,body[data-page="checkout"] .card-field{background:#0A1830!important}

/* ---------- v28: checkout dark unification (owner: "ekdam white dikh raha hai") ---------- */
body[data-page="checkout"]{background:#0D1E38!important;color:#F3EEE3!important}
body[data-page="checkout"] .co__panel,body[data-page="checkout"] .paymethods,body[data-page="checkout"] .trustbar{
  background:#14243D!important;border:1px solid #22344f!important;color:#F3EEE3!important;border-radius:14px}
body[data-page="checkout"] .paycard{background:#17294A!important;border:1px solid #22344f!important;color:#F3EEE3!important}
body[data-page="checkout"] .paycard.is-on{border-color:#C9973F!important}
body[data-page="checkout"] .opt{background:#17294A!important;border-color:#22344f!important;color:#F3EEE3!important}
body[data-page="checkout"] .opt.is-on{border-color:#C9973F!important}
body[data-page="checkout"] h2,body[data-page="checkout"] h3,body[data-page="checkout"] label{color:rgba(243,238,227,.9)!important}
body[data-page="checkout"] .field__in,body[data-page="checkout"] .inp,body[data-page="checkout"] input[type="text"],
body[data-page="checkout"] input[type="email"],body[data-page="checkout"] input[type="tel"],body[data-page="checkout"] select{
  background:#0A1830!important;color:#F3EEE3!important;border:1px solid #2b4062!important}
body[data-page="checkout"] input::placeholder,body[data-page="checkout"] .inp::placeholder{color:rgba(243,238,227,.55)!important}
body[data-page="checkout"] .trustbar a{color:#E8C56A!important}
body[data-page="checkout"] .paycard input{background:#0A1830!important;color:#F3EEE3!important}
/* ---------- v28: journal + article + reviews bands — 30% lighter navy, white text (owner) ---------- */
#homeBlogSec,#blogBand,#articleBand,#shopReviews{background:#1B2C49!important;color:#F3EEE3!important}
#homeBlogSec .sec__h,#blogBand .sec__h,#shopReviews .sec__h{color:#F3EEE3!important}
#homeBlogSec .sec__h em,#blogBand .sec__h em,#shopReviews .sec__h em{color:#E8C56A!important}
#homeBlogSec .sec__sub,#blogBand .sec__sub,#homeBlogSec .sec__kicker,#blogBand .sec__kicker,#shopReviews .sec__kicker{color:rgba(243,238,227,.72)!important}
#homeBlogSec .bcard,#blogBand .bcard{background:#182C4E!important;border:1px solid #26395c!important;color:#F3EEE3!important;box-shadow:none!important}
#homeBlogSec .bcard__title a,#blogBand .bcard__title a{color:#F3EEE3!important}
#homeBlogSec .bcard:hover,#blogBand .bcard:hover{transform:translateY(-3px);border-color:#C9973F!important}
#homeBlogSec .bcard__meta,#blogBand .bcard__meta,#homeBlogSec .bcard__ex,#blogBand .bcard__ex{color:rgba(243,238,227,.72)!important}
#homeBlogSec .bcard__more,#blogBand .bcard__more{color:#E8C56A!important}
#blogGrid,#articleHost{color:#F3EEE3!important}
#articleBand .aarticle__head h1{color:#F3EEE3!important}
#articleBand .aarticle__meta{color:#E8C56A!important}
#articleBand .aarticle__dek{color:rgba(243,238,227,.8)!important}
#articleBand .aarticle__body{color:#F3EEE3!important}
#articleBand .aarticle__body h2{color:#E8C56A!important}
#articleBand .aarticle__cta{background:#182C4E!important;border:1px solid #26395c!important;color:rgba(243,238,227,.85)!important}
#articleBand .bempty,#blogBand .bempty{color:rgba(243,238,227,.8)!important}
#articleBand .aback{color:#E8C56A!important}
#shopReviews .osum__empty{color:rgba(243,238,227,.75)!important}

/* ---------- v29: ONE tone across the site (owner: "na ekdam black, na ekdam white —
   ek hi acha navy; checkout ke white boxes ko light-navy; journal band wapas dark") ---------- */
:root{--lb-page:#10233F;--lb-panel:#1B2E4F;--lb-line:#26395C;--lb-input:#0D1E38}
html{background:var(--lb-page)!important}
body{background:var(--lb-page)!important}
#homeBlogSec,#shopReviews,#blogBand,#articleBand{background:var(--lb-page)!important}
#homeBlogSec .bcard,#blogBand .bcard{background:var(--lb-panel)!important;border-color:var(--lb-line)!important}
#shopReviews form,#shopReviews #shopRevList>div{background:var(--lb-panel)!important;border-color:var(--lb-line)!important;color:#F3EEE3!important}
#shopReviews label,#shopReviews p{color:rgba(243,238,227,.82)!important}
#shopReviews input,#shopReviews select,#shopReviews textarea{background:var(--lb-input)!important;color:#F3EEE3!important;border:1px solid var(--lb-line)!important}
body[data-page="checkout"]{background:var(--lb-page)!important}
body[data-page="checkout"] .co__panel,body[data-page="checkout"] .paymethods,body[data-page="checkout"] .trustbar,
body[data-page="checkout"] .paycard,body[data-page="checkout"] .opt,body[data-page="checkout"] .osum,body[data-page="checkout"] .osum__box{
  background:var(--lb-panel)!important;border:1px solid var(--lb-line)!important;color:#F3EEE3!important}
body[data-page="checkout"] .field__in,body[data-page="checkout"] .inp,body[data-page="checkout"] select,
body[data-page="checkout"] input[type="text"],body[data-page="checkout"] input[type="email"],body[data-page="checkout"] input[type="tel"]{
  background:var(--lb-input)!important;color:#F3EEE3!important;border:1px solid var(--lb-line)!important}
body[data-page="checkout"] .osum__foot,body[data-page="checkout"] #coTotals{background:var(--lb-panel)!important}
#gift{background:linear-gradient(115deg,var(--lb-panel),var(--lb-page))!important}
/* gift/journal bands ke andar jo ab bhi #fff form card use kar raha hai, wo panel-tone ban jaye */
#gift form{background:var(--lb-panel)!important}

#homeBlogSec .bgrid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))!important}

/* v36: account ke outline buttons + nav — cream se navy system */
body[data-page="account"] .btn--outline{background:transparent!important;color:#E8C56A!important;border:1px solid #C9973F!important}
body[data-page="account"] .btn--outline:hover{background:rgba(201,151,63,.15)!important}
body[data-page="account"] .acct__nav{background:transparent!important}
body[data-page="account"] .acct__nav .is-on{background:#17294A!important;color:#E8C56A!important}
body[data-page="account"] ul{background:transparent!important}

/* v37: BUY NOW ka original gold-fill look (v36 normalize me kho gaya tha) */
.cat .abtn.abuy{background:#C9973F!important;color:#0B1322!important;border-color:#C9973F!important}
.cat .abtn.abuy:hover{background:#E8C56A!important;border-color:#E8C56A!important}

/* ── v39: card button row — never clip, always one rhythm ── */
.crow{align-items:stretch}
.crow .abtn{padding:10px 9px;font-size:11.5px!important;letter-spacing:.04em;white-space:nowrap;flex:1 1 auto;min-width:0;text-align:center}
.crow .qctl{flex:0 0 auto;align-self:stretch;display:inline-flex;align-items:center;height:auto;border:1px solid rgba(201,151,63,.55);border-radius:8px;overflow:hidden;background:rgba(201,151,63,.07)}
.crow .qctl b{height:100%;min-width:26px;display:inline-flex;align-items:center;justify-content:center;line-height:1;font:700 13.5px Arial;color:#F3EEE3;padding:0 4px}
.crow .qctl button{height:100%;min-height:34px;width:26px;padding:0;background:transparent;border:0;color:#D9B36A;font:700 14px Arial;cursor:pointer;line-height:1}

/* ── v39: ticker keyframes shared — was index-only, so account/checkout lines froze ── */
@keyframes annc{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.annc__track{display:flex;gap:64px;white-space:nowrap;animation:annc 26s linear infinite}
.annc:hover .annc__track{animation-play-state:paused}

/* ── v39: account pages.css/main.css .card{#fff} override — deep navy system ── */
body[data-page="account"] .card{background:#17294A!important;border:1px solid #26395c!important;color:#F3EEE3!important;border-radius:14px}
body[data-page="account"] .card .card__title{color:#E8C56A!important}
body[data-page="account"] .card .card__sub,body[data-page="account"] .card p,body[data-page="account"] .card li,body[data-page="account"] .card td,body[data-page="account"] .card th,body[data-page="account"] .card label{color:rgba(243,238,227,.82)!important}
body[data-page="account"] .card a{color:#E8C56A!important}
body[data-page="account"] .card input,body[data-page="account"] .card select,body[data-page="account"] .card textarea{background:#0A1830!important;color:#F3EEE3!important;border:1px solid #2A3D66!important;border-radius:8px}
body[data-page="account"] .card input::placeholder,body[data-page="account"] .card textarea::placeholder{color:rgba(243,238,227,.5)!important}
body[data-page="account"] .btn--gold,body[data-page="account"] .card .btn--gold{color:#0B1322!important}
body[data-page="account"] .btn--outline{background:transparent!important;color:#E8C56A!important;border:1px solid #C9973F!important}
body[data-page="account"] .card table{color:#F3EEE3!important}
@media print{
  body[data-page="account"] .card,body[data-page="account"] .page,.page{background:#fff!important;color:#111!important;border-color:#ddd!important}
  body[data-page="account"] .card .card__title{color:#111!important}
  body[data-page="account"] .card *,.page *{color:#111!important}
}
/* v36 ka blanket 'ul transparent' rule suggest-box ko bhi kha gaya tha — fix: */
body[data-page="account"] .field ul,body[data-page="account"] .card .field ul{background:#101F38!important;border:1px solid #2A3D66!important;box-shadow:0 10px 26px rgba(0,0,0,.55)!important}
body[data-page="account"] .field ul li{color:#F3EEE3!important;background:#101F38!important;border-bottom-color:#1B2E4F!important}
body[data-page="account"] .field ul li:hover{background:#1A3054!important}

/* ── v40: account/checkout dark flip — pages.css/main.css var-based white boxes
   (emptybox, trackbox, paymethod bodies, addr-list, itable...) ek saath navy ── */
body[data-page="account"], body[data-page="checkout"]{
  --bg-soft:#17294A; --card:#17294A; --line:#26395C; --line-soft:#1E3050;
  --ink:#F3EEE3; --ink-70:rgba(243,238,227,.85); --ink-55:rgba(243,238,227,.72);
  --ink-40:rgba(243,238,227,.55); --muted:rgba(243,238,227,.7);
  --navy:#0A1830; --navy-soft:#101F38; --shadow:0 10px 26px rgba(0,0,0,.45);
}
body[data-page="account"] .emptybox{background:#131F35!important;border:1px dashed #26395C!important;color:#F3EEE3!important}
body[data-page="account"] .trackbox,body[data-page="checkout"] .trackbox{background:#17294A!important;border-color:#26395C!important;color:#F3EEE3!important}
body[data-page="account"] .trackbox input,body[data-page="account"] .trackbox select{background:#0A1830!important;color:#F3EEE3!important;border-color:#26395C!important}
body[data-page="account"] .emptybox *{color:rgba(243,238,227,.8)!important}
body[data-page="account"] .btn--outline{background:#101F38!important;color:#E8C56A!important;border:1px solid #C9973F!important}
body[data-page="account"] .btn--outline:hover{background:#1A3054!important}
body[data-page="account"] .btn--gold,body[data-page="account"] .btn--gold.btn--sm{background:#C9973F!important;color:#0B1322!important;border-color:#C9973F!important}
body[data-page="account"] .card .btn--sm[style*="B71C1C"]{background:transparent!important;border-color:#C0564F!important}
@media print{body[data-page="account"],body[data-page="checkout"]{--bg-soft:#fff;--card:#fff;--ink:#111;--line:#ddd}
  .emptybox,.card,.trackbox{background:#fff!important;color:#111!important;border-color:#ddd!important}}

/* v40: Danger button inline-red ka respect (gold override se dab raha tha) */
body[data-page="account"] .btn--outline[style*="B71C1C"]{color:#F09A93!important;border-color:#C0564F!important;background:rgba(192,86,79,.08)!important}
body[data-page="account"] .btn--outline[style*="B71C1C"]:hover{background:rgba(192,86,79,.2)!important}

/* ── v43-1: checkout ke white dabbe (pages.css literal #fff) — owner: "text nahi dikh raha".
   surfaces navy, text ivory; koi page-rule nahi badla, sirf ye overrides. ── */
body[data-page="checkout"] .delivopt{background:#17294A!important;color:#F3EEE3!important;border-color:#22344f!important}
body[data-page="checkout"] .delivopt.is-on{background:#13233F!important;border-color:#C9973F!important;box-shadow:none}
body[data-page="checkout"] .delivopt b,body[data-page="checkout"] .delivopt span{color:#F3EEE3!important}
body[data-page="checkout"] .delivopt.is-on b{color:#E8C56A!important}
body[data-page="checkout"] .zonenote{background:#17294A!important;color:rgba(243,238,227,.82)!important;border-color:#22344f!important}
body[data-page="checkout"] .zonenote b{color:#F3EEE3!important}
body[data-page="checkout"] .paymethod-wrap,body[data-page="checkout"] .paymethod{background:#17294A!important;color:#F3EEE3!important;border-color:#22344f!important}
body[data-page="checkout"] .paymethod__name,body[data-page="checkout"] .paymethod__name small{color:#F3EEE3!important}
body[data-page="checkout"] .paymethod__soon{color:rgba(232,197,106,.85)!important}
body[data-page="checkout"] .paymethod__body{background:#13233F!important;color:#F3EEE3!important;border-color:#22344f!important}
body[data-page="checkout"] .elhost{background:#0A1830!important;border-color:#2b4062!important}
body[data-page="checkout"] .elhost>*{color-scheme:dark}
body[data-page="checkout"] .cosummary{background:#17294A!important;color:#F3EEE3!important;border-color:#22344f!important}
body[data-page="checkout"] .cosummary__line span{color:rgba(243,238,227,.85)!important}
body[data-page="checkout"] .cosummary__more{color:#E8C56A!important}
body[data-page="checkout"] .skip-link{background:#17294A!important;color:#F3EEE3!important}
/* v43-1b: sirf checkout par purani v22 rule "body[data-page=checkout] button{ivory text}"
   gold dabbon ka text halka kar rahi thi (Place order / SIGN IN) -> dark navy text.
   Footer/Subscribe button ko chhua nahi (wo main.css ke .site-footer rule par hi hai). */
body[data-page="checkout"] #coForm .btn--gold,body[data-page="checkout"] #coForm .btn--gold span,
body[data-page="checkout"] #coForm .btn--gold b{color:#0B1322!important}
/* v43-5: ADD TO CART ka "IN CART ✓" persistent look */
.abtn.addcart.is-incart{background:rgba(201,151,63,.18)!important;border-color:#C9973F!important;color:#E8C56A!important}
/* cart drawer ka gold CTA — v24 ki broad ".osum *{color:inherit}" is drawer button ko bhi
   dabaa leti thi (sirf checkout par); text wapas brand-dark navy, same as .lb-btn base rule */
#lbCart a.lb-btn{color:#0D1E38!important}

/* ═════ v44 — checkout/account/inquiry ke BAQI white dabbe (owner: "white ke andar kuch
   dikhi nahi de raha"). pages.css ki rules chhedi nahi; sab scoped overrides yahan. ═════ */
body[data-page="checkout"] .bankacct,body[data-page="account"] .bankacct,body[data-page="inquiry"] .bankacct{background:#17294A!important;border-color:#22344f!important}
body[data-page="checkout"] .bankacct__t,body[data-page="account"] .bankacct__t{color:#E8C56A!important}
body[data-page="checkout"] .bankacct__l dt{color:rgba(243,238,227,.66)!important}
body[data-page="checkout"] .bankacct__l dd,body[data-page="checkout"] .copyval{color:#F3EEE3!important}
body[data-page="checkout"] .copybtn{background:transparent!important;border-color:#C9973F!important;color:#D9B36A!important}
body[data-page="checkout"] .copybtn:hover{color:#E8C56A!important}
body[data-page="checkout"] .bankpay{background:#13233F!important;border-color:#22344f!important}
body[data-page="checkout"] .bankpay__how summary{color:#E8C56A!important}
body[data-page="checkout"] .paynow,body[data-page="account"] .paynow{background:#17294A!important;border-color:#C9973F!important}
body[data-page="checkout"] .paynow__ref{background:#0A1830!important;border-color:#C9973F!important}
body[data-page="checkout"] .paynow__ref b{color:#E8C56A!important}
body[data-page="checkout"] .paynow__ref span,body[data-page="checkout"] .paynow__l dt,
body[data-page="checkout"] .paynow__note{color:rgba(243,238,227,.72)!important}
body[data-page="checkout"] .paynow__t,body[data-page="checkout"] .paynow__lead,body[data-page="checkout"] .paynow__l dd{color:#F3EEE3!important}
body[data-page="checkout"] .addr-list{background:#0F2038!important;border-color:#2b4062!important;box-shadow:0 10px 26px rgba(4,10,20,.55)}
body[data-page="checkout"] .addr-list li{color:#F3EEE3!important}
body[data-page="checkout"] .addr-list li:hover{background:#17294A!important}
body[data-page="checkout"] #coNotes,body[data-page="checkout"] .cosearch{background:#0A1830!important;color:#F3EEE3!important;border-color:#2b4062!important}
body[data-page="checkout"] .prefill-note{color:rgba(243,238,227,.8)!important;background:transparent!important;border:1px solid #22344f!important;border-left:3px solid #C9973F!important}
body[data-page="checkout"] .prefill-note b{color:#F3EEE3!important}
body[data-page="checkout"] .linkish,body[data-page="checkout"] #clearSaved,body[data-page="checkout"] #useSavedAddr{color:#E8C56A!important}
body[data-page="checkout"] .whobox--in{background:transparent!important;border-color:#22344f!important}
body[data-page="checkout"] .whobox--in b,body[data-page="checkout"] .whobox--in span{color:#F3EEE3!important}
body[data-page="checkout"] .whobox--in span{opacity:.8}
body[data-page="checkout"] .whobox--in a{color:#E8C56A!important}
body[data-page="checkout"] .polipay{background:#17294A!important;color:#F3EEE3!important;border-color:#22344f!important}
body[data-page="checkout"] .polipay__test{background:#13233F!important;color:#F3EEE3!important}
body[data-page="checkout"] .fpanel,body[data-page="inquiry"] .fpanel{background:#17294A!important;border-color:#22344f!important;color:#F3EEE3!important}
body[data-filters-only] .linkish{color:#E8C56A!important}
/* v44: inquiry page (v22 ne body navy kiya, page ke apne dabbe light reh gaye) */
body[data-filters-only] .card,body[data-filters-only] .card--soft{background:#17294A!important;border-color:#26395C!important;color:#F3EEE3!important}
body[data-filters-only] .card__sub,body[data-filters-only] .field__hint,body[data-filters-only] .field>label span{color:rgba(243,238,227,.74)!important}
body[data-filters-only] label,body[data-filters-only] .field__lab{color:rgba(243,238,227,.88)!important}
body[data-filters-only] input,body[data-filters-only] select,body[data-filters-only] textarea{background:#0A1830!important;color:#F3EEE3!important;border:1px solid #2b4062!important}
body[data-filters-only] .fpanel{background:#13233F!important;border-color:#26395C!important;color:#F3EEE3!important}
body[data-filters-only] .subtab{background:transparent!important;color:rgba(243,238,227,.78)!important;border-color:#26395C!important}
body[data-filters-only] .subtab.is-on{color:#E8C56A!important;border-color:#C9973F!important;background:rgba(201,151,63,.14)!important}
body[data-filters-only] .pill,body[data-filters-only] .shape-btn,body[data-filters-only] .mtoggle{background:#0A1830!important;color:rgba(243,238,227,.85)!important;border-color:#2b4062!important}
body[data-filters-only] .pill.is-on,body[data-filters-only] .shape-btn.is-on{border-color:#C9973F!important;color:#E8C56A!important;background:rgba(201,151,63,.16)!important}
body[data-filters-only] .pillbox__lab,body[data-filters-only] .flabel__x,body[data-filters-only] .mqty__u{color:rgba(243,238,227,.72)!important}
body[data-filters-only] .crumbs span{color:rgba(243,238,227,.7)!important}
body[data-filters-only] .crumbs a{color:#D9B36A!important}
body[data-filters-only] .phead__title{color:#F3EEE3!important}
body[data-filters-only] .phead__sub{color:rgba(243,238,227,.82)!important}
/* cart drawer ka REMOVE (purani v24 rule .osum a = #8a6d1a dark kar rahi thi) */
body[data-page="checkout"] .osum a,body[data-page="checkout"] .osum__foot a{color:#D9B36A!important}
body[data-page="checkout"] #coItems button[aria-label="Remove"]{color:#D9B36A!important}
/* footer ka Subscribe: v22 broad rule ne cream pill ka text bhi ivory bana diya tha
   (main.css ka cream-pill intent dab gaya) — pill wapas cream, text deep gold. */
/* owner: "subscribe ko white kar diya, gold tha" — gold hi rahe, bas text dark
   (v22 broad rule ka ivory text cr 1.96 deta tha). */
.ftr .btn--gold{background:#C9973F!important;border-color:#C9973F!important;color:#0B1322!important}
.ftr .btn--gold:hover{background:#E8C56A!important;border-color:#E8C56A!important;color:#0B1322!important}

/* v44: card button row — sabhi buttons same height + text center.
   (flex line me akele padne wala BUY NOW content-height par reh jaata tha, isliye
   "ADD TO CART / stepper thoda oopar" dikh raha tha.) */
.crow .abtn{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;line-height:normal}
.crow .qctl{min-height:46px}

/* v44: inquiry — jo dabbe navy hue, unke andar ka text bhi light theme ka tha */
body[data-filters-only] .card__title,body[data-filters-only] .card h2{color:#E8C56A!important}
body[data-filters-only] .flabel,body[data-filters-only] .flabel em,body[data-filters-only] .mnote,
body[data-filters-only] .mtoggle__t,body[data-filters-only] .inq__none,body[data-filters-only] .inq__maillabel,
body[data-filters-only] .inq__summary p,body[data-filters-only] .whobox span{color:rgba(243,238,227,.8)!important}
body[data-filters-only] .flabel__x{color:rgba(243,238,227,.62)!important}
body[data-filters-only] .mtoggle{color:rgba(243,238,227,.85)!important}
body[data-filters-only] .btn--gold,body[data-filters-only] .btn--gold span{background:#C9973F!important;border-color:#C9973F!important;color:#0B1322!important}

/* ═══ v48 — v40 ke var-flip ka doosra side-effect: pages.css/main.css ki wo rules jo
   "dark ink = white text" par bani thi (background:var(--ink); color:#fff). account/checkout
   par --ink AB IVORY hai → white dabba + white text (owner: "sign up ke neeche white box,
   kuch padhi nahi ja raha"). Rule nahi badle, sirf scoped override. ═══ */
body[data-page="account"] .toast,body[data-page="checkout"] .toast,body[data-page="inquiry"] .toast{background:#0B182C!important;color:#F3EEE3!important;border:1px solid #2b4062}
body[data-page="account"] .toast svg,body[data-page="checkout"] .toast svg,body[data-page="inquiry"] .toast svg{color:#E8C56A!important}
body[data-page="account"] .toast.is-err,body[data-page="checkout"] .toast.is-err{background:#C0564F!important;color:#fff!important;border-color:#C0564F}
body[data-page="account"] .sbox__go,body[data-page="checkout"] .sbox__go{background:#17294A!important;color:#F3EEE3!important}
body[data-page="checkout"] .copromo__go{background:#C9973F!important;color:#0B1322!important}

/* ═══ v49 — inquiry ka "Inquiry received" card (owner: reference dikhi nahi de raha,
   View My Inquiries button white) ═══
   Measured pehle: p/b = rgb(74,74,74) on rgb(23,41,74) (cr ~1.6 = invisible),
   .btn--outline = bg rgb(255,255,255) + ivory text. Ab: */
body[data-filters-only] .card p,body[data-filters-only] .card b,body[data-filters-only] .card small{color:#F3EEE3!important}
body[data-filters-only] .card p b{color:#E8C56A!important}
body[data-filters-only] .btn--outline{background:transparent!important;color:#E8C56A!important;border:1px solid #C9973F!important}
body[data-filters-only] .btn--outline:hover{background:rgba(201,151,63,.14)!important}
body[data-filters-only] .btn--gold{color:#0B1322!important}