/* ============================================================================
   Glapris header redesign — scoped to body.has-glp-header / .glp-hdr.
   PC ≥ 922px, mobile < 922px. Hides the old Astra header.
   ========================================================================== */

/* ── Hide the old Astra header entirely ── */
body.has-glp-header #masthead,
body.has-glp-header .ast-above-header-wrap,
body.has-glp-header .site-header,
body.has-glp-header .ast-main-header-wrap,
body.has-glp-header .main-header-bar-wrap,
body.has-glp-header .ast-below-header-wrap,
body.has-glp-header .ast-mobile-header-wrap,
body.has-glp-header .glp-store-bar { display: none !important; }
body.has-glp-header { --glp-hdr-orange: #f58220; }

.glp-hdr{
  --orange:#f58220; --orange-dark:#d96d0f; --orange-light:#ff9d4d; --orange-subtle:rgba(245,130,32,.08);
  --charcoal:#1a1a1a; --charcoal-soft:#2d2d2d; --charcoal-line:rgba(255,255,255,.09);
  --g700:#3d3d3d; --g500:#6b6b6b; --g400:#8a8a8a; --g300:#b0b0b0; --g200:#d4d4d4; --g100:#ebebeb; --g50:#f5f5f5;
  --cream:#faf8f5; --white:#fff; --success:#2d8a4e; --error:#d93025;
  --disp:'Antonio',sans-serif; --body:'Inter','DM Sans',-apple-system,sans-serif; --hand:'Caveat',cursive;
  font-family:var(--body); color:var(--charcoal); font-size:14px; line-height:1.5;
}
.glp-hdr *{box-sizing:border-box;margin:0;padding:0;}
.glp-hdr a{text-decoration:none;color:inherit;cursor:pointer;}
.glp-hdr a:hover{color:var(--orange);}
.glp-hdr button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit;}
.glp-hdr ul{list-style:none;}
.glp-hdr svg{display:block;}
.glp-hdr .wrap{max-width:1320px;margin:0 auto;}

/* dynamic-category wrappers keep the flex layout of their parent */
.glp-hdr .glp-cats-dyn,.glp-hdr .glp-mcats-dyn{display:contents;}

/* which header shows */
.glp-hdr-pc{display:none;}
.glp-hdr-mob{display:none;}
@media (min-width:922px){ .glp-hdr-pc{display:block;} }
@media (max-width:921.98px){ .glp-hdr-mob{display:block;} }

/* ══ Superbar ══ */
.glp-hdr .superbar{background:var(--orange);color:#fff;font-size:12px;font-weight:500;}
.glp-hdr .superbar .wrap{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;}
.glp-hdr .superbar .trust{display:flex;gap:26px;}
.glp-hdr .superbar .trust span{display:flex;align-items:center;gap:7px;}
.glp-hdr .superbar .links{display:flex;align-items:center;gap:22px;}
.glp-hdr .superbar a:hover{color:#fff;text-decoration:underline;}
.glp-hdr .superbar .ic{opacity:.95;}

/* ══ Masthead ══ */
.glp-hdr .mast{background:var(--charcoal);}
.glp-hdr .mast .wrap{display:flex;align-items:center;gap:24px;padding:16px 28px;}
.glp-hdr .logo{flex:none;display:flex;align-items:center;justify-content:center;height:52px;background:none;overflow:visible;}
.glp-hdr .logo:hover{color:inherit;}
.glp-hdr .logo .wordmark{display:flex;align-items:baseline;gap:1px;line-height:1;}
.glp-hdr .logo .wordmark .a{font-family:var(--hand);font-size:32px;color:var(--orange);font-weight:700;line-height:1;margin-bottom:-3px;}
.glp-hdr .logo .wordmark .b{font-family:var(--disp);font-size:21px;font-weight:700;letter-spacing:.5px;color:var(--charcoal);}

.glp-hdr .store{position:relative;}
.glp-hdr .act.store-btn{display:flex;flex-direction:row;align-items:center;gap:8px;color:rgba(255,255,255,.85);padding:8px 12px;border-radius:9px;transition:background .15s;}
.glp-hdr .act.store-btn:hover{background:rgba(255,255,255,.07);color:#fff;}
.glp-hdr .act.store-btn .lab{display:flex;flex-direction:column;text-align:left;line-height:1.2;white-space:nowrap;}
.glp-hdr .act.store-btn .lab small{font-size:10px;color:rgba(255,255,255,.5);font-weight:500;}
.glp-hdr .act.store-btn .lab .sname{font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:4px;}
.glp-hdr .act.store-btn .chev{opacity:.6;}

.glp-hdr .search{flex:1;position:relative;min-width:0;}
.glp-hdr .search .si{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--g400);}
.glp-hdr .search input{width:100%;background:#fff;border:1.5px solid transparent;border-radius:999px;padding:13px 22px 13px 46px;color:var(--charcoal);font-size:14px;font-family:inherit;}
.glp-hdr .search input::placeholder{color:var(--g400);}
.glp-hdr .search input:focus{outline:none;border-color:var(--orange);}

.glp-hdr .actions{flex:none;display:flex;align-items:center;gap:6px;}
.glp-hdr .act{display:flex;flex-direction:column;align-items:center;gap:4px;color:rgba(255,255,255,.85);padding:6px 12px;border-radius:9px;position:relative;min-width:64px;transition:background .15s;}
.glp-hdr .act:hover{background:rgba(255,255,255,.07);color:#fff;}
.glp-hdr .act .lab{font-size:10.5px;font-weight:600;}
.glp-hdr .act .count{position:absolute;top:1px;right:12px;background:var(--orange);color:#fff;min-width:17px;height:17px;padding:0 4px;border-radius:100px;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.glp-hdr .action-icon.is-logged-in::after{content:"";position:absolute;top:7px;right:13px;width:8px;height:8px;border:2px solid var(--charcoal);border-radius:50%;background:var(--success);box-shadow:0 0 0 1px rgba(255,255,255,.12);}
.glp-hdr .action-icon.is-logged-in .lab small{color:#fff;max-width:66px;overflow:hidden;text-overflow:ellipsis;}
.glp-hdr .act.cart{flex-direction:row;gap:11px;padding:9px 14px;min-width:0;margin-left:6px;}
.glp-hdr .act.cart .ct{text-align:left;line-height:1.2;white-space:nowrap;}
.glp-hdr .act.cart .ct small{display:block;font-size:10px;color:rgba(255,255,255,.55);font-weight:500;}
.glp-hdr .act.cart .ct b{font-size:14px;font-weight:700;font-family:var(--disp);letter-spacing:.02em;}
.glp-hdr .act.cart .count{position:static;background:var(--orange);}

/* ══ Category nav ══ */
.glp-hdr .catnav-outer{position:relative;}
.glp-hdr .catnav{background:var(--charcoal);}
.glp-hdr .catnav .wrap{display:flex;align-items:stretch;gap:2px;padding:0 28px;height:48px;border-top:1px solid var(--charcoal-line);}
.glp-hdr .cat-all{display:flex;align-items:center;gap:9px;color:#fff;padding:0 14px 0 0;font-weight:600;font-size:13.5px;align-self:center;margin-right:8px;white-space:nowrap;flex:none;border-right:1px solid var(--charcoal-line);height:22px;}
.glp-hdr .cat-all:hover{color:var(--orange-light);}
.glp-hdr .catnav a.cat{display:flex;align-items:center;color:rgba(255,255,255,.72);font-size:13.5px;font-weight:500;padding:0 15px;position:relative;transition:color .15s;white-space:nowrap;flex:none;}
.glp-hdr .catnav a.cat::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;background:var(--orange);transform:scaleX(0);transition:transform .18s;border-radius:2px 2px 0 0;}
.glp-hdr .catnav a.cat:hover{color:#fff;}
.glp-hdr .catnav a.cat.active{color:#fff;}
.glp-hdr .catnav a.cat.active::after{transform:scaleX(1);}
.glp-hdr .catnav a.promo{color:var(--orange-light);font-weight:700;}
.glp-hdr .catnav a.promo:hover{color:var(--orange-light);}

/* mega */
.glp-hdr .mega{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 24px 50px -16px rgba(0,0,0,.3);z-index:50;display:none;border-top:1px solid var(--g100);}
.glp-hdr .catnav-outer.mega-open .mega{display:block;}
.glp-hdr .mega .wrap{display:flex;gap:0;padding:0;height:auto;border:none;}
.glp-hdr .mega-rail{width:262px;flex:none;background:#fff;padding:14px 12px;border-right:1px solid var(--g100);max-height:70vh;overflow-y:auto;}
.glp-hdr .mrail-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:9px;color:var(--charcoal);text-align:left;font-size:14px;font-weight:600;transition:background .12s;}
.glp-hdr .mrail-item .mtext{flex:1;}
.glp-hdr .mrail-item .mchev{opacity:0;color:var(--g300);transition:opacity .12s;}
.glp-hdr .mrail-item:hover{background:var(--g50);}
.glp-hdr .mrail-item.active{background:var(--g50);color:var(--orange-dark);}
.glp-hdr .mrail-item.active .mchev,.glp-hdr .mrail-item:hover .mchev{opacity:1;}
.glp-hdr .mega-panel{flex:1;padding:26px 30px;display:none;max-height:70vh;overflow-y:auto;}
.glp-hdr .mega-panel.active{display:block;}
.glp-hdr .mega-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:22px 30px;align-content:start;}
/* Level-2 column headers — readable sans (was condensed Antonio uppercase, hard to read) */
.glp-hdr .mega-panel .pcol h5{font-family:var(--body);font-weight:700;text-transform:none;font-size:14.5px;letter-spacing:0;line-height:1.25;color:var(--charcoal);margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid var(--g100);}
.glp-hdr .mega-panel .pcol h5 a{color:inherit;}
.glp-hdr .mega-panel .pcol h5 a:hover{color:var(--orange);}
.glp-hdr .mega-panel .pcol a{display:block;color:var(--g700);font-size:13.5px;line-height:1.35;padding:4px 0;}
.glp-hdr .mega-panel .pcol a:hover{color:var(--orange);}
.glp-hdr .mega-panel .pcol a.seeall{color:var(--orange-dark);font-weight:700;margin-top:4px;}
.glp-hdr .mega-feat{width:250px;flex:none;background:var(--charcoal);border-radius:14px;overflow:hidden;color:#fff;display:flex;flex-direction:column;}
.glp-hdr .mega-feat:hover{color:#fff;}
.glp-hdr .mega-feat .fimg{height:130px;background:repeating-linear-gradient(45deg,#333 0 10px,#2a2a2a 10px 20px);display:grid;place-items:center;color:var(--g500);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.glp-hdr .mega-feat .fbody{padding:16px 18px 18px;}
.glp-hdr .mega-feat .ftag{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-light);}
.glp-hdr .mega-feat h5{font-family:var(--disp);font-weight:600;text-transform:uppercase;font-size:20px;line-height:1.02;margin:7px 0 12px;}
.glp-hdr .mega-feat .fbtn{background:var(--orange);color:#fff;font-weight:700;font-size:12.5px;padding:9px 14px;border-radius:100px;display:inline-block;}

/* scrim — transparent click-catcher for the mega (so the menu stays READABLE);
   only the mobile drawer adds a dark backdrop (.glp-dark). z-index below mega(50). */
.glp-hdr .scrim{position:fixed;inset:0;background:transparent;z-index:40;display:none;}
.glp-hdr .scrim.on{display:block;}
.glp-hdr .scrim.glp-dark{background:rgba(26,26,26,.45);}

/* ── real logo image (orange, transparent PNG — sits directly on charcoal) ── */
.glp-hdr .logo .glp-logo-img{max-height:44px;max-width:210px;width:auto;height:auto;object-fit:contain;display:block;}
.glp-hdr .mh .logo .glp-logo-img{max-height:36px;max-width:180px;}
.glp-hdr .dr-head .wm .glp-logo-img{width:auto!important;height:30px!important;max-width:140px!important;max-height:30px!important;object-fit:contain;object-position:left center;}

/* ── search preview dropdown ── */
.glp-hdr .search{position:relative;}
.glp-hdr .mh-search{position:relative;}
.glp-hdr .glp-search-preview{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:14px;box-shadow:0 20px 48px -12px rgba(0,0,0,.34);z-index:70;overflow:hidden;max-height:72vh;overflow-y:auto;color:var(--charcoal);}
.glp-hdr .glp-search-preview--mob{left:14px;right:14px;top:calc(100% - 4px);}
.glp-hdr .glp-sp-row{display:flex;align-items:center;gap:12px;padding:9px 16px;color:var(--charcoal);border-bottom:1px solid var(--g100);}
.glp-hdr .glp-sp-row:hover{background:var(--g50);color:var(--charcoal);}
.glp-hdr .glp-sp-img{width:46px;height:46px;border-radius:8px;background:var(--g50);object-fit:contain;flex:none;padding:3px;mix-blend-mode:multiply;}
.glp-hdr .glp-sp-info{flex:1;min-width:0;}
.glp-hdr .glp-sp-brand{font-size:10.5px;color:var(--g500);text-transform:uppercase;letter-spacing:.3px;font-weight:600;}
.glp-hdr .glp-sp-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.glp-hdr .glp-sp-price{font-family:var(--disp);font-size:16px;font-weight:700;flex:none;}
.glp-hdr .glp-sp-price small{font-size:11px;color:var(--g400);}
.glp-hdr .glp-sp-cats{display:flex;flex-wrap:wrap;gap:6px;padding:11px 16px;border-bottom:1px solid var(--g100);}
.glp-hdr .glp-sp-cat{font-size:12px;font-weight:600;padding:6px 11px;border:1px solid var(--g100);border-radius:30px;color:var(--charcoal);}
.glp-hdr .glp-sp-cat:hover{border-color:var(--orange);color:var(--orange-dark);}
.glp-hdr .glp-sp-foot{display:block;padding:12px 16px;text-align:center;font-weight:700;color:#fff;background:var(--orange);font-size:13.5px;}
.glp-hdr .glp-sp-foot:hover{background:var(--orange-dark);color:#fff;}
.glp-hdr .glp-sp-empty{padding:22px 16px;text-align:center;color:var(--g400);font-size:13px;}

/* ══ MOBILE ══ */
.glp-hdr .mh{background:var(--charcoal);color:#fff;}
.glp-hdr .mh-top{display:flex;align-items:center;gap:10px;padding:11px 14px 9px;}
.glp-hdr .iconbtn{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:none;position:relative;background:none;}
.glp-hdr .iconbtn:hover{background:rgba(255,255,255,.08);color:#fff;}
.glp-hdr .mh .logo{flex:1;display:flex;justify-content:center;background:none;height:auto;width:auto;}
.glp-hdr .mh .logo .wm{display:flex;align-items:baseline;gap:1px;line-height:1;}
.glp-hdr .mh .logo .wm .a{font-family:var(--hand);font-size:30px;color:var(--orange);font-weight:700;margin-bottom:-2px;}
.glp-hdr .mh .logo .wm .b{font-family:var(--disp);font-size:20px;font-weight:700;letter-spacing:.5px;color:#fff;}
.glp-hdr .mh .count{position:absolute;top:4px;right:4px;background:var(--orange);color:#fff;min-width:16px;height:16px;padding:0 4px;border-radius:100px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.glp-hdr .mh .iconbtn.is-logged-in::after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border:1.5px solid var(--charcoal);border-radius:50%;background:var(--success);}
.glp-hdr .avatar-btn{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:15px;flex:none;}
.glp-hdr .avatar-btn:hover{color:#fff;}
.glp-hdr .mh-search{padding:0 14px 12px;}
.glp-hdr .msb{display:flex;align-items:center;gap:10px;background:#fff;border-radius:100px;padding:0 16px;height:46px;color:var(--g400);}
.glp-hdr .msb input{flex:1;border:none;outline:none;font-size:14.5px;background:none;color:var(--charcoal);min-width:0;font-family:inherit;}
.glp-hdr .msb input::placeholder{color:var(--g400);}
.glp-hdr .mstore{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--charcoal-soft);color:rgba(255,255,255,.9);font-size:12.5px;white-space:nowrap;width:100%;}
.glp-hdr .mstore .pin{color:var(--orange);flex:none;}
.glp-hdr .mstore b{font-weight:700;color:#fff;}
.glp-hdr .mstore .chev{margin-left:auto;opacity:.6;}
.glp-hdr .mcats{display:flex;gap:16px;padding:12px 16px;overflow-x:auto;background:var(--charcoal);-ms-overflow-style:none;scrollbar-width:none;}
.glp-hdr .mcats::-webkit-scrollbar{display:none;}
.glp-hdr .mcats a{flex:none;font-size:13px;font-weight:600;color:rgba(255,255,255,.7);padding:6px 0;position:relative;white-space:nowrap;}
.glp-hdr .mcats a:hover{color:#fff;}
.glp-hdr .mcats a.active{color:#fff;}
.glp-hdr .mcats a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--orange);border-radius:2px 2px 0 0;}

/* drawer */
.glp-hdr .drawer{position:fixed;top:0;left:0;bottom:0;width:326px;max-width:88vw;background:#fff;z-index:9999;display:flex;flex-direction:column;box-shadow:0 0 50px rgba(0,0,0,.3);transform:translateX(-100%);transition:transform .25s ease;}
.glp-hdr .drawer.on{transform:translateX(0);}
.glp-hdr .dr-head{background:var(--charcoal);color:#fff;padding:16px;flex:none;}
.glp-hdr .dr-head .row{display:flex;align-items:center;justify-content:space-between;}
.glp-hdr .dr-head .wm{display:flex;align-items:baseline;gap:1px;}
.glp-hdr .dr-head .dr-logo{align-items:center;color:#fff;text-decoration:none;}
.glp-hdr .dr-head .wm .a{font-family:var(--hand);font-size:26px;color:var(--orange);font-weight:700;}
.glp-hdr .dr-head .wm .b{font-family:var(--disp);font-size:17px;font-weight:700;letter-spacing:.5px;color:#fff;}
.glp-hdr .dr-close{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#fff;}
.glp-hdr .dr-user{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px;background:rgba(255,255,255,.06);border-radius:12px;color:#fff;}
.glp-hdr .dr-user:hover{color:#fff;}
.glp-hdr .dr-user .uic{width:38px;height:38px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:#fff;flex:none;}
.glp-hdr .dr-user .ut b{font-size:14px;font-weight:700;display:block;}
.glp-hdr .dr-user .ut small{font-size:11.5px;color:rgba(255,255,255,.6);}
.glp-hdr .dr-user .uchev{margin-left:auto;opacity:.6;}
.glp-hdr .glp-wishlist-mini-count{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--orange);color:#fff;font-style:normal;font-size:11px;font-weight:800;line-height:18px;text-align:center;}
.glp-hdr .dr-login{display:flex;gap:8px;margin-top:16px;}
.glp-hdr .dr-login a{flex:1;text-align:center;padding:11px;border-radius:10px;font-size:13.5px;font-weight:700;}
.glp-hdr .dr-login .primary{background:var(--orange);color:#fff;}
.glp-hdr .dr-login .ghost{border:1.5px solid rgba(255,255,255,.25);color:#fff;}
.glp-hdr .dr-scroll{flex:1;overflow-y:auto;}
.glp-hdr .dr-sec{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--g400);padding:16px 18px 6px;}
.glp-hdr .dr-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--g100);font-size:15px;font-weight:600;color:var(--charcoal);}
.glp-hdr .dr-item .dchev{margin-left:auto;color:var(--g300);transition:transform .15s;}
.glp-hdr .dr-item.promo{color:var(--orange-dark);}
.glp-hdr .dr-item.open{background:var(--orange-subtle);border-bottom:none;}
.glp-hdr .dr-item.open .dchev{transform:rotate(90deg);color:var(--orange-dark);}
.glp-hdr .dr-sub{display:none;background:var(--g50);border-bottom:1px solid var(--g100);padding:4px 0 10px;}
.glp-hdr .dr-sub.on{display:block;}
.glp-hdr .dr-sub a{display:block;padding:9px 18px 9px 40px;font-size:13.5px;color:var(--g700);}
.glp-hdr .dr-sub a:hover{color:var(--orange);}
.glp-hdr .dr-sub a.seeall{color:var(--orange-dark);font-weight:700;}
.glp-hdr .dr-mini{display:flex;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--g100);font-size:13.5px;color:var(--g700);width:100%;text-align:left;}
.glp-hdr .dr-mini .di{width:26px;display:grid;place-items:center;color:var(--g400);flex:none;}

/* v1.7: dark storefront header with a clean, neutral UI. */
.glp-hdr{
  --charcoal:#181818;
  --charcoal-soft:#262626;
  --charcoal-line:rgba(255,255,255,.12);
  --cream:#fff;
}
.glp-hdr .superbar{background:var(--orange);color:#fff;border:0;}
.glp-hdr .mast{background:var(--charcoal);border:0;}
.glp-hdr .logo .wordmark .a,
.glp-hdr .mh .logo .wm .a,
.glp-hdr .dr-head .wm .a{font-family:var(--hand);}
.glp-hdr .logo .wordmark .b,
.glp-hdr .mh .logo .wm .b,
.glp-hdr .dr-head .wm .b{font-family:var(--disp);color:#fff;}
.glp-hdr .act,
.glp-hdr .act.store-btn{color:rgba(255,255,255,.88);}
.glp-hdr .act:hover,
.glp-hdr .act.store-btn:hover{background:rgba(255,255,255,.08);color:#fff;}
.glp-hdr .act.store-btn .lab small,
.glp-hdr .act.cart .ct small{color:rgba(255,255,255,.58);}
.glp-hdr .act.cart .ct b{font-family:var(--disp);letter-spacing:0;}
.glp-hdr .search input{border-color:transparent;border-radius:7px;background:#fff;box-shadow:none;}
.glp-hdr .search input:focus{border-color:var(--orange);box-shadow:0 0 0 2px rgba(245,130,32,.16);}
.glp-hdr .catnav{background:var(--charcoal);border-bottom:1px solid var(--charcoal-line);}
.glp-hdr .cat-all{color:#fff;border-right-color:var(--charcoal-line);}
.glp-hdr .cat-all:hover{color:var(--orange-light);}
.glp-hdr .catnav a.cat{color:rgba(255,255,255,.72);}
.glp-hdr .catnav a.cat:hover,
.glp-hdr .catnav a.cat.active{color:#fff;}
.glp-hdr .catnav a.promo,
.glp-hdr .catnav a.promo:hover{color:var(--orange-light);}
.glp-hdr .mega{background:#fff;border-color:#dedede;box-shadow:0 20px 44px -20px rgba(0,0,0,.32);}
.glp-hdr .mega-rail{background:#f3f3f1;border-color:#dedede;}
.glp-hdr .mrail-item:hover,
.glp-hdr .mrail-item.active{background:#e8e8e5;}
.glp-hdr .mega-feat{background:#202020;border:0;border-radius:7px;color:#fff;}
.glp-hdr .mega-feat:hover{color:#fff;}
.glp-hdr .mega-feat .fimg{background:#2b2b2b;color:#aaa;}
.glp-hdr .mega-feat h5{font-family:var(--body);font-weight:750;text-transform:none;letter-spacing:-.02em;}
.glp-hdr .mega-feat .fbtn{border-radius:4px;box-shadow:none;}
.glp-hdr .glp-search-preview{border:1px solid #dedede;border-radius:7px;box-shadow:0 18px 34px -22px rgba(0,0,0,.45);}
.glp-hdr .glp-sp-price{font-family:var(--disp);}
.glp-hdr .glp-sp-cat{border-radius:4px;}
.glp-hdr .mh{background:var(--charcoal);color:#fff;border:0;}
.glp-hdr .iconbtn{color:#fff;border-radius:6px;}
.glp-hdr .iconbtn:hover{background:rgba(255,255,255,.08);color:#fff;}
.glp-hdr .msb{border:1px solid #dedede;border-radius:7px;}
.glp-hdr .mstore{background:var(--charcoal-soft);color:rgba(255,255,255,.86);border-top:1px solid var(--charcoal-line);}
.glp-hdr .mstore b{color:#fff;}
.glp-hdr .mcats{background:var(--charcoal);border-top:1px solid var(--charcoal-line);}
.glp-hdr .mcats a{color:rgba(255,255,255,.72);}
.glp-hdr .mcats a:hover,
.glp-hdr .mcats a.active{color:#fff;}
.glp-hdr .drawer{background:#fff;box-shadow:12px 0 34px rgba(0,0,0,.22);}
.glp-hdr .dr-head{background:var(--charcoal);color:#fff;border:0;}
.glp-hdr .dr-close{color:#fff;}
.glp-hdr .dr-user{background:rgba(255,255,255,.07);color:#fff;border-radius:7px;}
.glp-hdr .dr-user:hover{color:#fff;}
.glp-hdr .dr-user .ut small{color:rgba(255,255,255,.6);}
.glp-hdr .dr-login a{border-radius:4px;}
.glp-hdr .dr-login .ghost{border-color:rgba(255,255,255,.28);color:#fff;}

/* v1.8: mobile header, compact store selector and full-depth drawer. */
@media (max-width:921px){
  .glp-hdr .mh-top{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:0;padding:10px 14px 8px;}
  .glp-hdr .mh .logo{grid-column:2;justify-self:center;justify-content:center;min-width:0;}
  .glp-hdr .mh .logo .glp-logo-img{max-width:154px;}
  .glp-hdr .mh-top > .iconbtn:last-child{grid-column:3;}
  .glp-hdr .mstore{width:calc(100% - 24px);min-height:48px;margin:0 12px 8px;padding:7px 12px;border:1px solid #dedede;border-radius:7px;background:#fff;color:var(--charcoal);box-shadow:0 2px 8px rgba(0,0,0,.12);text-align:left;}
  .glp-hdr .mstore > svg{width:20px;height:20px;color:var(--orange);flex:none;}
  .glp-hdr .mstore .mstore__copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:1px;line-height:1.15;}
  .glp-hdr .mstore small{color:var(--g500);font-size:10px;font-weight:650;}
  .glp-hdr .mstore b{overflow:hidden;color:var(--charcoal);font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
  .glp-hdr .mstore .chev{color:var(--g500);}
  .glp-hdr .mcats{border-top:0;padding-top:10px;}
}

/* v1.19: visual loading feedback for lazy category branches. */
.glp-menu-skeleton{grid-column:1/-1;display:grid;gap:18px;width:100%;}
.glp-menu-skeleton--mega{grid-template-columns:repeat(4,minmax(0,1fr));padding:2px 0 10px;}
.glp-menu-skeleton__item{display:flex;min-width:0;flex-direction:column;gap:10px;}
.glp-menu-skeleton__bar,.glp-menu-skeleton__chev{display:block;border-radius:999px;background:linear-gradient(90deg,#ece9e4 24%,#f7f5f2 38%,#ece9e4 62%);background-size:300% 100%;animation:glp-skeleton-shimmer 1.25s ease-in-out infinite;}
.glp-menu-skeleton__bar{width:82%;height:10px;}.glp-menu-skeleton__bar--title{width:68%;height:14px;margin-bottom:3px;}.glp-menu-skeleton__bar--short{width:52%;}
.glp-menu-skeleton--drawer{display:block;padding:0;}
.glp-menu-skeleton--drawer .glp-menu-skeleton__item{min-height:54px;flex-direction:row;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--g100);}
.glp-menu-skeleton--drawer .glp-menu-skeleton__bar--title{width:56%;height:13px;margin:0;}
.glp-menu-skeleton__chev{width:18px;height:18px;border-radius:5px;}
@keyframes glp-skeleton-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}

@media (max-width:760px){.glp-menu-skeleton--mega{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (prefers-reduced-motion:reduce){.glp-menu-skeleton__bar,.glp-menu-skeleton__chev{animation:none}}
.glp-hdr .dr-sub .dr-tree-node{border-top:1px solid rgba(0,0,0,.055);}
.glp-hdr .dr-sub .dr-tree-row{display:flex;align-items:center;min-height:42px;}
.glp-hdr .dr-sub .dr-tree-row a{flex:1;padding:10px 18px 10px 40px;color:var(--g700);font-size:13.5px;font-weight:600;}
.glp-hdr .dr-sub .dr-tree-node[data-depth="1"] > .dr-tree-row a{padding-left:56px;}
.glp-hdr .dr-sub .dr-tree-node[data-depth="2"] > .dr-tree-row a{padding-left:72px;}
.glp-hdr .dr-sub .dr-tree-node[data-depth="3"] > .dr-tree-row a{padding-left:88px;}
.glp-hdr .dr-sub .dr-tree-node[data-depth="4"] > .dr-tree-row a{padding-left:104px;}
.glp-hdr .dr-sub .dr-tree-node[data-depth="5"] > .dr-tree-row a{padding-left:120px;}
.glp-hdr .dr-tree-toggle{width:28px;height:28px;margin-right:12px;border:1px solid var(--g200);border-radius:6px;background:#fff;color:var(--orange-dark);font-size:18px;font-weight:500;line-height:1;}
.glp-hdr .dr-tree-toggle:hover{border-color:var(--orange);background:var(--orange-subtle);}
.glp-hdr .dr-tree-children[hidden]{display:none;}

/* v1.9: the store choice lives with the category navigation on mobile instead
   of creating a second visual band below search. */
@media (max-width:921px){
  .glp-hdr .mstore-row{display:flex;justify-content:center;padding:7px 14px;background:var(--charcoal-soft);border-top:1px solid var(--charcoal-line);}
  .glp-hdr .mstore-row .mstore{width:auto;min-height:32px;margin:0;padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(255,255,255,.08);box-shadow:none;color:#fff;flex:none;}
  .glp-hdr .mstore-row .mstore>svg{width:16px;height:16px;color:var(--orange-light);}
  .glp-hdr .mstore-row .mstore .mstore__copy{display:block;flex:none;min-width:0;}
  .glp-hdr .mstore-row .mstore b{color:#fff;font-size:12px;font-weight:700;}
  .glp-hdr .mstore-row .mstore .chev{margin-left:0;color:rgba(255,255,255,.65);}
  .glp-hdr .mcats{align-items:center;gap:16px;padding:10px 14px 12px;}
  .glp-hdr .mcats .glp-mcats-dyn{display:contents;}
}

/* v1.11: mobile keeps varehus as its own compact, deliberate control while
   removing the promotional strip and excess vertical chrome. */
@media (max-width:921px){
  #glp-usp-mobile{display:none !important;}
  .glp-hdr .superbar{display:none;}
  .glp-hdr .mh-top{grid-template-columns:36px minmax(0,1fr) 36px;padding:6px 12px 4px;}
  .glp-hdr .iconbtn{width:36px;height:36px;}
  .glp-hdr .mh .logo .glp-logo-img{max-width:128px;max-height:30px;}
  .glp-hdr .mh-search{padding:0 12px 7px;}
  .glp-hdr .msb{height:42px;padding:0 13px;}
  .glp-hdr .mstore-row{padding:4px 12px;}
  .glp-hdr .mstore-row .mstore{min-height:30px;padding:5px 9px;}
  .glp-hdr .mcats{gap:14px;padding:8px 12px;}
  .glp-hdr .mcats a{font-size:12px;}
}

/* v1.13: keep the mobile masthead focused. Store selection belongs to the
 * deliberate navigation drawer, not to a floating third band between search
 * and categories. Account, wishlist and cart remain one-tap actions. */
@media (min-width:922px){
  .glp-hdr .actions{gap:2px;}
  .glp-hdr .act.action-icon{min-width:58px;padding:6px 8px;}
  .glp-hdr .act.action-icon svg{width:20px;height:20px;}
  .glp-hdr .act.action-icon .lab{white-space:nowrap;}
}
@media (max-width:921px){
  .glp-hdr .mh-top{position:relative;display:flex !important;align-items:center;min-height:44px;padding:5px 12px !important;}
  .glp-hdr .mh-top>#glpBurger{position:relative;z-index:1;}
  .glp-hdr .mh .logo{position:absolute;top:50%;left:50%;z-index:0;display:flex;transform:translate(-50%,-50%);}
  .glp-hdr .mh .logo .glp-logo-img{max-width:118px;max-height:29px;}
  .glp-hdr .mh-actions{position:relative;z-index:1;display:flex;align-items:center;margin-left:auto;}
  .glp-hdr .mh-actions .iconbtn{width:34px;height:34px;}
  .glp-hdr .mstore-row{display:none !important;}
  .glp-hdr .mcats{border-top:1px solid var(--charcoal-line);gap:14px;padding:8px 12px 9px;}
  .glp-hdr .dr-store{display:flex;width:100%;align-items:center;gap:12px;padding:13px 18px;border:0;border-bottom:1px solid #f0d9c5;background:#fff8f2;color:var(--charcoal);font:inherit;text-align:left;}
  .glp-hdr .dr-store .di{display:grid;width:26px;place-items:center;color:var(--orange);flex:none;}
  .glp-hdr .dr-store>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:2px;line-height:1.15;}
  .glp-hdr .dr-store small{color:var(--g500);font-size:10px;font-weight:650;}
  .glp-hdr .dr-store b{overflow:hidden;color:var(--charcoal);font-size:13.5px;text-overflow:ellipsis;white-space:nowrap;}
  .glp-hdr .dr-store .dchev{color:var(--g400);}
}
@media (max-width:360px){
  .glp-hdr .mh .logo .glp-logo-img{max-width:100px;}
  .glp-hdr .mh-actions .iconbtn{width:32px;height:32px;}
}

/* v1.14: mobile follows the clear shop-header pattern: brand + utilities,
 * direct search, then the currently selected warehouse. The category strip is
 * intentionally replaced by the full hamburger menu, keeping the total height
 * compact while the warehouse stays visible. */
@media (max-width:921px){
  .glp-hdr .mh{background:#fff;color:var(--charcoal);}
  .glp-hdr .mh-top{position:relative;display:flex !important;align-items:center;min-height:52px;padding:8px 12px !important;background:#fff;}
  .glp-hdr .mh .logo{position:static;z-index:auto;display:flex;flex:0 0 auto;align-items:center;justify-content:flex-start;transform:none;min-width:0;}
  .glp-hdr .mh .logo .glp-logo-img{max-width:112px;max-height:31px;}
  .glp-hdr .mh .logo .wordmark .a{color:var(--orange);}
  .glp-hdr .mh .logo .wordmark .b{color:var(--charcoal);}
  .glp-hdr .mh-actions{position:static;z-index:auto;display:flex;align-items:center;gap:1px;margin-left:auto;}
  .glp-hdr .mh-actions .iconbtn,
  .glp-hdr .mh-top>#glpBurger{width:34px;height:34px;color:var(--charcoal);}
  .glp-hdr .mh-top>#glpBurger{position:static;margin-left:4px;}
  .glp-hdr .mh-actions .iconbtn:hover,
  .glp-hdr .mh-top>#glpBurger:hover{background:#f5f4f2;color:var(--charcoal);}
  .glp-hdr .mh .count{top:0;right:0;background:var(--orange);}
  .glp-hdr .mh-search{padding:0 12px 8px;background:#fff;}
  .glp-hdr .msb{display:flex;height:46px;padding:0;border:1px solid #c9c7c3;border-radius:3px;background:#fff;box-shadow:none;overflow:hidden;}
  .glp-hdr .msb>svg:first-child{display:none;}
  .glp-hdr .msb input{min-width:0;flex:1;height:44px;padding:0 12px;border:0;background:transparent;color:var(--charcoal);font-size:14px;}
  .glp-hdr .msb input:focus{box-shadow:none;}
  .glp-hdr .msb-submit{width:48px;height:46px;padding:0;border:0;border-left:1px solid #cf6c1b;background:var(--orange);color:#fff;display:grid;place-items:center;flex:none;cursor:pointer;}
  .glp-hdr .msb-submit:hover{background:var(--orange-dark);}
  .glp-hdr .msb-submit svg{width:20px;height:20px;}
  .glp-hdr .mstore-row{display:block !important;padding:0 12px;border-top:1px solid #e8e6e2;border-bottom:1px solid #e8e6e2;background:#fff;}
  .glp-hdr .mstore-row .mstore{width:100%;height:38px;min-height:38px;margin:0;padding:0;box-sizing:border-box;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--charcoal);display:flex;align-items:center;gap:8px;text-align:left;}
  .glp-hdr .mstore-row .mstore>svg{width:19px;height:19px;color:var(--charcoal);flex:none;}
  .glp-hdr .mstore-row .mstore .mstore__copy{display:flex;min-width:0;flex:1;flex-direction:row;align-items:baseline;gap:4px;line-height:1.2;}
  .glp-hdr .mstore-row .mstore small{color:var(--g700);font-size:12.5px;font-weight:500;}
  .glp-hdr .mstore-row .mstore b{overflow:hidden;color:var(--charcoal);font-size:12.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap;}
  .glp-hdr .mstore-row .mstore .chev{display:grid;margin-left:0;color:var(--g500);}
  .glp-hdr .mcats{display:none !important;}
}
@media (max-width:360px){
  .glp-hdr .mh .logo .glp-logo-img{max-width:98px;}
  .glp-hdr .mh-actions .iconbtn,
  .glp-hdr .mh-top>#glpBurger{width:32px;height:32px;}
  .glp-hdr .mh-top>#glpBurger{margin-left:2px;}
  .glp-hdr .msb-submit{width:44px;}
}

/* v1.15: retain the compact mobile structure, but restore Glapris' dark
 * storefront palette. Warehouse is deliberately only in the header. */
@media (max-width:921px){
  .glp-hdr .mh,
  .glp-hdr .mh-top,
  .glp-hdr .mh-search{background:var(--charcoal);color:#fff;}
  .glp-hdr .mh .logo .wordmark .b{color:#fff;}
  .glp-hdr .mh-actions .iconbtn,
  .glp-hdr .mh-top>#glpBurger{color:#fff;}
  .glp-hdr .mh-actions .iconbtn:hover,
  .glp-hdr .mh-top>#glpBurger:hover{background:rgba(255,255,255,.1);color:#fff;}
  .glp-hdr .mstore-row{border-top-color:var(--charcoal-line);border-bottom-color:var(--charcoal-line);background:var(--charcoal-soft);}
  .glp-hdr .mstore-row .mstore{color:#fff;}
  .glp-hdr .mstore-row .mstore>svg{color:var(--orange-light);}
  .glp-hdr .mstore-row .mstore small{color:rgba(255,255,255,.72);}
  .glp-hdr .mstore-row .mstore b{color:#fff;}
  .glp-hdr .mstore-row .mstore .chev{color:rgba(255,255,255,.7);}
  .glp-hdr .drawer{right:0;left:auto;box-shadow:-12px 0 34px rgba(0,0,0,.28);transform:translateX(100%);}
  .glp-hdr .drawer.on{transform:translateX(0);}
}

/* v1.16: a true drill-down drawer. One category level is visible at a time;
 * arrows express direction, while direct category links are always preserved. */
@media (max-width:921px){
  .glp-hdr .drawer .dr-scroll{position:relative;overflow:hidden;background:#fff;}
  .glp-hdr .drawer .dr-scroll>.dr-sec,
  .glp-hdr .drawer .dr-scroll>.dr-item,
  .glp-hdr .drawer .dr-scroll>.dr-sub,
  .glp-hdr .drawer .dr-scroll>.dr-mini{display:none !important;}
  .glp-hdr .dr-viewport{position:absolute;inset:0;overflow:clip;background:#fff;}
  .glp-hdr .dr-panel{position:absolute;inset:0;display:block;overflow-y:auto;background:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(26px);transition:transform .2s ease,opacity .18s ease,visibility .18s ease;}
  .glp-hdr .dr-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);}
  .glp-hdr .dr-root-intro{padding:18px 18px 14px;border-bottom:1px solid var(--g100);background:#fff;}
  .glp-hdr .dr-root-intro small,
  .glp-hdr .dr-root-shortcuts>small,
  .glp-hdr .dr-panel-head small{display:block;color:var(--g400);font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;}
  .glp-hdr .dr-root-intro b{display:block;margin-top:3px;color:var(--charcoal);font-size:21px;line-height:1.05;}
  .glp-hdr .dr-panel-list{background:#fff;}
  .glp-hdr .dr-nav-row{min-height:54px;display:flex;align-items:stretch;border-bottom:1px solid var(--g100);background:#fff;}
  .glp-hdr .dr-nav-link{min-width:0;flex:1;display:flex;align-items:center;padding:0 8px 0 18px;color:var(--charcoal);font-size:15px;font-weight:650;line-height:1.25;}
  .glp-hdr .dr-nav-link:hover{color:var(--orange-dark);}
  .glp-hdr .dr-nav-next{width:48px;padding:0;border:0;background:transparent;color:var(--g400);display:grid;place-items:center;flex:none;cursor:pointer;}
  .glp-hdr .dr-nav-next:hover{color:var(--orange-dark);background:var(--orange-subtle);}
  .glp-hdr .dr-nav-next svg{width:18px;height:18px;}
  .glp-hdr .dr-nav-row--promo{align-items:center;justify-content:space-between;padding:0 15px 0 18px;color:var(--orange-dark);font-size:14px;font-weight:750;}
  .glp-hdr .dr-nav-row--promo:hover{color:var(--orange-dark);background:var(--orange-subtle);}
  .glp-hdr .dr-root-shortcuts{margin-top:14px;border-top:1px solid var(--g100);background:var(--g50);padding-top:12px;}
  .glp-hdr .dr-root-shortcuts>small{padding:0 18px 6px;}
  .glp-hdr .dr-root-shortcuts .dr-mini{min-height:48px;padding:0 18px;border-bottom:1px solid var(--g100);background:#fff;}
  .glp-hdr .dr-panel-head{min-height:68px;display:flex;align-items:center;gap:10px;padding:0 18px 0 8px;border-bottom:1px solid var(--g100);background:#f8f7f5;}
  .glp-hdr .dr-panel-head>div{min-width:0;display:flex;flex-direction:column;gap:3px;}
  .glp-hdr .dr-panel-head b{overflow:hidden;color:var(--charcoal);font-size:17px;text-overflow:ellipsis;white-space:nowrap;}
  .glp-hdr .dr-panel-back{width:40px;height:40px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--charcoal);display:grid;place-items:center;flex:none;cursor:pointer;}
  .glp-hdr .dr-panel-back:hover{background:#ebe8e3;color:var(--orange-dark);}
  .glp-hdr .dr-panel-back svg{width:20px;height:20px;}
  /* "Se alt" is part of the navigation, not a campaign CTA. Keep it in the
     same neutral visual language as every category row. */
  .glp-hdr .dr-panel-all{min-height:54px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;border:0;border-bottom:1px solid var(--g100);border-radius:0;background:#fff;color:var(--charcoal);font-size:14px;font-weight:650;}
  .glp-hdr .dr-panel-all:hover{background:var(--orange-subtle);color:var(--charcoal);}
  /* Keep the page beneath the right-hand drawer from competing visually with
   * the active navigation panel. */
  .glp-hdr .scrim.glp-dark{background:rgba(16,16,16,.68);}
}