/*
Theme Name: White Glory
Theme URI: https://thewhiteglory.com
Author: NT Digi Grow
Author URI: https://ntdigigrow.com
Description: Obsidian-and-gold luxury theme for White Glory Private Limited (Bvril, Xeju Organics, White Glory Labs). Nine ready page templates, WhatsApp enquiry forms, built-in SEO meta and Organization schema. Auto-creates pages on activation.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: white-glory
*/
/* Layout idea: obsidian-and-gold house with ivory "paper" chapters; jaali lattice as the Indian cultural thread. Single dark-luxury theme by choice. */
:root{
  --ink:#0C0A08; --ink-2:#15120E; --ink-3:#1E1A15;
  --gold:#C9A24A; --gold-hi:#EAD08C; --gold-lo:#8C6A32;
  --ivory:#F5EFE3; --pearl:#E8E1D2; --silver:#B7B0A4; --muted:#8F877A;
  --emerald:#0E3A2F; --emerald-2:#14503F;
  --lotus:#F7EEE6; --lotus-2:#F1DFD3; --plum:#7E2A78; --saffron:#E9821E; --plum-ink:#2B1A27;
  --rose:#C99A86; --plum:#1F181C;
  --display:"Cormorant Garamond", "Times New Roman", serif;
  --caps:"Cinzel", "Trajan Pro", Georgia, serif;
  --body:"Jost", "Helvetica Neue", Arial, sans-serif;
  --gild:linear-gradient(100deg,#8C6A32 0%,#EAD08C 38%,#C9A24A 58%,#F3E2A6 74%,#8C6A32 100%);
  --rule:1px solid rgba(201,162,74,.35);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--pearl);font:300 17px/1.65 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.08;margin:0;text-wrap:balance;color:var(--ivory)}
h1{font-size:clamp(2.6rem,6vw,4.6rem)}
h2{font-size:clamp(2rem,4vw,3.1rem)}
h3{font-size:1.6rem}
p{margin:0;max-width:62ch}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.eyebrow{font:600 .74rem/1.4 var(--caps);letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.gild{background:var(--gild);-webkit-background-clip:text;background-clip:text;color:transparent}
em.i{font-style:italic;font-family:var(--display)}
.lead{font-size:1.14rem;color:var(--silver)}
.stack{display:grid;gap:18px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;font:600 .74rem/1 var(--caps);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border:1px solid var(--gold);cursor:pointer;transition:background .25s,color .25s}
.btn.solid{background:var(--gild);color:var(--ink);border-color:transparent}
.btn.solid:hover{filter:brightness(1.08)}
.btn.line{background:transparent;color:var(--gold-hi)}
.btn.line:hover{background:rgba(201,162,74,.12)}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.jaali{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23C9A24A' stroke-opacity='.09' stroke-width='1'%3E%3Cpath d='M28 4 52 28 28 52 4 28Z'/%3E%3Ccircle cx='28' cy='28' r='9'/%3E%3Cpath d='M0 0 8 8M56 0 48 8M0 56 8 48M56 56 48 48'/%3E%3C/g%3E%3C/svg%3E")}
.ornament{display:flex;align-items:center;gap:14px;color:var(--gold)}
.ornament::before,.ornament::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent)}

/* header */
header.top{position:sticky;top:0;z-index:20;background:rgba(12,10,8,.94);backdrop-filter:blur(8px);border-bottom:var(--rule)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:62px;height:auto}
.brand b{display:block;font:700 1.05rem/1 var(--caps);letter-spacing:.14em}
.brand small{display:block;font:500 .6rem/1.6 var(--caps);letter-spacing:.34em;color:var(--gold)}
nav.main{display:flex;align-items:center;gap:6px}
nav.main .grp{display:flex;align-items:center;gap:2px;padding:0 10px;border-left:var(--rule)}
nav.main .grp:first-child{border-left:0}
nav.main .lbl{font:500 .56rem/1 var(--caps);letter-spacing:.24em;color:var(--muted);margin-right:6px}
nav.main a{font:500 .78rem/1 var(--body);letter-spacing:.06em;text-decoration:none;padding:9px 9px;color:var(--pearl)}
nav.main a:hover,nav.main a[aria-current="page"]{color:var(--gold-hi)}
.menu-btn{display:none;background:none;border:1px solid var(--gold);color:var(--gold-hi);padding:10px 14px;font:600 .7rem var(--caps);letter-spacing:.2em}
@media (max-width:1240px){
  .menu-btn{display:block}
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--ink-2);border-bottom:var(--rule);padding:10px 20px 20px}
  nav.main.open{display:flex}
  nav.main .grp{border-left:0;border-top:var(--rule);padding:12px 0;flex-wrap:wrap}
  nav.main .grp:first-child{border-top:0}
  nav.main .lbl{width:100%;margin:0 0 4px}
}

/* sections */
section{padding:clamp(64px,9vw,112px) 0}
.paper{background:var(--ivory);color:#3A332A}
.paper h2,.paper h3{color:#16120D}
.paper .lead{color:#5E554A}
.paper .eyebrow{color:var(--gold-lo)}
.emerald{background:radial-gradient(70% 60% at 85% 0%,rgba(233,130,30,.10),transparent 60%),radial-gradient(60% 60% at 0% 100%,rgba(214,51,132,.07),transparent 60%),linear-gradient(170deg,var(--lotus),var(--lotus-2));color:#5A4652}
.plum{background:radial-gradient(110% 90% at 85% 10%,#3A2A31,var(--plum) 60%,#120E10)}

/* hero */
.hero{position:relative;overflow:hidden;padding:clamp(56px,8vw,96px) 0 clamp(56px,7vw,88px);background:radial-gradient(70% 80% at 78% 40%,rgba(201,162,74,.16),transparent 60%),var(--ink)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero.emerald{background:radial-gradient(55% 70% at 80% 35%,rgba(233,130,30,.13),transparent 65%),radial-gradient(50% 60% at 5% 95%,rgba(214,51,132,.08),transparent 60%),linear-gradient(170deg,#FBF5EF,var(--lotus-2))}
.emerald h1,.emerald h2,.emerald h3{color:var(--plum-ink)}
.emerald .lead,.emerald p{color:#5A4652}
.emerald .eyebrow{color:var(--plum)}
.emerald .gild{background:linear-gradient(100deg,#7E2A78,#B0408F 45%,#E9821E 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.emerald .switch{border-color:var(--plum);background:rgba(255,255,255,.55)}
.emerald .switch button{color:var(--plum-ink)}
.emerald .switch button[aria-selected="true"]{background:linear-gradient(100deg,#7E2A78,#B0408F);color:#FFF}
.emerald .framed{border-color:rgba(126,42,120,.35)}
.emerald .framed::after{border-color:rgba(233,130,30,.3)}
.emerald.jaali{background-blend-mode:normal}
.hero.plum{background:radial-gradient(70% 80% at 78% 40%,rgba(201,154,134,.16),transparent 60%),radial-gradient(110% 90% at 85% 10%,#3A2A31,var(--plum) 60%,#120E10)}
.framed img{width:100%}
.hero .emblem{justify-self:center;width:min(440px,100%);filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}
.hero .stack{gap:24px}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.hero .emblem{width:min(320px,80%)}}

/* proof strip */
.proof{border-block:var(--rule);background:var(--ink-2)}
.proof ul{list-style:none;margin:0;padding:22px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.proof li{display:flex;gap:12px;align-items:center;font:500 .72rem/1.4 var(--caps);letter-spacing:.14em;color:var(--pearl)}
.proof svg{flex:none;width:30px;height:30px}
@media (max-width:760px){.proof ul{grid-template-columns:1fr 1fr}}

/* gateway */
.gate{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(201,162,74,.3);border:var(--rule)}
.gate article{position:relative;padding:44px 38px;display:grid;gap:18px;align-content:start;min-height:100%}
.gate .a{background:radial-gradient(90% 70% at 85% 0%,rgba(234,208,140,.35),transparent 60%),linear-gradient(160deg,#F8F3EA,#EADFCB)}
.gate .b{background:radial-gradient(90% 70% at 85% 0%,rgba(201,162,74,.22),transparent 60%),linear-gradient(160deg,#1C1712,#0B0907)}
.gate article::after{content:"";position:absolute;inset:10px;border:1px solid rgba(201,162,74,.28);pointer-events:none}
.gate .a h3{color:#16120D}
.gate .a p,.gate .a li{color:#4A4136}
.gate .a .tag{color:var(--gold-lo)}
.gate .a li::before{border-color:var(--gold-lo)}
.gate .a .btn.line{color:#16120D;border-color:var(--gold-lo)}
.gate .a .btn.line:hover{background:rgba(140,106,50,.12)}
.gate .btns{position:relative;z-index:1}
.gate .tag{font:500 .66rem var(--caps);letter-spacing:.3em;color:var(--gold)}
.gate ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.gate li{padding-left:22px;position:relative;color:var(--pearl)}
.gate li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--gold)}
sup.r{font-size:.55em;vertical-align:super;line-height:0;margin-left:1px;font-family:var(--body)}
.xlogo{width:150px;height:auto}
.gate .pic{display:flex;gap:16px;align-items:end;min-height:150px}
@media (max-width:860px){.gate{grid-template-columns:1fr}}

/* generic grids */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:900px){.g2,.g3{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.g4{grid-template-columns:1fr}}
.head{display:grid;gap:14px;margin-bottom:44px}
.card{border:var(--rule);padding:28px;display:grid;gap:12px;align-content:start;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.paper .card{border-color:rgba(140,106,50,.35);background:#FBF7EF}
.card .n{font:600 .7rem var(--caps);letter-spacing:.24em;color:var(--gold)}
.paper .card .n{color:var(--gold-lo)}
.card p{font-size:.96rem}
.framed{position:relative;padding:12px;border:var(--rule)}
.framed::after{content:"";position:absolute;inset:5px;border:1px solid rgba(201,162,74,.18);pointer-events:none}

/* markets */
.markets{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-block:var(--rule)}
.markets div{padding:30px 26px;border-left:var(--rule);display:grid;gap:8px}
.markets div:first-child{border-left:0}
.markets b{font:600 .8rem var(--caps);letter-spacing:.22em;color:var(--gold-hi)}
.markets span{color:var(--silver);font-size:.95rem}
@media (max-width:760px){.markets{grid-template-columns:1fr}.markets div{border-left:0;border-top:var(--rule)}.markets div:first-child{border-top:0}}

/* bvril */
.blacklist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bl{border:1px solid rgba(201,154,134,.35);background:rgba(255,255,255,.02);padding:22px;display:grid;gap:8px;cursor:pointer;text-align:left;color:inherit;font:inherit}
.bl:hover,.bl[aria-pressed="true"]{border-color:var(--rose);background:rgba(201,154,134,.08)}
.bl.static{cursor:default}
.bl .x{font:600 .74rem var(--caps);letter-spacing:.2em;color:var(--rose);text-decoration:line-through;text-decoration-color:rgba(201,154,134,.7)}
.bl .why{font-size:.92rem;color:var(--silver)}
.bl .use{font-size:.92rem;color:var(--ivory)}
.bl .use b{color:var(--gold-hi);font-weight:500}
@media (max-width:860px){.blacklist{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.blacklist{grid-template-columns:1fr}}
.product{display:grid;grid-template-columns:260px 1fr;gap:40px;padding:40px 0;border-top:1px solid rgba(140,106,50,.3);align-items:center}
.product:first-of-type{border-top:0}
.product .art{background:radial-gradient(circle at 50% 60%,#efe4d0,#e2d4ba);display:grid;place-items:center;aspect-ratio:4/5;border:1px solid rgba(140,106,50,.3)}
.product .art svg{width:62%;height:auto}
.specs{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 28px;font-size:.9rem;margin-top:6px}
.specs dt{font:600 .62rem var(--caps);letter-spacing:.2em;color:var(--gold-lo)}
.specs dd{margin:0;color:#2A241C}
.inci{font-size:.86rem;color:#6B6155;border-left:2px solid var(--gold);padding-left:12px}
@media (max-width:760px){.product{grid-template-columns:1fr}.product .art{max-width:260px}.specs{grid-template-columns:1fr 1fr}}
.product .art.photo{background:#F3E6DA;display:block;padding:0;overflow:hidden}
.product .art.photo img{width:100%;height:100%;object-fit:cover}
.elems{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.elem{background:#FBF7EF;border:1px solid rgba(140,106,50,.3);border-top:4px solid var(--c);display:grid;align-content:start}
.elem img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#F3E6DA}
.elem .stack{padding:20px}
.elem p{font-size:.92rem}
@media (max-width:900px){.elems{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.elems{grid-template-columns:1fr}}
.sizes{display:flex;flex-wrap:wrap;align-items:end;gap:26px;justify-content:center;padding:20px 0 6px}
.sizes figure{margin:0;display:grid;justify-items:center;gap:10px}
.sizes figcaption{font:600 .7rem var(--caps);letter-spacing:.18em;color:var(--gold-hi)}

/* xeju */
.switch{display:inline-flex;border:1px solid var(--gold);padding:4px;gap:4px;background:rgba(0,0,0,.25)}
.switch button{background:none;border:0;color:var(--pearl);padding:12px 20px;font:600 .7rem var(--caps);letter-spacing:.18em;cursor:pointer}
.switch button[aria-selected="true"]{background:var(--gild);color:var(--ink)}
.pane{display:none}.pane.on{display:block}
.amen{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.amen .card{background:rgba(0,0,0,.18)}
@media (max-width:900px){.amen{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.amen{grid-template-columns:1fr}}
.range{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(140,106,50,.3);border:1px solid rgba(140,106,50,.3)}
.range div{background:#FBF7EF;padding:20px;display:grid;gap:4px}
.range b{font:600 .74rem var(--caps);letter-spacing:.14em;color:#16120D}
.range span{font-size:.88rem;color:#6B6155}
@media (max-width:760px){.range{grid-template-columns:1fr 1fr}}

/* forms */
form.lux{display:grid;grid-template-columns:1fr 1fr;gap:16px}
form.lux .full{grid-column:1/-1}
form.lux label{display:grid;gap:6px;font:600 .62rem var(--caps);letter-spacing:.2em;color:var(--gold)}
form.lux input,form.lux select,form.lux textarea{font:400 1rem var(--body);color:var(--ivory);background:rgba(0,0,0,.35);border:1px solid rgba(201,162,74,.4);padding:13px 14px;border-radius:0;width:100%}
form.lux select option{background:var(--ink-2)}
form.lux textarea{min-height:96px;resize:vertical}
.done{display:none;border:1px solid var(--gold);padding:22px;gap:12px;background:rgba(201,162,74,.08)}
.done.on{display:grid}
@media (max-width:620px){form.lux{grid-template-columns:1fr}}

.range9{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.range9 div{position:relative;background:#FBF7EF;border:1px solid rgba(140,106,50,.3);border-left:6px solid var(--c);padding:20px 54px 20px 20px;display:grid;gap:6px}
.range9 b{font:600 .76rem var(--caps);letter-spacing:.12em;color:var(--c)}
.range9 span{font-size:.9rem;color:#5E554A}
.range9 i{position:absolute;right:16px;top:18px;font:600 .7rem var(--caps);color:var(--gold-lo);font-style:normal}
.ticks li b{font-weight:500;color:#16120D}
.range9.one{grid-template-columns:1fr}
@media (max-width:900px){.range9:not(.one){grid-template-columns:1fr 1fr}}
@media (max-width:520px){.range9{grid-template-columns:1fr}}
/* labs */
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:rgba(140,106,50,.3);border:1px solid rgba(140,106,50,.3)}
.cats div{background:#FBF7EF;padding:28px 18px;display:grid;justify-items:center;text-align:center;gap:8px}
.cats svg{width:52px;height:52px;fill:none;stroke:url(#gg);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cats b{font:600 .76rem var(--caps);letter-spacing:.16em;color:#16120D}
.cats span{font-size:.86rem;color:#6B6155}
.ticks{list-style:none;margin:0;padding:0;display:grid}
.ticks li{position:relative;padding:18px 0 18px 40px;border-bottom:1px solid rgba(140,106,50,.35);color:#3A332A}
.ticks li::before{content:"";position:absolute;left:4px;top:22px;width:9px;height:16px;border:solid var(--gold-lo);border-width:0 2px 2px 0;transform:rotate(45deg)}
.matrix{display:grid;grid-template-columns:repeat(4,1fr);border:var(--rule)}
.matrix div{padding:30px 24px;border-left:var(--rule);display:grid;gap:12px;align-content:start}
.matrix div:first-child{border-left:0}
.matrix .k{font:600 2.2rem/1 var(--display);color:var(--gold)}
@media (max-width:900px){.matrix{grid-template-columns:1fr 1fr}.matrix div:nth-child(3){border-left:0}.matrix div:nth-child(n+3){border-top:var(--rule)}}
@media (max-width:480px){.matrix{grid-template-columns:1fr}.matrix div{border-left:0;border-top:var(--rule)}.matrix div:first-child{border-top:0}}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.steps li{list-style:none;counter-increment:s;border-top:2px solid var(--gold);padding-top:14px;display:grid;gap:6px;font-size:.92rem}
.steps li::before{content:"0" counter(s);font:600 .7rem var(--caps);letter-spacing:.2em;color:var(--gold-lo)}
.steps.journey{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.steps.journey{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.steps.journey{grid-template-columns:1fr}}
.steps b{font-weight:500;color:#16120D}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}
table.t{width:100%;border-collapse:collapse;font-size:.95rem}
table.t th,table.t td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(201,162,74,.22);vertical-align:top}
table.t th{font:600 .66rem var(--caps);letter-spacing:.2em;color:var(--gold)}
.tx{overflow-x:auto}

/* colour page */
.sw{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.sw div{border:var(--rule)}
.sw i{display:block;height:110px}
.sw p{padding:12px 14px;font-size:.85rem;display:grid;gap:2px}
.sw b{font:600 .68rem var(--caps);letter-spacing:.16em;color:var(--ivory)}
.sw code{font-size:.82rem;color:var(--gold-hi)}
.ratio{display:flex;height:46px;border:var(--rule)}
code.block{display:block;white-space:pre;overflow-x:auto;background:#000;border:var(--rule);padding:18px;font-size:.8rem;color:var(--pearl);line-height:1.6}
.seo-card{border:var(--rule);padding:26px;display:grid;gap:12px;background:var(--ink-2)}
.seo-card dt{font:600 .62rem var(--caps);letter-spacing:.22em;color:var(--gold)}
.seo-card dd{margin:0 0 6px;color:var(--pearl);font-size:.95rem}
.serp{background:#fff;color:#202124;padding:16px 18px;font-family:Arial,sans-serif;max-width:620px}
.serp .u{font-size:.8rem;color:#4d5156}
.serp .h{font-size:1.15rem;color:#1a0dab;margin:2px 0 4px;line-height:1.3}
.serp .d{font-size:.86rem;color:#4d5156;line-height:1.5}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{border:1px solid rgba(201,162,74,.45);padding:6px 10px;font-size:.82rem;color:var(--pearl)}

/* footer */
footer{background:#070605;border-top:var(--rule);padding:64px 0 28px;font-size:.92rem;color:var(--silver)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:36px}
footer h4{font:600 .68rem var(--caps);letter-spacing:.26em;color:var(--gold);margin:0 0 14px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer a{text-decoration:none}
footer a:hover{color:var(--gold-hi)}
.legal{margin-top:44px;padding-top:20px;border-top:1px solid rgba(201,162,74,.2);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.8rem;color:var(--muted)}
@media (max-width:860px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}
.wa{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;align-items:center;gap:8px;background:var(--gild);color:var(--ink);text-decoration:none;font:600 .68rem var(--caps);letter-spacing:.16em;padding:13px 16px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* ===== WordPress additions ===== */
.wg-content{padding:70px 0}.wg-content .wrap{max-width:820px}
.wg-content h1,.wg-content h2,.wg-content h3{font-family:var(--display);color:var(--gold-hi)}
.wg-content p,.wg-content li{color:var(--pearl);line-height:1.7}
.wg-content a{color:var(--gold-hi)}
.wg-content img{max-width:100%;height:auto}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.admin-bar header.top{top:32px}
@media(max-width:782px){.admin-bar header.top{top:46px}}