/** Shopify CDN: Minification failed

Line 20271:424 Unexpected "\\n"
Line 20271:483 Expected ":"
Line 20271:510 Expected ":"
Line 20271:567 Expected ":"
Line 20271:713 Expected ":"
Line 20271:779 Expected ":"
Line 20271:806 Expected ":"
Line 20271:809 Unexpected "@media"
Line 20271:908 Expected ":"
Line 20271:941 Expected ":"
... and 1 more hidden warnings

**/
/* HIDE PROJECT — CONSOLIDATED SINGLE STYLESHEET v21.73
   All historical CSS assets were merged in their original cascade order. */


/* ===== CONSOLIDATED FROM: hide-project.css ===== */
*{box-sizing:border-box}
html{background:var(--hp-bg);scroll-behavior:smooth}
body.hp-body{margin:0;background:var(--hp-bg);color:var(--hp-fg);font-family:var(--hp-font);font-size:var(--hp-body);line-height:1.3;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;max-width:100%}
button,input,select,textarea{font:inherit}
button{color:inherit}
.hp-page{width:min(calc(100% - (var(--hp-side-gutter) * 2)),var(--hp-page));margin:0 auto}
.hp-site-shell{width:min(calc(100% - (var(--hp-side-gutter) * 2)),var(--hp-page));margin:0 auto}
.hp-inner{padding-left:18px;padding-right:18px}
.hp-home-section{overflow:hidden}
.hp-ui,.hp-nav a,.hp-footer a,.hp-footer p,.hp-product__title,.hp-product__price{font-size:var(--hp-ui);letter-spacing:var(--hp-letter);text-transform:uppercase}
.hp-skip{position:fixed;top:-50px;left:8px;z-index:999;background:#fff;color:#000;padding:8px}
.hp-skip:focus{top:8px}
.hp-reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.hp-reveal.visible{opacity:1;transform:none}
.hp-arrow{width:12px;height:12px}

/* Announcement — intentionally Heliot-like small type */
.hp-ann{height:var(--ann-h);background:var(--ann-bg);color:var(--ann-fg);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,.18);position:relative;z-index:80}
.hp-ann__text{font-size:var(--ann-size);text-transform:uppercase;letter-spacing:.01em}
.hp-ann__close{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:none;padding:0;font-size:var(--ann-size);text-transform:uppercase;cursor:pointer}

/* Header */
.hp-header{height:var(--header-h);position:sticky;top:0;z-index:70;background:var(--header-bg);color:var(--header-fg);border-bottom:1px solid rgba(0,0,0,.12)}
.hp-header__grid{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.hp-nav{display:flex;align-items:center;gap:var(--menu-gap);white-space:nowrap}
.hp-nav--right{justify-content:flex-end}
.hp-nav a{font-size:var(--menu-size);letter-spacing:.01em}
.hp-logo{display:flex;justify-content:center;align-items:center;min-width:100px}
.hp-logo img{width:auto;max-width:var(--logo-w);max-height:var(--logo-h);object-fit:contain}
.hp-logo__text{font-size:var(--menu-size);text-transform:uppercase;letter-spacing:.01em}
.hp-menu-btn{display:none;background:none;border:0;padding:0;font-size:var(--menu-size);text-transform:uppercase}
.hp-mobile{display:none;position:fixed;inset:0;z-index:100;background:var(--header-bg);color:var(--header-fg);padding:16px}
.hp-mobile.open{display:block}
.hp-mobile__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}
.hp-mobile nav{display:grid;gap:18px}
.hp-mobile nav a{font-size:13px;text-transform:uppercase}

/* Hero */
.hp-hero{position:relative;min-height:var(--hero-h);overflow:hidden;background:#080808;color:#fff}
.hp-hero__media,.hp-hero__shade{position:absolute;inset:0}
.hp-hero__media img{height:100%;object-fit:cover;object-position:var(--hero-pos);transition:transform 7s ease}
.hp-hero.ready .hp-hero__media img{transform:scale(var(--hero-zoom))}
.hp-hero__shade{background:linear-gradient(90deg,rgba(0,0,0,var(--ol)),rgba(0,0,0,var(--or)))}
.hp-hero__inner{position:relative;z-index:2;min-height:var(--hero-h);display:flex;align-items:center}
.hp-hero__copy{margin-left:var(--hero-left);max-width:520px}
.hp-hero__title{margin:0 0 7px;font-size:var(--hero-title);font-weight:400;line-height:.92;letter-spacing:.01em;text-transform:uppercase}
.hp-hero__symbols{font-size:var(--hero-symbol);letter-spacing:.25em;text-transform:uppercase;margin-bottom:22px}
.hp-hero__desc{max-width:430px;margin:0 0 22px;font-size:var(--hero-copy);line-height:1.45;text-transform:uppercase;letter-spacing:.01em}
.hp-hero__btn{display:inline-flex;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.45);padding:11px 15px;font-size:var(--hero-btn);text-transform:uppercase;transition:background .25s,color .25s}
.hp-hero__btn:hover{background:#fff;color:#000}
.hp-hero__rail{position:absolute;z-index:3;right:18px;top:50%;transform:translateY(-50%);text-align:right}
.hp-hero__rail p{font-size:var(--rail-size);line-height:1.75;text-transform:uppercase;margin:0}
.hp-hero__rail-line{width:1px;height:105px;background:rgba(255,255,255,.45);margin:14px 3px 12px auto}
.hp-hero__rail-index{font-size:11px}

/* Category split */
.hp-split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hp-line)}
.hp-cat{position:relative;height:var(--cat-h);overflow:hidden;border-right:1px solid var(--hp-line);background:#111}
.hp-cat:last-child{border-right:0}
.hp-cat img{height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.16,1,.3,1)}
.hp-cat:hover img{transform:scale(1.03)}
.hp-cat__shade{position:absolute;inset:0;background:rgba(0,0,0,var(--cat-overlay))}
.hp-cat__title{position:absolute;z-index:2;left:18px;top:16px;margin:0;font-size:var(--cat-title);font-weight:400;text-transform:uppercase}
.hp-cat__arrow{position:absolute;z-index:2;right:18px;top:18px}
.hp-cat__link{position:absolute;z-index:2;left:18px;bottom:16px;font-size:var(--cat-link);text-transform:uppercase}

/* Products */
.hp-products{padding:18px 0 26px;background:var(--prod-bg);border-top:1px solid var(--hp-line)}
.hp-products__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.hp-products__head h2{font-size:var(--prod-heading);font-weight:400;margin:0;text-transform:uppercase}
.hp-products__view{display:flex;align-items:center;gap:8px;font-size:var(--prod-heading);text-transform:uppercase}
.hp-products__grid{display:grid;grid-template-columns:repeat(var(--prod-cols),minmax(0,1fr));gap:var(--prod-gap)}
.hp-product{background:var(--prod-card);transition:transform .25s ease}
.hp-product:hover{transform:translateY(-2px)}
.hp-product__image{aspect-ratio:var(--prod-ratio);overflow:hidden;background:#111}
.hp-product__image img{height:100%;object-fit:cover;transition:transform .55s ease}
.hp-product:hover .hp-product__image img{transform:scale(1.025)}
.hp-product__meta{padding:9px 7px 11px}
.hp-product__title{font-size:var(--prod-title);font-weight:400;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-product__price{font-size:var(--prod-price);color:var(--hp-muted)}

/* Drop */
.hp-drop{position:relative;height:var(--drop-h);overflow:hidden;border-top:1px solid var(--hp-line);color:#fff}
.hp-drop__media,.hp-drop__shade{position:absolute;inset:0}
.hp-drop__media img{height:100%;object-fit:cover;object-position:var(--drop-pos)}
.hp-drop__shade{background:linear-gradient(90deg,rgba(0,0,0,var(--drop-ol)),rgba(0,0,0,var(--drop-or)))}
.hp-drop__inner{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.hp-drop__copy{margin-left:18px;max-width:520px}
.hp-drop__title{font-size:var(--drop-title);font-weight:400;line-height:.9;margin:0 0 8px;text-transform:uppercase}
.hp-drop__sub{font-size:var(--drop-sub);letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}
.hp-drop__text{font-size:var(--drop-copy);line-height:1.45;text-transform:uppercase;margin:0 0 20px;max-width:430px}
.hp-drop__btn{display:inline-flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.4);padding:10px 14px;font-size:var(--drop-btn);text-transform:uppercase}

/* Newsletter */
.hp-news{border-top:1px solid var(--hp-line);border-bottom:1px solid var(--hp-line);padding:13px 0}
.hp-news__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.hp-news h2{font-size:var(--news-title);font-weight:400;text-transform:uppercase;margin:0 0 4px}
.hp-news p{font-size:var(--news-copy);text-transform:uppercase;color:var(--hp-muted);margin:0}
.hp-news form{display:grid;grid-template-columns:1fr 38px}
.hp-news input{height:34px;background:transparent;border:1px solid var(--hp-line);color:var(--hp-fg);padding:0 9px;font-size:8px;text-transform:uppercase}
.hp-news button{border:1px solid var(--hp-line);border-left:0;background:transparent;cursor:pointer}

/* Footer */
.hp-footer{padding:26px 0 30px;background:var(--footer-bg);color:var(--footer-fg);border-top:1px solid var(--hp-line)}
.hp-footer__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1.15fr;gap:28px}
.hp-footer h3,.hp-footer h4{font-weight:400;text-transform:uppercase;margin:0 0 11px;color:var(--footer-title)}
.hp-footer h3{font-size:var(--footer-brand)}
.hp-footer h4{font-size:var(--footer-head)}
.hp-footer p,.hp-footer li,.hp-footer a{font-size:var(--footer-text);text-transform:uppercase}
.hp-footer p{line-height:1.5;margin:0 0 4px}
.hp-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:5px}
.hp-footer__social{display:flex;gap:11px;margin-top:13px}

/* Inner pages */
.hp-template{padding:34px 0 70px}
.hp-template h1{font-weight:400;text-transform:uppercase}
.hp-collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hp-product-page{display:grid;grid-template-columns:1.3fr .7fr;gap:40px}
.hp-gallery{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.hp-product-info{position:sticky;top:70px;align-self:start}
.hp-product-info h1{font-size:17px;margin:0 0 10px}
.hp-product-info .price,.hp-product-info .rte{font-size:10px}
.hp-product-info .rte{color:var(--hp-muted);line-height:1.55}
.hp-product-form{display:grid;gap:8px;margin-top:18px}
.hp-product-form select,.hp-product-form input{height:36px;background:transparent;color:var(--hp-fg);border:1px solid var(--hp-line);padding:0 9px;font-size:9px}
.hp-product-form button{height:38px;background:var(--hp-fg);color:var(--hp-bg);border:0;font-size:9px;text-transform:uppercase}
.hp-cart-row{display:grid;grid-template-columns:80px 1fr 80px auto;gap:14px;align-items:center;border-bottom:1px solid var(--hp-line);padding:12px 0;font-size:9px;text-transform:uppercase}
.hp-cart-row img{height:100px;object-fit:cover}
.hp-cart-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:20px}
.hp-cart-actions button{height:36px;padding:0 14px;border:1px solid var(--hp-line);background:transparent;color:var(--hp-fg);font-size:9px;text-transform:uppercase}

@media(max-width:1000px){
  .hp-nav--left{display:none}.hp-menu-btn{display:block}
  .hp-products__grid{grid-template-columns:repeat(3,1fr)}
  .hp-footer__grid{grid-template-columns:1.3fr 1fr 1fr}
}
@media(max-width:720px){
  .hp-page{width:min(calc(100% - 18px),var(--hp-page))}
  .hp-nav--right a:not(:last-child){display:none}
  .hp-hero{min-height:530px}.hp-hero__inner{min-height:530px}
  .hp-hero__copy{margin:0 14px;align-self:flex-end;margin-bottom:40px}
  .hp-hero__rail{display:none}
  .hp-split{grid-template-columns:1fr}
  .hp-cat{border-right:0;border-bottom:1px solid var(--hp-line)}
  .hp-products__grid{grid-template-columns:repeat(2,1fr)}
  .hp-news__grid{grid-template-columns:1fr;gap:10px}
  .hp-footer__grid{grid-template-columns:1fr 1fr}
  .hp-product-page{grid-template-columns:1fr}
  .hp-product-info{position:static}
  .hp-collection-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .hp-products__grid,.hp-collection-grid{grid-template-columns:1fr}
  .hp-footer__grid{grid-template-columns:1fr}
}


/* HIDE PROJECT V4 — edge control */
.hp-body{overflow-x:hidden}
.hp-header__grid{width:min(calc(100% - (var(--hp-side-gutter) * 2)),var(--hp-page));margin-inline:auto}
.hp-site-shell{box-shadow:0 0 0 1px rgba(255,255,255,.015)}
.hp-hero,.hp-drop{width:100%}
.hp-hero__inner,.hp-drop__inner{padding-inline:18px}
.hp-hero__copy,.hp-drop__copy{margin-left:0}
.hp-cat{min-width:0}
.hp-product--fallback img{filter:brightness(.56);transform:scale(1.1)}

/* Cart trigger */
.hp-cart-trigger,.hp-mobile-cart-trigger{
  border:0;background:none;padding:0;color:inherit;cursor:pointer;
  font-family:var(--hp-font);font-size:var(--menu-size);text-transform:uppercase;letter-spacing:.01em;
}
.hp-mobile-cart-trigger{font-size:13px;text-align:left}

/* Drawer */
.hp-cart-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.58);opacity:0;visibility:hidden;
  transition:opacity .35s ease,visibility .35s ease;z-index:149;backdrop-filter:blur(2px);
}
.hp-cart-overlay.open{opacity:1;visibility:visible}
.hp-cart-drawer{
  position:fixed;top:0;right:0;width:min(440px,100vw);height:100dvh;z-index:150;
  background:#080808;color:#eee;border-left:1px solid #252525;
  transform:translateX(100%);transition:transform .48s cubic-bezier(.16,1,.3,1);
  display:grid;grid-template-rows:auto 1fr auto;
}
.hp-cart-drawer.open{transform:none}
.hp-cart-drawer__head{
  min-height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid #252525;font-size:9px;text-transform:uppercase;
}
.hp-cart-drawer__head button{border:0;background:none;color:#eee;padding:0;cursor:pointer;font-size:9px;text-transform:uppercase}
.hp-cart-drawer__body{overflow:auto;padding:8px 16px 16px}
.hp-cart-empty{display:grid;place-items:center;min-height:60vh;font-size:9px;text-transform:uppercase;color:#8f8f8f}
.hp-drawer-item{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #202020}
.hp-drawer-item__image{height:124px;background:#111;overflow:hidden}
.hp-drawer-item__image img{height:100%;object-fit:cover}
.hp-drawer-item__meta{min-width:0;padding-top:2px}
.hp-drawer-item__title{display:block;font-size:9px;text-transform:uppercase;margin-bottom:6px}
.hp-drawer-item__variant,.hp-drawer-item__price{font-size:8px;text-transform:uppercase;color:#8f8f8f;margin-bottom:6px}
.hp-drawer-qty{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:9px}
.hp-drawer-qty button{width:24px;height:24px;border:1px solid #303030;background:none;color:#eee;cursor:pointer;padding:0}
.hp-drawer-qty .hp-drawer-remove{width:auto;border:0;margin-left:auto;font-size:7px;color:#8f8f8f}
.hp-cart-drawer__foot{padding:14px 16px 16px;border-top:1px solid #252525;background:#080808}
.hp-cart-total{display:flex;justify-content:space-between;align-items:center;font-size:9px;text-transform:uppercase;margin-bottom:12px}
.hp-cart-total strong{font-weight:400}
.hp-cart-checkout{
  height:42px;display:flex;align-items:center;justify-content:center;
  background:#eee;color:#050505;font-size:9px;text-transform:uppercase;transition:opacity .2s ease;
}
.hp-cart-checkout:hover{opacity:.84}

/* Preloader */
.hp-preloader{
  position:fixed;inset:0;z-index:9999;background:var(--pre-bg);color:var(--pre-fg);
  display:grid;place-items:center;transition:opacity .55s ease,visibility .55s ease;
}
.hp-preloader.done{opacity:0;visibility:hidden;pointer-events:none}
.hp-preloader__mark{width:var(--pre-logo);max-width:64vw;display:flex;align-items:center;justify-content:center;animation:hpPulse 1.15s ease-in-out infinite}
.hp-preloader__mark img{width:100%;height:auto;object-fit:contain}
.hp-preloader__mark span{font-size:14px;letter-spacing:.12em;text-transform:uppercase}
@keyframes hpPulse{
  0%,100%{opacity:.35;transform:scale(.965)}
  50%{opacity:1;transform:scale(1)}
}

/* Responsive refinements */
@media(max-width:1000px){
  .hp-products__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .hp-page,.hp-site-shell,.hp-header__grid{width:calc(100% - (var(--hp-mobile-gutter) * 2))}
  .hp-inner{padding-left:10px;padding-right:10px}
  .hp-header{height:44px}
  .hp-logo img{max-width:min(var(--logo-w),96px)}
  .hp-hero{min-height:76vh!important}
  .hp-hero__inner{min-height:76vh!important;padding:0 12px}
  .hp-hero__media img{object-position:center center}
  .hp-hero__copy{margin-bottom:34px}
  .hp-hero__title{font-size:min(var(--hero-title),38px)}
  .hp-hero__symbols{font-size:min(var(--hero-symbol),19px);margin-bottom:16px}
  .hp-hero__desc{font-size:9px;max-width:315px}
  .hp-hero__btn{font-size:8px;padding:10px 12px}
  .hp-split{grid-template-columns:1fr}
  .hp-cat{height:min(var(--cat-h),62vh)}
  .hp-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hp-product__meta{padding:8px 5px 10px}
  .hp-drop{height:min(var(--drop-h),62vh)}
  .hp-drop__inner{padding-inline:12px}
  .hp-drop__copy{max-width:80%}
  .hp-drop__title{font-size:min(var(--drop-title),40px)}
  .hp-news__grid{padding-block:2px}
  .hp-cart-drawer{width:100vw}
}
@media(max-width:430px){
  .hp-products__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp-product__title,.hp-product__price{font-size:8px}
  .hp-cat__title{left:12px;top:12px}
  .hp-cat__arrow{right:12px;top:14px}
}


/* =====================================================================
   HIDE PROJECT V5
   ===================================================================== */

/* Header proper gutters */
.hp-header__grid{
  width:100% !important;
  max-width:var(--hp-page);
  padding-left:var(--header-pad,36px);
  padding-right:var(--header-pad,36px);
  margin:0 auto;
}
.hp-header .hp-logo{min-width:120px}
.hp-header .hp-logo img{max-width:var(--logo-w);max-height:var(--logo-h);width:auto;height:auto}
.hp-mobile__brand img{width:auto;max-width:120px;max-height:24px}
.hp-mobile__close{background:none;border:0;color:inherit;padding:0;font-size:10px}

/* Hero title logo */
.hp-hero__title-image{width:min(var(--hero-logo-width),72vw);margin:0 0 18px}
.hp-hero__title-image img{width:100%;height:auto;object-fit:contain;object-position:left center}

/* Category heading like approved mockup: title and arrow together */
.hp-cat__title,.hp-cat__arrow{display:none}
.hp-cat__heading{
  position:absolute;z-index:3;left:30px;top:25px;
  display:inline-flex;align-items:center;gap:22px;
  color:#e8e8e8;text-transform:uppercase;
}
.hp-cat__heading h2{
  margin:0;font-weight:400;font-size:var(--cat-title);
  letter-spacing:.01em;line-height:1;
}
.hp-cat__heading .hp-arrow{width:15px;height:15px}
.hp-cat__link{left:30px;bottom:24px}

/* Product page v5 */
.hp-product-page-v5{
  background:var(--p-bg);
  color:var(--p-fg);
  min-height:80vh;
  border-top:1px solid var(--hp-line);
}
.hp-product-shell{
  width:min(calc(100% - (var(--hp-side-gutter) * 2)),var(--hp-page));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,var(--p-info-width));
  gap:0;
}
.hp-product-gallery-v5{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--p-gap);
  padding-right:var(--p-gap);
}
.hp-product-media{background:#0d0d0d;overflow:hidden}
.hp-product-media img{width:100%;height:auto;display:block}
.hp-product-panel{
  border-left:1px solid var(--hp-line);
  min-height:calc(100vh - 70px);
}
.hp-product-panel__inner{
  position:sticky;top:70px;padding:30px 26px 36px;
}
.hp-product-vendor{
  font-size:8px;color:var(--p-muted);text-transform:uppercase;margin-bottom:12px;
}
.hp-product-headline{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;
  border-bottom:1px solid var(--hp-line);padding-bottom:20px;margin-bottom:22px;
}
.hp-product-headline h1{
  margin:0;font-size:var(--p-title-size);font-weight:400;text-transform:uppercase;line-height:1.25;
}
.hp-product-price{font-size:10px;color:var(--p-muted);white-space:nowrap}
.hp-product-form-v5{display:grid;gap:14px;margin-bottom:26px}
.hp-product-label{font-size:8px;color:var(--p-muted);text-transform:uppercase}
.hp-select-wrap{position:relative}
.hp-product-form-v5 select{
  width:100%;height:42px;background:#080808;color:var(--p-fg);
  border:1px solid #303030;border-radius:0;padding:0 12px;
  font-size:9px;text-transform:uppercase;outline:none;
}
.hp-product-qty-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.hp-inline-qty{display:grid;grid-template-columns:34px 42px 34px;height:34px;border:1px solid #303030}
.hp-inline-qty button,.hp-inline-qty input{
  border:0;background:transparent;color:var(--p-fg);text-align:center;padding:0;font-size:10px;
}
.hp-inline-qty input{width:42px;border-left:1px solid #303030;border-right:1px solid #303030;-moz-appearance:textfield}
.hp-inline-qty input::-webkit-outer-spin-button,.hp-inline-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hp-product-add{
  width:100%;height:45px;border:1px solid #eee;background:#eee;color:#050505;
  font-size:9px;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s;
}
.hp-product-add:hover{background:transparent;color:#eee}
.hp-product-add:disabled{opacity:.4;cursor:not-allowed}
.hp-product-accordion{border-top:1px solid var(--hp-line)}
.hp-product-accordion:last-of-type{border-bottom:1px solid var(--hp-line)}
.hp-product-accordion summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;
  padding:15px 0;font-size:8px;text-transform:uppercase;cursor:pointer;
}
.hp-product-accordion summary::-webkit-details-marker{display:none}
.hp-product-accordion__content{
  padding:0 0 18px;color:var(--p-muted);font-size:9px;line-height:1.6;
}
.hp-product-accordion__content p{margin-top:0}
.hp-product-note{margin-top:18px;font-size:7px;color:var(--p-muted);text-transform:uppercase}

/* Cart drawer v5 */
.hp-cart-drawer{
  width:min(460px,100vw);
  background:#070707;
  border-left:1px solid #242424;
}
.hp-cart-drawer__head{
  min-height:58px;padding:0 20px;
}
.hp-cart-drawer__title{display:flex;gap:4px;font-size:9px}
.hp-cart-drawer__body{padding:0 20px;overscroll-behavior:contain}
.hp-drawer-item{
  grid-template-columns:110px minmax(0,1fr);
  gap:17px;padding:20px 0;border-bottom:1px solid #242424;
}
.hp-drawer-item__image{
  height:142px;background:#101010;border:1px solid #161616;
}
.hp-drawer-item__meta{
  display:flex;flex-direction:column;justify-content:space-between;min-height:142px;padding:3px 0;
}
.hp-drawer-item__title{font-size:10px;line-height:1.3;color:#eee}
.hp-drawer-item__variant,.hp-drawer-item__price{font-size:8px;color:#888}
.hp-drawer-item__controls{display:flex;align-items:end;justify-content:space-between;gap:12px}
.hp-drawer-qty{
  display:grid;grid-template-columns:30px 34px 30px;gap:0;margin:0;height:30px;border:1px solid #303030;
}
.hp-drawer-qty button{
  width:30px;height:28px;border:0;background:none;color:#eee;font-size:11px;
}
.hp-drawer-qty span{
  width:34px;display:grid;place-items:center;border-left:1px solid #303030;border-right:1px solid #303030;font-size:9px;
}
.hp-drawer-remove{
  border:0;background:none;color:#777;font-size:7px;padding:0 0 7px;cursor:pointer;
}
.hp-cart-drawer__foot{padding:18px 20px 20px}
.hp-cart-total{font-size:9px;margin-bottom:16px}
.hp-cart-checkout{
  background:#f1f1f1 !important;
  color:#060606 !important;
  border:1px solid #f1f1f1;
  height:46px;
  font-size:9px;
  font-weight:400;
  letter-spacing:.01em;
}
.hp-cart-checkout:hover{background:#dcdcdc !important;color:#060606 !important;opacity:1}
.hp-cart-empty{min-height:70vh}

/* Mobile polish */
@media(max-width:900px){
  .hp-header__grid{padding-left:22px;padding-right:22px}
  .hp-product-shell{
    width:calc(100% - (var(--hp-mobile-gutter) * 2));
    grid-template-columns:1fr;
  }
  .hp-product-gallery-v5{grid-template-columns:1fr 1fr;padding-right:0}
  .hp-product-panel{border-left:0;border-top:1px solid var(--hp-line);min-height:0}
  .hp-product-panel__inner{position:static;padding:24px 16px 34px}
}
@media(max-width:720px){
  .hp-header__grid{padding-left:14px;padding-right:14px;width:100% !important}
  .hp-header__grid .hp-nav--left{display:flex}
  .hp-header__grid .hp-nav--left > a{display:none}
  .hp-menu-btn{display:block}
  .hp-cat__heading{left:16px;top:16px;gap:14px}
  .hp-cat__link{left:16px;bottom:16px}
  .hp-hero__title-image{width:min(var(--hero-logo-width),78vw)}
  .hp-product-gallery-v5{grid-template-columns:1fr}
  .hp-product-headline{grid-template-columns:1fr;gap:8px}
  .hp-product-price{font-size:9px}
  .hp-cart-drawer{width:100vw}
  .hp-drawer-item{grid-template-columns:96px minmax(0,1fr)}
  .hp-drawer-item__image{height:124px}
  .hp-drawer-item__meta{min-height:124px}
}

.hp-product__image{position:relative}.hp-product__image-primary,.hp-product__image-secondary{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--card-hover-speed,350ms) ease,transform var(--card-hover-speed,350ms) cubic-bezier(.16,1,.3,1)}.hp-product__image-primary{opacity:1}.hp-product__image-secondary{opacity:0}.hp-product:hover .hp-product__image-primary{transform:scale(var(--card-hover-scale,1.02))}.hp-product:hover .hp-product__image-secondary{opacity:1;transform:scale(var(--card-hover-scale,1.02))}.hp-product__variants{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px;opacity:0;transform:translateY(3px);transition:.22s}.hp-product:hover .hp-product__variants{opacity:1;transform:none}.hp-product__variant{font-size:8px;text-transform:uppercase;color:#bbb}.hp-product__variant.is-sold{opacity:.32;text-decoration:line-through}.hp-product:hover .hp-product__image img{transform:scale(var(--card-hover-scale,1.02))}
.hp-collection-page{padding:var(--collection-top) 0 60px}.hp-collection-shell{width:min(calc(100% - (var(--hp-side-gutter) * 2)),var(--hp-page));margin:0 auto}.hp-collection-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--hp-line)}.hp-collection-bar h1,.hp-collection-bar span{margin:0;font-size:var(--collection-title);font-weight:400;text-transform:uppercase}.hp-collection-bar span{color:var(--hp-muted)}.hp-collection-desc{font-size:9px;line-height:1.6;color:var(--hp-muted);max-width:620px;padding:16px 0}.hp-collection-grid{display:grid;grid-template-columns:repeat(var(--collection-cols),minmax(0,1fr));gap:var(--collection-gap);margin-top:12px}.hp-pagination{display:flex;justify-content:center;align-items:center;gap:24px;padding:28px 0 4px;font-size:8px;text-transform:uppercase;color:var(--hp-muted)}.hp-collection-empty{grid-column:1/-1;padding:70px 0;text-align:center;font-size:9px;color:var(--hp-muted)}
.hp-variant-select{appearance:none;-webkit-appearance:none;padding-right:42px!important}.hp-select-arrow{position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none;color:#aaa}.hp-variant-buttons{display:flex;flex-wrap:wrap;gap:7px}.hp-variant-button{position:relative}.hp-variant-button input{position:absolute;opacity:0;pointer-events:none}.hp-variant-button span{min-width:42px;height:34px;padding:0 11px;border:1px solid #343434;display:flex;align-items:center;justify-content:center;font-size:9px;text-transform:uppercase;cursor:pointer}.hp-variant-button input:checked+span{background:#eee;color:#060606;border-color:#eee}.hp-variant-button.is-sold span{opacity:.32;text-decoration:line-through;cursor:not-allowed}.hp-variant-radios{display:grid;gap:10px}.hp-variant-radio{display:flex;align-items:center;gap:9px;font-size:9px;text-transform:uppercase;cursor:pointer}.hp-variant-radio input{position:absolute;opacity:0}.hp-radio-dot{width:13px;height:13px;border:1px solid #555;border-radius:50%;position:relative}.hp-variant-radio input:checked+.hp-radio-dot:after{content:"";position:absolute;inset:3px;background:#eee;border-radius:50%}.hp-variant-radio.is-sold{opacity:.35;text-decoration:line-through}.hp-details-icon{width:8px;height:8px;position:relative;display:inline-block}.hp-details-icon:before,.hp-details-icon:after{content:"";position:absolute;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%)}.hp-details-icon:before{width:8px;height:1px}.hp-details-icon:after{width:1px;height:8px}details[open] .hp-details-icon:after{transform:translate(-50%,-50%) scaleY(0)}
.hp-cart-empty{min-height:calc(100dvh - 58px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;color:#888}.hp-cart-empty__mark{width:54px;height:54px;border:1px solid #262626;border-radius:50%;display:grid;place-items:center;margin-bottom:22px;font-size:15px;color:#777}.hp-cart-empty__title{font-size:10px;color:#eee;text-transform:uppercase;margin-bottom:8px}.hp-cart-empty__copy{max-width:260px;font-size:8px;line-height:1.6;text-transform:uppercase;color:#777;margin-bottom:22px}.hp-cart-empty__close{min-width:180px;height:38px;border:1px solid #343434;background:transparent;color:#eee;font-size:8px;text-transform:uppercase;cursor:pointer}.hp-cart-checkout{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 15px!important;background:#f1f1f1!important;color:#070707!important;opacity:1!important;visibility:visible!important}.hp-cart-checkout span,.hp-cart-checkout .hp-arrow{color:#070707!important}
.hp-search-trigger,.hp-mobile-search-trigger{border:0;background:none;padding:0;color:inherit;cursor:pointer;font-family:var(--hp-font);font-size:var(--menu-size);text-transform:uppercase}.hp-mobile-search-trigger{font-size:13px;text-align:left}.hp-search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.52);backdrop-filter:blur(5px);z-index:159;opacity:0;visibility:hidden;transition:.3s}.hp-search-overlay.open{opacity:1;visibility:visible}.hp-search-modal{position:fixed;left:50%;top:50%;z-index:160;width:min(720px,calc(100vw - 36px));max-height:min(680px,calc(100dvh - 36px));transform:translate(-50%,-46%) scale(.985);background:#080808;color:#eee;border:1px solid #282828;opacity:0;visibility:hidden;transition:.35s;display:grid;grid-template-rows:auto 1fr}.hp-search-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.hp-search-modal__head{min-height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262626;font-size:9px;text-transform:uppercase}.hp-search-modal__head button{border:0;background:none;color:#eee;font-size:9px;text-transform:uppercase;cursor:pointer}.hp-search-modal__content{padding:16px;overflow:auto}.hp-search-form{display:grid;grid-template-columns:1fr auto;border:1px solid #303030}.hp-search-form input{min-width:0;height:46px;border:0;background:transparent;color:#eee;padding:0 13px;outline:none;font-size:10px;text-transform:uppercase}.hp-search-form button{min-width:90px;border:0;border-left:1px solid #303030;background:transparent;color:#eee;font-size:8px;text-transform:uppercase}.hp-search-status{padding:14px 0;font-size:8px;color:#777;text-transform:uppercase}.hp-search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hp-search-result{background:#0d0d0d}.hp-search-result__image{aspect-ratio:.8;background:#111;overflow:hidden}.hp-search-result__image img{width:100%;height:100%;object-fit:cover}.hp-search-result__meta{padding:8px}.hp-search-result__title,.hp-search-result__price{font-size:8px;text-transform:uppercase}.hp-search-result__price{color:#777;margin-top:4px}
.hp-preloader--pulse .hp-preloader__mark{animation:hpPulse 1.15s ease-in-out infinite}.hp-preloader--fade .hp-preloader__mark{animation:hpFade 1s ease-in-out infinite}.hp-preloader--scale .hp-preloader__mark{animation:hpScale 1.2s cubic-bezier(.16,1,.3,1) infinite}.hp-preloader--none .hp-preloader__mark{animation:none}@keyframes hpFade{0%,100%{opacity:.25}50%{opacity:1}}@keyframes hpScale{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1);opacity:1}}
@media(max-width:1100px){.hp-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.hp-collection-shell{width:calc(100% - (var(--hp-mobile-gutter) * 2))}.hp-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hp-search-results{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-product__variants{opacity:1;transform:none}}@media(max-width:430px){.hp-search-modal{width:calc(100vw - 18px)}}


/* =========================================================
   HIDE PROJECT V7 — targeted fixes
   ========================================================= */

/* Product cards: never collapse, almost no zoom */
.hp-card-v7 .hp-product__image{
  position:relative;
  aspect-ratio:var(--card-ratio,.82) !important;
  min-height:1px;
  overflow:hidden;
  background:#111;
}
.hp-card-v7 .hp-product__image-primary,
.hp-card-v7 .hp-product__image-secondary{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.hp-card-v7 .hp-product__image-primary{opacity:1}
.hp-card-v7 .hp-product__image-secondary{opacity:0}
.hp-card-v7:hover .hp-product__image-primary{
  transform:scale(var(--card-hover-scale,1.01)) !important;
}
.hp-card-v7:hover .hp-product__image-secondary{
  opacity:1;
  transform:scale(var(--card-hover-scale,1.01)) !important;
}
.hp-card-v7 .hp-product__variants{
  min-height:13px;
  margin-top:7px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  opacity:0;
  visibility:hidden;
  transform:translateY(2px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.hp-card-v7:hover .hp-product__variants{
  opacity:1;
  visibility:visible;
  transform:none;
}

/* Collection */
.hp-collection-page{
  background:var(--hp-bg);
  color:var(--hp-fg);
  padding:var(--collection-top) 0 60px;
}
.hp-collection-shell{
  width:min(calc(100% - (var(--hp-side-gutter) * 2)),var(--hp-page));
  margin:0 auto;
}
.hp-collection-grid{
  display:grid !important;
  grid-template-columns:repeat(var(--collection-cols,5),minmax(0,1fr)) !important;
  gap:var(--collection-gap,10px) !important;
  margin-top:12px;
}
.hp-collection-grid .hp-product{min-width:0}
.hp-collection-bar h1{
  font-size:var(--collection-title,9px) !important;
  letter-spacing:var(--hp-letter);
}
.hp-collection-bar span{font-size:var(--collection-title,9px) !important}

/* Product page: preserve V5 approved layout */
.hp-product-page-v5{background:var(--p-bg);color:var(--p-fg)}
.hp-product-page-v5 .hp-product-shell{
  width:min(calc(100% - (var(--hp-side-gutter) * 2)),var(--hp-page));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,var(--p-info-width));
  gap:0;
}
.hp-product-page-v5 .hp-product-gallery-v5{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--p-gap);
  padding-right:var(--p-gap);
}
.hp-product-page-v5 .hp-product-panel{
  border-left:1px solid var(--hp-line);
  min-height:calc(100vh - 70px);
}
.hp-product-page-v5 .hp-product-panel__inner{
  position:sticky;
  top:70px;
  padding:30px 26px 36px;
}

/* Fixed dropdown arrow */
.hp-product-page-v5 .hp-select-wrap{position:relative}
.hp-product-page-v5 .hp-variant-select{
  width:100%;
  height:42px;
  appearance:none;
  -webkit-appearance:none;
  background:#080808;
  color:var(--p-fg);
  border:1px solid #303030;
  padding:0 42px 0 12px;
  font-size:9px;
  text-transform:uppercase;
  border-radius:0;
}
.hp-product-page-v5 .hp-select-arrow{
  position:absolute;
  right:15px;
  top:50%;
  width:7px;
  height:7px;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  transform:translateY(-70%) rotate(45deg);
  pointer-events:none;
}

/* Footer proper inner gutter, same max-width language as header */
.hp-footer{width:100%}
.hp-footer__inner{
  width:min(100%,var(--hp-page));
  margin:0 auto;
  padding-left:var(--footer-pad,36px);
  padding-right:var(--footer-pad,36px);
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1fr 1.15fr;
  gap:28px;
}
.hp-footer__shipping{margin-top:14px !important}

/* Checkout button - force visible readable label */
.hp-cart-checkout{
  box-sizing:border-box !important;
  display:flex !important;
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:0 16px !important;
  background:#f1f1f1 !important;
  color:#070707 !important;
  border:1px solid #f1f1f1 !important;
  font-size:9px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  overflow:visible !important;
}
.hp-cart-checkout,
.hp-cart-checkout *{
  color:#070707 !important;
  opacity:1 !important;
  visibility:visible !important;
}
.hp-cart-checkout .hp-arrow{
  width:13px !important;
  height:13px !important;
  flex:0 0 13px !important;
}

/* Sticky header option */
.hp-header:not(.hp-header--sticky){position:relative !important;top:auto !important}
.hp-header--sticky{position:sticky !important;top:0;z-index:70}
.hp-header--sticky.hp-header--slide{
  transition:height .28s ease,box-shadow .28s ease,background .28s ease,transform .28s ease;
}
.hp-header--sticky.hp-header--slide.is-scrolled{
  box-shadow:0 8px 28px rgba(0,0,0,.08);
}
.hp-header--sticky.hp-header--slide.is-scrolled .hp-header__grid{
  transform:scale(.995);
}
.hp-header--sticky.hp-header--blur{
  transition:background .28s ease,backdrop-filter .28s ease,box-shadow .28s ease;
}
.hp-header--sticky.hp-header--blur.is-scrolled{
  backdrop-filter:blur(14px);
  background:color-mix(in srgb,var(--header-bg) 88%,transparent);
  box-shadow:0 8px 28px rgba(0,0,0,.08);
}

/* Contact */
.hp-contact-page{padding:60px 0 90px}
.hp-contact-shell{
  width:min(calc(100% - (var(--hp-side-gutter) * 2)),var(--hp-page));
  margin:0 auto;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:70px;
}
.hp-contact-kicker{font-size:8px;color:var(--hp-muted);text-transform:uppercase;margin-bottom:14px}
.hp-contact-copy h1{font-size:28px;font-weight:400;text-transform:uppercase;margin:0 0 18px}
.hp-contact-copy p{font-size:10px;line-height:1.6;color:var(--hp-muted);max-width:430px}
.hp-contact-copy a{font-size:9px;text-transform:uppercase}
.hp-contact-form form{display:grid}
.hp-contact-form label{font-size:8px;color:var(--hp-muted);text-transform:uppercase;margin:0 0 7px}
.hp-contact-form input,.hp-contact-form textarea{
  width:100%;
  background:transparent;
  color:var(--hp-fg);
  border:0;
  border-bottom:1px solid var(--hp-line);
  border-radius:0;
  padding:0 0 11px;
  margin-bottom:22px;
  outline:none;
  font-size:10px;
}
.hp-contact-form textarea{resize:vertical;padding-top:4px}
.hp-contact-form button{
  justify-self:start;
  min-width:180px;
  height:42px;
  border:1px solid var(--hp-line);
  background:transparent;
  color:var(--hp-fg);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 14px;
  font-size:8px;
  text-transform:uppercase;
  cursor:pointer;
}
.hp-contact-success{font-size:9px;text-transform:uppercase;margin-bottom:20px}

/* Responsive */
@media(max-width:1100px){
  .hp-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .hp-footer__inner{grid-template-columns:1.3fr 1fr 1fr}
}
@media(max-width:800px){
  .hp-product-page-v5 .hp-product-shell{grid-template-columns:1fr}
  .hp-product-page-v5 .hp-product-panel{border-left:0;border-top:1px solid var(--hp-line);min-height:0}
  .hp-product-page-v5 .hp-product-panel__inner{position:static;padding:24px 16px 34px}
  .hp-contact-shell{grid-template-columns:1fr;gap:42px}
}
@media(max-width:720px){
  .hp-collection-shell,.hp-contact-shell{
    width:calc(100% - (var(--hp-mobile-gutter) * 2));
  }
  .hp-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .hp-footer__inner{
    padding-left:16px;
    padding-right:16px;
    grid-template-columns:1fr 1fr;
  }
  .hp-card-v7 .hp-product__variants{
    opacity:1;
    visibility:visible;
    transform:none;
  }
}
@media(max-width:480px){
  .hp-footer__inner{grid-template-columns:1fr}
}


/* =========================================================
   HIDE PROJECT V8
   ========================================================= */

/* Reliable sticky header */
.hp-header-spacer{display:none;height:var(--hp-header-live-height,0px)}
.hp-header.hp-header--sticky.hp-header-is-fixed{
  position:fixed !important;
  left:0;
  right:0;
  top:0;
  width:100%;
  z-index:170;
  animation:hpHeaderIn .32s cubic-bezier(.16,1,.3,1);
}
.hp-header.hp-header--sticky.hp-header-is-fixed + .hp-header-spacer{
  display:block;
}
@keyframes hpHeaderIn{
  from{transform:translateY(-100%);opacity:.6}
  to{transform:translateY(0);opacity:1}
}
.hp-header--blur.hp-header-is-fixed{
  backdrop-filter:blur(14px);
  background:color-mix(in srgb,var(--header-bg) 90%,transparent);
}
.hp-header--none.hp-header-is-fixed{animation:none}

/* X cart close */
.hp-cart-x{
  position:relative;
  width:28px;
  height:28px;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  cursor:pointer;
}
.hp-cart-x span{
  position:absolute;
  left:6px;
  right:6px;
  top:13px;
  height:1px;
  background:#eee;
}
.hp-cart-x span:first-child{transform:rotate(45deg)}
.hp-cart-x span:last-child{transform:rotate(-45deg)}

/* Product card: ZERO zoom and no transient underline/line */
.hp-card-v8,
.hp-card-v8:hover,
.hp-card-v8:focus{
  text-decoration:none !important;
}
.hp-card-v8:before,
.hp-card-v8:after,
.hp-card-v8 .hp-product__meta:before,
.hp-card-v8 .hp-product__meta:after{
  content:none !important;
  display:none !important;
}
.hp-card-v8 .hp-product__image{
  position:relative;
  aspect-ratio:var(--card-ratio,.82) !important;
  overflow:hidden;
  background:#111;
}
.hp-card-v8 .hp-product__image-primary,
.hp-card-v8 .hp-product__image-secondary{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:none !important;
  transition:opacity var(--card-hover-speed,280ms) ease !important;
}
.hp-card-v8 .hp-product__image-primary{opacity:1}
.hp-card-v8 .hp-product__image-secondary{opacity:0}
.hp-card-v8:hover .hp-product__image-primary{
  opacity:0;
  transform:none !important;
}
.hp-card-v8:hover .hp-product__image-secondary{
  opacity:1;
  transform:none !important;
}
.hp-card-v8:not(:has(.hp-product__image-secondary)):hover .hp-product__image-primary{
  opacity:1;
}

/* Sizes like fashion reference */
.hp-product__sizes{
  display:flex;
  flex-wrap:wrap;
  gap:0 12px;
  margin-top:7px;
  max-height:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(2px);
  transition:max-height .2s ease,opacity .18s ease,transform .18s ease;
  border:0 !important;
}
.hp-card-v8:hover .hp-product__sizes{
  max-height:28px;
  opacity:1;
  transform:none;
}
.hp-product__size{
  font-size:9px;
  line-height:1.35;
  text-transform:uppercase;
  color:var(--hp-fg);
  text-decoration:none !important;
  border:0 !important;
}
.hp-product__size.is-sold{
  opacity:.28;
  text-decoration:line-through !important;
}

/* Collection = New Arrivals exactly */
.hp-collection-as-arrivals{
  padding-top:18px;
  padding-bottom:28px;
}
.hp-collection-as-arrivals .hp-products__head{
  margin-bottom:13px;
}
.hp-collection-as-arrivals .hp-products__head h1{
  margin:0;
  font-size:var(--prod-heading) !important;
  font-weight:400;
  text-transform:uppercase;
  line-height:1.2;
}
.hp-collection-as-arrivals .hp-products__view{
  font-size:var(--prod-heading) !important;
}
.hp-collection-as-arrivals .hp-products__grid{
  grid-template-columns:repeat(var(--prod-cols,5),minmax(0,1fr)) !important;
  gap:var(--prod-gap,10px) !important;
}
.hp-collection-as-arrivals .hp-collection-desc{
  font-size:9px;
  color:var(--hp-muted);
  max-width:620px;
  padding:0 0 14px;
}
.hp-collection-as-arrivals .hp-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  padding:30px 0 4px;
  font-size:8px;
  text-transform:uppercase;
  color:var(--hp-muted);
}
.hp-collection-as-arrivals .hp-collection-empty{
  grid-column:1/-1;
  padding:70px 0;
  text-align:center;
  font-size:9px;
  color:var(--hp-muted);
}

/* mobile: sizes always visible because hover does not exist */
@media(max-width:720px){
  .hp-product__sizes{
    max-height:28px;
    opacity:1;
    transform:none;
  }
  .hp-collection-as-arrivals .hp-products__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
}


/* =========================================================
   HIDE PROJECT V9
   ========================================================= */

/* Product cards */
.hp-card-v9,.hp-card-v9:hover,.hp-card-v9:focus{text-decoration:none !important}
.hp-card-v9:before,.hp-card-v9:after,.hp-card-v9 .hp-product__meta:before,.hp-card-v9 .hp-product__meta:after{content:none !important;display:none !important}
.hp-card-v9 .hp-product__image{position:relative;aspect-ratio:var(--card-ratio,.82) !important;overflow:hidden;background:#111}
.hp-card-v9 .hp-product__image-primary,.hp-card-v9 .hp-product__image-secondary{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none !important;
  transition:opacity var(--card-hover-speed,300ms) ease !important;
}
.hp-card-v9 .hp-product__image-primary{opacity:1}
.hp-card-v9 .hp-product__image-secondary{opacity:0}
.hp-card-v9:hover .hp-product__image-primary{opacity:0}
.hp-card-v9:hover .hp-product__image-secondary{opacity:1}
.hp-card-v9:not(:has(.hp-product__image-secondary)):hover .hp-product__image-primary{opacity:1}

.hp-product__sizes-row{
  min-height:18px;display:flex;align-items:center;flex-wrap:wrap;gap:0 12px;margin-top:6px;
  opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;border:0 !important;
}
.hp-card-v9:hover .hp-product__sizes-row{opacity:1;visibility:visible}
.hp-product__size{font-size:9px;line-height:1.3;text-transform:uppercase;color:var(--hp-fg);border:0 !important;text-decoration:none !important}
.hp-product__size.is-sold{opacity:.28;text-decoration:line-through !important}

/* Collection */
.hp-collection-v9{padding-top:var(--collection-top-space,48px) !important;padding-bottom:32px}
.hp-collection-toolbar{
  min-height:42px;border-bottom:1px solid var(--hp-line);display:flex;align-items:center;
  justify-content:space-between;gap:20px;margin-bottom:14px;
}
.hp-collection-toolbar__title{display:flex;align-items:center;gap:14px;white-space:nowrap}
.hp-collection-toolbar__title h1{margin:0;font-size:var(--prod-heading);font-weight:400;text-transform:uppercase}
.hp-collection-toolbar__title span{font-size:var(--prod-heading);color:var(--hp-muted)}
.hp-collection-toolbar__actions{display:flex;align-items:center;gap:18px}
.hp-collection-action{
  border:0;background:none;color:var(--hp-fg);padding:0;font-size:8px;text-transform:uppercase;
  cursor:pointer;display:flex;gap:7px;
}
.hp-layout-switcher{display:flex;align-items:center;gap:8px}
.hp-layout-switcher button{
  width:24px;height:22px;display:flex;align-items:center;justify-content:center;gap:2px;
  padding:0;border:0;background:none;opacity:.35;cursor:pointer;
}
.hp-layout-switcher button.is-active{opacity:1}
.hp-layout-switcher i{width:2px;height:11px;background:var(--hp-fg);display:block}
.hp-sort-wrap{position:relative}
.hp-sort-wrap select{
  appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--hp-fg);
  padding:0 18px 0 0;font-size:8px;text-transform:uppercase;outline:none;
}
.hp-sort-arrow{
  position:absolute;right:2px;top:50%;width:6px;height:6px;border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none;
}

.hp-filter-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .55s cubic-bezier(.16,1,.3,1),opacity .25s ease,padding .35s ease}
.hp-filter-panel.is-open{max-height:900px;opacity:1;padding-bottom:18px}
.hp-filter-form{border-bottom:1px solid var(--hp-line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px}
.hp-filter-group{border-top:1px solid var(--hp-line)}
.hp-filter-group summary{
  min-height:42px;display:flex;align-items:center;justify-content:space-between;list-style:none;
  cursor:pointer;font-size:8px;text-transform:uppercase;
}
.hp-filter-group summary::-webkit-details-marker{display:none}
.hp-filter-group__body{display:grid;gap:8px;padding:4px 0 16px}
.hp-filter-check{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:8px;text-transform:uppercase;cursor:pointer}
.hp-filter-check input{accent-color:currentColor}
.hp-filter-check small{color:var(--hp-muted)}
.hp-price-filter{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.hp-price-filter input{width:100%;height:34px;background:transparent;color:var(--hp-fg);border:1px solid var(--hp-line);padding:0 8px;font-size:8px}
.hp-filter-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:14px 0}
.hp-filter-actions a,.hp-filter-actions button{font-size:8px;text-transform:uppercase}
.hp-filter-actions button{height:34px;border:1px solid var(--hp-line);background:var(--hp-fg);color:var(--hp-bg);padding:0 14px;cursor:pointer}
.hp-filter-empty{grid-column:1/-1;color:var(--hp-muted);font-size:8px;padding:14px 0;text-transform:uppercase}

.hp-collection-layout--compact .hp-products__grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:6px !important}
.hp-collection-layout--editorial .hp-products__grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
.hp-collection-layout--editorial .hp-product:nth-child(7n+1){grid-column:span 2;grid-row:span 2}

/* Scroll animations */
.hp-motion .hp-reveal{transition-duration:var(--hp-motion-duration,650ms) !important;transition-timing-function:cubic-bezier(.16,1,.3,1) !important}
.hp-motion--fade-up .hp-reveal{opacity:0;transform:translateY(var(--hp-motion-distance,16px))}
.hp-motion--fade .hp-reveal{opacity:0;transform:none}
.hp-motion--scale .hp-reveal{opacity:0;transform:scale(.985)}
.hp-motion--blur .hp-reveal{opacity:0;filter:blur(8px);transform:translateY(6px)}
.hp-motion .hp-reveal.visible,.hp-motion .hp-reveal.is-visible{opacity:1 !important;transform:none !important;filter:none !important}
.hp-motion--none .hp-reveal{opacity:1 !important;transform:none !important;filter:none !important}
.hp-motion-stagger .hp-products__grid > .hp-reveal:nth-child(2){transition-delay:50ms}
.hp-motion-stagger .hp-products__grid > .hp-reveal:nth-child(3){transition-delay:100ms}
.hp-motion-stagger .hp-products__grid > .hp-reveal:nth-child(4){transition-delay:150ms}
.hp-motion-stagger .hp-products__grid > .hp-reveal:nth-child(5){transition-delay:200ms}
.hp-motion-stagger .hp-products__grid > .hp-reveal:nth-child(6){transition-delay:250ms}

/* Sticky variants */
.hp-header--sticky.hp-header-is-fixed{position:fixed !important;left:0;right:0;top:0;width:100%;z-index:170}
.hp-header--slide.hp-header-is-fixed{animation:hpStickySlide .38s cubic-bezier(.16,1,.3,1)}
.hp-header--fade.hp-header-is-fixed{animation:hpStickyFade .32s ease}
.hp-header--blur.hp-header-is-fixed{backdrop-filter:blur(14px);background:color-mix(in srgb,var(--header-bg) 88%,transparent);animation:hpStickyFade .32s ease}
.hp-header--shrink.hp-header-is-fixed{animation:hpStickyShrink .38s cubic-bezier(.16,1,.3,1)}
.hp-header--shrink.hp-header-is-fixed .hp-header__grid{transform:scale(.985)}
.hp-header--reveal.hp-header-is-fixed{transition:transform .36s cubic-bezier(.16,1,.3,1),opacity .25s ease}
.hp-header--reveal.hp-header-is-fixed.hp-header-hidden{transform:translateY(-105%);opacity:0}
@keyframes hpStickySlide{from{transform:translateY(-100%);opacity:.65}to{transform:none;opacity:1}}
@keyframes hpStickyFade{from{opacity:0}to{opacity:1}}
@keyframes hpStickyShrink{from{transform:translateY(-20px) scale(1.015);opacity:.45}to{transform:none;opacity:1}}

/* Full-screen mobile menu */
.hp-mobile{
  display:block !important;position:fixed !important;inset:0 !important;width:100vw !important;height:100dvh !important;
  z-index:250 !important;background:var(--header-bg,#fff);color:var(--header-fg,#111);padding:18px;
  visibility:hidden;pointer-events:none;overflow:auto;
}
.hp-mobile.open{visibility:visible;pointer-events:auto}
.hp-mobile--slide{transform:translateX(100%);transition:transform .55s cubic-bezier(.16,1,.3,1),visibility .55s}
.hp-mobile--slide.open{transform:none}
.hp-mobile--fade{opacity:0;transition:opacity .35s ease,visibility .35s}
.hp-mobile--fade.open{opacity:1}
.hp-mobile--clip{clip-path:inset(0 0 100% 0);transition:clip-path .55s cubic-bezier(.16,1,.3,1),visibility .55s}
.hp-mobile--clip.open{clip-path:inset(0)}
.hp-mobile__top{min-height:36px;display:flex;justify-content:space-between;align-items:center;margin-bottom:64px}
.hp-mobile__nav{display:grid;gap:18px}
.hp-mobile__nav a,.hp-mobile__nav button{border:0;background:none;color:inherit;padding:0;text-align:left;font-size:14px;text-transform:uppercase}
body.hp-mobile-menu-open{overflow:hidden !important}
body.hp-mobile-menu-open .hp-header{opacity:0 !important;transform:translateY(-110%) !important;pointer-events:none !important}
body.hp-mobile-menu-open .hp-header-spacer{display:none !important}

@media(max-width:980px){
  .hp-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .hp-product__sizes-row{opacity:1;visibility:visible}
  .hp-collection-v9{padding-top:max(28px,var(--collection-top-space)) !important}
  .hp-collection-toolbar{align-items:flex-start}
  .hp-collection-toolbar__actions{gap:12px}
  .hp-layout-switcher{display:none}
  .hp-filter-form{grid-template-columns:1fr}
  .hp-sort-wrap select{max-width:110px}
  .hp-collection-layout--compact .hp-products__grid,
  .hp-collection-layout--editorial .hp-products__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;
  }
  .hp-collection-layout--editorial .hp-product:nth-child(7n+1){grid-column:auto;grid-row:auto}
}


/* ===== CONSOLIDATED FROM: hide-project-v10.css ===== */
/* HIDE PROJECT V10 — conflict-proof fixes */

/* ---------- Product cards ---------- */
.hp-card-v10{
  display:block !important;
  min-width:0 !important;
  color:inherit !important;
  text-decoration:none !important;
}
.hp-card-v10::before,
.hp-card-v10::after,
.hp-card-v10 .hp-product__meta::before,
.hp-card-v10 .hp-product__meta::after{
  display:none !important;
  content:none !important;
}
.hp-card-v10 .hp-product__image{
  display:block !important;
  position:relative !important;
  width:100% !important;
  overflow:hidden !important;
  background:#f2f2f2 !important;
}
.hp-card-ratio--portrait .hp-product__image{aspect-ratio:4 / 5 !important}
.hp-card-ratio--square .hp-product__image{aspect-ratio:1 / 1 !important}
.hp-card-ratio--tall .hp-product__image{aspect-ratio:3 / 4 !important}

.hp-card-v10 .hp-product__image-primary,
.hp-card-v10 .hp-product__image-secondary{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:none !important;
  filter:none !important;
  visibility:visible !important;
  transition:opacity var(--card-hover-speed,300ms) ease !important;
}
.hp-card-v10 .hp-product__image-primary{
  opacity:1 !important;
  z-index:1 !important;
}
.hp-card-v10 .hp-product__image-secondary{
  opacity:0 !important;
  z-index:2 !important;
}
.hp-card-v10:hover .hp-product__image-primary{
  opacity:1 !important;
  transform:none !important;
}
.hp-card-v10:hover .hp-product__image-secondary{
  opacity:1 !important;
  transform:none !important;
}

.hp-card-v10 .hp-product__meta{
  display:block !important;
  min-height:58px !important;
  padding:9px 7px 8px !important;
  background:var(--prod-card,#0d0d0d) !important;
  overflow:visible !important;
}
.hp-card-v10 .hp-product__sizes-row{
  display:flex !important;
  min-height:18px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:0 11px !important;
  margin-top:6px !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:none !important;
  overflow:visible !important;
  border:0 !important;
  transition:opacity .16s ease,visibility .16s ease !important;
}
.hp-card-v10:hover .hp-product__sizes-row{
  opacity:1 !important;
  visibility:visible !important;
}
.hp-card-v10 .hp-product__size{
  display:inline-block !important;
  font-size:9px !important;
  line-height:1.2 !important;
  color:inherit !important;
  text-transform:uppercase !important;
  border:0 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.hp-card-v10 .hp-product__size.is-sold{
  opacity:.28 !important;
  text-decoration:line-through !important;
}

/* ---------- New Arrivals / Collection visibility ---------- */
.hp-products,
.hp-collection-v9{
  color:var(--hp-fg) !important;
}
.hp-products__grid{
  align-items:start !important;
}
.hp-collection-v9 .hp-products__grid{
  grid-template-columns:repeat(var(--prod-cols,5),minmax(0,1fr)) !important;
}
.hp-collection-v9 .hp-collection-toolbar,
.hp-collection-v9 .hp-filter-panel,
.hp-collection-v9 .hp-products__grid,
.hp-collection-v9 .hp-pagination{
  color:var(--hp-fg) !important;
}

/* ---------- Product page two-tone ---------- */
.hp-product-page-v5{
  background:var(--p-gallery-bg,#fff) !important;
}
.hp-product-page-v5 .hp-product-gallery-v5{
  background:var(--p-gallery-bg,#fff) !important;
}
.hp-product-page-v5 .hp-product-media{
  background:var(--p-gallery-bg,#fff) !important;
}
.hp-product-page-v5 .hp-product-panel{
  background:var(--p-panel-bg,#050505) !important;
  color:var(--p-fg,#eee) !important;
}
.hp-product-page-v5 .hp-product-panel__inner{
  background:var(--p-panel-bg,#050505) !important;
}
.hp-product-page-v5 .hp-product-media img{
  background:var(--p-gallery-bg,#fff) !important;
}

/* ---------- Header sticky: one source of truth ---------- */
.hp-header[data-hp-header]{
  transition:
    transform var(--sticky-duration,350ms) cubic-bezier(.16,1,.3,1),
    opacity var(--sticky-duration,350ms) ease,
    background var(--sticky-duration,350ms) ease,
    backdrop-filter var(--sticky-duration,350ms) ease,
    box-shadow var(--sticky-duration,350ms) ease !important;
}
.hp-header[data-hp-header].hp-header--sticky{
  position:relative !important;
}
.hp-header[data-hp-header].hp-header--sticky.hp-header-is-fixed{
  position:fixed !important;
  inset:0 0 auto 0 !important;
  width:100% !important;
  z-index:170 !important;
  opacity:1 !important;
}
.hp-header-spacer[data-header-spacer]{
  display:none !important;
}
.hp-header[data-hp-header].hp-header-is-fixed + .hp-header-spacer[data-header-spacer]{
  display:block !important;
}

/* Explicit animation modes, reset competing legacy animations */
.hp-header[data-hp-header].hp-header-is-fixed{
  animation:none !important;
}
.hp-header[data-hp-header].hp-header--slide.hp-header-is-fixed.hp-sticky-enter{
  animation:hpV10Slide var(--sticky-duration,350ms) cubic-bezier(.16,1,.3,1) both !important;
}
.hp-header[data-hp-header].hp-header--fade.hp-header-is-fixed.hp-sticky-enter{
  animation:hpV10Fade var(--sticky-duration,350ms) ease both !important;
}
.hp-header[data-hp-header].hp-header--blur.hp-header-is-fixed{
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  background:color-mix(in srgb,var(--header-bg) 88%,transparent) !important;
}
.hp-header[data-hp-header].hp-header--blur.hp-header-is-fixed.hp-sticky-enter{
  animation:hpV10Fade var(--sticky-duration,350ms) ease both !important;
}
.hp-header[data-hp-header].hp-header--shrink.hp-header-is-fixed.hp-sticky-enter{
  animation:hpV10Shrink var(--sticky-duration,350ms) cubic-bezier(.16,1,.3,1) both !important;
}
.hp-header[data-hp-header].hp-header--reveal.hp-header-is-fixed{
  transition:transform var(--sticky-duration,350ms) cubic-bezier(.16,1,.3,1),opacity .22s ease !important;
}
.hp-header[data-hp-header].hp-header--reveal.hp-header-is-fixed.hp-header-hidden{
  transform:translateY(-105%) !important;
  opacity:0 !important;
}

@keyframes hpV10Slide{
  from{transform:translateY(-100%);opacity:.5}
  to{transform:translateY(0);opacity:1}
}
@keyframes hpV10Fade{
  from{opacity:0}
  to{opacity:1}
}
@keyframes hpV10Shrink{
  from{transform:translateY(-12px) scale(1.02);opacity:.45}
  to{transform:translateY(0) scale(1);opacity:1}
}

/* Mobile sizes always visible */
@media(max-width:720px){
  .hp-card-v10 .hp-product__sizes-row{
    opacity:1 !important;
    visibility:visible !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v11.css ===== */
/* HIDE PROJECT V11 */

/* Hide browser scrollbar without disabling scroll */
body.hp-hide-scrollbar{
  -ms-overflow-style:none;
  scrollbar-width:none;
}
body.hp-hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}
body.hp-hide-scrollbar *{scrollbar-width:none}
body.hp-hide-scrollbar *::-webkit-scrollbar{width:0;height:0}

/* Newsletter background */
.hp-news{
  background:var(--news-bg,#050505) !important;
  color:var(--news-fg,#eee) !important;
}
.hp-news h2,
.hp-news p,
.hp-news input,
.hp-news button{color:var(--news-fg,#eee) !important}

/* Cart empty icon */
.hp-cart-empty__mark svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Dev.Rift footer credit */
.hp-footer{position:relative !important}
.hp-footer__devrift{
  position:absolute;
  right:var(--footer-pad,36px);
  bottom:24px;
  display:block;
  line-height:0;
  opacity:.56;
  transition:opacity .2s ease,transform .2s ease;
}
.hp-footer__devrift:hover{opacity:1;transform:translateY(-1px)}
.hp-footer__devrift img{
  display:block;
  height:auto;
  max-width:100%;
}

/* Hero slider */
.hp-hero-slider{
  position:relative !important;
  min-height:var(--hero-h) !important;
  overflow:hidden !important;
  background:#050505 !important;
}
.hp-hero-slider__track{
  position:absolute;
  inset:0;
}
.hp-hero-slide{
  position:absolute;
  inset:0;
  min-height:var(--hero-h);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:1;
  overflow:hidden;
}
.hp-hero-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  z-index:2;
}
.hp-hero-slide__media,
.hp-hero-slide__shade{
  position:absolute;
  inset:0;
}
.hp-hero-slide__media picture,
.hp-hero-slide__media img{
  display:block;
  width:100%;
  height:100%;
}
.hp-hero-slide__media img{
  object-fit:cover;
  object-position:var(--hero-pos);
  transform:scale(var(--hero-zoom,1.02));
  transition:transform 6s ease;
}
.hp-hero-slide__shade{
  background:linear-gradient(90deg,rgba(0,0,0,var(--ol)),rgba(0,0,0,var(--or)));
}
.hp-hero-slide__inner{
  position:relative;
  z-index:3;
  min-height:var(--hero-h);
  height:100%;
  display:flex;
  padding:32px;
  align-items:var(--hero-content-y);
  justify-content:var(--hero-content-x);
}
.hp-hero-slide[style*="--hero-content-y:top"] .hp-hero-slide__inner{align-items:flex-start}
.hp-hero-slide[style*="--hero-content-y:center"] .hp-hero-slide__inner{align-items:center}
.hp-hero-slide[style*="--hero-content-y:bottom"] .hp-hero-slide__inner{align-items:flex-end}
.hp-hero-slide[style*="--hero-content-x:left"] .hp-hero-slide__inner{justify-content:flex-start}
.hp-hero-slide[style*="--hero-content-x:center"] .hp-hero-slide__inner{justify-content:center}
.hp-hero-slide[style*="--hero-content-x:right"] .hp-hero-slide__inner{justify-content:flex-end}
.hp-hero-slide__copy{
  max-width:520px;
  color:#fff;
}
.hp-hero-slide[style*="--hero-content-x:center"] .hp-hero-slide__copy{text-align:center}
.hp-hero-slide[style*="--hero-content-x:right"] .hp-hero-slide__copy{text-align:right}
.hp-hero-slide[style*="--hero-content-x:center"] .hp-hero__title-image{margin-left:auto;margin-right:auto}
.hp-hero-slide[style*="--hero-content-x:right"] .hp-hero__title-image{margin-left:auto}

/* Slider transitions */
.hp-hero-transition--fade .hp-hero-slide{
  transition:opacity var(--hero-transition-speed) ease,visibility var(--hero-transition-speed) ease;
}
.hp-hero-transition--slide .hp-hero-slide{
  transform:translateX(100%);
  transition:transform var(--hero-transition-speed) cubic-bezier(.16,1,.3,1),visibility var(--hero-transition-speed);
  opacity:1;
}
.hp-hero-transition--slide .hp-hero-slide.is-active{transform:translateX(0)}
.hp-hero-transition--slide .hp-hero-slide.was-active{transform:translateX(-100%);visibility:visible}
.hp-hero-transition--zoom .hp-hero-slide{
  transform:scale(1.025);
  transition:opacity var(--hero-transition-speed) ease,transform var(--hero-transition-speed) cubic-bezier(.16,1,.3,1),visibility var(--hero-transition-speed);
}
.hp-hero-transition--zoom .hp-hero-slide.is-active{transform:scale(1)}
.hp-hero-transition--wipe .hp-hero-slide{
  clip-path:inset(0 0 0 100%);
  opacity:1;
  transition:clip-path var(--hero-transition-speed) cubic-bezier(.16,1,.3,1),visibility var(--hero-transition-speed);
}
.hp-hero-transition--wipe .hp-hero-slide.is-active{clip-path:inset(0)}

/* Content animations only when active */
.hp-hero-slide__copy{opacity:0}
.hp-hero-slide.is-active.hp-hero-content--fade-up .hp-hero-slide__copy{
  animation:hpHeroContentUp .7s .12s cubic-bezier(.16,1,.3,1) both;
}
.hp-hero-slide.is-active.hp-hero-content--fade .hp-hero-slide__copy{
  animation:hpHeroContentFade .6s .12s ease both;
}
.hp-hero-slide.is-active.hp-hero-content--slide-left .hp-hero-slide__copy{
  animation:hpHeroContentLeft .7s .12s cubic-bezier(.16,1,.3,1) both;
}
.hp-hero-slide.is-active.hp-hero-content--scale .hp-hero-slide__copy{
  animation:hpHeroContentScale .7s .12s cubic-bezier(.16,1,.3,1) both;
}
.hp-hero-slide.is-active.hp-hero-content--none .hp-hero-slide__copy{opacity:1}
@keyframes hpHeroContentUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hpHeroContentFade{from{opacity:0}to{opacity:1}}
@keyframes hpHeroContentLeft{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@keyframes hpHeroContentScale{from{opacity:0;transform:scale(.975)}to{opacity:1;transform:none}}

.hp-hero-slider__arrow{
  position:absolute;
  z-index:8;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.38);
  background:rgba(0,0,0,.15);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:14px;
  transition:background .2s ease,border-color .2s ease;
}
.hp-hero-slider__arrow:hover{background:#fff;color:#000;border-color:#fff}
.hp-hero-slider__arrow--prev{left:16px}
.hp-hero-slider__arrow--next{right:16px}
.hp-hero-slider__dots{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:17px;
  transform:translateX(-50%);
  display:flex;
  gap:7px;
}
.hp-hero-slider__dots button{
  width:5px;
  height:5px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.35);
  cursor:pointer;
}
.hp-hero-slider__dots button.is-active{background:#fff}
.hp-hero-slider__counter{
  position:absolute;
  z-index:8;
  right:18px;
  bottom:15px;
  display:flex;
  gap:5px;
  color:#fff;
  font-size:8px;
}

/* Collection width choices */
.hp-collection-v9{
  background:var(--prod-bg,#fff) !important;
}
.hp-collection-width--full{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.hp-collection-width--framed{
  width:calc(100% - (var(--collection-frame,24px) * 2)) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Product page always full-width */
.hp-product-page-v5 .hp-product-shell{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.hp-product-page-v5{
  width:100% !important;
  max-width:none !important;
}

/* Footer credit mobile */
@media(max-width:720px){
  .hp-footer__devrift{
    position:static;
    margin:24px 16px 0 auto;
    width:max-content;
  }
  .hp-hero-slider{min-height:var(--hero-mobile-h) !important}
  .hp-hero-slide{min-height:var(--hero-mobile-h) !important}
  .hp-hero-slide__inner{
    min-height:var(--hero-mobile-h) !important;
    padding:18px 14px 38px;
    align-items:flex-end !important;
    justify-content:flex-start !important;
  }
  .hp-hero-slide__copy{text-align:left !important}
  .hp-hero-slider__arrow{display:none}
  .hp-collection-width--framed{
    width:calc(100% - 12px) !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v12.css ===== */
/* HIDE PROJECT V12 */

/* ---------- Scrollbar: hide on the actual root document ---------- */
html.hp-hide-scrollbar-root,
html.hp-hide-scrollbar-root body{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
html.hp-hide-scrollbar-root::-webkit-scrollbar,
html.hp-hide-scrollbar-root body::-webkit-scrollbar,
html.hp-hide-scrollbar-root *::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
  background:transparent !important;
}

/* Safe smooth scrolling. No wheel interception, so scrolling can never lock. */
html.hp-native-smooth-scroll{
  scroll-behavior:smooth !important;
}

/* ---------- Cart theme colors ---------- */
.hp-cart-overlay{
  background:rgba(0,0,0,var(--cart-overlay-alpha,.55)) !important;
}
.hp-cart-drawer{
  background:var(--cart-bg,#070707) !important;
  color:var(--cart-text,#eee) !important;
  border-left-color:var(--cart-line,#282828) !important;
}
.hp-cart-drawer__head,
.hp-drawer-item,
.hp-cart-drawer__foot{
  border-color:var(--cart-line,#282828) !important;
}
.hp-cart-drawer__head,
.hp-cart-drawer__head button,
.hp-drawer-item__title,
.hp-drawer-qty button{
  color:var(--cart-text,#eee) !important;
}
.hp-drawer-item__variant,
.hp-drawer-item__price,
.hp-drawer-remove,
.hp-cart-empty__copy,
.hp-cart-empty__mark{
  color:var(--cart-muted,#858585) !important;
}
.hp-cart-empty__title{
  color:var(--cart-text,#eee) !important;
}
.hp-drawer-qty{
  border-color:var(--cart-line,#282828) !important;
}
.hp-drawer-qty span{
  border-color:var(--cart-line,#282828) !important;
}
.hp-cart-checkout{
  background:var(--cart-button-bg,#f1f1f1) !important;
  border-color:var(--cart-button-bg,#f1f1f1) !important;
  color:var(--cart-button-text,#070707) !important;
}
.hp-cart-checkout,
.hp-cart-checkout *,
.hp-cart-checkout .hp-arrow{
  color:var(--cart-button-text,#070707) !important;
}

/* ---------- Newsletter width ---------- */
.hp-news-width--full{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.hp-news-width--framed{
  width:calc(100% - (var(--news-frame,24px) * 2)) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ---------- Footer layout ---------- */
.hp-footer{
  padding-bottom:58px !important;
}
.hp-footer__inner{
  position:relative !important;
}
.hp-footer__updates{
  justify-self:end !important;
  text-align:right !important;
}
.hp-footer__devrift{
  left:50% !important;
  right:auto !important;
  bottom:24px !important;
  transform:translateX(-50%) !important;
  opacity:.58 !important;
}
.hp-footer__devrift:hover{
  transform:translateX(-50%) translateY(-1px) !important;
  opacity:1 !important;
}

/* ---------- Header: mobile search visibility ---------- */
@media(max-width:720px){
  .hp-search-trigger--mobile-hidden{
    display:none !important;
  }
}

/* ---------- Mobile menu: remove sticky/header glitch ---------- */
@media(max-width:720px){
  .hp-mobile{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    z-index:1000 !important;
    transform:translate3d(100%,0,0);
    opacity:1;
    visibility:hidden;
    pointer-events:none;
    will-change:transform,opacity,clip-path;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    contain:layout paint;
  }
  .hp-mobile.open{
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .hp-mobile--slide.open{
    transform:translate3d(0,0,0) !important;
  }
  .hp-mobile--fade{
    transform:none !important;
    opacity:0 !important;
  }
  .hp-mobile--fade.open{
    transform:none !important;
    opacity:1 !important;
  }
  .hp-mobile--clip{
    transform:none !important;
  }

  /* Hide header instantly while menu owns the viewport.
     No competing sticky animation = no flashing/glitch. */
  body.hp-mobile-menu-open .hp-header{
    visibility:hidden !important;
    opacity:0 !important;
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
  body.hp-mobile-menu-open .hp-header-spacer{
    visibility:hidden !important;
  }
}

/* ---------- Product sizes on mobile: hidden until touch-preview ---------- */
@media(max-width:720px){
  .hp-card-v10 .hp-product__sizes-row,
  .hp-card-v9 .hp-product__sizes-row,
  .hp-card-v8 .hp-product__sizes-row{
    opacity:0 !important;
    visibility:hidden !important;
  }
  .hp-product.is-touch-preview .hp-product__sizes-row{
    opacity:1 !important;
    visibility:visible !important;
  }
}

/* ---------- Collection layout switcher visible on mobile ---------- */
@media(max-width:720px){
  .hp-layout-switcher{
    display:flex !important;
    gap:5px !important;
  }
  .hp-layout-switcher button{
    width:20px !important;
    height:20px !important;
  }
  .hp-layout-switcher i{
    height:9px !important;
  }
  .hp-collection-toolbar__actions{
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
  }
}

/* ---------- Footer mobile: centered Dev.Rift logo ---------- */
@media(max-width:720px){
  .hp-footer{
    padding-bottom:22px !important;
  }
  .hp-footer__updates{
    justify-self:stretch !important;
    text-align:right !important;
  }
  .hp-footer__devrift{
    position:static !important;
    display:block !important;
    width:max-content !important;
    margin:26px auto 0 !important;
    transform:none !important;
  }
  .hp-footer__devrift:hover{
    transform:none !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v13.css ===== */
/* HIDE PROJECT V13 */

/* ---------------------------------------------------------
   SCROLLBAR + OVERSCROLL
   --------------------------------------------------------- */
html.hp-hide-scrollbar-root,
html.hp-hide-scrollbar-root body{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
html.hp-hide-scrollbar-root::-webkit-scrollbar,
html.hp-hide-scrollbar-root body::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}
html,
body{
  overscroll-behavior-y:none !important;
  overscroll-behavior-x:none !important;
}

/* ---------------------------------------------------------
   CART COLORS — cover every drawer surface
   --------------------------------------------------------- */
.hp-cart-drawer,
.hp-cart-drawer__head,
.hp-cart-drawer__body,
.hp-cart-drawer__foot{
  background:var(--cart-bg,#070707) !important;
  color:var(--cart-text,#eeeeee) !important;
}
.hp-cart-drawer,
.hp-cart-drawer__head,
.hp-cart-drawer__foot,
.hp-drawer-item{
  border-color:var(--cart-line,#282828) !important;
}
.hp-cart-drawer__title,
.hp-cart-drawer__head button,
.hp-drawer-item__title,
.hp-drawer-qty button,
.hp-cart-total,
.hp-cart-total strong,
.hp-cart-empty__title,
.hp-cart-empty__close{
  color:var(--cart-text,#eeeeee) !important;
}
.hp-drawer-item__variant,
.hp-drawer-item__price,
.hp-drawer-remove,
.hp-cart-empty__copy,
.hp-cart-empty__mark{
  color:var(--cart-muted,#858585) !important;
}
.hp-drawer-item__image{
  background:color-mix(in srgb,var(--cart-bg,#070707) 86%,#ffffff 14%) !important;
  border-color:var(--cart-line,#282828) !important;
}
.hp-drawer-qty,
.hp-drawer-qty span,
.hp-cart-empty__close{
  border-color:var(--cart-line,#282828) !important;
}
.hp-cart-checkout{
  background:var(--cart-button-bg,#f1f1f1) !important;
  border-color:var(--cart-button-bg,#f1f1f1) !important;
  color:var(--cart-button-text,#070707) !important;
}
.hp-cart-checkout,
.hp-cart-checkout *,
.hp-cart-checkout .hp-arrow{
  color:var(--cart-button-text,#070707) !important;
}

/* ---------------------------------------------------------
   FOOTER — left brand / true centered 76px credit / right updates
   --------------------------------------------------------- */
.hp-footer{
  position:relative !important;
  min-height:220px !important;
  padding:34px 0 76px !important;
  background:var(--footer-bg,#050505) !important;
  color:var(--footer-fg,#9b9b9b) !important;
}
.hp-footer__inner{
  width:min(100%,var(--hp-page)) !important;
  margin:0 auto !important;
  padding:0 var(--footer-pad,36px) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  gap:36px !important;
  align-items:start !important;
}
.hp-footer__brand{
  grid-column:1 !important;
  justify-self:start !important;
  text-align:left !important;
}
.hp-footer__menus{
  grid-column:2 !important;
  display:flex !important;
  gap:28px !important;
  justify-content:center !important;
}
.hp-footer__updates{
  grid-column:3 !important;
  justify-self:end !important;
  text-align:right !important;
  max-width:360px !important;
}
.hp-footer__devrift{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:24px !important;
  width:76px !important;
  transform:translateX(-50%) !important;
  opacity:.62 !important;
  line-height:0 !important;
}
.hp-footer__devrift img{
  display:block !important;
  width:76px !important;
  height:auto !important;
}
.hp-footer__devrift:hover{
  transform:translateX(-50%) !important;
  opacity:1 !important;
}

@media(max-width:720px){
  .hp-footer{
    min-height:0 !important;
    padding:28px 0 24px !important;
  }
  .hp-footer__inner{
    grid-template-columns:1fr !important;
    gap:26px !important;
    padding:0 16px !important;
  }
  .hp-footer__brand,
  .hp-footer__menus,
  .hp-footer__updates{
    grid-column:1 !important;
    justify-self:stretch !important;
  }
  .hp-footer__brand{text-align:left !important}
  .hp-footer__menus{
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
  .hp-footer__updates{text-align:right !important}
  .hp-footer__devrift{
    position:static !important;
    display:block !important;
    width:76px !important;
    margin:30px auto 0 !important;
    transform:none !important;
  }
  .hp-footer__devrift:hover{transform:none !important}
}

/* ---------------------------------------------------------
   STICKY HEADER — CSS sticky only; no fixed/layout jump
   --------------------------------------------------------- */
.hp-header-sentinel{
  width:1px !important;
  height:1px !important;
  margin-bottom:-1px !important;
  pointer-events:none !important;
}
.hp-header[data-hp-header].hp-header--sticky{
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  z-index:170 !important;
  transform:none;
  animation:none !important;
  will-change:auto !important;
}
.hp-header[data-hp-header].hp-header--sticky.hp-header-is-fixed{
  position:sticky !important;
  inset:auto !important;
  width:100% !important;
}
.hp-header-spacer{display:none !important}

/* mode effects only — never change document layout */
.hp-header--slide.is-stuck .hp-header__grid{
  animation:hpV13HeaderSlide var(--sticky-duration,350ms) cubic-bezier(.16,1,.3,1) both !important;
}
.hp-header--fade.is-stuck .hp-header__grid{
  animation:hpV13HeaderFade var(--sticky-duration,350ms) ease both !important;
}
.hp-header--blur.is-stuck{
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  background:color-mix(in srgb,var(--header-bg) 90%,transparent) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.06) !important;
}
.hp-header--shrink.is-stuck .hp-header__grid{
  animation:hpV13HeaderShrink var(--sticky-duration,350ms) cubic-bezier(.16,1,.3,1) both !important;
}
.hp-header--reveal{
  transition:transform var(--sticky-duration,350ms) cubic-bezier(.16,1,.3,1) !important;
}
.hp-header--reveal.hp-header-hidden{
  transform:translateY(-101%) !important;
}

@keyframes hpV13HeaderSlide{
  from{transform:translateY(-5px);opacity:.72}
  to{transform:none;opacity:1}
}
@keyframes hpV13HeaderFade{
  from{opacity:.35}
  to{opacity:1}
}
@keyframes hpV13HeaderShrink{
  from{transform:scale(1.006);opacity:.65}
  to{transform:scale(1);opacity:1}
}

/* mobile: no sticky transform animations at all = no flash/glitch */
@media(max-width:720px){
  .hp-header[data-hp-header].hp-header--sticky{
    position:sticky !important;
    top:0 !important;
    transition:background .2s ease,box-shadow .2s ease !important;
  }
  .hp-header[data-hp-header] .hp-header__grid{
    animation:none !important;
    transform:none !important;
  }
  .hp-header--reveal.hp-header-hidden{
    transform:none !important;
  }
  body.hp-mobile-menu-open .hp-header{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:none !important;
  }
}

/* ---------------------------------------------------------
   PRODUCT IMAGE LOAD ANIMATION
   --------------------------------------------------------- */
.hp-product__image,
.hp-product-media{
  position:relative !important;
  isolation:isolate !important;
}
.hp-product__image.hp-image-loading::before,
.hp-product-media.hp-image-loading::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:5 !important;
  background:
    linear-gradient(
      105deg,
      rgba(255,255,255,.02) 20%,
      rgba(255,255,255,.12) 40%,
      rgba(255,255,255,.02) 60%
    ),
    #111;
  background-size:220% 100% !important;
  animation:hpImageShimmer 1.15s linear infinite !important;
  pointer-events:none !important;
}
.hp-product-media.hp-image-loading::before{
  background:
    linear-gradient(
      105deg,
      rgba(0,0,0,.025) 20%,
      rgba(0,0,0,.08) 40%,
      rgba(0,0,0,.025) 60%
    ),
    var(--p-gallery-bg,#fff) !important;
}
.hp-product__image.hp-image-loading img,
.hp-product-media.hp-image-loading img{
  opacity:0 !important;
}
.hp-product__image.hp-image-loaded img,
.hp-product-media.hp-image-loaded img{
  opacity:1;
  transition:opacity .42s ease !important;
}
@keyframes hpImageShimmer{
  from{background-position:200% 0}
  to{background-position:-20% 0}
}

/* preserve second-image hover after load */
.hp-card-v10.hp-image-card-ready .hp-product__image-secondary,
.hp-card-v9.hp-image-card-ready .hp-product__image-secondary,
.hp-card-v8.hp-image-card-ready .hp-product__image-secondary{
  opacity:0 !important;
}
.hp-card-v10.hp-image-card-ready:hover .hp-product__image-secondary,
.hp-card-v9.hp-image-card-ready:hover .hp-product__image-secondary,
.hp-card-v8.hp-image-card-ready:hover .hp-product__image-secondary{
  opacity:1 !important;
}

/* ---------------------------------------------------------
   PAGE TRANSITIONS
   --------------------------------------------------------- */
.hp-page-shell{
  position:relative;
  will-change:opacity,transform,filter;
}
html[data-page-transition-enabled="true"] .hp-page-shell{
  transition:
    opacity var(--hp-page-transition-duration,400ms) ease,
    transform var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1),
    filter var(--hp-page-transition-duration,400ms) ease;
}
html[data-page-transition-enabled="true"].hp-page-entering[data-page-transition="fade"] .hp-page-shell{
  opacity:0;
}
html[data-page-transition-enabled="true"].hp-page-leaving[data-page-transition="fade"] .hp-page-shell{
  opacity:0;
}
html[data-page-transition-enabled="true"].hp-page-entering[data-page-transition="slide-up"] .hp-page-shell{
  opacity:0;
  transform:translateY(10px);
}
html[data-page-transition-enabled="true"].hp-page-leaving[data-page-transition="slide-up"] .hp-page-shell{
  opacity:0;
  transform:translateY(-10px);
}
html[data-page-transition-enabled="true"].hp-page-entering[data-page-transition="blur"] .hp-page-shell,
html[data-page-transition-enabled="true"].hp-page-leaving[data-page-transition="blur"] .hp-page-shell{
  opacity:0;
  filter:blur(7px);
}
.hp-page-transition-layer{
  position:fixed;
  inset:0;
  z-index:5000;
  background:#050505;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
}
html[data-page-transition-enabled="true"][data-page-transition="curtain"] .hp-page-transition-layer{
  transform:translateY(100%);
  opacity:1;
  visibility:visible;
  transition:transform var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1);
}
html[data-page-transition-enabled="true"].hp-page-leaving[data-page-transition="curtain"] .hp-page-transition-layer{
  transform:translateY(0);
}
html[data-page-transition-enabled="true"].hp-page-entering[data-page-transition="curtain"] .hp-page-transition-layer{
  transform:translateY(0);
}
html[data-page-transition-enabled="true"].hp-page-ready[data-page-transition="curtain"] .hp-page-transition-layer{
  transform:translateY(-100%);
}

@media(prefers-reduced-motion:reduce){
  .hp-page-shell,
  .hp-page-transition-layer,
  .hp-product__image::before,
  .hp-product-media::before{
    transition:none !important;
    animation:none !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v15-recovery.css ===== */
/* =========================================================
   HIDE PROJECT V15 RECOVERY
   Based on the user's uploaded V13 export.
   ========================================================= */

*,*::before,*::after{box-sizing:border-box}

/* ---------- Scrollbar / overscroll ---------- */
html,body{
  overscroll-behavior:none !important;
}
body{
  overflow-x:hidden !important;
  overflow-y:scroll !important;
  min-height:auto !important;
}
html.hp-hide-scrollbar-root,
html.hp-hide-scrollbar-root body{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
html.hp-hide-scrollbar-root::-webkit-scrollbar,
html.hp-hide-scrollbar-root body::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

/* ---------- Normal mode is ALWAYS safe/default ---------- */
.viewport,
.hp-transition-stage,
.scroll-container{
  width:100%;
}
.viewport{
  position:relative;
  height:auto;
  overflow:visible;
}
.hp-transition-stage{
  position:relative;
}
.scroll-container{
  position:relative;
  overflow:visible;
  transform:none;
}

/* Smooth viewport is activated by JS only on storefront. */
html.hp-smooth-active .viewport{
  position:fixed !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  margin:0 auto !important;
  z-index:1 !important;
}
html.hp-smooth-active .hp-transition-stage{
  position:absolute !important;
  inset:0 auto auto 0 !important;
  width:100% !important;
  min-height:100% !important;
}
html.hp-smooth-active .scroll-container{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  overflow:visible !important;
  z-index:10 !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  transform-style:preserve-3d !important;
  will-change:transform !important;
}

/* Overlays always live above the smooth viewport. */
.hp-cart-overlay,.hp-cart-drawer,
.hp-search-overlay,.hp-search-modal,
.hp-mobile,.hp-page-transition-layer,
.hp-sticky-clone{
  position:fixed !important;
  z-index:5000 !important;
}

/* ---------- Cart colors: guaranteed variables ---------- */
.hp-cart-overlay{
  background:rgba(0,0,0,var(--cart-overlay-alpha,var(--hp-cart-overlay-alpha,.55))) !important;
}
.hp-cart-drawer,
.hp-cart-drawer__head,
.hp-cart-drawer__body,
.hp-cart-drawer__foot,
.hp-cart-empty{
  background:var(--cart-bg,var(--hp-cart-bg,#070707)) !important;
  color:var(--cart-text,var(--hp-cart-text,#eeeeee)) !important;
}
.hp-cart-drawer,
.hp-cart-drawer__head,
.hp-cart-drawer__foot,
.hp-drawer-item,
.hp-drawer-qty,
.hp-drawer-qty span,
.hp-cart-empty__close{
  border-color:var(--cart-line,var(--hp-cart-line,#282828)) !important;
}
.hp-cart-drawer__title,
.hp-cart-drawer__head button,
.hp-drawer-item__title,
.hp-drawer-qty button,
.hp-cart-total,
.hp-cart-total strong,
.hp-cart-empty__title,
.hp-cart-empty__close{
  color:var(--cart-text,var(--hp-cart-text,#eeeeee)) !important;
}
.hp-drawer-item__variant,
.hp-drawer-item__price,
.hp-drawer-remove,
.hp-cart-empty__copy,
.hp-cart-empty__mark{
  color:var(--cart-muted,var(--hp-cart-muted,#858585)) !important;
}
.hp-drawer-item__image{
  background:var(--cart-item-bg,var(--hp-cart-item-bg,#111111)) !important;
  border-color:var(--cart-line,var(--hp-cart-line,#282828)) !important;
}
.hp-cart-checkout{
  background:var(--cart-button-bg,var(--hp-cart-button-bg,#f1f1f1)) !important;
  border-color:var(--cart-button-bg,var(--hp-cart-button-bg,#f1f1f1)) !important;
  color:var(--cart-button-text,var(--hp-cart-button-text,#070707)) !important;
}
.hp-cart-checkout,
.hp-cart-checkout *,
.hp-cart-checkout .hp-arrow{
  color:var(--cart-button-text,var(--hp-cart-button-text,#070707)) !important;
}

/* ---------- Footer ---------- */
.hp-footer{
  position:relative !important;
  min-height:320px !important;
  padding:34px 0 78px !important;
}
.hp-footer__inner{
  min-height:208px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  gap:36px !important;
  align-items:center !important;
}
.hp-footer__brand{
  grid-column:1 !important;
  align-self:center !important;
  justify-self:start !important;
  text-align:left !important;
}
.hp-footer__menus{
  grid-column:2 !important;
  align-self:center !important;
  justify-self:center !important;
}
.hp-footer__updates{
  grid-column:3 !important;
  align-self:center !important;
  justify-self:end !important;
  text-align:right !important;
}
.hp-footer__devrift{
  left:50% !important;
  right:auto !important;
  bottom:24px !important;
  width:76px !important;
  transform:translateX(-50%) !important;
}
.hp-footer__devrift img{
  width:76px !important;
  height:auto !important;
  display:block !important;
}

@media(max-width:720px){
  .hp-footer{
    min-height:0 !important;
    padding:34px 0 24px !important;
  }
  .hp-footer__inner{
    min-height:0 !important;
    grid-template-columns:1fr !important;
    gap:30px !important;
    text-align:center !important;
  }
  .hp-footer__brand,
  .hp-footer__menus,
  .hp-footer__updates{
    grid-column:1 !important;
    width:100% !important;
    justify-self:center !important;
    align-self:center !important;
    text-align:center !important;
  }
  .hp-footer__menus{
    display:flex !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
  }
  .hp-footer__menu,
  .hp-footer__social{
    text-align:center !important;
    justify-content:center !important;
  }
  .hp-footer__devrift{
    position:static !important;
    display:block !important;
    width:76px !important;
    margin:30px auto 0 !important;
    transform:none !important;
  }
}

/* ---------- Sticky header ----------
   Normal/mobile = real CSS sticky.
   Smooth desktop = fixed clone outside transformed parent.
*/
.hp-header[data-hp-header].hp-header--sticky{
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  z-index:170 !important;
  transform:none !important;
  animation:none !important;
}
html.hp-smooth-active .hp-header[data-hp-header].hp-header--sticky{
  position:relative !important;
  top:auto !important;
}
.hp-header-spacer{display:none !important}

.hp-sticky-clone{
  left:0 !important;
  right:0 !important;
  top:0 !important;
  width:100% !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,-100%,0);
  background:var(--header-bg,#fff);
  transition:
    opacity var(--sticky-duration,350ms) ease,
    transform var(--sticky-duration,350ms) cubic-bezier(.16,1,.3,1),
    background var(--sticky-duration,350ms) ease,
    backdrop-filter var(--sticky-duration,350ms) ease !important;
}
.hp-sticky-clone.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
.hp-sticky-clone.hp-header--slide.is-visible{transform:translate3d(0,0,0) !important}
.hp-sticky-clone.hp-header--fade{transform:none !important}
.hp-sticky-clone.hp-header--blur{
  transform:none !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  background:color-mix(in srgb,var(--header-bg) 90%,transparent) !important;
}
.hp-sticky-clone.hp-header--shrink{transform:translate3d(0,-5px,0) scale(1.006) !important}
.hp-sticky-clone.hp-header--shrink.is-visible{transform:translate3d(0,0,0) scale(1) !important}
.hp-sticky-clone.hp-header--none{transform:none !important;transition:none !important}
.hp-sticky-clone.hp-header--reveal.is-visible{transform:translate3d(0,0,0) !important}
.hp-sticky-clone.hp-header--reveal.is-hidden-on-down{
  transform:translate3d(0,-100%,0) !important;
  opacity:0 !important;
}

/* Mobile: original sticky only; never use clone. */
@media(max-width:720px){
  .hp-sticky-clone{display:none !important}
  .hp-header[data-hp-header].hp-header--sticky{
    position:sticky !important;
    top:0 !important;
    transition:background .18s ease,box-shadow .18s ease !important;
  }
  .hp-header[data-hp-header] .hp-header__grid{
    transform:none !important;
    animation:none !important;
  }
  body.hp-mobile-menu-open .hp-header[data-hp-header]{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* ---------- Product accordion ---------- */
.hp-product-accordion{
  overflow:hidden !important;
}
.hp-product-accordion > summary{
  cursor:pointer;
}
.hp-product-accordion [data-hp-accordion-content]{
  display:block !important;
  height:0;
  overflow:hidden;
  opacity:0;
  padding-top:0 !important;
  padding-bottom:0 !important;
  transition:
    height .38s cubic-bezier(.16,1,.3,1),
    opacity .22s ease,
    padding .38s cubic-bezier(.16,1,.3,1) !important;
}
.hp-product-accordion[open] [data-hp-accordion-content]{
  opacity:1;
}

/* ---------- Page transitions ----------
   The stage wraps the scroll container, so its transform does not collide
   with the smooth-scroll translate3d.
*/
.hp-transition-stage{
  opacity:1;
  filter:none;
  transform:none;
  transition:
    opacity var(--hp-page-transition-duration,400ms) ease,
    transform var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1),
    filter var(--hp-page-transition-duration,400ms) ease !important;
}
html.hp-page-entering[data-page-transition="fade"] .hp-transition-stage,
html.hp-page-leaving[data-page-transition="fade"] .hp-transition-stage{
  opacity:0;
}
html.hp-page-entering[data-page-transition="slide-up"] .hp-transition-stage{
  opacity:0;
  transform:translate3d(0,12px,0);
}
html.hp-page-leaving[data-page-transition="slide-up"] .hp-transition-stage{
  opacity:0;
  transform:translate3d(0,-12px,0);
}
html.hp-page-entering[data-page-transition="blur"] .hp-transition-stage,
html.hp-page-leaving[data-page-transition="blur"] .hp-transition-stage{
  opacity:0;
  filter:blur(8px);
}
.hp-page-transition-layer{
  inset:0 !important;
  background:#050505 !important;
  pointer-events:none !important;
  opacity:0;
  visibility:hidden;
}
html[data-page-transition="curtain"] .hp-page-transition-layer{
  opacity:1;
  visibility:visible;
  transform:translate3d(0,100%,0);
  transition:transform var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1) !important;
}
html.hp-page-entering[data-page-transition="curtain"] .hp-page-transition-layer,
html.hp-page-leaving[data-page-transition="curtain"] .hp-page-transition-layer{
  transform:translate3d(0,0,0);
}
html.hp-page-ready[data-page-transition="curtain"] .hp-page-transition-layer{
  transform:translate3d(0,-100%,0);
}

@media(prefers-reduced-motion:reduce){
  .hp-transition-stage,
  .hp-page-transition-layer,
  .hp-sticky-clone,
  .hp-product-accordion [data-hp-accordion-content]{
    transition:none !important;
    animation:none !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v16.css ===== */
/* =========================================================
   HIDE PROJECT V16 — targeted fixes on V15 Recovery
   ========================================================= */

/* ---------------------------------------------------------
   FOOTER — restore compact original-like height
   --------------------------------------------------------- */
.hp-footer{
  min-height:0 !important;
  padding:28px 0 54px !important;
}
.hp-footer__inner{
  min-height:0 !important;
  align-items:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.hp-footer__brand,
.hp-footer__menus,
.hp-footer__updates{
  align-self:center !important;
}
.hp-footer__devrift{
  bottom:16px !important;
}

@media(max-width:720px){
  .hp-footer{
    min-height:0 !important;
    padding:28px 0 22px !important;
  }
  .hp-footer__inner{
    min-height:0 !important;
    gap:24px !important;
  }
  .hp-footer__brand,
  .hp-footer__menus,
  .hp-footer__updates{
    text-align:center !important;
    justify-self:center !important;
    align-self:center !important;
  }
  .hp-footer__menus,
  .hp-footer__social{
    justify-content:center !important;
  }
  .hp-footer__devrift{
    margin-top:24px !important;
  }
}

/* ---------------------------------------------------------
   COLLECTION PRODUCT REVEAL ANIMATIONS
   These override the global reveal style only inside collection pages.
   --------------------------------------------------------- */
.hp-collection-v9 .hp-products__grid > .hp-product{
  transition:
    opacity var(--collection-anim-duration,600ms) ease,
    transform var(--collection-anim-duration,600ms) cubic-bezier(.16,1,.3,1),
    filter var(--collection-anim-duration,600ms) ease !important;
}

/* Fade up — default */
.hp-collection-v9.hp-collection-anim--fade-up .hp-products__grid > .hp-product:not(.visible){
  opacity:0 !important;
  transform:translate3d(0,var(--collection-anim-distance,16px),0) !important;
  filter:none !important;
}

/* Fade */
.hp-collection-v9.hp-collection-anim--fade .hp-products__grid > .hp-product:not(.visible){
  opacity:0 !important;
  transform:none !important;
  filter:none !important;
}

/* Soft scale */
.hp-collection-v9.hp-collection-anim--scale .hp-products__grid > .hp-product:not(.visible){
  opacity:0 !important;
  transform:scale(.975) !important;
  filter:none !important;
}

/* Slide left */
.hp-collection-v9.hp-collection-anim--slide-left .hp-products__grid > .hp-product:not(.visible){
  opacity:0 !important;
  transform:translate3d(var(--collection-anim-distance,16px),0,0) !important;
  filter:none !important;
}

/* Blur */
.hp-collection-v9.hp-collection-anim--blur .hp-products__grid > .hp-product:not(.visible){
  opacity:0 !important;
  transform:translate3d(0,6px,0) !important;
  filter:blur(7px) !important;
}

/* None */
.hp-collection-v9.hp-collection-anim--none .hp-products__grid > .hp-product{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
}

/* End state */
.hp-collection-v9 .hp-products__grid > .hp-product.visible{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}

.hp-collection-v9.hp-collection-stagger .hp-products__grid > .hp-product:nth-child(2){transition-delay:45ms !important}
.hp-collection-v9.hp-collection-stagger .hp-products__grid > .hp-product:nth-child(3){transition-delay:90ms !important}
.hp-collection-v9.hp-collection-stagger .hp-products__grid > .hp-product:nth-child(4){transition-delay:135ms !important}
.hp-collection-v9.hp-collection-stagger .hp-products__grid > .hp-product:nth-child(5){transition-delay:180ms !important}
.hp-collection-v9.hp-collection-stagger .hp-products__grid > .hp-product:nth-child(6){transition-delay:225ms !important}
.hp-collection-v9.hp-collection-stagger .hp-products__grid > .hp-product:nth-child(7){transition-delay:270ms !important}
.hp-collection-v9.hp-collection-stagger .hp-products__grid > .hp-product:nth-child(8){transition-delay:315ms !important}
.hp-collection-v9.hp-collection-stagger .hp-products__grid > .hp-product:nth-child(9){transition-delay:360ms !important}
.hp-collection-v9.hp-collection-stagger .hp-products__grid > .hp-product:nth-child(10){transition-delay:405ms !important}

/* ---------------------------------------------------------
   PRODUCT INFO PANEL STICKY
   Native mode: normal CSS sticky.
   Smooth transform mode: JS applies --hp-product-panel-offset.
   --------------------------------------------------------- */
.hp-product-page-v5 .hp-product-panel{
  align-self:stretch !important;
}
.hp-product-page-v5 .hp-product-panel__inner{
  position:sticky !important;
  top:calc(var(--hp-header-live-height,42px) + 16px) !important;
  transform:none;
  will-change:transform;
}

html.hp-smooth-active .hp-product-page-v5 .hp-product-panel__inner{
  position:relative !important;
  top:auto !important;
  transform:translate3d(0,var(--hp-product-panel-offset,0px),0) !important;
}

@media(max-width:980px){
  .hp-product-page-v5 .hp-product-panel__inner,
  html.hp-smooth-active .hp-product-page-v5 .hp-product-panel__inner{
    position:static !important;
    transform:none !important;
  }
}

/* ---------------------------------------------------------
   PAGE TRANSITIONS
   Intro and outro use the same selected endpoint.
   --------------------------------------------------------- */
html.hp-page-entering[data-page-transition="slide-up"] .hp-transition-stage,
html.hp-page-leaving[data-page-transition="slide-up"] .hp-transition-stage{
  opacity:0 !important;
  transform:translate3d(0,12px,0) !important;
}

/* Make sure transition classes always win over historical .hp-page-shell rules */
html.hp-page-entering[data-page-transition="fade"] .hp-transition-stage,
html.hp-page-leaving[data-page-transition="fade"] .hp-transition-stage{
  opacity:0 !important;
}
html.hp-page-entering[data-page-transition="blur"] .hp-transition-stage,
html.hp-page-leaving[data-page-transition="blur"] .hp-transition-stage{
  opacity:0 !important;
  filter:blur(8px) !important;
}


/* ===== CONSOLIDATED FROM: hide-project-v17.css ===== */
/* HIDE PROJECT V17 */

/* NEW ARRIVALS — dedicated animation controls */
.hp-new-arrivals .hp-products__grid > .hp-product{
  transition:
    opacity var(--new-arrivals-anim-duration,600ms) ease,
    transform var(--new-arrivals-anim-duration,600ms) cubic-bezier(.16,1,.3,1),
    filter var(--new-arrivals-anim-duration,600ms) cubic-bezier(.16,1,.3,1) !important;
}
.hp-new-arrivals-anim--fade-up .hp-products__grid > .hp-product:not(.visible){
  opacity:0 !important;
  transform:translate3d(0,var(--new-arrivals-anim-distance,14px),0) !important;
  filter:none !important;
}
.hp-new-arrivals-anim--blur-reveal .hp-products__grid > .hp-product:not(.visible){
  opacity:0 !important;
  transform:translate3d(0,8px,0) scale(.99) !important;
  filter:blur(10px) !important;
}
.hp-new-arrivals-anim--fade .hp-products__grid > .hp-product:not(.visible){
  opacity:0 !important;
  transform:none !important;
  filter:none !important;
}
.hp-new-arrivals-anim--scale .hp-products__grid > .hp-product:not(.visible){
  opacity:0 !important;
  transform:scale(.975) !important;
  filter:none !important;
}
.hp-new-arrivals-anim--none .hp-products__grid > .hp-product{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
}
.hp-new-arrivals .hp-products__grid > .hp-product.visible{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}
.hp-new-arrivals-stagger .hp-products__grid > .hp-product:nth-child(2){transition-delay:45ms !important}
.hp-new-arrivals-stagger .hp-products__grid > .hp-product:nth-child(3){transition-delay:90ms !important}
.hp-new-arrivals-stagger .hp-products__grid > .hp-product:nth-child(4){transition-delay:135ms !important}
.hp-new-arrivals-stagger .hp-products__grid > .hp-product:nth-child(5){transition-delay:180ms !important}
.hp-new-arrivals-stagger .hp-products__grid > .hp-product:nth-child(6){transition-delay:225ms !important}

/* Footer — SYSTEM UPDATES left, Dev.Rift logo right */
.hp-footer{
  padding-bottom:30px !important;
}
.hp-footer__inner{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-template-areas:
    "brand updates"
    "menus updates" !important;
  align-items:center !important;
}
.hp-footer__brand{
  grid-area:brand !important;
  justify-self:start !important;
  text-align:left !important;
}
.hp-footer__menus{
  grid-area:menus !important;
  justify-self:start !important;
}
.hp-footer__updates{
  grid-area:updates !important;
  justify-self:start !important;
  text-align:left !important;
}
.hp-footer__devrift{
  left:auto !important;
  right:var(--footer-pad,36px) !important;
  bottom:20px !important;
  transform:none !important;
  width:76px !important;
}
.hp-footer__devrift:hover{
  transform:translateY(-1px) !important;
}

@media(max-width:720px){
  .hp-footer__inner{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "brand"
      "menus"
      "updates" !important;
    text-align:center !important;
  }
  .hp-footer__brand,
  .hp-footer__menus,
  .hp-footer__updates{
    justify-self:center !important;
    text-align:center !important;
  }
  .hp-footer__devrift{
    position:static !important;
    display:block !important;
    margin:24px auto 0 !important;
    width:76px !important;
  }
}

/* Search result items — blur + reveal */
.hp-search-item-reveal{
  opacity:0;
  transform:translate3d(0,8px,0) scale(.992);
  filter:blur(9px);
  animation:hpSearchBlurReveal .52s cubic-bezier(.16,1,.3,1) forwards;
}
.hp-search-item-reveal:nth-child(2){animation-delay:45ms}
.hp-search-item-reveal:nth-child(3){animation-delay:90ms}
.hp-search-item-reveal:nth-child(4){animation-delay:135ms}
.hp-search-item-reveal:nth-child(5){animation-delay:180ms}
.hp-search-item-reveal:nth-child(6){animation-delay:225ms}
@keyframes hpSearchBlurReveal{
  to{opacity:1;transform:none;filter:none}
}

/* Intro + Outro use exactly the same selected endpoint */
html[data-page-transition-enabled="true"] .hp-transition-stage{
  opacity:1;
  transform:none;
  filter:none;
  transition:
    opacity var(--hp-page-transition-duration,400ms) ease,
    transform var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1),
    filter var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1) !important;
}
html.hp-page-entering[data-page-transition="fade"] .hp-transition-stage,
html.hp-page-leaving[data-page-transition="fade"] .hp-transition-stage{
  opacity:0 !important;
}
html.hp-page-entering[data-page-transition="slide-up"] .hp-transition-stage,
html.hp-page-leaving[data-page-transition="slide-up"] .hp-transition-stage{
  opacity:0 !important;
  transform:translate3d(0,12px,0) !important;
}
html.hp-page-entering[data-page-transition="blur"] .hp-transition-stage,
html.hp-page-leaving[data-page-transition="blur"] .hp-transition-stage{
  opacity:0 !important;
  filter:blur(8px) !important;
}
html[data-page-transition="curtain"] .hp-page-transition-layer{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0,100%,0) !important;
  transition:transform var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1) !important;
}
html.hp-page-entering[data-page-transition="curtain"] .hp-page-transition-layer,
html.hp-page-leaving[data-page-transition="curtain"] .hp-page-transition-layer{
  transform:translate3d(0,0,0) !important;
}
html.hp-page-ready[data-page-transition="curtain"] .hp-page-transition-layer{
  transform:translate3d(0,-100%,0) !important;
}


/* ===== CONSOLIDATED FROM: hide-project-v18.css ===== */
/* =========================================================
   HIDE PROJECT V18
   ========================================================= */

/* HEADER — remove the line directly underneath */
.hp-header,
.hp-header__grid,
.hp-header[data-hp-header],
.hp-sticky-clone{
  border-bottom:0 !important;
}

/* CUSTOM COLLECTION SORT */
.hp-sort-wrap{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  min-width:0 !important;
}
.hp-sort-wrap > select[data-collection-sort]{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.hp-sort-trigger{
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  color:var(--hp-fg) !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:24px !important;
  font:inherit !important;
  font-size:8px !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}
.hp-sort-trigger .hp-sort-arrow{
  position:static !important;
  display:block !important;
  width:6px !important;
  height:6px !important;
  flex:0 0 6px !important;
  margin:0 0 3px 1px !important;
  border-right:1px solid currentColor !important;
  border-bottom:1px solid currentColor !important;
  transform:rotate(45deg) !important;
  transition:transform .22s ease !important;
}
.hp-sort-wrap.is-open .hp-sort-trigger .hp-sort-arrow{
  margin-bottom:-2px !important;
  transform:rotate(225deg) !important;
}
.hp-sort-menu{
  position:absolute !important;
  z-index:120 !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  width:220px !important;
  max-width:calc(100vw - 24px) !important;
  padding:6px !important;
  background:#fff !important;
  color:#111 !important;
  border:1px solid rgba(0,0,0,.14) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.16) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateY(-5px) scale(.985) !important;
  transform-origin:top right !important;
  transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility .22s !important;
}
.hp-sort-wrap.is-open .hp-sort-menu{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}
.hp-sort-option{
  width:100% !important;
  min-height:34px !important;
  border:0 !important;
  background:transparent !important;
  color:#111 !important;
  display:grid !important;
  grid-template-columns:18px 1fr !important;
  align-items:center !important;
  gap:5px !important;
  padding:0 8px !important;
  text-align:left !important;
  font:inherit !important;
  font-size:9px !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
}
.hp-sort-option:hover{
  background:#f2f2f2 !important;
}
.hp-sort-option__check{
  opacity:0 !important;
  font-size:11px !important;
}
.hp-sort-option.is-active .hp-sort-option__check{
  opacity:1 !important;
}

@media(max-width:720px){
  .hp-sort-menu{
    right:0 !important;
    width:min(220px,calc(100vw - 20px)) !important;
  }
}

/* PAGE TRANSITION — initial refresh/destination state is already on <html> */
html.hp-page-entering .hp-transition-stage{
  will-change:opacity,transform,filter !important;
}

/* CART RECOMMENDATIONS */
.hp-cart-recs{
  flex:0 0 auto !important;
  border-top:1px solid var(--cart-line,var(--hp-cart-line,#282828)) !important;
  background:var(--cart-bg,var(--hp-cart-bg,#070707)) !important;
  color:var(--cart-text,var(--hp-cart-text,#eee)) !important;
  padding:13px 0 14px !important;
}
.hp-cart-recs[hidden]{
  display:none !important;
}
.hp-cart-recs__head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:0 20px 10px !important;
  font-size:8px !important;
  text-transform:uppercase !important;
}
.hp-cart-recs__nav{
  display:flex !important;
  gap:5px !important;
}
.hp-cart-recs__nav button{
  width:27px !important;
  height:25px !important;
  border:1px solid var(--cart-line,var(--hp-cart-line,#282828)) !important;
  background:transparent !important;
  color:var(--cart-text,var(--hp-cart-text,#eee)) !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  cursor:pointer !important;
  font-size:10px !important;
}
.hp-cart-recs__viewport{
  width:100% !important;
  overflow:hidden !important;
}
.hp-cart-recs__track{
  display:flex !important;
  gap:8px !important;
  overflow-x:auto !important;
  padding:0 20px 2px !important;
  scroll-snap-type:x mandatory !important;
  scrollbar-width:none !important;
  overscroll-behavior-x:contain !important;
}
.hp-cart-recs__track::-webkit-scrollbar{
  display:none !important;
}
.hp-cart-rec{
  flex:0 0 142px !important;
  scroll-snap-align:start !important;
  color:inherit !important;
  text-decoration:none !important;
  opacity:0;
  transform:translate3d(0,7px,0);
  animation:hpCartRecReveal .42s cubic-bezier(.16,1,.3,1) forwards;
}
.hp-cart-rec:nth-child(2){animation-delay:45ms}
.hp-cart-rec:nth-child(3){animation-delay:90ms}
.hp-cart-rec:nth-child(4){animation-delay:135ms}
.hp-cart-rec:nth-child(5){animation-delay:180ms}
.hp-cart-rec:nth-child(6){animation-delay:225ms}
.hp-cart-rec__image{
  aspect-ratio:.82 !important;
  overflow:hidden !important;
  background:var(--cart-item-bg,var(--hp-cart-item-bg,#111)) !important;
}
.hp-cart-rec__image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transition:transform .45s cubic-bezier(.16,1,.3,1) !important;
}
.hp-cart-rec:hover .hp-cart-rec__image img{
  transform:scale(1.018) !important;
}
.hp-cart-rec__meta{
  padding-top:7px !important;
}
.hp-cart-rec__title,
.hp-cart-rec__price{
  font-size:7px !important;
  line-height:1.35 !important;
  text-transform:uppercase !important;
}
.hp-cart-rec__title{
  color:var(--cart-text,var(--hp-cart-text,#eee)) !important;
}
.hp-cart-rec__price{
  color:var(--cart-muted,var(--hp-cart-muted,#858585)) !important;
  margin-top:3px !important;
}
.hp-cart-recs.is-loading .hp-cart-recs__track{
  min-height:190px !important;
  opacity:.3 !important;
}
@keyframes hpCartRecReveal{
  to{opacity:1;transform:none}
}

/* Keep cart body usable when recommendations are visible */
.hp-cart-drawer{
  grid-template-rows:auto minmax(0,1fr) auto auto !important;
}
.hp-cart-drawer__body{
  min-height:0 !important;
}

/* Small screens */
@media(max-width:720px){
  .hp-cart-rec{
    flex-basis:132px !important;
  }
  .hp-cart-recs__head,
  .hp-cart-recs__track{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v19.css ===== */
/* =========================================================
   HIDE PROJECT V19
   ========================================================= */

/* ---------- Header: remove the ugly bottom line completely ---------- */
.hp-header,
.hp-header[data-hp-header],
.hp-header__grid,
.hp-sticky-clone{
  border-bottom:0 !important;
  border-bottom-color:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
}
.hp-header::before,
.hp-header::after,
.hp-header__grid::before,
.hp-header__grid::after,
.hp-sticky-clone::before,
.hp-sticky-clone::after{
  content:none !important;
  display:none !important;
}

/* ---------- Sort: no check symbols ---------- */
.hp-sort-option{
  display:flex !important;
  align-items:center !important;
  grid-template-columns:none !important;
  padding:0 10px !important;
}
.hp-sort-option__check{
  display:none !important;
}
.hp-sort-option.is-active{
  background:#f2f2f2 !important;
  font-weight:500 !important;
}

/* ---------- Cart recommendations: no flash/disappear ---------- */
.hp-cart-recs{
  min-height:224px !important;
  transition:opacity .2s ease !important;
}
.hp-cart-recs.is-loading{
  opacity:1 !important;
}
.hp-cart-rec--skeleton{
  pointer-events:none !important;
}
.hp-cart-rec--skeleton .hp-cart-rec__image{
  position:relative !important;
  overflow:hidden !important;
  background:var(--cart-item-bg,var(--hp-cart-item-bg,#111)) !important;
}
.hp-cart-rec--skeleton .hp-cart-rec__image::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.08) 50%,transparent 80%) !important;
  transform:translateX(-100%) !important;
  animation:hpCartRecSkeleton 1.1s linear infinite !important;
}
.hp-cart-rec__skeleton-line{
  height:6px !important;
  width:82% !important;
  margin-top:6px !important;
  background:color-mix(in srgb,var(--cart-text,var(--hp-cart-text,#eee)) 12%,transparent) !important;
}
.hp-cart-rec__skeleton-line--short{
  width:42% !important;
}
@keyframes hpCartRecSkeleton{
  to{transform:translateX(100%)}
}

/* ---------- Search colors ---------- */
.hp-search-overlay{
  background:rgba(var(--search-overlay-rgb,0,0,0),var(--search-overlay-opacity,.55)) !important;
}
.hp-search-modal,
.hp-search-modal__head,
.hp-search-modal__content{
  background:var(--search-bg,#f4f4f4) !important;
  color:var(--search-text,#111) !important;
}
.hp-search-modal,
.hp-search-modal__head,
.hp-search-form,
.hp-search-status,
.hp-search-item,
.hp-search-result{
  border-color:var(--search-line,#cfcfcf) !important;
}
.hp-search-modal button,
.hp-search-form input,
.hp-search-form button,
.hp-search-item,
.hp-search-result,
.hp-search-item__title,
.hp-search-item__price{
  color:var(--search-text,#111) !important;
}
.hp-search-status,
.hp-search-item__price{
  color:var(--search-muted,#777) !important;
}
.hp-search-item,
.hp-search-result{
  background:var(--search-item-bg,#ededed) !important;
}

/* ---------- Blur + reveal page transition ---------- */
html.hp-page-entering[data-page-transition="blur-reveal"] .hp-transition-stage,
html.hp-page-leaving[data-page-transition="blur-reveal"] .hp-transition-stage{
  opacity:0 !important;
  transform:translate3d(0,8px,0) scale(.992) !important;
  filter:blur(10px) !important;
}

/* ---------- Theme Editor safety ----------
   The storefront effects must never black out the editor canvas.
*/
html[data-design-mode="true"],
html[data-design-mode="true"] body{
  overflow:auto !important;
  height:auto !important;
  min-height:100% !important;
}
html[data-design-mode="true"] .viewport,
html[data-design-mode="true"] .hp-transition-stage,
html[data-design-mode="true"] .scroll-container{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}
html[data-design-mode="true"] .hp-page-transition-layer{
  display:none !important;
}
html[data-design-mode="true"].hp-page-entering .hp-transition-stage,
html[data-design-mode="true"].hp-page-leaving .hp-transition-stage{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}
html[data-design-mode="true"] .hp-reveal,
html[data-design-mode="true"] .hp-product,
html[data-design-mode="true"] .hp-home-section{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
}

/* Copyright link follows footer styling */
.hp-footer__copyright a{
  color:inherit !important;
  text-decoration:none !important;
}


/* ===== CONSOLIDATED FROM: hide-project-v20.css ===== */
/* =========================================================
   HIDE PROJECT V20
   ========================================================= */

/* HEADER — absolutely no line under header */
.hp-header,
.hp-header[data-hp-header],
.hp-header__grid,
.hp-sticky-clone{
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  outline:none !important;
}
.hp-header-sentinel{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  border:0 !important;
}
.hp-header + *,
.hp-header__grid + *{
  border-top-color:transparent;
}

/* COLLECTION FILTER — refined minimal control */
.hp-filter-trigger{
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  color:var(--hp-fg) !important;
  min-height:28px !important;
  padding:0 2px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  cursor:pointer !important;
  font:inherit !important;
  font-size:8px !important;
  text-transform:uppercase !important;
}
.hp-filter-trigger__icon{
  width:14px !important;
  height:11px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}
.hp-filter-trigger__icon i{
  display:block !important;
  height:1px !important;
  background:currentColor !important;
  transition:width .22s ease,transform .22s ease,opacity .22s ease !important;
}
.hp-filter-trigger__icon i:nth-child(1){width:14px}
.hp-filter-trigger__icon i:nth-child(2){width:9px}
.hp-filter-trigger__icon i:nth-child(3){width:5px}
.hp-filter-trigger:hover .hp-filter-trigger__icon i,
.hp-filter-trigger[aria-expanded="true"] .hp-filter-trigger__icon i{
  width:14px !important;
}
.hp-filter-trigger[aria-expanded="true"] .hp-filter-trigger__icon i:nth-child(1){
  transform:translateY(5px) rotate(45deg) !important;
}
.hp-filter-trigger[aria-expanded="true"] .hp-filter-trigger__icon i:nth-child(2){
  opacity:0 !important;
}
.hp-filter-trigger[aria-expanded="true"] .hp-filter-trigger__icon i:nth-child(3){
  transform:translateY(-5px) rotate(-45deg) !important;
}

/* CART RECOMMENDATIONS — correct sizing, visible arrows, smooth slider */
.hp-cart-recs{
  min-height:0 !important;
  padding:14px 0 16px !important;
  overflow:hidden !important;
}
.hp-cart-recs__head{
  padding:0 18px 11px !important;
}
.hp-cart-recs__nav{
  display:flex !important;
  gap:4px !important;
}
.hp-cart-recs__nav button{
  display:grid !important;
  width:28px !important;
  height:26px !important;
  place-items:center !important;
  border:1px solid var(--cart-line,var(--hp-cart-line,#282828)) !important;
  background:transparent !important;
  color:var(--cart-text,var(--hp-cart-text,#eee)) !important;
  opacity:.78 !important;
  cursor:pointer !important;
  transition:opacity .18s ease,background .18s ease,color .18s ease !important;
}
.hp-cart-recs__nav button:hover{
  opacity:1 !important;
  background:var(--cart-text,var(--hp-cart-text,#eee)) !important;
  color:var(--cart-bg,var(--hp-cart-bg,#070707)) !important;
}
.hp-cart-recs__viewport{
  overflow:hidden !important;
}
.hp-cart-recs__track{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:0 18px 2px !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
}
.hp-cart-rec{
  flex:0 0 clamp(112px,31%,142px) !important;
  min-width:0 !important;
}
.hp-cart-rec__image{
  width:100% !important;
  aspect-ratio:4 / 5 !important;
  background:var(--cart-item-bg,var(--hp-cart-item-bg,#111)) !important;
  display:grid !important;
  place-items:center !important;
}
.hp-cart-rec__image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  opacity:1 !important;
  visibility:visible !important;
}
.hp-cart-rec__no-image{
  font-size:6px !important;
  color:var(--cart-muted,var(--hp-cart-muted,#858585)) !important;
}
.hp-cart-rec__title{
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}
.hp-cart-rec--skeleton{
  flex:0 0 clamp(112px,31%,142px) !important;
}

/* CART PAGE quantity colors */
.template-cart .hp-cart-row input[type="number"],
.hp-template .hp-cart-row input[type="number"]{
  appearance:textfield !important;
  width:64px !important;
  height:34px !important;
  border:1px solid var(--hp-line,#cfcfcf) !important;
  background:var(--hp-bg,#fff) !important;
  color:var(--hp-fg,#111) !important;
  text-align:center !important;
  font:inherit !important;
  font-size:9px !important;
  outline:none !important;
}
.template-cart .hp-cart-row input[type="number"]:focus,
.hp-template .hp-cart-row input[type="number"]:focus{
  border-color:var(--hp-fg,#111) !important;
}
.template-cart .hp-cart-row input[type="number"]::-webkit-inner-spin-button,
.template-cart .hp-cart-row input[type="number"]::-webkit-outer-spin-button{
  opacity:.5 !important;
}

/* PRODUCT IMAGE LIGHTBOX */
.hp-product-media--zoomable{
  cursor:zoom-in !important;
}
.hp-product-lightbox{
  position:fixed !important;
  inset:0 !important;
  z-index:7000 !important;
  display:grid !important;
  place-items:center !important;
  padding:28px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.hp-product-lightbox.open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
.hp-product-lightbox__backdrop{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  background:rgba(0,0,0,.82) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  cursor:zoom-out !important;
}
.hp-product-lightbox__dialog{
  position:relative !important;
  z-index:2 !important;
  width:min(86vw,1200px) !important;
  height:min(88vh,1000px) !important;
  display:grid !important;
  place-items:center !important;
}
.hp-product-lightbox__dialog img{
  display:block !important;
  max-width:100% !important;
  max-height:100% !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
}
.hp-product-lightbox__close{
  position:absolute !important;
  top:-20px !important;
  right:0 !important;
  z-index:3 !important;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
  font:inherit !important;
  font-size:8px !important;
  cursor:pointer !important;
}
.hp-product-lightbox--blur-reveal{
  transition:opacity .38s ease,visibility .38s !important;
}
.hp-product-lightbox--blur-reveal .hp-product-lightbox__dialog{
  opacity:0;
  filter:blur(12px);
  transform:translateY(8px) scale(.99);
  transition:opacity .5s ease,filter .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);
}
.hp-product-lightbox--blur-reveal.open .hp-product-lightbox__dialog{
  opacity:1;
  filter:none;
  transform:none;
}
.hp-product-lightbox--fade{
  transition:opacity .35s ease,visibility .35s !important;
}
.hp-product-lightbox--fade .hp-product-lightbox__dialog{
  opacity:0;
  transition:opacity .35s ease;
}
.hp-product-lightbox--fade.open .hp-product-lightbox__dialog{
  opacity:1;
}
.hp-product-lightbox--scale{
  transition:opacity .4s ease,visibility .4s !important;
}
.hp-product-lightbox--scale .hp-product-lightbox__dialog{
  opacity:0;
  transform:scale(.965);
  transition:opacity .4s ease,transform .45s cubic-bezier(.16,1,.3,1);
}
.hp-product-lightbox--scale.open .hp-product-lightbox__dialog{
  opacity:1;
  transform:scale(1);
}
body.hp-lightbox-open{
  overflow:hidden !important;
}

/* Mobile cart recs */
@media(max-width:720px){
  .hp-cart-rec,
  .hp-cart-rec--skeleton{
    flex-basis:124px !important;
  }
  .hp-product-lightbox{
    padding:14px !important;
  }
  .hp-product-lightbox__dialog{
    width:94vw !important;
    height:86vh !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21.css ===== */
/* HIDE PROJECT V21 */

/* Remove every divider around announcement/header */
#shopify-section-announcement-bar,
#shopify-section-header,
#shopify-section-announcement-bar::before,
#shopify-section-announcement-bar::after,
#shopify-section-header::before,
#shopify-section-header::after,
.hp-ann,.hp-header,.hp-header__grid,.hp-header-sentinel,.hp-sticky-clone,
main#MainContent{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
.hp-header-sentinel{display:none !important}

/* Announcement messages: Blur + Reveal */
.hp-ann-v21{overflow:hidden !important}
.hp-ann-v21__messages{position:relative !important;width:100% !important;height:100% !important;display:grid !important;place-items:center !important}
.hp-ann-v21__message{
  position:absolute !important;inset:0 !important;display:grid !important;place-items:center !important;
  padding:0 70px !important;color:inherit !important;text-decoration:none !important;
  font-size:var(--ann-size) !important;text-transform:uppercase !important;
  opacity:0 !important;visibility:hidden !important;filter:blur(9px) !important;
  transform:translate3d(0,5px,0) scale(.995) !important;
  transition:opacity .42s ease,filter .48s cubic-bezier(.16,1,.3,1),transform .48s cubic-bezier(.16,1,.3,1),visibility .42s !important;
}
.hp-ann-v21__message.is-active{opacity:1 !important;visibility:visible !important;filter:none !important;transform:none !important}
.hp-ann-v21__message.is-leaving{opacity:0 !important;visibility:visible !important;filter:blur(9px) !important;transform:translate3d(0,-5px,0) scale(.995) !important}

/* Filter: compact, less empty space */
.hp-filter-panel{
  max-height:0 !important;overflow:hidden !important;opacity:0 !important;transform:translateY(-5px) !important;
  transition:max-height .48s cubic-bezier(.16,1,.3,1),opacity .22s ease,transform .35s cubic-bezier(.16,1,.3,1) !important;
}
.hp-filter-panel.is-open{max-height:520px !important;opacity:1 !important;transform:none !important;padding-bottom:12px !important}
.hp-filter-form{
  display:grid !important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) auto !important;
  gap:12px 18px !important;align-items:start !important;padding:14px !important;
  border:1px solid var(--hp-line) !important;background:color-mix(in srgb,var(--prod-bg,#fff) 96%,var(--hp-fg,#111) 4%) !important;
}
.hp-filter-group{border:0 !important;min-width:0 !important}
.hp-filter-group summary{min-height:34px !important;padding:0 2px !important;border-bottom:1px solid var(--hp-line) !important}
.hp-filter-group summary > span{font-size:10px !important;transition:transform .25s ease !important}
.hp-filter-group[open] summary > span{transform:rotate(45deg) !important}
.hp-filter-group__body{padding:10px 2px 4px !important;gap:7px !important}
.hp-filter-check{grid-template-columns:14px 1fr auto !important;font-size:8px !important}
.hp-filter-check input{width:12px !important;height:12px !important;margin:0 !important}
.hp-price-filter input{height:32px !important;background:var(--prod-bg,#fff) !important}
.hp-filter-actions{grid-column:auto !important;display:flex !important;align-items:flex-end !important;justify-content:flex-end !important;align-self:end !important;gap:8px !important;padding:0 !important;min-height:34px !important}
.hp-filter-actions a,.hp-filter-actions button{
  min-height:32px !important;padding:0 14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border:1px solid var(--hp-line) !important;background:transparent !important;color:var(--hp-fg) !important;text-decoration:none !important;
}
.hp-filter-actions button{background:var(--hp-fg) !important;color:var(--hp-bg,#fff) !important}
@media(max-width:720px){
  .hp-filter-form{grid-template-columns:1fr !important;padding:12px !important}
  .hp-filter-actions{grid-column:1 !important;justify-content:stretch !important}
  .hp-filter-actions a,.hp-filter-actions button{flex:1 !important}
}

/* Cart page */
.hp-cart-page-v21{background:#fff !important;color:#111 !important;min-height:calc(100vh - 70px) !important;padding:46px 0 76px !important}
.hp-cart-page-v21__inner{width:min(calc(100% - 48px),1500px) !important;margin:0 auto !important}
.hp-cart-page-v21__head{display:flex !important;align-items:center !important;justify-content:space-between !important;min-height:48px !important;border-bottom:1px solid #d7d7d7 !important}
.hp-cart-page-v21__head h1,.hp-cart-page-v21__head span{margin:0 !important;font-size:10px !important;font-weight:400 !important;text-transform:uppercase !important}
.hp-cart-page-v21__head span{color:#888 !important}
.hp-cart-page-v21__item{display:grid !important;grid-template-columns:130px minmax(0,1fr) 120px 120px 70px !important;gap:22px !important;align-items:center !important;padding:18px 0 !important;border-bottom:1px solid #e0e0e0 !important}
.hp-cart-page-v21__image{display:block !important;aspect-ratio:.82 !important;overflow:hidden !important;background:#f1f1f1 !important}
.hp-cart-page-v21__image img{width:100% !important;height:100% !important;display:block !important;object-fit:cover !important}
.hp-cart-page-v21__info{min-width:0 !important;text-transform:uppercase !important}
.hp-cart-page-v21__title{color:#111 !important;text-decoration:none !important;font-size:10px !important}
.hp-cart-page-v21__variant,.hp-cart-page-v21__unit{margin-top:5px !important;color:#777 !important;font-size:8px !important}
.hp-cart-page-v21__qty{height:34px !important;display:grid !important;grid-template-columns:34px 1fr 34px !important;border:1px solid #cfcfcf !important;background:#fff !important}
.hp-cart-page-v21__qty button,.hp-cart-page-v21__qty input{border:0 !important;background:transparent !important;color:#111 !important;font:inherit !important;font-size:10px !important;text-align:center !important;outline:none !important}
.hp-cart-page-v21__qty input{min-width:0 !important;appearance:textfield !important;border-left:1px solid #e2e2e2 !important;border-right:1px solid #e2e2e2 !important}
.hp-cart-page-v21__qty input::-webkit-inner-spin-button,.hp-cart-page-v21__qty input::-webkit-outer-spin-button{display:none !important}
.hp-cart-page-v21__line-price{text-align:right !important;font-size:9px !important}
.hp-cart-page-v21__remove{justify-self:end !important;border:0 !important;background:transparent !important;color:#888 !important;padding:0 !important;font:inherit !important;font-size:8px !important;cursor:pointer !important}
.hp-cart-page-v21__remove:hover{color:#111 !important}
.hp-cart-page-v21__summary{width:min(480px,100%) !important;margin:34px 0 0 auto !important}
.hp-cart-page-v21__summary > div{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:0 0 12px !important;font-size:10px !important}
.hp-cart-page-v21__summary strong{font-weight:400 !important}
.hp-cart-page-v21__summary p{margin:0 0 14px !important;color:#888 !important;font-size:7px !important;text-align:right !important}
.hp-cart-page-v21__checkout{width:100% !important;height:48px !important;border:1px solid #111 !important;background:#111 !important;color:#fff !important;display:flex !important;justify-content:space-between !important;align-items:center !important;padding:0 16px !important;font:inherit !important;font-size:9px !important;cursor:pointer !important}
.hp-cart-page-v21__empty{min-height:420px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important}
.hp-cart-page-v21__empty-mark{width:54px !important;height:54px !important;border:1px solid #ddd !important;border-radius:50% !important;display:grid !important;place-items:center !important}
.hp-cart-page-v21__empty-mark svg{width:20px !important;fill:none !important;stroke:#111 !important;stroke-width:1.2 !important}
.hp-cart-page-v21__empty p{margin:15px 0 9px !important;font-size:9px !important}
.hp-cart-page-v21__empty a{color:#111 !important;font-size:8px !important;text-decoration:none !important}
@media(max-width:760px){
  .hp-cart-page-v21{padding:28px 0 50px !important}
  .hp-cart-page-v21__inner{width:calc(100% - 28px) !important}
  .hp-cart-page-v21__item{grid-template-columns:86px minmax(0,1fr) !important;gap:12px !important;align-items:start !important}
  .hp-cart-page-v21__qty{grid-column:2 !important;width:114px !important}
  .hp-cart-page-v21__line-price{grid-column:2 !important;text-align:left !important}
  .hp-cart-page-v21__remove{grid-column:2 !important;justify-self:start !important}
}

/* Recommendation cards: Blur + Reveal */
.hp-cart-rec--blur-reveal{
  opacity:0 !important;filter:blur(9px) !important;transform:translate3d(0,7px,0) scale(.99) !important;
  animation:hpCartRecBlurRevealV21 .52s cubic-bezier(.16,1,.3,1) forwards !important;
}
.hp-cart-rec--blur-reveal:nth-child(2){animation-delay:45ms !important}
.hp-cart-rec--blur-reveal:nth-child(3){animation-delay:90ms !important}
.hp-cart-rec--blur-reveal:nth-child(4){animation-delay:135ms !important}
.hp-cart-rec--blur-reveal:nth-child(5){animation-delay:180ms !important}
.hp-cart-rec--blur-reveal:nth-child(6){animation-delay:225ms !important}
@keyframes hpCartRecBlurRevealV21{to{opacity:1;filter:none;transform:none}}

/* Product image viewer: smaller */
.hp-product-lightbox{padding:24px !important}
.hp-product-lightbox__dialog{width:min(70vw,860px) !important;height:min(76vh,760px) !important}
.hp-product-lightbox__dialog img{max-width:92% !important;max-height:92% !important}
@media(max-width:720px){
  .hp-product-lightbox__dialog{width:90vw !important;height:74vh !important}
  .hp-product-lightbox__dialog img{max-width:100% !important;max-height:100% !important}
}

/* Footer definitely visible again */
.hp-footer{display:block !important;visibility:visible !important;opacity:1 !important}


/* ===== CONSOLIDATED FROM: hide-project-v21-targeted-fixes.css ===== */
/* Targeted fixes only. Working V21 scroll/sticky system is untouched. */

/* Announcement Blur + Reveal without vertical movement */
.hp-ann-v21__message,
.hp-ann-v21__message.is-active,
.hp-ann-v21__message.is-leaving{transform:none !important}
.hp-ann-v21__message{
  opacity:0 !important;visibility:hidden !important;filter:blur(9px) !important;
  transition:opacity .42s ease,filter .48s cubic-bezier(.16,1,.3,1),visibility .42s !important;
}
.hp-ann-v21__message.is-active{opacity:1 !important;visibility:visible !important;filter:none !important}
.hp-ann-v21__message.is-leaving{opacity:0 !important;visibility:visible !important;filter:blur(9px) !important}

/* APPLY FILTERS */
.hp-filter-actions button,.hp-filter-form button[type="submit"],
.hp-filter-actions button *,.hp-filter-form button[type="submit"] *{
  color:#fff !important;-webkit-text-fill-color:#fff !important;
}

/* No skeletons; media loads Blur + Reveal */
.hp-cart-rec--skeleton,.hp-cart-rec__skeleton-line,
.hp-product__image.hp-image-loading::before,.hp-product-media.hp-image-loading::before{display:none !important}
.hp-product__image.hp-image-loading img,.hp-product-media.hp-image-loading img{
  opacity:0 !important;filter:blur(10px) !important;transform:scale(.995) !important;
}
.hp-product__image.hp-image-loaded img,.hp-product-media.hp-image-loaded img{
  opacity:1 !important;filter:none !important;transform:none !important;
  transition:opacity .46s ease,filter .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1) !important;
}

/* Instant cart feedback */
.hp-drawer-item{transition:opacity .2s ease,filter .24s ease !important}
.hp-drawer-item.is-updating{opacity:.58 !important;filter:blur(1px) !important}
.hp-drawer-item.is-removing{opacity:0 !important;filter:blur(7px) !important}

/* Recommendation products */
.hp-cart-recs,.hp-cart-recs.is-loading,.hp-cart-recs__viewport,.hp-cart-recs__track{min-height:0 !important}
.hp-cart-recs.is-loading .hp-cart-recs__track{min-height:0 !important;opacity:1 !important}
.hp-cart-rec{
  opacity:0 !important;filter:blur(9px) !important;transform:none !important;
  animation:hpRecBlurReveal .5s cubic-bezier(.16,1,.3,1) forwards !important;
}
.hp-cart-rec:nth-child(2){animation-delay:45ms !important}
.hp-cart-rec:nth-child(3){animation-delay:90ms !important}
.hp-cart-rec:nth-child(4){animation-delay:135ms !important}
.hp-cart-rec:nth-child(5){animation-delay:180ms !important}
.hp-cart-rec:nth-child(6){animation-delay:225ms !important}
@keyframes hpRecBlurReveal{to{opacity:1;filter:none}}

/* Header divider — exact light-grey editorial line from reference */
#shopify-section-header,
#shopify-section-header .hp-header,
#shopify-section-header .hp-header__grid{
  border-top:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

#shopify-section-header .hp-header{
  border-bottom:1px solid #d7d7d7 !important;
}

#shopify-section-announcement-bar .hp-ann{
  border-bottom:1px solid #d7d7d7 !important;
}

.template-collection #MainContent,
.template-collection #MainContent > .shopify-section,
.template-collection .hp-collection-v9,
.template-collection .hp-products{
  border-top:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* Recommendation images — force real media visibility */
.hp-cart-rec__image{
  position:relative !important;
  overflow:hidden !important;
  background:#f0f0f0 !important;
}
.hp-cart-rec__image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}

/* Centered product lightbox + arrows */
.hp-product-lightbox{
  position:fixed !important;inset:0 !important;z-index:9000 !important;
  display:grid !important;grid-template-columns:64px minmax(0,1fr) 64px !important;
  align-items:center !important;justify-items:center !important;padding:24px !important;
}
.hp-product-lightbox__backdrop{
  position:absolute !important;inset:0 !important;z-index:0 !important;width:100% !important;height:100% !important;
  margin:0 !important;border:0 !important;background:rgba(0,0,0,.84) !important;
  backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;
}
.hp-product-lightbox__dialog{
  grid-column:2 !important;position:relative !important;z-index:2 !important;
  width:min(64vw,760px) !important;height:min(72vh,680px) !important;
  display:grid !important;place-items:center !important;margin:auto !important;
}
.hp-product-lightbox__stage{
  width:100% !important;height:100% !important;display:grid !important;place-items:center !important;
  opacity:1 !important;filter:none !important;
  transition:opacity .25s ease,filter .36s cubic-bezier(.16,1,.3,1) !important;
}
.hp-product-lightbox__stage.is-changing{opacity:0 !important;filter:blur(11px) !important}
.hp-product-lightbox__dialog img{
  display:block !important;width:auto !important;height:auto !important;max-width:88% !important;max-height:88% !important;
  object-fit:contain !important;margin:auto !important;
}
.hp-product-lightbox__nav{
  position:relative !important;z-index:3 !important;width:42px !important;height:42px !important;
  display:grid !important;place-items:center !important;border:1px solid rgba(255,255,255,.38) !important;
  background:rgba(0,0,0,.18) !important;color:#fff !important;font:inherit !important;font-size:16px !important;cursor:pointer !important;
}
.hp-product-lightbox__nav--prev{grid-column:1 !important}
.hp-product-lightbox__nav--next{grid-column:3 !important}
.hp-product-lightbox__close{top:0 !important;right:0 !important;z-index:4 !important}

@media(max-width:720px){
  .hp-product-lightbox{grid-template-columns:40px minmax(0,1fr) 40px !important;padding:12px !important}
  .hp-product-lightbox__dialog{width:100% !important;height:min(68vh,620px) !important}
  .hp-product-lightbox__nav{width:34px !important;height:34px !important;font-size:13px !important}
  .hp-product-lightbox__dialog img{max-width:94% !important;max-height:90% !important}
}


/* V2 lightbox viewport-centering hard override */
body > .hp-product-lightbox{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  z-index:99999 !important;
  display:block !important;
  padding:0 !important;
}

body > .hp-product-lightbox__backdrop{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:0 !important;
}

body > .hp-product-lightbox .hp-product-lightbox__dialog{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:min(72vw,820px) !important;
  height:min(78vh,760px) !important;
  margin:0 !important;
  z-index:2 !important;
}

body > .hp-product-lightbox .hp-product-lightbox__stage{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
}

body > .hp-product-lightbox .hp-product-lightbox__nav{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:3 !important;
}

body > .hp-product-lightbox .hp-product-lightbox__nav--prev{
  left:max(18px,calc(50% - min(36vw,410px) - 64px)) !important;
}

body > .hp-product-lightbox .hp-product-lightbox__nav--next{
  right:max(18px,calc(50% - min(36vw,410px) - 64px)) !important;
}

body > .hp-product-lightbox .hp-product-lightbox__close{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
}

@media(max-width:720px){
  body > .hp-product-lightbox .hp-product-lightbox__dialog{
    width:82vw !important;
    height:68vh !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__nav--prev{
    left:10px !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__nav--next{
    right:10px !important;
  }
}


/* =========================================================
   ROOT FIX V3
   ========================================================= */

/* Shopify Theme Editor: never use the fixed transform-scroll shell. */
html[data-design-mode="true"],
html[data-design-mode="true"] body{
  height:auto !important;
  min-height:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  position:static !important;
}

html[data-design-mode="true"] .viewport,
html[data-design-mode="true"] .hp-transition-stage,
html[data-design-mode="true"] .scroll-container,
html[data-design-mode="true"].hp-smooth-active .viewport,
html[data-design-mode="true"].hp-smooth-active .hp-transition-stage,
html[data-design-mode="true"].hp-smooth-active .scroll-container{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  transform:none !important;
  will-change:auto !important;
}

/* Editor iframe itself must be able to wheel/touch scroll. */
html[data-design-mode="true"],
html[data-design-mode="true"] body,
html[data-design-mode="true"] .viewport,
html[data-design-mode="true"] .scroll-container{
  overscroll-behavior:auto !important;
  touch-action:pan-y pinch-zoom !important;
}

/* Sticky header: visually identical, instant switch, zero animation. */
.hp-sticky-clone,
.hp-sticky-clone.is-visible,
.hp-sticky-clone.hp-header--slide,
.hp-sticky-clone.hp-header--fade,
.hp-sticky-clone.hp-header--blur,
.hp-sticky-clone.hp-header--shrink,
.hp-sticky-clone.hp-header--reveal,
.hp-sticky-clone.hp-header--none{
  transition:none !important;
  animation:none !important;
  transform:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  background:var(--header-bg,#fff) !important;
}

.hp-sticky-clone{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.hp-sticky-clone.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* Never animate the original sticky header either. */
.hp-header[data-hp-header].hp-header--sticky,
.hp-header[data-hp-header].hp-header--sticky .hp-header__grid{
  transition:none !important;
  animation:none !important;
}

/* Recommendations: real compact slider on desktop + mobile. */
.hp-cart-recs[hidden]{
  display:none !important;
}

.hp-cart-recs{
  width:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
}

.hp-cart-recs__viewport{
  width:100% !important;
  overflow:hidden !important;
}

.hp-cart-recs__track{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  scrollbar-width:none !important;
}

.hp-cart-recs__track::-webkit-scrollbar{
  display:none !important;
}

.hp-cart-rec{
  flex:0 0 min(31%,150px) !important;
  min-width:112px !important;
  scroll-snap-align:start !important;
}

.hp-cart-rec__image{
  width:100% !important;
  aspect-ratio:4 / 5 !important;
}

.hp-cart-rec__image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

@media(max-width:720px){
  .hp-cart-recs__head{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .hp-cart-recs__track{
    padding-left:16px !important;
    padding-right:16px !important;
    gap:8px !important;
  }

  .hp-cart-rec{
    flex-basis:118px !important;
    min-width:118px !important;
  }

  .hp-cart-rec__title,
  .hp-cart-rec__price{
    font-size:7px !important;
  }
}

/* =========================================================
   V21.1 — live cart / zero-jump sticky / centered lightbox
   ========================================================= */

/* Smooth-scroll sticky handoff: clone is a pixel-identical fixed copy.
   JS switches it using the VISUAL eased scroll position, not window.scrollY. */
html.hp-smooth-active .hp-sticky-clone{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  margin:0 !important;
  z-index:5200 !important;
  contain:layout paint !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  transform:translateZ(0) !important;
}

/* No animated handoff whatsoever — avoids the one-frame snap on down/up. */
html.hp-smooth-active .hp-sticky-clone,
html.hp-smooth-active .hp-sticky-clone.is-visible,
html.hp-smooth-active .hp-header[data-hp-header]{
  transition:none !important;
  animation:none !important;
}

/* Cart recommendation area must become visible as soon as JS has products. */
.hp-cart-recs:not([hidden]){
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.hp-cart-recs__track:empty{
  min-height:0 !important;
}

/* Product lightbox — true viewport center on every screen.
   Flex centering avoids offsets caused by transformed ancestors and vh quirks. */
body > .hp-product-lightbox{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  padding:clamp(14px,2vw,30px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

body > .hp-product-lightbox .hp-product-lightbox__dialog{
  position:relative !important;
  inset:auto !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  margin:0 !important;
  width:min(72vw,860px) !important;
  height:min(78dvh,760px) !important;
  display:grid !important;
  place-items:center !important;
  z-index:2 !important;
}

body > .hp-product-lightbox .hp-product-lightbox__stage{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  touch-action:pan-y pinch-zoom !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}

body > .hp-product-lightbox .hp-product-lightbox__dialog img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  margin:auto !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
}

body > .hp-product-lightbox .hp-product-lightbox__close{
  position:fixed !important;
  top:max(18px,env(safe-area-inset-top)) !important;
  right:max(22px,env(safe-area-inset-right)) !important;
  z-index:5 !important;
}

body > .hp-product-lightbox .hp-product-lightbox__nav{
  position:fixed !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:4 !important;
}
body > .hp-product-lightbox .hp-product-lightbox__nav--prev{
  left:max(18px,calc((100vw - min(72vw,860px))/2 - 72px)) !important;
}
body > .hp-product-lightbox .hp-product-lightbox__nav--next{
  right:max(18px,calc((100vw - min(72vw,860px))/2 - 72px)) !important;
}

/* Keep the chosen viewer animation, but never translate the dialog off-center. */
body > .hp-product-lightbox--blur-reveal .hp-product-lightbox__dialog,
body > .hp-product-lightbox--scale .hp-product-lightbox__dialog,
body > .hp-product-lightbox--fade .hp-product-lightbox__dialog,
body > .hp-product-lightbox--blur-reveal.open .hp-product-lightbox__dialog,
body > .hp-product-lightbox--scale.open .hp-product-lightbox__dialog,
body > .hp-product-lightbox--fade.open .hp-product-lightbox__dialog{
  transform:none !important;
}

@media(max-width:720px){
  body > .hp-product-lightbox{
    padding:14px !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__dialog{
    width:calc(100vw - 28px) !important;
    height:min(76dvh,720px) !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__nav{
    display:none !important; /* mobile uses swipe; keeps image perfectly centered */
  }
  body > .hp-product-lightbox .hp-product-lightbox__close{
    top:max(14px,env(safe-area-inset-top)) !important;
    right:max(14px,env(safe-area-inset-right)) !important;
  }
}

/* =========================================================
   V21.2 — ROOT CART LIVE RENDER + LIGHTBOX FIT
   ========================================================= */

/* Recommendation strip must participate in the drawer flow once populated. */
.hp-cart-drawer .hp-cart-recs:not([hidden]){
  display:block !important;
  flex:0 0 auto !important;
  width:100% !important;
  visibility:visible !important;
  opacity:1 !important;
  border-top:1px solid var(--cart-line,#d7d7d7) !important;
  border-bottom:1px solid var(--cart-line,#d7d7d7) !important;
  background:var(--cart-bg,#fff) !important;
  color:var(--cart-text,#000) !important;
}
.hp-cart-drawer .hp-cart-recs__viewport{
  min-height:132px !important;
}
.hp-cart-drawer .hp-cart-recs__track{
  min-height:132px !important;
}

/* Lightbox: size from the actual viewport, never from a fixed dialog box.
   This guarantees the complete Shopify image canvas stays visible. */
body > .hp-product-lightbox{
  box-sizing:border-box !important;
  padding:48px 92px !important;
}
body > .hp-product-lightbox .hp-product-lightbox__dialog{
  width:auto !important;
  height:auto !important;
  max-width:calc(100vw - 184px) !important;
  max-height:calc(100dvh - 96px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}
body > .hp-product-lightbox .hp-product-lightbox__stage{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:calc(100dvh - 96px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}
body > .hp-product-lightbox .hp-product-lightbox__dialog img{
  width:auto !important;
  height:auto !important;
  max-width:calc(100vw - 184px) !important;
  max-height:calc(100dvh - 96px) !important;
  object-fit:contain !important;
  object-position:center center !important;
  flex:0 1 auto !important;
}

@media(max-width:720px){
  body > .hp-product-lightbox{
    padding:max(52px,env(safe-area-inset-top)) 12px max(24px,env(safe-area-inset-bottom)) !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__dialog,
  body > .hp-product-lightbox .hp-product-lightbox__stage{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:calc(100dvh - 88px - env(safe-area-inset-bottom)) !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__dialog img{
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:calc(100dvh - 88px - env(safe-area-inset-bottom)) !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__stage{
    touch-action:pan-y pinch-zoom !important;
  }
}


/* =========================================================
   V21.4 — RECOMMENDATION MEDIA + CART ABOVE STICKY HEADER
   ========================================================= */

/* Cart must always sit above the sticky-header clone. */
.hp-cart-overlay{
  z-index:8000 !important;
}
.hp-cart-drawer{
  z-index:8100 !important;
}

/* Recommendation section is hidden unless JS has real cards. */
.hp-cart-recs[hidden]{
  display:none !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
}
.hp-cart-recs:not([hidden]){
  display:block !important;
  min-height:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Kill every old reveal/loading rule on dynamically rendered recommendation cards. */
.hp-cart-drawer .hp-cart-recs__viewport{
  width:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.hp-cart-drawer .hp-cart-recs__track{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:10px !important;
  width:100% !important;
  min-height:0 !important;
  padding:0 20px 14px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}
.hp-cart-drawer .hp-cart-rec,
.hp-cart-drawer .hp-cart-rec--blur-reveal{
  display:block !important;
  flex:0 0 clamp(118px,31%,150px) !important;
  min-width:118px !important;
  color:inherit !important;
  text-decoration:none !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
}
.hp-cart-drawer .hp-cart-rec__image{
  display:block !important;
  position:relative !important;
  width:100% !important;
  aspect-ratio:4 / 5 !important;
  min-height:145px !important;
  overflow:hidden !important;
  background:var(--cart-item-bg,#f2f2f2) !important;
  opacity:1 !important;
  visibility:visible !important;
}
.hp-cart-drawer .hp-cart-rec__image img{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none !important;
}
.hp-cart-drawer .hp-cart-rec:hover .hp-cart-rec__image img{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none !important;
}
.hp-cart-drawer .hp-cart-rec__meta{
  display:block !important;
  padding-top:7px !important;
  opacity:1 !important;
  visibility:visible !important;
}
.hp-cart-drawer .hp-cart-rec__title,
.hp-cart-drawer .hp-cart-rec__price{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}
.hp-cart-drawer .hp-cart-recs__track:empty{
  min-height:0 !important;
  padding-bottom:0 !important;
}

@media(max-width:720px){
  .hp-cart-drawer .hp-cart-recs__track{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .hp-cart-drawer .hp-cart-rec,
  .hp-cart-drawer .hp-cart-rec--blur-reveal{
    flex-basis:118px !important;
    min-width:118px !important;
  }
  .hp-cart-drawer .hp-cart-rec__image{
    min-height:144px !important;
  }
}

/* =========================================================
   V21.5 — POLISHED RECS / ANIMATED BRAND / ANNOUNCEMENT FX /
           FAST LIGHTBOX BLUR + REVEAL
   ========================================================= */

/* ---------- Cart recommendations: consistent 3-up layout ---------- */
.hp-cart-drawer .hp-cart-recs{
  border-top:1px solid var(--cart-line,var(--hp-cart-line,#d7d7d7)) !important;
  border-bottom:0 !important;
  padding:14px 0 12px !important;
}
.hp-cart-drawer .hp-cart-recs__head{
  padding:0 20px 12px !important;
}
.hp-cart-drawer .hp-cart-recs__viewport{
  overflow:hidden !important;
}
.hp-cart-drawer .hp-cart-recs__track{
  gap:10px !important;
  padding:0 20px 10px !important;
  align-items:stretch !important;
  scroll-padding-inline:20px !important;
}
.hp-cart-drawer .hp-cart-rec,
.hp-cart-drawer .hp-cart-rec--blur-reveal{
  flex:0 0 calc((100% - 20px) / 3) !important;
  min-width:0 !important;
  max-width:none !important;
  display:flex !important;
  flex-direction:column !important;
  opacity:0 !important;
  visibility:visible !important;
  filter:blur(10px) !important;
  transform:translate3d(0,8px,0) scale(.99) !important;
  animation:hpCartRecPolishedReveal .58s cubic-bezier(.16,1,.3,1) forwards !important;
}
.hp-cart-drawer .hp-cart-rec:nth-child(2){animation-delay:55ms !important}
.hp-cart-drawer .hp-cart-rec:nth-child(3){animation-delay:110ms !important}
.hp-cart-drawer .hp-cart-rec:nth-child(4){animation-delay:165ms !important}
.hp-cart-drawer .hp-cart-rec:nth-child(5){animation-delay:220ms !important}
.hp-cart-drawer .hp-cart-rec:nth-child(6){animation-delay:275ms !important}
@keyframes hpCartRecPolishedReveal{
  to{opacity:1;filter:blur(0);transform:none}
}

.hp-cart-drawer .hp-cart-rec__image{
  width:100% !important;
  aspect-ratio:1 / 1.04 !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#f4f4f2 !important;
  isolation:isolate !important;
}
.hp-cart-drawer .hp-cart-rec__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
  transform:translateX(-120%);
  opacity:0;
  pointer-events:none;
}
.hp-cart-drawer .hp-cart-rec__image.is-loading::after{
  opacity:1;
  animation:hpRecImageSweep 1.05s ease-in-out infinite;
}
@keyframes hpRecImageSweep{to{transform:translateX(120%)}}

.hp-cart-drawer .hp-cart-rec__image img,
.hp-cart-drawer .hp-cart-rec__image img[data-cart-rec-image]{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#f4f4f2 !important;
  opacity:0 !important;
  visibility:visible !important;
  filter:blur(12px) !important;
  transform:scale(.985) !important;
  transition:opacity .48s ease,filter .58s cubic-bezier(.16,1,.3,1),transform .58s cubic-bezier(.16,1,.3,1) !important;
}
.hp-cart-drawer .hp-cart-rec__image img.is-loaded,
.hp-cart-drawer .hp-cart-rec__image.is-loaded img{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:none !important;
}
.hp-cart-drawer .hp-cart-rec:hover .hp-cart-rec__image img.is-loaded{
  transform:scale(1.018) !important;
}
.hp-cart-drawer .hp-cart-rec__meta{
  padding-top:8px !important;
  min-height:48px !important;
  display:flex !important;
  flex-direction:column !important;
}
.hp-cart-drawer .hp-cart-rec__title{
  min-height:2.7em !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  line-height:1.35 !important;
}
.hp-cart-drawer .hp-cart-rec__price{
  margin-top:4px !important;
}

/* The divider above subtotal should be a single hairline, not a heavy bar. */
.hp-cart-drawer .hp-cart-drawer__foot{
  border-top:1px solid var(--cart-line,var(--hp-cart-line,#d7d7d7)) !important;
  box-shadow:none !important;
  outline:0 !important;
}

@media(max-width:720px){
  .hp-cart-drawer .hp-cart-recs__head,
  .hp-cart-drawer .hp-cart-recs__track{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .hp-cart-drawer .hp-cart-recs__track{
    gap:8px !important;
    scroll-padding-inline:16px !important;
  }
  .hp-cart-drawer .hp-cart-rec,
  .hp-cart-drawer .hp-cart-rec--blur-reveal{
    flex-basis:calc((100% - 8px) / 2) !important;
  }
}

/* ---------- Header logo: Static OR animated Logo 1 / Logo 2 ---------- */
.hp-logo__visual{
  position:relative !important;
  width:var(--logo-w) !important;
  height:var(--logo-h) !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}
.hp-logo__visual .hp-logo__image{
  grid-area:1 / 1 !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  backface-visibility:hidden !important;
  will-change:opacity,filter,transform !important;
}
.hp-logo--animated .hp-logo__image--1{
  opacity:1;
  filter:blur(0);
  transform:scale(1);
  animation:hpHeaderLogoOne var(--logo-cycle,8s) infinite cubic-bezier(.16,1,.3,1);
}
.hp-logo--animated .hp-logo__image--2{
  opacity:0;
  filter:blur(var(--logo-blur,9px));
  transform:scale(.985);
  animation:hpHeaderLogoTwo var(--logo-cycle,8s) infinite cubic-bezier(.16,1,.3,1);
}
@keyframes hpHeaderLogoOne{
  0%,42%{opacity:1;filter:blur(0);transform:scale(1)}
  50%,92%{opacity:0;filter:blur(var(--logo-blur,9px));transform:scale(.985)}
  100%{opacity:1;filter:blur(0);transform:scale(1)}
}
@keyframes hpHeaderLogoTwo{
  0%,42%{opacity:0;filter:blur(var(--logo-blur,9px));transform:scale(.985)}
  50%,92%{opacity:1;filter:blur(0);transform:scale(1)}
  100%{opacity:0;filter:blur(var(--logo-blur,9px));transform:scale(.985)}
}
.hp-mobile__brand .hp-logo__visual{
  --logo-w:120px;
  --logo-h:24px;
}
@media(prefers-reduced-motion:reduce){
  .hp-logo--animated .hp-logo__image--1{animation:none !important;opacity:1 !important;filter:none !important;transform:none !important}
  .hp-logo--animated .hp-logo__image--2{animation:none !important;opacity:0 !important}
}

/* ---------- Announcement animation selector ---------- */
.hp-ann-v21 .hp-ann-v21__message{
  transition-duration:var(--ann-transition,420ms) !important;
  transition-property:opacity,filter,transform,visibility !important;
}
.hp-ann-v21--blur-reveal .hp-ann-v21__message{
  opacity:0 !important;visibility:hidden !important;filter:blur(10px) !important;transform:none !important;
}
.hp-ann-v21--blur-reveal .hp-ann-v21__message.is-active{
  opacity:1 !important;visibility:visible !important;filter:blur(0) !important;transform:none !important;
}
.hp-ann-v21--blur-reveal .hp-ann-v21__message.is-leaving{
  opacity:0 !important;visibility:visible !important;filter:blur(10px) !important;transform:none !important;
}
.hp-ann-v21--fade .hp-ann-v21__message{
  opacity:0 !important;visibility:hidden !important;filter:none !important;transform:none !important;
}
.hp-ann-v21--fade .hp-ann-v21__message.is-active{opacity:1 !important;visibility:visible !important}
.hp-ann-v21--fade .hp-ann-v21__message.is-leaving{opacity:0 !important;visibility:visible !important}
.hp-ann-v21--slide-up .hp-ann-v21__message{
  opacity:0 !important;visibility:hidden !important;filter:none !important;transform:translate3d(0,70%,0) !important;
}
.hp-ann-v21--slide-up .hp-ann-v21__message.is-active{opacity:1 !important;visibility:visible !important;transform:none !important}
.hp-ann-v21--slide-up .hp-ann-v21__message.is-leaving{opacity:0 !important;visibility:visible !important;transform:translate3d(0,-70%,0) !important}
.hp-ann-v21--slide-left .hp-ann-v21__message{
  opacity:0 !important;visibility:hidden !important;filter:none !important;transform:translate3d(34px,0,0) !important;
}
.hp-ann-v21--slide-left .hp-ann-v21__message.is-active{opacity:1 !important;visibility:visible !important;transform:none !important}
.hp-ann-v21--slide-left .hp-ann-v21__message.is-leaving{opacity:0 !important;visibility:visible !important;transform:translate3d(-34px,0,0) !important}
.hp-ann-v21--soft-scale .hp-ann-v21__message{
  opacity:0 !important;visibility:hidden !important;filter:blur(3px) !important;transform:scale(.965) !important;
}
.hp-ann-v21--soft-scale .hp-ann-v21__message.is-active{opacity:1 !important;visibility:visible !important;filter:none !important;transform:scale(1) !important}
.hp-ann-v21--soft-scale .hp-ann-v21__message.is-leaving{opacity:0 !important;visibility:visible !important;filter:blur(3px) !important;transform:scale(1.025) !important}

/* ---------- Product lightbox: instant preview + decoded HQ reveal ---------- */
body > .hp-product-lightbox .hp-product-lightbox__stage{
  overflow:hidden !important;
  background:#f4f4f2 !important;
}
body > .hp-product-lightbox .hp-product-lightbox__stage img{
  opacity:0 !important;
  filter:blur(14px) !important;
  transform:scale(.985) !important;
  transition:opacity .34s ease,filter .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1) !important;
  will-change:opacity,filter,transform !important;
}
body > .hp-product-lightbox .hp-product-lightbox__stage.is-ready img,
body > .hp-product-lightbox .hp-product-lightbox__stage:not(.is-loading):not(.is-changing) img{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:none !important;
}
body > .hp-product-lightbox .hp-product-lightbox__stage.is-changing img{
  opacity:.35 !important;
  filter:blur(12px) !important;
  transform:scale(.988) !important;
}
body > .hp-product-lightbox .hp-product-lightbox__stage.is-changing.is-ready img{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:none !important;
}
body > .hp-product-lightbox .hp-product-lightbox__stage::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,rgba(255,255,255,0),rgba(255,255,255,.26),rgba(255,255,255,0));
  transform:translateX(-120%);
  opacity:0;
  pointer-events:none;
}
body > .hp-product-lightbox .hp-product-lightbox__stage.is-loading::after{
  opacity:1;
  animation:hpLightboxLoadSweep .9s ease-in-out infinite;
}
@keyframes hpLightboxLoadSweep{to{transform:translateX(120%)}}

@media(prefers-reduced-motion:reduce){
  .hp-cart-drawer .hp-cart-rec,
  .hp-cart-drawer .hp-cart-rec--blur-reveal,
  body > .hp-product-lightbox .hp-product-lightbox__stage img,
  .hp-ann-v21 .hp-ann-v21__message{
    animation:none !important;
    transition:none !important;
  }
  .hp-cart-drawer .hp-cart-rec,
  .hp-cart-drawer .hp-cart-rec--blur-reveal{opacity:1 !important;filter:none !important;transform:none !important}
}


/* =========================================================
   V21.6 — CART INSTANT / RECS VISIBILITY / STICKY BG FX /
           FOOTER BRAND LOGO
   ========================================================= */

/* Recommendation cards must never be hidden by the wrapper animation.
   Blur+reveal belongs to the image, not the whole card. */
.hp-cart-drawer .hp-cart-rec,
.hp-cart-drawer .hp-cart-rec--blur-reveal{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
}

.hp-cart-drawer .hp-cart-rec__image{
  background:#f4f4f2 !important;
}

.hp-cart-drawer .hp-cart-rec__image img,
.hp-cart-drawer .hp-cart-rec__image img[data-cart-rec-image]{
  opacity:0 !important;
  visibility:visible !important;
  filter:blur(14px) !important;
  transform:scale(.985) !important;
  background:#f4f4f2 !important;
  mix-blend-mode:normal !important;
  transition:opacity .34s ease,filter .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1) !important;
}
.hp-cart-drawer .hp-cart-rec__image img.is-loaded,
.hp-cart-drawer .hp-cart-rec__image.is-loaded img{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:none !important;
}

/* Make the recommendations block tighter so the divider sits slightly higher. */
.hp-cart-drawer .hp-cart-recs{
  padding-bottom:4px !important;
}
.hp-cart-drawer .hp-cart-recs__track{
  padding-bottom:4px !important;
}

/* One true hairline above subtotal. Remove any visual doubling. */
.hp-cart-drawer .hp-cart-drawer__foot{
  border-top:0 !important;
  box-shadow:inset 0 1px 0 var(--cart-line,var(--hp-cart-line,#d7d7d7)) !important;
  outline:0 !important;
}

/* Sticky animations affect ONLY the background layer, never geometry.
   This keeps the zero-jump handoff while making the selected animation visible. */
.hp-sticky-clone{
  position:fixed !important;
  isolation:isolate !important;
  overflow:visible !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.hp-sticky-clone::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:var(--header-bg,#fff);
  opacity:1;
  transform:none;
  filter:none;
  clip-path:inset(0 0 0 0);
  transition:opacity var(--sticky-duration,350ms) ease,
             filter var(--sticky-duration,350ms) ease,
             clip-path var(--sticky-duration,350ms) cubic-bezier(.16,1,.3,1),
             background-color var(--sticky-duration,350ms) ease;
}
.hp-sticky-clone:not(.is-visible)::before{
  opacity:0;
}
.hp-sticky-clone.hp-header--slide:not(.is-visible)::before{
  opacity:1;
  clip-path:inset(0 0 100% 0);
}
.hp-sticky-clone.hp-header--fade:not(.is-visible)::before{
  opacity:0;
}
.hp-sticky-clone.hp-header--blur::before{
  background:color-mix(in srgb,var(--header-bg,#fff) 86%,transparent);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.hp-sticky-clone.hp-header--blur:not(.is-visible)::before{
  opacity:0;
  filter:blur(8px);
}
.hp-sticky-clone.hp-header--shrink::before{
  inset:4px 10px;
  border-radius:2px;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
}
.hp-sticky-clone.hp-header--shrink:not(.is-visible)::before{
  opacity:0;
  clip-path:inset(0 8% 0 8%);
}
.hp-sticky-clone.hp-header--reveal:not(.is-visible)::before{
  opacity:0;
  clip-path:inset(100% 0 0 0);
}
.hp-sticky-clone.hp-header--none::before{
  transition:none !important;
}

/* Footer Brand: image picker replaces text automatically when selected. */
.hp-footer__brand-logo{
  width:min(100%,var(--footer-brand-logo-w,120px));
  margin:0 0 14px;
}
.hp-footer__brand-logo img{
  display:block;
  width:100%;
  height:auto;
  max-height:72px;
  object-fit:contain;
  object-position:left center;
}

@media(max-width:720px){
  .hp-footer__brand-logo{margin-bottom:12px}
}

/* =========================================================
   V21.7 — CART CLOSE / TRUE HAIRLINE / HERO BLUR REVEAL /
           DYNAMIC RIGHT RAIL
   ========================================================= */

/* Cart close: larger hit area, visually centered, crisp X. */
.hp-cart-drawer .hp-cart-x{
  width:40px !important;
  height:40px !important;
  flex:0 0 40px !important;
  display:grid !important;
  place-items:center !important;
  position:relative !important;
  margin-right:-8px !important;
  border:0 !important;
  background:transparent !important;
  color:var(--cart-text,#111) !important;
  opacity:.72 !important;
  transition:opacity .18s ease,transform .28s cubic-bezier(.16,1,.3,1) !important;
}
.hp-cart-drawer .hp-cart-x span{
  position:absolute !important;
  left:10px !important;
  right:10px !important;
  top:19px !important;
  height:1px !important;
  background:currentColor !important;
  transform-origin:center !important;
}
.hp-cart-drawer .hp-cart-x span:first-child{transform:rotate(45deg) !important}
.hp-cart-drawer .hp-cart-x span:last-child{transform:rotate(-45deg) !important}
.hp-cart-drawer .hp-cart-x:hover{opacity:1 !important;transform:rotate(90deg) !important}
.hp-cart-drawer .hp-cart-x:focus-visible{outline:1px solid currentColor !important;outline-offset:-5px !important}

/* Remove every older divider source. Keep ONE physical 1px border. */
.hp-cart-drawer .hp-cart-recs,
.hp-cart-drawer .hp-cart-recs:not([hidden]){
  border-bottom:0 !important;
}
.hp-cart-drawer .hp-cart-drawer__foot{
  border-top:1px solid rgba(0,0,0,.28) !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* Hero content — Blur + Reveal option. */
.hp-hero-slide.hp-hero-content--blur-reveal .hp-hero-slide__copy{
  opacity:0;
  filter:blur(14px);
  transform:translate3d(0,10px,0) scale(.988);
  will-change:opacity,filter,transform;
}
.hp-hero-slide.is-active.hp-hero-content--blur-reveal .hp-hero-slide__copy{
  animation:hpHeroBlurReveal .82s .08s cubic-bezier(.16,1,.3,1) both;
}
@keyframes hpHeroBlurReveal{
  0%{opacity:0;filter:blur(14px);transform:translate3d(0,10px,0) scale(.988)}
  62%{opacity:1;filter:blur(2px)}
  100%{opacity:1;filter:blur(0);transform:none}
}

/* Right rail feels like a mechanical counter changing with each slide. */
.hp-hero-slide .hp-hero__rail{
  overflow:hidden;
}
.hp-hero-slide .hp-hero__rail p,
.hp-hero-slide .hp-hero__rail-line,
.hp-hero-slide .hp-hero__rail-index{
  opacity:0;
  filter:blur(8px);
  transform:translate3d(0,13px,0);
  will-change:opacity,filter,transform;
}
.hp-hero-slide.is-active .hp-hero__rail p{
  animation:hpHeroRailStep .62s .16s cubic-bezier(.16,1,.3,1) both;
}
.hp-hero-slide.is-active .hp-hero__rail-line{
  animation:hpHeroRailLine .68s .22s cubic-bezier(.16,1,.3,1) both;
}
.hp-hero-slide.is-active .hp-hero__rail-index{
  animation:hpHeroRailStep .68s .28s cubic-bezier(.16,1,.3,1) both;
}
.hp-hero-slide.was-active .hp-hero__rail p,
.hp-hero-slide.was-active .hp-hero__rail-index{
  animation:hpHeroRailOut .34s ease both;
}
@keyframes hpHeroRailStep{
  from{opacity:0;filter:blur(8px);transform:translate3d(0,13px,0)}
  to{opacity:1;filter:blur(0);transform:none}
}
@keyframes hpHeroRailOut{
  from{opacity:1;filter:blur(0);transform:none}
  to{opacity:0;filter:blur(7px);transform:translate3d(0,-12px,0)}
}
@keyframes hpHeroRailLine{
  from{opacity:0;filter:blur(4px);transform:scaleY(.2);transform-origin:bottom}
  to{opacity:1;filter:blur(0);transform:scaleY(1);transform-origin:bottom}
}

@media (prefers-reduced-motion:reduce){
  .hp-hero-slide.hp-hero-content--blur-reveal .hp-hero-slide__copy,
  .hp-hero-slide .hp-hero__rail p,
  .hp-hero-slide .hp-hero__rail-line,
  .hp-hero-slide .hp-hero__rail-index{
    animation:none !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
  }
}

/* =========================================================
   V21.8 — CLEAN RECS / CART HAIRLINES / LIGHTBOX REVEAL /
           MINIMAL HERO ARROWS / MOBILE POLISH
   ========================================================= */

/* Recommendation media should sit directly on the drawer, with no card tile. */
.hp-cart-drawer .hp-cart-rec,
.hp-cart-drawer .hp-cart-rec__image,
.hp-cart-drawer .hp-cart-rec__image img,
.hp-cart-drawer .hp-cart-rec__image img[data-cart-rec-image]{
  background:transparent !important;
}
.hp-cart-drawer .hp-cart-rec__image{
  box-shadow:none !important;
  border:0 !important;
}
.hp-cart-drawer .hp-cart-rec__image::after{
  background:linear-gradient(110deg,transparent,rgba(20,20,20,.055),transparent) !important;
}

/* One consistent 1px hairline language everywhere in the side cart. */
.hp-cart-drawer,
.hp-cart-drawer .hp-cart-drawer__head,
.hp-cart-drawer .hp-drawer-item,
.hp-cart-drawer .hp-drawer-qty,
.hp-cart-drawer .hp-cart-recs,
.hp-cart-drawer .hp-cart-recs__head,
.hp-cart-drawer .hp-cart-drawer__foot,
.hp-cart-drawer .hp-cart-checkout{
  border-width:1px !important;
  border-color:var(--cart-line,var(--hp-cart-line,#d9d9d9)) !important;
  box-shadow:none !important;
  outline:0 !important;
}
.hp-cart-drawer .hp-drawer-item{border-bottom-style:solid !important}
.hp-cart-drawer .hp-cart-recs{border-top-style:solid !important;border-bottom:0 !important}
.hp-cart-drawer .hp-cart-drawer__foot{
  border-top:1px solid var(--cart-line,var(--hp-cart-line,#d9d9d9)) !important;
}
/* Remove legacy inset divider that visually doubled the subtotal line. */
.hp-cart-drawer .hp-cart-drawer__foot{box-shadow:none !important}

/* Product lightbox gallery navigation: real blur + reveal, not an instant swap. */
body > .hp-product-lightbox .hp-product-lightbox__stage img{
  transition:opacity .32s ease,
             filter .56s cubic-bezier(.16,1,.3,1),
             transform .56s cubic-bezier(.16,1,.3,1) !important;
}
body > .hp-product-lightbox .hp-product-lightbox__stage.is-changing img{
  opacity:.18 !important;
  filter:blur(18px) !important;
  transform:scale(.975) !important;
}
body > .hp-product-lightbox .hp-product-lightbox__stage.is-ready img{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:scale(1) !important;
}

/* Hero arrows: smaller, quieter, reveal only when the hero is engaged. */
.hp-hero-slider__arrow{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.38) !important;
  background:rgba(8,8,8,.12) !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1 !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateY(-50%) scale(.94) !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
  transition:opacity .22s ease,visibility .22s ease,transform .3s cubic-bezier(.16,1,.3,1),background .22s ease,border-color .22s ease !important;
}
.hp-hero:hover .hp-hero-slider__arrow,
.hp-hero:focus-within .hp-hero-slider__arrow{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(-50%) scale(1) !important;
}
.hp-hero-slider__arrow:hover{
  background:rgba(255,255,255,.94) !important;
  border-color:#fff !important;
  color:#0a0a0a !important;
}
.hp-hero-slider__arrow--prev{left:14px !important}
.hp-hero-slider__arrow--next{right:14px !important}

/* Mobile / tablet polish for every feature added in this branch. */
@media (max-width: 749px){
  .hp-cart-drawer{
    width:min(100vw,440px) !important;
    max-width:100vw !important;
  }
  .hp-cart-drawer .hp-cart-recs__head{padding:0 14px 10px !important}
  .hp-cart-drawer .hp-cart-recs__track{
    gap:8px !important;
    padding:0 14px 4px !important;
    scroll-padding-inline:14px !important;
  }
  .hp-cart-drawer .hp-cart-rec,
  .hp-cart-drawer .hp-cart-rec--blur-reveal{
    flex:0 0 calc((100% - 8px) / 2.15) !important;
  }
  .hp-cart-drawer .hp-cart-rec__image{aspect-ratio:1 / 1.06 !important}
  .hp-cart-drawer .hp-cart-rec__meta{min-height:44px !important;padding-top:7px !important}
  .hp-cart-drawer .hp-cart-rec__title{font-size:9px !important;line-height:1.3 !important}
  .hp-cart-drawer .hp-cart-rec__price{font-size:9px !important}

  body > .hp-product-lightbox{
    padding:10px !important;
    grid-template-columns:34px minmax(0,1fr) 34px !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__dialog,
  body > .hp-product-lightbox .hp-product-lightbox__stage{
    width:100% !important;
    height:min(72dvh,620px) !important;
    max-height:calc(100dvh - 72px) !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__dialog img{
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
  }

  /* Touch devices have no hover, so keep the compact arrows subtly available. */
  .hp-hero-slider__arrow{
    display:grid !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    font-size:11px !important;
    opacity:.72 !important;
    visibility:visible !important;
    transform:translateY(-50%) scale(1) !important;
  }
  .hp-hero-slider__arrow--prev{left:9px !important}
  .hp-hero-slider__arrow--next{right:9px !important}

  .hp-hero-slide__copy{
    max-width:min(88vw,430px) !important;
  }
  .hp-hero__title-image{max-width:82vw !important}
  .hp-hero__btn{max-width:100% !important}

  .hp-header-brand-logo,
  .hp-footer-brand-logo img{
    max-width:min(68vw,240px) !important;
    height:auto !important;
  }
}

@media (hover:none){
  .hp-hero-slider__arrow{
    opacity:.7 !important;
    visibility:visible !important;
  }
}

/* =========================================================
   V21.9 — glitch-free lightbox / compact counter arrows /
           sticky background animation repair
   ========================================================= */

/* Lightbox: one stable visual layer. Never fade the whole stage to zero and
   never expose a blank background between decoded images. */
body > .hp-product-lightbox .hp-product-lightbox__stage{
  opacity:1 !important;
  filter:none !important;
  transition:none !important;
  overflow:hidden !important;
}
body > .hp-product-lightbox .hp-product-lightbox__stage img{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:scale(1) !important;
  will-change:filter,transform,opacity;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-origin:center center;
  transition:filter .38s cubic-bezier(.16,1,.3,1),
             transform .38s cubic-bezier(.16,1,.3,1),
             opacity .22s ease !important;
}
body > .hp-product-lightbox .hp-product-lightbox__stage.is-changing img{
  opacity:.58 !important;
  filter:blur(13px) !important;
  transform:scale(.992) !important;
}
body > .hp-product-lightbox .hp-product-lightbox__stage.is-ready img{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:scale(1) !important;
}

/* Hero controls: tiny arrows grouped immediately above the counter.
   Desktop keeps the hover-to-reveal behaviour. */
.hp-hero-slider__arrow{
  top:auto !important;
  bottom:30px !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  border-radius:0 !important;
  font-size:9px !important;
  transform:translateY(5px) scale(.94) !important;
}
.hp-hero:hover .hp-hero-slider__arrow,
.hp-hero:focus-within .hp-hero-slider__arrow{
  transform:translateY(0) scale(1) !important;
}
.hp-hero-slider__arrow--prev{
  left:auto !important;
  right:45px !important;
}
.hp-hero-slider__arrow--next{
  left:auto !important;
  right:18px !important;
}
.hp-hero-slider__counter{
  right:18px !important;
  bottom:13px !important;
  font-size:7px !important;
  line-height:1 !important;
}

/* The old zero-jump rules left an opaque background on the sticky clone,
   hiding every selected sticky background animation underneath it. Make the
   clone itself transparent and let the dedicated ::before layer animate. */
html.hp-smooth-active .hp-sticky-clone,
.hp-sticky-clone,
.hp-sticky-clone.is-visible,
.hp-sticky-clone.hp-header--slide,
.hp-sticky-clone.hp-header--fade,
.hp-sticky-clone.hp-header--blur,
.hp-sticky-clone.hp-header--shrink,
.hp-sticky-clone.hp-header--reveal,
.hp-sticky-clone.hp-header--none{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.hp-sticky-clone .hp-header__grid{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
}
.hp-sticky-clone::before{
  z-index:0 !important;
  opacity:1;
  background:var(--header-bg,#fff) !important;
  will-change:opacity,filter,clip-path,transform;
  transition:opacity var(--sticky-duration,350ms) ease,
             filter var(--sticky-duration,350ms) ease,
             clip-path var(--sticky-duration,350ms) cubic-bezier(.16,1,.3,1),
             transform var(--sticky-duration,350ms) cubic-bezier(.16,1,.3,1),
             background-color var(--sticky-duration,350ms) ease !important;
}
.hp-sticky-clone:not(.is-visible)::before{
  opacity:0 !important;
}
.hp-sticky-clone.hp-header--slide::before{
  transform:translateY(0);
}
.hp-sticky-clone.hp-header--slide:not(.is-visible)::before{
  opacity:1 !important;
  clip-path:inset(0 0 100% 0) !important;
  transform:translateY(-6px);
}
.hp-sticky-clone.hp-header--fade:not(.is-visible)::before{
  opacity:0 !important;
}
.hp-sticky-clone.hp-header--blur::before{
  background:color-mix(in srgb,var(--header-bg,#fff) 78%,transparent) !important;
  backdrop-filter:blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08) !important;
}
.hp-sticky-clone.hp-header--blur:not(.is-visible)::before{
  opacity:0 !important;
  filter:blur(10px) !important;
}
.hp-sticky-clone.hp-header--shrink::before{
  inset:4px 10px !important;
  transform:scale(1) !important;
}
.hp-sticky-clone.hp-header--shrink:not(.is-visible)::before{
  opacity:0 !important;
  transform:scale(.965) !important;
  clip-path:inset(0 6% 0 6%) !important;
}
.hp-sticky-clone.hp-header--reveal:not(.is-visible)::before{
  opacity:1 !important;
  clip-path:inset(100% 0 0 0) !important;
}
.hp-sticky-clone.hp-header--none::before{
  transition:none !important;
}

@media (max-width:749px){
  .hp-hero-slider__arrow{
    bottom:31px !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    font-size:8px !important;
    transform:none !important;
  }
  .hp-hero-slider__arrow--prev{right:42px !important}
  .hp-hero-slider__arrow--next{right:17px !important}
  .hp-hero-slider__counter{right:17px !important;bottom:13px !important}
}

/* =========================================================
   V21.10 — solid header / mobile sticky / touch hero swipe
   ========================================================= */

/* The real header must NEVER inherit transparency from the sticky FX layer. */
#shopify-section-header .hp-header[data-hp-header]{
  background:var(--header-bg,#fff) !important;
  color:var(--header-fg,#111) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#shopify-section-header .hp-header[data-hp-header] .hp-header__grid{
  background:transparent !important;
}

/* The cloned sticky header is the only fixed layer. Give the clone its own solid
   surface instead of relying on a negative/behind pseudo element. */
body > .hp-sticky-clone{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:120 !important;
  background:var(--header-bg,#fff) !important;
  color:var(--header-fg,#111) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  clip-path:inset(0 0 100% 0);
  transform:none !important;
  filter:none !important;
  transition:opacity var(--sticky-duration,350ms) ease,
             clip-path var(--sticky-duration,350ms) cubic-bezier(.16,1,.3,1),
             filter var(--sticky-duration,350ms) ease !important;
}
body > .hp-sticky-clone::before,
body > .hp-sticky-clone::after{
  display:none !important;
  content:none !important;
}
body > .hp-sticky-clone .hp-header__grid{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
}
body > .hp-sticky-clone.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  clip-path:inset(0 0 0 0);
  filter:none !important;
}

/* Sticky animation modes — all fixed-layer only, so no layout jump. */
body > .hp-sticky-clone.hp-header--none{
  transition:none !important;
}
body > .hp-sticky-clone.hp-header--fade{
  clip-path:inset(0 0 0 0);
}
body > .hp-sticky-clone.hp-header--slide:not(.is-visible){
  opacity:1 !important;
  clip-path:inset(0 0 100% 0);
}
body > .hp-sticky-clone.hp-header--slide.is-visible{
  clip-path:inset(0 0 0 0);
}
body > .hp-sticky-clone.hp-header--reveal:not(.is-visible){
  opacity:1 !important;
  clip-path:inset(100% 0 0 0);
}
body > .hp-sticky-clone.hp-header--blur{
  clip-path:inset(0 0 0 0);
}
body > .hp-sticky-clone.hp-header--blur:not(.is-visible){
  opacity:0 !important;
  filter:blur(10px) !important;
}
body > .hp-sticky-clone.hp-header--blur.is-visible{
  background:color-mix(in srgb,var(--header-bg,#fff) 92%,transparent) !important;
  backdrop-filter:blur(14px) saturate(1.04) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.04) !important;
}
body > .hp-sticky-clone.hp-header--shrink{
  clip-path:inset(0 0 0 0);
  transform-origin:top center !important;
}
body > .hp-sticky-clone.hp-header--shrink:not(.is-visible){
  opacity:0 !important;
  transform:scaleY(.92) !important;
}
body > .hp-sticky-clone.hp-header--shrink.is-visible{
  transform:scaleY(1) !important;
}

/* Mobile: sticky is explicitly supported even when smooth-scroll is desktop-only. */
@media (max-width:749px){
  body > .hp-sticky-clone{
    display:block !important;
    height:var(--header-h,44px) !important;
  }
  /* Hero is swipeable without hijacking vertical scrolling. */
  .hp-hero-slider{
    touch-action:pan-y pinch-zoom;
    overscroll-behavior-x:contain;
  }
  .hp-hero-slider__track,
  .hp-hero-slide{
    touch-action:pan-y pinch-zoom;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-11.css ===== */
/* =========================================================
   HIDE PROJECT V21.11
   Sticky surface styles / recommendation normalization /
   white contact + legal templates
   ========================================================= */

/* --- Header: the normal header must always have a real background. --- */
.hp-header[data-hp-header]{
  background:var(--header-bg,#fff) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  opacity:1 !important;
}

/* Remove all legacy sticky animation/background layers. The clone itself is
   the surface now, so no option can accidentally make it transparent. */
body > .hp-sticky-clone,
html.hp-smooth-active body > .hp-sticky-clone{
  display:block !important;
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:165 !important;
  margin:0 !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  color:var(--header-fg,#111) !important;
  border-bottom:1px solid rgba(0,0,0,.10) !important;
  box-shadow:none !important;
  isolation:isolate !important;
}
body > .hp-sticky-clone::before,
body > .hp-sticky-clone::after{
  content:none !important;
  display:none !important;
}
body > .hp-sticky-clone.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:none !important;
}
body > .hp-sticky-clone .hp-header__grid{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
}

/* Sticky background choices are styles, not motion effects. */
body > .hp-sticky-clone.hp-sticky-surface--solid{
  background:var(--sticky-bg,var(--header-bg,#fff)) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
body > .hp-sticky-clone.hp-sticky-surface--glass{
  background:var(--sticky-bg,var(--header-bg,#fff)) !important;
  background:color-mix(in srgb,var(--sticky-bg,var(--header-bg,#fff)) var(--sticky-glass-opacity,80%),transparent) !important;
  -webkit-backdrop-filter:blur(var(--sticky-blur,16px)) saturate(1.12) !important;
  backdrop-filter:blur(var(--sticky-blur,16px)) saturate(1.12) !important;
  border-bottom-color:rgba(0,0,0,.08) !important;
}
body > .hp-sticky-clone.hp-sticky-surface--frosted{
  background:var(--sticky-bg,var(--header-bg,#fff)) !important;
  background:color-mix(in srgb,var(--sticky-bg,var(--header-bg,#fff)) 72%,rgba(255,255,255,.18)) !important;
  -webkit-backdrop-filter:blur(calc(var(--sticky-blur,16px) + 6px)) saturate(1.3) !important;
  backdrop-filter:blur(calc(var(--sticky-blur,16px) + 6px)) saturate(1.3) !important;
  border-bottom-color:rgba(0,0,0,.07) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.045) !important;
}
body > .hp-sticky-clone.hp-sticky-surface--soft_glass{
  background:var(--sticky-bg,var(--header-bg,#fff)) !important;
  background:color-mix(in srgb,var(--sticky-bg,var(--header-bg,#fff)) 88%,transparent) !important;
  -webkit-backdrop-filter:blur(var(--sticky-blur,16px)) saturate(1.05) !important;
  backdrop-filter:blur(var(--sticky-blur,16px)) saturate(1.05) !important;
  border-bottom-color:rgba(0,0,0,.06) !important;
}
@media(max-width:900px){
  body > .hp-sticky-clone,
  html.hp-smooth-active body > .hp-sticky-clone{display:block !important}
}

/* --- Cart recommendations: clean white stage + equal visual rhythm. --- */
.hp-cart-drawer .hp-cart-recs__track{
  align-items:flex-start !important;
}
.hp-cart-drawer .hp-cart-rec,
.hp-cart-drawer .hp-cart-rec--blur-reveal{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
}
.hp-cart-drawer .hp-cart-rec__image{
  aspect-ratio:1 / 1 !important;
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  background:#fff !important;
}
.hp-cart-drawer .hp-cart-rec__image::after{background:transparent !important}
.hp-cart-drawer .hp-cart-rec__image img,
.hp-cart-drawer .hp-cart-rec__image img[data-cart-rec-image]{
  position:absolute !important;
  inset:7% !important;
  width:86% !important;
  height:86% !important;
  max-width:86% !important;
  max-height:86% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
}
.hp-cart-drawer .hp-cart-rec__image img.is-loaded,
.hp-cart-drawer .hp-cart-rec__image.is-loaded img{
  transform:none !important;
}
.hp-cart-drawer .hp-cart-rec__meta{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  padding-top:9px !important;
}
.hp-cart-drawer .hp-cart-rec__title{
  min-height:2.55em !important;
  line-height:1.28 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.hp-cart-drawer .hp-cart-rec__price{
  margin-top:7px !important;
}

/* --- Contact: intentionally white, editorial, and clean. --- */
.hp-contact-page.hp-contact-page--v2{
  background:#fff !important;
  color:#111 !important;
  min-height:calc(100vh - var(--header-h,42px));
  padding:0 !important;
}
.hp-contact-page--v2 .hp-contact-shell{
  width:min(calc(100% - (var(--hp-side-gutter) * 2)),var(--hp-page));
  margin:0 auto;
  display:block;
}
.hp-contact-page--v2 .hp-contact-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);
  gap:72px;
  padding:72px 0 58px;
  border-bottom:1px solid #d7d7d7;
}
.hp-contact-page--v2 .hp-contact-kicker,
.hp-contact-page--v2 .hp-contact-index,
.hp-contact-page--v2 label{
  font-size:9px !important;
  line-height:1.2;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#767676 !important;
}
.hp-contact-page--v2 .hp-contact-kicker{margin-bottom:18px}
.hp-contact-page--v2 h1{
  margin:0;
  font-size:clamp(44px,7vw,108px) !important;
  line-height:.88;
  letter-spacing:-.055em;
  font-weight:400;
  text-transform:uppercase;
}
.hp-contact-page--v2 .hp-contact-intro{
  align-self:end;
  max-width:520px;
}
.hp-contact-page--v2 .hp-contact-intro p{
  margin:0 0 22px;
  font-size:12px;
  line-height:1.65;
  color:#555 !important;
}
.hp-contact-page--v2 .hp-contact-intro a{
  font-size:11px;
  text-transform:none;
  border-bottom:1px solid #111;
  padding-bottom:2px;
}
.hp-contact-page--v2 .hp-contact-note{
  margin-top:18px;
  font-size:9px;
  line-height:1.5;
  color:#8a8a8a;
  text-transform:uppercase;
}
.hp-contact-page--v2 .hp-contact-form{
  padding:42px 0 90px;
  max-width:none;
}
.hp-contact-page--v2 .hp-contact-form form{display:grid !important;gap:0}
.hp-contact-page--v2 .hp-contact-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
}
.hp-contact-page--v2 .hp-field{display:grid}
.hp-contact-page--v2 label{margin:0 0 9px !important}
.hp-contact-page--v2 input,
.hp-contact-page--v2 textarea{
  width:100%;
  border:0 !important;
  border-bottom:1px solid #cfcfcf !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#111 !important;
  padding:0 0 13px !important;
  margin:0 0 28px !important;
  outline:none !important;
  font-size:12px !important;
  line-height:1.5;
  box-shadow:none !important;
}
.hp-contact-page--v2 textarea{min-height:132px;resize:vertical}
.hp-contact-page--v2 input:focus,
.hp-contact-page--v2 textarea:focus{border-bottom-color:#111 !important}
.hp-contact-page--v2 button{
  justify-self:end !important;
  min-width:220px !important;
  height:48px !important;
  border:1px solid #111 !important;
  background:#111 !important;
  color:#fff !important;
  padding:0 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  font-size:9px !important;
  text-transform:uppercase;
  transition:background .2s ease,color .2s ease !important;
}
.hp-contact-page--v2 button:hover{background:#fff !important;color:#111 !important}
.hp-contact-page--v2 .hp-contact-success{color:#111 !important}

/* --- Legal page templates (Policy / Terms). --- */
.hp-legal-page{
  background:#fff;
  color:#111;
  min-height:calc(100vh - var(--header-h,42px));
  padding:0 0 96px;
}
.hp-legal-shell{
  width:min(calc(100% - (var(--hp-side-gutter) * 2)),var(--hp-page));
  margin:0 auto;
}
.hp-legal-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);
  gap:60px;
  align-items:end;
  padding:68px 0 48px;
  border-bottom:1px solid #d7d7d7;
}
.hp-legal-kicker{font-size:9px;color:#777;text-transform:uppercase;margin-bottom:16px}
.hp-legal-head h1{
  margin:0;
  font-size:clamp(40px,6vw,86px);
  line-height:.94;
  font-weight:400;
  letter-spacing:-.04em;
  text-transform:uppercase;
}
.hp-legal-meta{font-size:9px;line-height:1.6;color:#777;text-transform:uppercase}
.hp-legal-body{
  display:grid;
  grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);
  gap:70px;
  padding-top:42px;
}
.hp-legal-aside{font-size:9px;line-height:1.6;color:#777;text-transform:uppercase;position:sticky;top:calc(var(--header-h,42px) + 24px);align-self:start}
.hp-legal-content{max-width:820px;font-size:12px;line-height:1.75;color:#333}
.hp-legal-content h2,.hp-legal-content h3{color:#111;font-weight:400;text-transform:uppercase;letter-spacing:-.02em;margin:44px 0 14px}
.hp-legal-content h2{font-size:20px}.hp-legal-content h3{font-size:14px}
.hp-legal-content p{margin:0 0 18px}
.hp-legal-content ul,.hp-legal-content ol{padding-left:18px;margin:0 0 20px}
.hp-legal-content a{color:#111;text-decoration:underline;text-underline-offset:3px}
.hp-legal-content hr{border:0;border-top:1px solid #ddd;margin:36px 0}

@media(max-width:800px){
  .hp-contact-page--v2 .hp-contact-shell,
  .hp-legal-shell{width:calc(100% - 32px)}
  .hp-contact-page--v2 .hp-contact-head,
  .hp-legal-head{grid-template-columns:1fr;gap:28px;padding-top:44px}
  .hp-contact-page--v2 .hp-contact-row{grid-template-columns:1fr;gap:0}
  .hp-contact-page--v2 .hp-contact-form{padding:34px 0 64px}
  .hp-contact-page--v2 button{width:100%;justify-self:stretch !important}
  .hp-legal-body{grid-template-columns:1fr;gap:28px;padding-top:30px}
  .hp-legal-aside{position:static;padding-bottom:20px;border-bottom:1px solid #e3e3e3}
  .hp-cart-drawer .hp-cart-rec__image img,
  .hp-cart-drawer .hp-cart-rec__image img[data-cart-rec-image]{inset:6% !important;width:88% !important;height:88% !important;max-width:88% !important;max-height:88% !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-12.css ===== */
/* =========================================================
   HIDE PROJECT V21.12
   Reliable sticky surfaces / larger cart recommendations /
   editorial footer refresh
   ========================================================= */

/* Original header always has a proper surface. */
#shopify-section-header .hp-header[data-hp-header]{
  background:var(--header-bg,#fff) !important;
  color:var(--header-fg,#111) !important;
  opacity:1 !important;
  visibility:visible !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* Sticky clone: hard reset legacy sticky effects and make the fixed layer reliable. */
body > .hp-sticky-clone,
html.hp-smooth-active body > .hp-sticky-clone{
  display:block !important;
  position:fixed !important;
  inset:0 0 auto 0 !important;
  width:100% !important;
  height:var(--header-h,42px) !important;
  margin:0 !important;
  z-index:165 !important;
  color:var(--sticky-fg,var(--header-fg,#111)) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateZ(0) !important;
  filter:none !important;
  clip-path:none !important;
  animation:none !important;
  transition:opacity .14s ease,visibility 0s linear .14s !important;
  border:0 !important;
  border-bottom:1px solid rgba(17,17,17,.10) !important;
  box-shadow:none !important;
}
body > .hp-sticky-clone.is-visible,
html.hp-smooth-active body > .hp-sticky-clone.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transition:opacity .14s ease,visibility 0s !important;
}
body > .hp-sticky-clone::before,
body > .hp-sticky-clone::after{content:none !important;display:none !important}
body > .hp-sticky-clone .hp-header__grid{
  height:100% !important;
  background:transparent !important;
  color:inherit !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
}
body > .hp-sticky-clone a,
body > .hp-sticky-clone button{color:inherit !important}

/* Sticky background STYLE choices — no motion modes. */
body > .hp-sticky-clone.hp-sticky-surface--solid{
  background:var(--sticky-bg,#fff) !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
}
body > .hp-sticky-clone.hp-sticky-surface--elevated{
  background:var(--sticky-bg,#fff) !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  border-bottom-color:transparent !important;
  box-shadow:0 10px 30px rgba(0,0,0,.09) !important;
}
body > .hp-sticky-clone.hp-sticky-surface--outline{
  background:var(--sticky-bg,#fff) !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  border-bottom:1px solid currentColor !important;
}
body > .hp-sticky-clone.hp-sticky-surface--tint{
  background:var(--sticky-bg,#fff) !important;
  background:color-mix(in srgb,var(--sticky-bg,#fff) var(--sticky-glass-opacity,85%),#f2f2f2) !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
}
body > .hp-sticky-clone.hp-sticky-surface--glass{
  background:rgba(255,255,255,.86) !important;
  background:color-mix(in srgb,var(--sticky-bg,#fff) var(--sticky-glass-opacity,85%),transparent) !important;
  -webkit-backdrop-filter:blur(var(--sticky-blur,16px)) saturate(1.12) !important;
  backdrop-filter:blur(var(--sticky-blur,16px)) saturate(1.12) !important;
}
body > .hp-sticky-clone.hp-sticky-surface--frosted{
  background:rgba(255,255,255,.76) !important;
  background:color-mix(in srgb,var(--sticky-bg,#fff) 76%,rgba(255,255,255,.24)) !important;
  -webkit-backdrop-filter:blur(calc(var(--sticky-blur,16px) + 7px)) saturate(1.28) !important;
  backdrop-filter:blur(calc(var(--sticky-blur,16px) + 7px)) saturate(1.28) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.035) !important;
}
body > .hp-sticky-clone.hp-sticky-surface--dark_glass{
  background:rgba(14,14,14,.82) !important;
  color:#fff !important;
  -webkit-backdrop-filter:blur(var(--sticky-blur,16px)) saturate(1.08) !important;
  backdrop-filter:blur(var(--sticky-blur,16px)) saturate(1.08) !important;
  border-bottom-color:rgba(255,255,255,.14) !important;
}

/* Recommendations: restore confident product scale, still keeping equal cards. */
.hp-cart-drawer .hp-cart-recs__track{
  gap:18px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  align-items:stretch !important;
}
.hp-cart-drawer .hp-cart-rec,
.hp-cart-drawer .hp-cart-rec--blur-reveal{
  flex:0 0 calc((100% - 36px)/3) !important;
  width:calc((100% - 36px)/3) !important;
  max-width:none !important;
}
.hp-cart-drawer .hp-cart-rec__image{
  width:100% !important;
  aspect-ratio:1 / 1.08 !important;
  background:#fff !important;
}
.hp-cart-drawer .hp-cart-rec__image img,
.hp-cart-drawer .hp-cart-rec__image img[data-cart-rec-image]{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
.hp-cart-drawer .hp-cart-rec__meta{padding-top:10px !important;min-height:62px !important}
.hp-cart-drawer .hp-cart-rec__title{font-size:10px !important;line-height:1.3 !important;min-height:2.6em !important}
.hp-cart-drawer .hp-cart-rec__price{font-size:10px !important;margin-top:8px !important}

/* Footer V2 — structured, quieter and more premium. */
.hp-footer.hp-footer--v2{
  position:relative !important;
  padding:0 !important;
  background:var(--footer-bg,#050505) !important;
  color:var(--footer-fg,#9b9b9b) !important;
  border-top:1px solid rgba(255,255,255,.13) !important;
}
.hp-footer--v2 .hp-footer__inner{
  width:min(100%,var(--hp-page)) !important;
  margin:0 auto !important;
  padding:54px var(--footer-pad,36px) 58px !important;
  display:grid !important;
  grid-template-columns:minmax(260px,1.35fr) minmax(300px,1fr) minmax(240px,.85fr) !important;
  grid-template-areas:"brand menus updates" !important;
  gap:clamp(44px,7vw,110px) !important;
  align-items:start !important;
}
.hp-footer--v2 .hp-footer__brand{grid-area:brand !important;justify-self:stretch !important;text-align:left !important}
.hp-footer--v2 .hp-footer__menus{grid-area:menus !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:32px !important;justify-self:stretch !important}
.hp-footer--v2 .hp-footer__updates{grid-area:updates !important;justify-self:stretch !important;text-align:left !important}
.hp-footer--v2 h3{font-size:clamp(18px,2.1vw,31px) !important;letter-spacing:-.025em !important;margin:0 0 20px !important;color:var(--footer-title,#eee) !important}
.hp-footer--v2 .hp-footer__brand-logo{margin:0 0 22px !important}
.hp-footer--v2 .hp-footer__brand-logo img{display:block !important;width:min(var(--footer-brand-logo-w,120px),100%) !important;height:auto !important;max-height:46px !important;object-fit:contain !important;object-position:left center !important}
.hp-footer--v2 h4{font-size:9px !important;letter-spacing:.08em !important;margin:0 0 18px !important;color:var(--footer-title,#eee) !important}
.hp-footer--v2 p,.hp-footer--v2 li,.hp-footer--v2 a{font-size:9px !important;line-height:1.65 !important;letter-spacing:.025em !important}
.hp-footer--v2 .hp-footer__brand > p{max-width:310px !important;color:var(--footer-fg,#9b9b9b) !important}
.hp-footer--v2 .hp-footer__menu ul{gap:8px !important}
.hp-footer--v2 .hp-footer__menu a,.hp-footer--v2 .hp-footer__social a{transition:opacity .2s ease !important}
.hp-footer--v2 .hp-footer__menu a:hover,.hp-footer--v2 .hp-footer__social a:hover{opacity:.55 !important}
.hp-footer--v2 .hp-footer__social{margin-top:22px !important;gap:16px !important}
.hp-footer--v2 .hp-footer__updates > p{max-width:260px !important}
.hp-footer--v2 .hp-footer__signal{display:flex;align-items:end;gap:3px;height:18px;margin-top:26px}
.hp-footer--v2 .hp-footer__signal span{display:block;width:2px;background:var(--footer-title,#eee);opacity:.7}
.hp-footer--v2 .hp-footer__signal span:nth-child(1){height:7px}.hp-footer--v2 .hp-footer__signal span:nth-child(2){height:14px}.hp-footer--v2 .hp-footer__signal span:nth-child(3){height:10px}
.hp-footer--v2 .hp-footer__bottom{
  width:min(100%,var(--hp-page));margin:0 auto;padding:16px var(--footer-pad,36px) 18px;
  border-top:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;
  color:var(--footer-fg,#9b9b9b);text-transform:uppercase;
}
.hp-footer--v2 .hp-footer__bottom > span{font-size:8px !important;letter-spacing:.05em}
.hp-footer--v2 .hp-footer__shipping{margin:0 !important;text-align:center}
.hp-footer--v2 .hp-footer__devrift{position:static !important;display:flex !important;align-items:center !important;justify-self:end !important;gap:9px !important;width:auto !important;margin:0 !important;transform:none !important;color:var(--footer-fg,#9b9b9b) !important}
.hp-footer--v2 .hp-footer__devrift span{font-size:7px !important;letter-spacing:.08em}
.hp-footer--v2 .hp-footer__devrift img{width:62px !important;height:auto !important;display:block !important;opacity:.86 !important}

@media(max-width:900px){
  .hp-footer--v2 .hp-footer__inner{grid-template-columns:1fr 1fr !important;grid-template-areas:"brand updates" "menus menus" !important;gap:44px 56px !important;padding-top:42px !important}
  .hp-footer--v2 .hp-footer__menus{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:749px){
  body > .hp-sticky-clone,html.hp-smooth-active body > .hp-sticky-clone{height:var(--header-h,42px) !important;display:block !important}
  .hp-cart-drawer .hp-cart-recs__track{gap:12px !important}
  .hp-cart-drawer .hp-cart-rec,.hp-cart-drawer .hp-cart-rec--blur-reveal{flex:0 0 calc((100% - 12px)/2) !important;width:calc((100% - 12px)/2) !important}
  .hp-cart-drawer .hp-cart-rec__image{aspect-ratio:1 / 1.08 !important}
  .hp-cart-drawer .hp-cart-rec__meta{min-height:58px !important}

  .hp-footer--v2 .hp-footer__inner{padding:34px 16px 36px !important;grid-template-columns:1fr !important;grid-template-areas:"brand" "menus" "updates" !important;gap:34px !important;text-align:left !important}
  .hp-footer--v2 .hp-footer__brand,.hp-footer--v2 .hp-footer__menus,.hp-footer--v2 .hp-footer__updates{justify-self:stretch !important;text-align:left !important}
  .hp-footer--v2 .hp-footer__brand-logo img{object-position:left center !important}
  .hp-footer--v2 .hp-footer__menus{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:28px 22px !important;padding-top:28px !important;border-top:1px solid rgba(255,255,255,.12) !important}
  .hp-footer--v2 .hp-footer__updates{padding-top:28px !important;border-top:1px solid rgba(255,255,255,.12) !important}
  .hp-footer--v2 .hp-footer__bottom{padding:15px 16px 18px !important;grid-template-columns:1fr auto !important;gap:14px !important}
  .hp-footer--v2 .hp-footer__shipping{display:none !important}
  .hp-footer--v2 .hp-footer__devrift{justify-self:end !important}
  .hp-footer--v2 .hp-footer__devrift span{display:none !important}
}
@media(max-width:420px){
  .hp-footer--v2 .hp-footer__menus{grid-template-columns:1fr 1fr !important}
  .hp-footer--v2 h3{font-size:22px !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-13.css ===== */
/* =========================================================
   HIDE PROJECT V21.13 — recommendation art direction,
   monumental footer, animated collection reflow
   ========================================================= */

/* CART RECOMMENDATIONS — larger editorial crop, less "thumbnail card" feeling. */
.hp-cart-drawer .hp-cart-recs{
  padding:30px 0 26px !important;
  overflow:hidden !important;
}
.hp-cart-drawer .hp-cart-recs__head{
  padding:0 34px 20px !important;
  align-items:center !important;
}
.hp-cart-drawer .hp-cart-recs__nav{gap:6px !important}
.hp-cart-drawer .hp-cart-recs__nav button{
  width:34px !important;height:34px !important;min-width:34px !important;
  border:1px solid var(--cart-line,#d9d9d9) !important;
  background:transparent !important;
  font-size:13px !important;
}
.hp-cart-drawer .hp-cart-recs__track{
  gap:10px !important;
  padding:0 34px 8px !important;
  scroll-padding-inline:34px !important;
  align-items:start !important;
}
.hp-cart-drawer .hp-cart-rec,
.hp-cart-drawer .hp-cart-rec--blur-reveal{
  flex:0 0 calc((100% - 20px) / 3.08) !important;
  width:calc((100% - 20px) / 3.08) !important;
  min-width:0 !important;
  color:var(--cart-text,#111) !important;
}
.hp-cart-drawer .hp-cart-rec__image{
  position:relative !important;
  width:100% !important;
  aspect-ratio:4 / 4.7 !important;
  overflow:hidden !important;
  background:#f7f7f5 !important;
  border:0 !important;
}
.hp-cart-drawer .hp-cart-rec__image img,
.hp-cart-drawer .hp-cart-rec__image img[data-cart-rec-image]{
  position:absolute !important;
  inset:-5% !important;
  width:110% !important;
  height:110% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:scale(1.01) !important;
  transition:opacity .42s ease,filter .7s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1) !important;
}
.hp-cart-drawer .hp-cart-rec:hover .hp-cart-rec__image img{transform:scale(1.055) !important}
.hp-cart-drawer .hp-cart-rec__meta{
  padding:11px 0 0 !important;
  min-height:58px !important;
  display:grid !important;
  align-content:start !important;
}
.hp-cart-drawer .hp-cart-rec__title{
  font-size:9px !important;
  line-height:1.32 !important;
  min-height:2.64em !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  letter-spacing:.01em !important;
}
.hp-cart-drawer .hp-cart-rec__price{
  margin-top:8px !important;
  font-size:9px !important;
  color:var(--cart-muted,#8b8b8b) !important;
}

/* COLLECTION LAYOUT SWITCHER — editorial icon + physical reflow animation. */
.hp-layout-switcher{gap:5px !important}
.hp-layout-switcher button{
  width:28px !important;height:26px !important;
  border:1px solid transparent !important;
  transition:opacity .2s ease,border-color .2s ease,background .2s ease !important;
}
.hp-layout-switcher button:hover{opacity:.72 !important}
.hp-layout-switcher button.is-active{
  opacity:1 !important;
  border-color:var(--hp-line,#d6d6d6) !important;
}
.hp-layout-switcher__editorial svg{
  width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1;
}
.hp-products__grid.is-reflowing{pointer-events:none !important}
.hp-products__grid.is-reflowing > *{will-change:transform,filter,opacity}

/* FOOTER V3 — oversized brand masthead + utility system. */
.hp-footer.hp-footer--v3{
  position:relative !important;
  padding:0 !important;
  margin:0 !important;
  background:var(--footer-bg,#050505) !important;
  color:var(--footer-fg,#9b9b9b) !important;
  border-top:1px solid rgba(255,255,255,.16) !important;
  overflow:hidden !important;
}
.hp-footer-v3__shell{width:min(100%,var(--hp-page));margin:0 auto;padding:0 var(--footer-pad,36px)}
.hp-footer-v3__masthead{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  padding:22px 0 24px !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
}
.hp-footer-v3__eyebrow{
  font-size:7px !important;line-height:1;text-transform:uppercase;letter-spacing:.1em;color:var(--footer-fg,#9b9b9b)
}
.hp-footer-v3__eyebrow--right{text-align:right}
.hp-footer-v3__mark{grid-column:1/-1;padding-top:34px;overflow:hidden}
.hp-footer-v3__wordmark{
  color:var(--footer-title,#eee) !important;
  font-size:clamp(54px,10.4vw,176px) !important;
  line-height:.78 !important;
  letter-spacing:-.07em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  transform:translateX(-.045em);
}
.hp-footer--v3 .hp-footer__brand-logo{margin:0 !important;width:min(100%,var(--footer-brand-logo-w,220px)) !important}
.hp-footer--v3 .hp-footer__brand-logo img{
  width:100% !important;height:auto !important;max-height:none !important;display:block !important;object-fit:contain !important;object-position:left center !important;
}
.hp-footer-v3__main{
  display:grid !important;
  grid-template-columns:minmax(220px,1.1fr) minmax(340px,1.5fr) minmax(250px,.9fr) !important;
  gap:clamp(42px,6vw,96px) !important;
  padding:42px 0 50px !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
}
.hp-footer-v3__index{
  display:block !important;
  margin:0 0 20px !important;
  font-size:7px !important;
  letter-spacing:.09em !important;
  color:var(--footer-title,#eee) !important;
  text-transform:uppercase !important;
}
.hp-footer--v3 .hp-footer-v3__manifesto p,
.hp-footer--v3 .hp-footer__updates p{
  margin:0 !important;
  font-size:9px !important;
  line-height:1.7 !important;
  letter-spacing:.015em !important;
  max-width:275px !important;
  color:var(--footer-fg,#9b9b9b) !important;
}
.hp-footer--v3 .hp-footer__social{
  display:flex !important;flex-wrap:wrap !important;gap:6px 18px !important;margin-top:28px !important;
}
.hp-footer--v3 .hp-footer__social a{
  display:flex !important;gap:7px !important;align-items:center !important;
  font-size:8px !important;color:var(--footer-title,#eee) !important;text-decoration:none !important;
}
.hp-footer--v3 .hp-footer__social a span{opacity:.45;transition:transform .25s ease,opacity .25s ease}
.hp-footer--v3 .hp-footer__social a:hover span{transform:translate(2px,-2px);opacity:1}
.hp-footer--v3 .hp-footer__menus{
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:28px !important;
}
.hp-footer--v3 .hp-footer__menu ul{list-style:none !important;padding:0 !important;margin:0 !important;display:grid !important;gap:0 !important}
.hp-footer--v3 .hp-footer__menu li{border-top:1px solid rgba(255,255,255,.10) !important}
.hp-footer--v3 .hp-footer__menu li:last-child{border-bottom:1px solid rgba(255,255,255,.10) !important}
.hp-footer--v3 .hp-footer__menu a{
  min-height:34px !important;padding:0 2px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;
  color:var(--footer-fg,#9b9b9b) !important;font-size:8px !important;text-decoration:none !important;transition:color .2s ease,padding .25s cubic-bezier(.16,1,.3,1) !important;
}
.hp-footer--v3 .hp-footer__menu a:hover{color:var(--footer-title,#eee) !important;padding-left:7px !important}
.hp-footer-v3__link-arrow{opacity:0;transform:translate(-4px,4px);transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1)}
.hp-footer--v3 .hp-footer__menu a:hover .hp-footer-v3__link-arrow{opacity:1;transform:none}
.hp-footer--v3 .hp-footer__updates{align-self:start !important}
.hp-footer-v3__form{margin-top:25px !important}
.hp-footer-v3__input-row{
  height:44px !important;display:grid !important;grid-template-columns:1fr 44px !important;border-bottom:1px solid rgba(255,255,255,.38) !important;
}
.hp-footer-v3__input-row input{
  min-width:0 !important;border:0 !important;background:transparent !important;color:var(--footer-title,#eee) !important;outline:0 !important;padding:0 10px 0 0 !important;
  font:inherit !important;font-size:8px !important;letter-spacing:.06em !important;text-transform:uppercase !important;
}
.hp-footer-v3__input-row input::placeholder{color:var(--footer-fg,#777) !important;opacity:1}
.hp-footer-v3__input-row button{
  border:0 !important;background:transparent !important;color:var(--footer-title,#eee) !important;cursor:pointer !important;font-size:18px !important;transition:transform .25s ease !important;
}
.hp-footer-v3__input-row button:hover{transform:translateX(4px)}
.hp-footer-v3__form-note{display:block;margin-top:10px;font-size:7px;color:var(--footer-fg,#9b9b9b)}
.hp-footer-v3__bottom{
  min-height:54px !important;display:grid !important;grid-template-columns:1fr auto 1fr !important;align-items:center !important;gap:24px !important;
  text-transform:uppercase !important;color:var(--footer-fg,#9b9b9b) !important;
}
.hp-footer-v3__bottom > *{font-size:7px !important;letter-spacing:.07em !important}
.hp-footer-v3__bottom > :nth-child(2){text-align:center}
.hp-footer-v3__top{justify-self:end;color:var(--footer-fg,#9b9b9b) !important;text-decoration:none !important;display:flex;gap:8px;align-items:center}
.hp-footer-v3__top span{transition:transform .25s ease}.hp-footer-v3__top:hover span{transform:translateY(-3px)}
.hp-footer--v3 .hp-footer__devrift{display:none !important}

@media(max-width:980px){
  .hp-footer-v3__main{grid-template-columns:1fr 1fr !important;grid-template-areas:"manifesto updates" "menus menus" !important}
  .hp-footer-v3__manifesto{grid-area:manifesto}.hp-footer--v3 .hp-footer__menus{grid-area:menus}.hp-footer--v3 .hp-footer__updates{grid-area:updates}
  .hp-footer--v3 .hp-footer__menus{padding-top:6px !important}
}

@media(max-width:749px){
  .hp-cart-drawer .hp-cart-recs{padding:24px 0 22px !important}
  .hp-cart-drawer .hp-cart-recs__head{padding:0 16px 16px !important}
  .hp-cart-drawer .hp-cart-recs__track{padding:0 16px 6px !important;scroll-padding-inline:16px !important;gap:9px !important}
  .hp-cart-drawer .hp-cart-rec,.hp-cart-drawer .hp-cart-rec--blur-reveal{flex:0 0 63% !important;width:63% !important}
  .hp-cart-drawer .hp-cart-rec__image{aspect-ratio:4 / 4.8 !important}
  .hp-cart-drawer .hp-cart-rec__title{font-size:9px !important}

  .hp-layout-switcher{display:flex !important}
  .hp-layout-switcher button{width:26px !important;height:24px !important}
  .hp-layout-switcher button[data-grid-cols="3"],.hp-layout-switcher button[data-grid-cols="4"]{display:none !important}

  .hp-footer-v3__shell{padding:0 16px !important}
  .hp-footer-v3__masthead{padding:18px 0 20px !important}
  .hp-footer-v3__mark{padding-top:28px !important}
  .hp-footer-v3__wordmark{font-size:clamp(48px,17vw,86px) !important;line-height:.82 !important;white-space:normal !important}
  .hp-footer-v3__main{grid-template-columns:1fr !important;grid-template-areas:"manifesto" "menus" "updates" !important;gap:38px !important;padding:34px 0 38px !important}
  .hp-footer--v3 .hp-footer__menus{grid-template-columns:1fr 1fr !important;gap:28px 18px !important;padding-top:0 !important}
  .hp-footer--v3 .hp-footer__updates{padding-top:2px !important}
  .hp-footer-v3__bottom{min-height:64px !important;grid-template-columns:1fr auto !important;gap:12px !important}
  .hp-footer-v3__bottom > :nth-child(2){display:none !important}
}

@media(max-width:420px){
  .hp-footer-v3__eyebrow--right{max-width:130px;justify-self:end;line-height:1.3}
  .hp-footer--v3 .hp-footer__menus{grid-template-columns:1fr !important}
  .hp-footer-v3__wordmark{font-size:17.2vw !important}
}

@media(prefers-reduced-motion:reduce){
  .hp-products__grid.is-reflowing > *{animation:none !important;transition:none !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-14.css ===== */
/* =========================================================
   HIDE PROJECT V21.14 — compact recommendations + tactile grid reflow
   ========================================================= */

/* Recommendations: keep the v21.13 image crop, but restore the compact drawer footprint. */
.hp-cart-drawer .hp-cart-recs{
  padding:20px 0 16px !important;
}
.hp-cart-drawer .hp-cart-recs__head{
  padding:0 28px 14px !important;
}
.hp-cart-drawer .hp-cart-recs__track{
  padding:0 28px 4px !important;
  scroll-padding-inline:28px !important;
  gap:10px !important;
}
.hp-cart-drawer .hp-cart-rec,
.hp-cart-drawer .hp-cart-rec--blur-reveal{
  flex:0 0 calc((100% - 20px) / 3.08) !important;
  width:calc((100% - 20px) / 3.08) !important;
}
.hp-cart-drawer .hp-cart-rec__image{
  aspect-ratio:1 / .92 !important;
  background:#f7f7f5 !important;
}
.hp-cart-drawer .hp-cart-rec__image img,
.hp-cart-drawer .hp-cart-rec__image img[data-cart-rec-image]{
  inset:-5% !important;
  width:110% !important;
  height:110% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
}
.hp-cart-drawer .hp-cart-rec__meta{
  padding:8px 0 0 !important;
  min-height:48px !important;
}
.hp-cart-drawer .hp-cart-rec__title{
  font-size:9px !important;
  line-height:1.28 !important;
  min-height:2.56em !important;
}
.hp-cart-drawer .hp-cart-rec__price{
  margin-top:5px !important;
  font-size:9px !important;
}

/* Tiny expand/collapse control. */
.hp-cart-drawer .hp-cart-recs__nav{align-items:center !important}
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  padding:0 !important;
  margin-right:2px !important;
  border:0 !important;
  opacity:.42 !important;
  display:grid !important;
  place-items:center !important;
  background:transparent !important;
}
.hp-cart-recs__toggle span{
  position:relative;display:block;width:7px;height:4px;
}
.hp-cart-recs__toggle span::before,
.hp-cart-recs__toggle span::after{
  content:'';position:absolute;top:1px;width:5px;height:1px;background:currentColor;
  transition:transform .42s cubic-bezier(.16,1,.3,1);
}
.hp-cart-recs__toggle span::before{left:0;transform:rotate(28deg)}
.hp-cart-recs__toggle span::after{right:0;transform:rotate(-28deg)}
.hp-cart-recs.is-collapsed .hp-cart-recs__toggle span::before{transform:rotate(-28deg)}
.hp-cart-recs.is-collapsed .hp-cart-recs__toggle span::after{transform:rotate(28deg)}
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:hover{opacity:.9 !important}
.hp-cart-recs__viewport{
  max-height:330px;
  opacity:1;
  filter:blur(0);
  transform:translateY(0);
  overflow:hidden;
  transition:max-height .56s cubic-bezier(.16,1,.3,1),opacity .32s ease,filter .46s ease,transform .5s cubic-bezier(.16,1,.3,1);
}
.hp-cart-recs.is-collapsed{padding-bottom:6px !important}
.hp-cart-recs.is-collapsed .hp-cart-recs__head{padding-bottom:8px !important}
.hp-cart-recs.is-collapsed .hp-cart-recs__viewport{
  max-height:0 !important;
  opacity:0 !important;
  filter:blur(7px) !important;
  transform:translateY(-7px) !important;
  pointer-events:none;
}

/* Collection switcher: only 3 / 4 / 5, with a clearly visible physical reflow. */
.hp-layout-switcher__editorial,[data-layout-style="editorial"]{display:none !important}
.hp-products__grid.is-reflowing{contain:layout style;overflow:visible !important}
.hp-products__grid.is-reflowing > *{backface-visibility:hidden;transform-style:preserve-3d}

@media(max-width:749px){
  .hp-cart-drawer .hp-cart-recs{padding:18px 0 14px !important}
  .hp-cart-drawer .hp-cart-recs__head{padding:0 16px 12px !important}
  .hp-cart-drawer .hp-cart-recs__track{padding:0 16px 4px !important;scroll-padding-inline:16px !important;gap:9px !important}
  .hp-cart-drawer .hp-cart-rec,.hp-cart-drawer .hp-cart-rec--blur-reveal{flex:0 0 62% !important;width:62% !important}
  .hp-cart-drawer .hp-cart-rec__image{aspect-ratio:1 / .94 !important}
  .hp-cart-recs__viewport{max-height:300px}

  /* Keep all three useful density controls on mobile; no editorial button. */
  .hp-layout-switcher button[data-grid-cols="3"],
  .hp-layout-switcher button[data-grid-cols="4"],
  .hp-layout-switcher button[data-grid-cols="5"]{display:flex !important}
  .hp-layout-switcher button{width:24px !important;height:22px !important}
}

@media(prefers-reduced-motion:reduce){
  .hp-cart-recs__viewport,.hp-cart-recs__toggle span::before,.hp-cart-recs__toggle span::after{transition:none !important}
}


/* =========================================================
   V21.15 precision polish
   ========================================================= */

/* Layout switcher — no heavy boxed active state; clear but quiet indicator. */
.hp-layout-switcher button{
  position:relative !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  opacity:.34 !important;
  transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1) !important;
}
.hp-layout-switcher button:hover{opacity:.68 !important;transform:translateY(-1px)}
.hp-layout-switcher button.is-active{opacity:1 !important}
.hp-layout-switcher button.is-active::after{
  content:'';
  position:absolute;
  left:50%;bottom:-5px;
  width:8px;height:1px;
  background:currentColor;
  transform:translateX(-50%);
}
.hp-products__grid.is-reflowing{pointer-events:none}

/* Cart — remove the floating middle divider completely. */
.hp-cart-drawer .hp-cart-recs,
.hp-cart-drawer .hp-cart-recs:not([hidden]){
  border-top:0 !important;
  border-bottom:0 !important;
}
.hp-cart-drawer__body{border-bottom:0 !important;box-shadow:none !important}

/* Recommendations start closed. Navigation arrows exist only in the expanded state. */
.hp-cart-drawer .hp-cart-recs__nav{gap:4px !important}
.hp-cart-drawer .hp-cart-recs__nav > button:not(.hp-cart-recs__toggle){
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  padding:0 !important;
  border:1px solid var(--cart-line,var(--hp-cart-line,#d9d9d9)) !important;
  font-size:11px !important;
  line-height:1 !important;
  opacity:.72 !important;
  transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1) !important;
}
.hp-cart-drawer .hp-cart-recs__nav > button:not(.hp-cart-recs__toggle):hover{
  opacity:1 !important;transform:translateY(-1px);background: black !important;
}
.hp-cart-recs.is-collapsed .hp-cart-recs__nav > button:not(.hp-cart-recs__toggle){
  opacity:0 !important;
  transform:translateX(4px) scale(.84) !important;
  pointer-events:none !important;
  width:0 !important;
  min-width:0 !important;
  border-width:0 !important;
  overflow:hidden !important;
}
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle{
  width:12px !important;height:12px !important;min-width:12px !important;margin-right:0 !important
}
.hp-cart-recs__toggle span{width:6px !important;height:4px !important}
.hp-cart-recs__toggle span::before,.hp-cart-recs__toggle span::after{width:4px !important}

/* Restored footer: logo is intentionally the only content in the brand column. */
.hp-footer__brand--logo-only{display:flex !important;align-items:flex-start !important}
.hp-footer__brand--logo-only .hp-footer__brand-logo{margin:0 !important}
.hp-footer__brand--logo-only .hp-footer__brand-logo img{display:block;width:min(var(--footer-brand-logo-w,120px),100%) !important;height:auto !important}

@media(max-width:749px){
  .hp-layout-switcher button.is-active::after{bottom:-3px}
  .hp-cart-drawer .hp-cart-recs__nav > button:not(.hp-cart-recs__toggle){width:18px !important;height:18px !important;min-width:18px !important;font-size:10px !important}
  .hp-cart-recs.is-collapsed .hp-cart-recs__nav > button:not(.hp-cart-recs__toggle){width:0 !important;min-width:0 !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-16.css ===== */
/* HIDE PROJECT V21.16 — collection reflow + compact cart rec controls */

/* Keep filtered collection products tightly packed with the configured gap. */
.hp-collection-v9 .hp-products__grid{
  grid-template-columns:repeat(var(--prod-cols,5),minmax(0,1fr)) !important;
  column-gap:var(--prod-gap,10px) !important;
  row-gap:var(--prod-gap,10px) !important;
  align-items:start !important;
  align-content:start !important;
  height:auto !important;
  min-height:0 !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing{overflow:visible !important}
.hp-collection-v9 .hp-products__grid > .hp-product{will-change:transform,filter,opacity}

/* Cleaner active layout indicator. */
.hp-layout-switcher button.is-active::after{
  width:5px !important;height:5px !important;border-radius:50% !important;
  bottom:-7px !important;background:currentColor !important;
}

/* Whole recommendations title row toggles open/closed. */
.hp-cart-recs__head{cursor:pointer !important;user-select:none}
.hp-cart-recs__nav{cursor:default}

/* Tiny arrows only when expanded. */
.hp-cart-drawer .hp-cart-recs__nav > button:not(.hp-cart-recs__toggle){
  width:16px !important;height:16px !important;min-width:16px !important;
  font-size:9px !important;border-color:rgba(0,0,0,.28) !important;
}
.hp-cart-recs.is-collapsed .hp-cart-recs__nav > button:not(.hp-cart-recs__toggle){
  width:0 !important;min-width:0 !important;height:16px !important;
}

/* Right-side footer logo only; no DESIGNED BY copy. */
.hp-footer{position:relative !important}
.hp-footer__devrift--logo-only{
  position:absolute !important;right:var(--footer-pad,36px) !important;left:auto !important;
  bottom:22px !important;width:76px !important;line-height:0 !important;
  opacity:.66 !important;transform:none !important;transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1) !important;
}
.hp-footer__devrift--logo-only img{display:block !important;width:76px !important;height:auto !important}
.hp-footer__devrift--logo-only:hover{opacity:1 !important;transform:translateY(-1px) !important}

@media(max-width:749px){
  .hp-collection-v9 .hp-products__grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .hp-layout-switcher button.is-active::after{bottom:-5px !important}
  .hp-footer__devrift--logo-only{position:static !important;display:block !important;margin:24px 16px 0 auto !important;width:68px !important}
  .hp-footer__devrift--logo-only img{width:68px !important}
}

@media(prefers-reduced-motion:reduce){
  .hp-collection-v9 .hp-products__grid > .hp-product{will-change:auto}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-17.css ===== */
/* HIDE PROJECT V21.17 — collection source, clean media loading, mobile grid + sticky polish */

/* 1) Never expose the old black media surface while product images are decoding. */
.hp-product__image,
.hp-product__image.hp-image-loading,
.hp-search-result__image,
.hp-drawer-item__image,
.hp-cart-rec__image,
.hp-product-media.hp-image-loading{
  background:#f2f2f2 !important;
}

.hp-product__image.hp-image-loading img,
.hp-product-media.hp-image-loading img{
  opacity:0 !important;
  visibility:visible !important;
  filter:blur(8px) !important;
  transform:scale(1.01) !important;
}
.hp-product__image.hp-image-loaded img,
.hp-product-media.hp-image-loaded img{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}

/* Search and Ajax cart media should paint on the same neutral surface immediately. */
.hp-search-result,
.hp-search-result__image,
.hp-cart-rec,
.hp-cart-rec__image,
.hp-drawer-item__image{
  isolation:isolate;
}
.hp-search-result__image img,
.hp-drawer-item__image img,
.hp-cart-rec__image img{
  background:#f2f2f2 !important;
}

/* 2) Layout switcher active state = editorial underline, not a dot. */
.hp-layout-switcher button{position:relative !important}
.hp-layout-switcher button.is-active::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:-6px !important;
  width:15px !important;
  height:2px !important;
  border-radius:0 !important;
  background:currentColor !important;
  transform:translateX(-50%) !important;
  opacity:1 !important;
}

/* 3) Mobile collection grid follows the selected 3 / 4 / 5-column control. */
@media(max-width:749px){
  .hp-collection-v9 .hp-products__grid{
    grid-template-columns:repeat(var(--prod-cols,5),minmax(0,1fr)) !important;
    gap:var(--prod-gap,10px) !important;
  }
  .hp-layout-switcher{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
  }
  .hp-layout-switcher button[data-grid-cols="3"],
  .hp-layout-switcher button[data-grid-cols="4"],
  .hp-layout-switcher button[data-grid-cols="5"]{
    display:flex !important;
    width:25px !important;
    height:24px !important;
  }
  .hp-layout-switcher button.is-active::after{bottom:-4px !important}
}

/* 4) Mobile sticky clone: fixed dimensions and compositor layer to prevent iOS flicker. */
@media(max-width:749px){
  body > .hp-sticky-clone{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    transform:translateZ(0) !important;
    -webkit-transform:translateZ(0) !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
    contain:layout paint !important;
  }
}

/* 5) Kill the thin top flash during first paint, including pseudo-elements. */
#shopify-section-header,
#shopify-section-header::before,
#shopify-section-header::after,
#shopify-section-header .hp-header,
#shopify-section-header .hp-header::before,
#shopify-section-header .hp-header::after,
#shopify-section-header .hp-header__grid,
#shopify-section-header .hp-header__grid::before,
#shopify-section-header .hp-header__grid::after{
  border-top:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-product__image.hp-image-loading img,
  .hp-product-media.hp-image-loading img{
    filter:none !important;
    transform:none !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-18.css ===== */
/* =========================================================
   HIDE PROJECT V21.18
   Cart toggle hover / mobile 2-col / native mobile sticky / AJAX paging
   ========================================================= */

/* Cart recommendation disclosure chevron must never vanish on hover. */
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:hover,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:focus-visible{
  color:var(--cart-text,var(--hp-cart-text,#111)) !important;
  background:transparent !important;
  opacity:.82 !important;
  visibility:visible !important;
}
.hp-cart-drawer .hp-cart-recs__toggle span,
.hp-cart-drawer .hp-cart-recs__toggle:hover span{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}
.hp-cart-drawer .hp-cart-recs__toggle span::before,
.hp-cart-drawer .hp-cart-recs__toggle span::after,
.hp-cart-drawer .hp-cart-recs__toggle:hover span::before,
.hp-cart-drawer .hp-cart-recs__toggle:hover span::after{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  background:currentColor !important;
}

/* Two-column control is mobile-only. */
.hp-layout-switcher__mobile-two{display:none !important}
@media(max-width:749px){
  .hp-layout-switcher__mobile-two{
    display:flex !important;
    width:25px !important;
    height:24px !important;
  }
  .hp-collection-v9 .hp-products__grid{
    grid-template-columns:repeat(var(--prod-cols,5),minmax(0,1fr)) !important;
  }
}

/* Mobile: one native sticky header, no clone, no handoff animation. */
@media(max-width:900px){
  body > .hp-sticky-clone,
  html.hp-smooth-active body > .hp-sticky-clone{display:none !important}

  #shopify-section-header{
    position:relative !important;
    z-index:165 !important;
    background:var(--header-bg,#fff) !important;
  }
  #shopify-section-header .hp-header[data-hp-header].hp-header--sticky{
    position:sticky !important;
    position:-webkit-sticky !important;
    top:0 !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    z-index:165 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:none !important;
    animation:none !important;
    transition:none !important;
    will-change:auto !important;
    background:var(--header-bg,#fff) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  #shopify-section-header .hp-header[data-hp-header].hp-header--sticky .hp-header__grid{
    transform:none !important;
    filter:none !important;
    opacity:1 !important;
    animation:none !important;
    transition:none !important;
  }
}

/* Pagination swap: keep controls responsive while the old page dissolves. */
.hp-collection-v9.is-page-loading .hp-pagination{pointer-events:none;opacity:.45}
.hp-collection-v9 .hp-pagination{transition:opacity .18s ease}


/* ===== CONSOLIDATED FROM: hide-project-v21-19.css ===== */
/* =========================================================
   HIDE PROJECT V21.19
   Cart chevron lock / true mobile sticky / collection micro-nav / grid motion
   ========================================================= */

/* 1) Cart recommendations toggle — never let the chevron disappear on hover. */
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:hover,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:active,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:focus,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:focus-visible{
  display:grid !important;
  place-items:center !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
  color:var(--cart-text,var(--hp-cart-text,#111)) !important;
  background:transparent !important;
  border-color:transparent !important;
  transform:none !important;
  filter:none !important;
  box-shadow:none !important;
  mix-blend-mode:normal !important;
}
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle > span,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:hover > span,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:active > span{
  display:block !important;
  position:relative !important;
  width:8px !important;
  height:6px !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
  transform:none !important;
}
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle > span::before,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle > span::after,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:hover > span::before,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:hover > span::after,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:active > span::before,
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle:active > span::after{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  top:2px !important;
  width:5px !important;
  height:1px !important;
  opacity:1 !important;
  visibility:visible !important;
  background:var(--cart-text,var(--hp-cart-text,#111)) !important;
  filter:none !important;
}
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle > span::before{left:0 !important}
.hp-cart-drawer .hp-cart-recs__nav .hp-cart-recs__toggle > span::after{right:0 !important}

/* 2) Layout switcher — smooth tactile reflow. */
.hp-collection-v9 .hp-products__grid.is-reflowing{
  pointer-events:none !important;
  overflow:visible !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing > .hp-product{
  will-change:transform,opacity,filter !important;
  transition:none !important;
}
.hp-layout-switcher button.is-active::after{
  width:10px !important;
  height:1px !important;
  border-radius:999px !important;
}

/* 3) Mobile sticky header — make the SHOPIFY SECTION itself sticky.
      A sticky child is constrained by the short section wrapper and stops sticking. */
@media(max-width:900px){
  body > .hp-sticky-clone,
  html.hp-smooth-active body > .hp-sticky-clone{
    display:none !important;
  }

  #shopify-section-header{
    display:block !important;
    position:-webkit-sticky !important;
    position:sticky !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:999 !important;
    margin:0 !important;
    padding:0 !important;
    background:var(--header-bg,#fff) !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:translateZ(0) !important;
    filter:none !important;
    animation:none !important;
    transition:none !important;
    -webkit-backface-visibility:hidden !important;
    backface-visibility:hidden !important;
    isolation:isolate !important;
  }

  #shopify-section-header::before,
  #shopify-section-header::after{
    content:none !important;
    display:none !important;
  }

  #shopify-section-header .hp-header[data-hp-header],
  #shopify-section-header .hp-header[data-hp-header].hp-header--sticky{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    margin:0 !important;
    z-index:1 !important;
    background:var(--header-bg,#fff) !important;
    color:var(--header-fg,#111) !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:none !important;
    clip-path:none !important;
    animation:none !important;
    transition:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  #shopify-section-header .hp-header__grid{
    background:var(--header-bg,#fff) !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:none !important;
    animation:none !important;
    transition:none !important;
  }

  /* Keep the mobile-only 2-column option visible. */
  .hp-layout-switcher__mobile-two{display:flex !important}
}

/* 4) AJAX pagination: only the products/pager change, the page shell stays still. */
.hp-collection-v9.is-page-loading .hp-products__grid,
.hp-collection-v9.is-page-loading .hp-pagination{
  pointer-events:none !important;
}
.hp-collection-v9 .hp-pagination{
  min-height:18px;
  transition:opacity .2s ease !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-collection-v9 .hp-products__grid.is-reflowing > .hp-product{will-change:auto !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-20.css ===== */
/* =========================================================
   HIDE PROJECT V21.20
   Desktop sticky handoff + forced collection FLIP motion
   ========================================================= */

/* Desktop sticky clone must hand off instantly: no fade / slide / delayed visibility. */
@media(min-width:901px){
  body > .hp-sticky-clone,
  html.hp-smooth-active body > .hp-sticky-clone,
  body > .hp-sticky-clone.hp-header--slide,
  body > .hp-sticky-clone.hp-header--fade,
  body > .hp-sticky-clone.hp-header--blur,
  body > .hp-sticky-clone.hp-header--shrink,
  body > .hp-sticky-clone.hp-header--reveal,
  body > .hp-sticky-clone.hp-header--none{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    margin:0 !important;
    z-index:999 !important;
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    clip-path:none !important;
    pointer-events:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }

  body > .hp-sticky-clone.is-visible,
  html.hp-smooth-active body > .hp-sticky-clone.is-visible{
    transform:none !important;
    animation:none !important;
    transition:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}

/* Let JS own reflow motion. This also neutralizes legacy reveal transition delays. */
.hp-collection-v9 .hp-products__grid.is-reflowing > *{
  will-change:transform,opacity,filter !important;
  animation:none !important;
}


/* ===== CONSOLIDATED FROM: hide-project-v21-21.css ===== */
/* =========================================================
   HIDE PROJECT V21.21
   New arrivals radius + lighter layout switcher reflow
   ========================================================= */

/* Requested New Arrivals section radius. */
.hp-new-arrivals{
  border-radius:5px !important;
  overflow:hidden !important;
}

/* Keep collection reflow on the compositor: transforms only, no blur repaint. */
.hp-collection-v9 .hp-products__grid.is-reflowing{
  pointer-events:none !important;
  overflow:visible !important;
  contain:layout style !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing > .hp-product{
  will-change:transform,opacity !important;
  backface-visibility:hidden !important;
  -webkit-font-smoothing:antialiased;
  animation:none !important;
  filter:none !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image,
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image img{
  transition:none !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-collection-v9 .hp-products__grid.is-reflowing > .hp-product{
    will-change:auto !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-22.css ===== */
/* =========================================================
   HIDE PROJECT V21.22
   Adjustable New Arrivals radius + refined blur/reveal grid reflow
   + non-draggable imagery + faster product image reveal
   ========================================================= */

.hp-new-arrivals{
  border-radius:var(--new-arrivals-radius,5px) !important;
  overflow:hidden !important;
}

/* Treat imagery as part of the UI: no selection / ghost dragging. */
img,
picture,
.hp-logo__visual,
.hp-logo__image{
  -webkit-user-drag:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
img{ -webkit-touch-callout:none !important; }
.hp-logo__visual,
.hp-logo__visual img{
  pointer-events:none !important;
}
.hp-logo,
.hp-logo:hover,
.hp-logo:focus,
.hp-logo:active{
  transform:none !important;
}

/* Keep logo images non-draggable, but preserve the configured Logo 1 / Logo 2 animation. */

/* FLIP owns the movement. Disable competing legacy transitions only while reflowing. */
.hp-collection-v9 .hp-products__grid.is-reflowing{
  pointer-events:none !important;
  overflow:visible !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing > .hp-product{
  transition:none !important;
  animation:none !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  transform-origin:50% 50% !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image,
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image img{
  transition:none !important;
}

/* Product gallery: keep the same blur/reveal language, but reveal faster. */
.hp-product-page-v5 .hp-product-media.hp-image-loading img{
  opacity:.12 !important;
  filter:blur(5px) !important;
  transform:scale(1.006) !important;
}
.hp-product-page-v5 .hp-product-media.hp-image-loaded img{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:scale(1) !important;
  transition:opacity .26s ease, filter .32s cubic-bezier(.16,1,.3,1), transform .32s cubic-bezier(.16,1,.3,1) !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-product-page-v5 .hp-product-media.hp-image-loading img,
  .hp-product-page-v5 .hp-product-media.hp-image-loaded img{
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-24.css ===== */
/* =========================================================
   HIDE PROJECT V21.24
   Smooth layout blur/reveal + no ghost dragging + card quick add
   + consistent predictive-search reveal + refined close button
   ========================================================= */

/* Browser drag ghosts: links and artwork should feel like interface elements. */
a,
img{
  -webkit-user-drag:none !important;
}
a[draggable="true"],
img[draggable="true"]{
  -webkit-user-drag:none !important;
}

/* Collection layout reflow: FLIP owns card movement. Keep costly effects off
   the full card; the short blur/reveal runs only on the media layer. */
.hp-collection-v9 .hp-products__grid.is-reflowing{
  pointer-events:none !important;
  overflow:visible !important;
  contain:layout style !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing > .hp-product{
  will-change:transform,opacity !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  animation:none !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image{
  will-change:filter,opacity,transform;
  backface-visibility:hidden;
  transform:translateZ(0);
}

/* Clickable hover sizes / quick add. */
.hp-product__size[data-hp-card-quick-add]{
  cursor:pointer;
  position:relative;
  transition:opacity .16s ease, transform .16s cubic-bezier(.16,1,.3,1), background-color .16s ease, color .16s ease;
}
.hp-product__size[data-hp-card-quick-add]:hover,
.hp-product__size[data-hp-card-quick-add]:focus-visible{
  opacity:1 !important;
  transform:translateY(-1px);
  outline:none;
}
.hp-product__size[data-hp-card-quick-add].is-adding{
  opacity:.45 !important;
  pointer-events:none;
}
.hp-product__size[data-hp-card-quick-add].is-added{
  opacity:1 !important;
}
.hp-product__size.is-sold{
  cursor:not-allowed !important;
}

/* Predictive search: every result starts in the same blur state, including
   the first search. It is revealed only after its image is ready (or timeout). */
.hp-search-result{
  opacity:0 !important;
  filter:blur(8px) !important;
  transform:translate3d(0,7px,0) scale(.994) !important;
  transition:
    opacity .36s cubic-bezier(.16,1,.3,1) var(--hp-search-delay,0ms),
    filter .46s cubic-bezier(.16,1,.3,1) var(--hp-search-delay,0ms),
    transform .46s cubic-bezier(.16,1,.3,1) var(--hp-search-delay,0ms) !important;
}
.hp-search-result.is-revealed{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:translate3d(0,0,0) scale(1) !important;
}
.hp-search-result__image{
  background:transparent !important;
}
.hp-search-result__image img{
  display:block;
  opacity:1;
  transform:translateZ(0);
}

/* Refined icon-only close control. */
.hp-search-modal__head .hp-search-close{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  padding:0 !important;
  border:1px solid transparent !important;
  border-radius:50%;
  background:transparent !important;
  color:inherit !important;
  opacity:.72;
  transition:opacity .18s ease, border-color .18s ease, transform .22s cubic-bezier(.16,1,.3,1) !important;
}
.hp-search-modal__head .hp-search-close svg{
  width:14px;
  height:14px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.25;
  stroke-linecap:round;
}
.hp-search-modal__head .hp-search-close:hover,
.hp-search-modal__head .hp-search-close:focus-visible{
  opacity:1;
  border-color:rgba(255,255,255,.18) !important;
  transform:rotate(90deg);
  outline:none;
}

@media(prefers-reduced-motion:reduce){
  .hp-search-result,
  .hp-search-result.is-revealed{
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }
  .hp-search-modal__head .hp-search-close{
    transition:none !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-25.css ===== */
/* =========================================================
   HIDE PROJECT V21.25
   FLIP + Blur/Reveal layout polish / silent variant quick-add
   / variant underline / custom predictive-search clear control
   ========================================================= */

/* Layout switcher: transforms own movement; image pixels own blur/reveal. */
.hp-collection-v9 .hp-products__grid.is-reflowing{
  pointer-events:none !important;
  overflow:visible !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing > .hp-product{
  will-change:transform,opacity !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  animation:none !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image,
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image img{
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image img{
  will-change:filter,opacity,transform !important;
}

/* Product-card variants: small underline on hover/focus, not a boxed button. */
.hp-card-v10 .hp-product__size[data-hp-card-quick-add]{
  position:relative !important;
  cursor:pointer !important;
  padding-bottom:3px !important;
  transform:none !important;
  transition:opacity .16s ease !important;
}
.hp-card-v10 .hp-product__size[data-hp-card-quick-add]::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:10px;
  height:1px;
  background:currentColor;
  opacity:0;
  transform:translateX(-50%) scaleX(.25);
  transform-origin:center;
  transition:opacity .16s ease,transform .2s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.hp-card-v10 .hp-product__size[data-hp-card-quick-add]:hover::after,
.hp-card-v10 .hp-product__size[data-hp-card-quick-add]:focus-visible::after{
  opacity:.72;
  transform:translateX(-50%) scaleX(1);
}
.hp-card-v10 .hp-product__size[data-hp-card-quick-add]:focus-visible{
  outline:none !important;
}
.hp-card-v10 .hp-product__size[data-hp-card-quick-add].is-added::after{
  opacity:1;
  transform:translateX(-50%) scaleX(1.35);
}

/* Replace the browser's native search-field X with our own clear control. */
.hp-search-form{
  position:relative;
}
.hp-search-form input[type="search"]::-webkit-search-cancel-button,
.hp-search-form input[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
  appearance:none;
  display:none;
}
.hp-search-form input[type="search"]{
  padding-right:42px !important;
}
.hp-search-clear{
  position:absolute;
  right:96px;
  top:50%;
  width:28px;
  height:28px;
  padding:0 !important;
  border:0 !important;
  border-left:0 !important;
  background:transparent !important;
  color:inherit !important;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  opacity:.48;
  cursor:pointer;
  z-index:2;
  transition:opacity .16s ease,transform .18s cubic-bezier(.16,1,.3,1) !important;
}
.hp-search-clear svg{
  width:15px;
  height:15px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hp-search-clear:hover,
.hp-search-clear:focus-visible{
  opacity:1;
  transform:translateY(-50%) scale(1.06);
  outline:none;
}

@media(prefers-reduced-motion:reduce){
  .hp-card-v10 .hp-product__size[data-hp-card-quick-add]::after,
  .hp-search-clear{transition:none !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-26.css ===== */
/* =========================================================
   HIDE PROJECT V21.26
   Refined V21.20 grid FLIP + visible media Blur/Reveal
   + reliable card quick-add + conditional search clear
   + smooth cart item collapse
   ========================================================= */

/* Layout switcher: movement stays compositor-friendly; only media is blurred. */
.hp-collection-v9 .hp-products__grid.is-reflowing{
  pointer-events:none !important;
  overflow:visible !important;
  contain:layout style !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing > .hp-product{
  will-change:transform,opacity !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  animation:none !important;
  filter:none !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image{
  will-change:filter,opacity,transform !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  transform:translateZ(0);
}
/* Don't let legacy image hover/reveal transitions fight the temporary reflow. */
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image img{
  transition:none !important;
}

/* Product-card quick add is an interaction layered inside the product link. */
.hp-product__size[data-hp-card-quick-add]{
  position:relative !important;
  z-index:5 !important;
  cursor:pointer !important;
  touch-action:manipulation;
}

/* Search clear exists only while the field contains text. */
.hp-search-clear{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(-50%) scale(.88) !important;
}
.hp-search-clear.is-visible{
  opacity:.55 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(-50%) scale(1) !important;
}
.hp-search-clear.is-visible:hover,
.hp-search-clear.is-visible:focus-visible{
  opacity:1 !important;
  transform:translateY(-50%) scale(1.06) !important;
}

/* Removal animation owns the row while its height collapses so following items
   glide upward instead of jumping after cart.js re-renders. */
.hp-cart-drawer .hp-drawer-item.is-removing{
  pointer-events:none !important;
  will-change:height,opacity,filter,transform !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-collection-v9 .hp-products__grid.is-reflowing > .hp-product,
  .hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image,
  .hp-cart-drawer .hp-drawer-item.is-removing{
    will-change:auto !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-27.css ===== */
/* =========================================================
   HIDE PROJECT V21.27
   Guaranteed layout Blur + Reveal + cart-image Blur + Reveal
   ========================================================= */

/* The older builds contain several reveal/hover rules. During layout reflow,
   this final stylesheet owns the temporary state so none of them can cancel it. */
.hp-collection-v9 .hp-products__grid.is-reflowing{
  pointer-events:none !important;
  overflow:visible !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing > .hp-product{
  will-change:transform,opacity !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  animation:none !important;
  filter:none !important;
}

/* Blur lives on the media wrapper, not every image pixel independently. This
   keeps it visible while avoiding the heavy full-card repaint that caused lag. */
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image.hp-layout-blur-reveal{
  will-change:filter,opacity,transform !important;
  transform-origin:50% 50% !important;
  animation:hpLayoutBlurRevealV2127 430ms cubic-bezier(.16,1,.3,1) var(--hp-layout-reveal-delay,14ms) both !important;
}
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image.hp-layout-blur-reveal img{
  transition:none !important;
}
@keyframes hpLayoutBlurRevealV2127{
  0%{
    opacity:.48;
    filter:blur(9px);
    transform:translate3d(0,2px,0) scale(1.018);
  }
  45%{
    opacity:.82;
    filter:blur(3.5px);
  }
  100%{
    opacity:1;
    filter:blur(0);
    transform:translate3d(0,0,0) scale(1);
  }
}

/* Side cart product images: no hard cut when renderCart() replaces the markup. */
.hp-cart-drawer .hp-drawer-item__image{
  position:relative;
  overflow:hidden;
}
.hp-cart-drawer .hp-drawer-item__image img{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
}
.hp-cart-drawer .hp-drawer-item__image.hp-cart-image-loading img{
  opacity:0 !important;
  filter:blur(10px) !important;
  transform:translateZ(0) scale(1.025) !important;
  transition:none !important;
}
.hp-cart-drawer .hp-drawer-item__image.hp-cart-image-loaded img{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:translateZ(0) scale(1) !important;
  transition:
    opacity 360ms cubic-bezier(.16,1,.3,1) var(--hp-cart-image-delay,0ms),
    filter 440ms cubic-bezier(.16,1,.3,1) var(--hp-cart-image-delay,0ms),
    transform 440ms cubic-bezier(.16,1,.3,1) var(--hp-cart-image-delay,0ms) !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image.hp-layout-blur-reveal{
    animation:none !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
  }
  .hp-cart-drawer .hp-drawer-item__image.hp-cart-image-loading img,
  .hp-cart-drawer .hp-drawer-item__image.hp-cart-image-loaded img{
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-28.css ===== */
/* =========================================================
   HIDE PROJECT V21.28
   Layout switcher — clean glide + Blur / Reveal only
   ========================================================= */

.hp-collection-v9 .hp-products__grid.is-reflowing{
  pointer-events:none !important;
  overflow:visible !important;
}

/* Movement is handled only by FLIP transform in JS. Kill old reveal/scale
   rules during this very short reflow so they cannot fight the motion. */
.hp-collection-v9 .hp-products__grid.is-reflowing > .hp-product{
  animation:none !important;
  filter:none !important;
  opacity:1 !important;
  will-change:transform !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

/* Only visual effect during layout switching: Blur + Reveal.
   No zoom, no translate and no stagger. */
.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image.hp-layout-blur-reveal{
  animation:hpLayoutBlurRevealV2128 430ms cubic-bezier(.16,1,.3,1) both !important;
  will-change:filter,opacity !important;
  transform:none !important;
}

.hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image.hp-layout-blur-reveal img{
  transition:none !important;
  transform:none !important;
}

@keyframes hpLayoutBlurRevealV2128{
  0%{
    opacity:.38;
    filter:blur(7px);
  }
  38%{
    opacity:.72;
    filter:blur(3px);
  }
  100%{
    opacity:1;
    filter:blur(0);
  }
}

@media(prefers-reduced-motion:reduce){
  .hp-collection-v9 .hp-products__grid.is-reflowing .hp-product__image.hp-layout-blur-reveal{
    animation:none !important;
    opacity:1 !important;
    filter:none !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-29.css ===== */
/* =========================================================
   HIDE PROJECT V21.29
   Collection layout: smooth movement + Blur / Reveal only
   Search close: simple zoom hover (no rotation)
   ========================================================= */

.hp-collection-v9 .hp-products__grid.is-reflowing-v2129{
  pointer-events:none !important;
  overflow:visible !important;
}

/* Neutralize legacy reveal/reflow declarations while V21.29 controls the
   exact motion inline. No scale/keyframe/stagger is allowed here. */
.hp-collection-v9 .hp-products__grid.is-reflowing-v2129 > .hp-product{
  animation:none !important;
  filter:none !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

.hp-collection-v9 .hp-products__grid.is-reflowing-v2129 .hp-product__image{
  animation:none !important;
  transform:translateZ(0) !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

/* Override the older rotating close animation. Keep only a tiny zoom. */
.hp-search-modal__head .hp-search-close{
  transition:transform .20s cubic-bezier(.16,1,.3,1), opacity .18s ease !important;
}
.hp-search-modal__head .hp-search-close:hover,
.hp-search-modal__head .hp-search-close:focus-visible{
  transform:scale(1.12) !important;
  border-color:transparent !important;
}
.hp-search-modal__head .hp-search-close:active{
  transform:scale(.96) !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-search-modal__head .hp-search-close{
    transition:none !important;
  }
  .hp-search-modal__head .hp-search-close:hover,
  .hp-search-modal__head .hp-search-close:focus-visible,
  .hp-search-modal__head .hp-search-close:active{
    transform:none !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-30.css ===== */
/* =========================================================
   HIDE PROJECT V21.30
   Layout switcher: pure Blur + Reveal (Framer-inspired)
   ========================================================= */

/* During a layout switch, V21.30 owns the product reveal completely. */
.hp-collection-v9 .hp-products__grid.is-layout-blur-reveal-v2130{
  pointer-events:none !important;
}

.hp-collection-v9 .hp-products__grid.is-layout-blur-reveal-v2130 > .hp-product{
  animation:none !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  transform-origin:center bottom !important;
}

/* Older versions animated image/filter independently. Disable those competing
   declarations while the card-level V21.30 reveal is running. */
.hp-collection-v9 .hp-products__grid.is-layout-blur-reveal-v2130 .hp-product__image,
.hp-collection-v9 .hp-products__grid.is-layout-blur-reveal-v2130 .hp-product__image img{
  animation:none !important;
  transition:none !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-collection-v9 .hp-products__grid.is-layout-blur-reveal-v2130 > .hp-product{
    filter:none !important;
    transform:none !important;
    opacity:1 !important;
    transition:none !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-32.css ===== */
/* =========================================================
   HIDE PROJECT V21.32
   Layout morph polish + compact footer / smooth-scroll guard
   ========================================================= */

/* During a grid morph, remove old product reveal delays/animations so all cards
   truly run at one speed. JS owns the motion for this short state. */
.hp-collection-v9 .hp-products__grid > .hp-product{
  transform-origin:0 0;
}

/* Footer must size to content only. This also protects against older footer
   min-height rules when a collection grid changes height at runtime. */
#shopify-section-footer,
.shopify-section:has(> .hp-footer){
  min-height:0 !important;
  height:auto !important;
}
.hp-footer{
  min-height:0 !important;
  height:auto !important;
  padding-top:28px !important;
  padding-bottom:30px !important;
}
.hp-footer__inner{
  min-height:0 !important;
  height:auto !important;
  align-content:start !important;
}

@media (max-width:720px){
  .hp-footer{
    min-height:0 !important;
    height:auto !important;
    padding-top:28px !important;
    padding-bottom:22px !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-33.css ===== */
/* =========================================================
   HIDE PROJECT V21.33 — Focus Pull Reflow
   ========================================================= */

/* JS owns the short layout-switch motion. These declarations prevent older
   reveal rules from forcing filter/transform values while the WAAPI animation runs. */
.hp-collection-v9 .hp-products__grid > .hp-product{
  transform-origin:0 0;
  backface-visibility:hidden;
}
.hp-collection-v9 .hp-product__image{
  backface-visibility:hidden;
  transform-origin:50% 50%;
}

/* Keep the footer content-sized after grid height changes. */
#shopify-section-footer,
.shopify-section:has(> .hp-footer),
.hp-footer,
.hp-footer__inner{
  min-height:0 !important;
  height:auto !important;
}

@media (prefers-reduced-motion:reduce){
  .hp-collection-v9 .hp-products__grid > .hp-product,
  .hp-collection-v9 .hp-product__image{
    animation:none !important;
    transition:none !important;
    filter:none !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-34.css ===== */
/* =========================================================
   HIDE PROJECT V21.34 — Ordered Motion + Split Product Options
   ========================================================= */

/* Layout switch: the JS animation owns transform/filter during the short
   reflow. Keep rendering isolated so blur is visible without repainting the page. */
.hp-collection-v9 .hp-products__grid > .hp-product{
  transform-origin:0 0;
  backface-visibility:hidden;
  contain:layout paint style;
}
.hp-collection-v9 .hp-products__grid{
  isolation:isolate;
}

/* Product options — split Size / Color instead of rendering combined variants. */
.hp-product-page-v5 .hp-product-options{
  display:grid;
  gap:18px;
}
.hp-product-page-v5 .hp-product-option{
  margin:0;
  padding:0;
  border:0;
  min-width:0;
}
.hp-product-page-v5 .hp-product-option > legend{
  width:100%;
  padding:0;
  margin:0 0 9px;
}
.hp-product-page-v5 .hp-option-values{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.hp-product-page-v5 .hp-option-value{
  position:relative;
  display:block;
}
.hp-product-page-v5 .hp-option-value > input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.hp-product-page-v5 .hp-option-value__body{
  min-width:48px;
  height:36px;
  padding:0 13px;
  border:1px solid #343434;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#080808;
  color:#d6d6d6;
  font-size:9px;
  line-height:1;
  text-transform:uppercase;
  cursor:pointer;
  transition:border-color .22s ease,background .22s ease,color .22s ease,transform .22s cubic-bezier(.16,1,.3,1);
}
.hp-product-page-v5 .hp-option-value:hover .hp-option-value__body{
  border-color:#777;
  transform:translateY(-1px);
}
.hp-product-page-v5 .hp-option-value > input:checked + .hp-option-value__body{
  background:#ededeb;
  color:#080808;
  border-color:#ededeb;
}
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body{
  opacity:.28;
  text-decoration:line-through;
}

/* Industrial color chips: literal # + color name + material swatch. */
.hp-product-page-v5 .hp-color-values{
  gap:8px;
}
.hp-product-page-v5 .hp-color-chip__body{
  height:40px;
  min-width:112px;
  padding:0 9px 0 11px;
  border:1px solid #343434;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 18px;
  align-items:center;
  gap:7px;
  background:#080808;
  color:#d6d6d6;
  cursor:pointer;
  overflow:hidden;
  transition:border-color .22s ease,background .22s ease,color .22s ease,transform .22s cubic-bezier(.16,1,.3,1);
}
.hp-product-page-v5 .hp-color-chip:hover .hp-color-chip__body{
  border-color:#747474;
  transform:translateY(-1px);
}
.hp-product-page-v5 .hp-color-chip__hash{
  color:#666;
  font-size:10px;
  line-height:1;
  font-family:inherit;
}
.hp-product-page-v5 .hp-color-chip__name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.hp-product-page-v5 .hp-color-chip__swatch{
  width:18px;
  height:18px;
  border:1px solid rgba(255,255,255,.18);
  background:#777;
  background:var(--hp-swatch,#777);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
}
.hp-product-page-v5 .hp-color-chip > input:checked + .hp-color-chip__body{
  background:#ededeb;
  color:#080808;
  border-color:#ededeb;
}
.hp-product-page-v5 .hp-color-chip > input:checked + .hp-color-chip__body .hp-color-chip__hash{
  color:#777;
}
.hp-product-page-v5 .hp-color-chip > input:checked + .hp-color-chip__body .hp-color-chip__swatch{
  border-color:rgba(0,0,0,.2);
}
.hp-product-page-v5 .hp-color-chip.is-sold .hp-color-chip__body{
  opacity:.28;
}
.hp-product-page-v5 .hp-option-value > input:focus-visible + .hp-option-value__body,
.hp-product-page-v5 .hp-option-value > input:focus-visible + .hp-color-chip__body{
  outline:1px solid #aaa;
  outline-offset:2px;
}

/* Footer stays content-sized after large -> compact collection reflows. */
#shopify-section-footer,
.shopify-section:has(> .hp-footer),
.hp-footer,
.hp-footer__inner{
  min-height:0 !important;
  height:auto !important;
}

@media(max-width:720px){
  .hp-product-page-v5 .hp-color-chip__body{min-width:104px}
}

@media(prefers-reduced-motion:reduce){
  .hp-collection-v9 .hp-products__grid > .hp-product{
    animation:none !important;
    transition:none !important;
    filter:none !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-35.css ===== */
/* =========================================================
   HIDE PROJECT V21.35 — Clean Reflow + Compact Color Selector
   ========================================================= */

/* Keep the restored FLIP movement crisp and isolated. */
.hp-collection-v9 .hp-products__grid > .hp-product{
  transform-origin:0 0;
  backface-visibility:hidden;
}

/* Color options: compact technical swatches instead of oversized cards. */
.hp-product-page-v5 .hp-product-option--color{
  margin-top:2px;
}
.hp-product-page-v5 .hp-product-option--color > legend{
  margin-bottom:11px;
}
.hp-product-page-v5 .hp-color-values{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  align-items:center;
}
.hp-product-page-v5 .hp-color-chip{
  position:relative;
  display:block;
  min-width:0;
}
.hp-product-page-v5 .hp-color-chip__body{
  position:relative;
  min-width:0;
  height:28px;
  padding:0 0 6px;
  border:0 !important;
  background:transparent !important;
  color:#8b8b8b;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  cursor:pointer;
  overflow:visible;
  transform:none !important;
  transition:color .2s ease, opacity .2s ease !important;
}
.hp-product-page-v5 .hp-color-chip__body::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s cubic-bezier(.16,1,.3,1);
  opacity:.9;
}
.hp-product-page-v5 .hp-color-chip__swatch{
  order:0;
  width:12px;
  height:12px;
  flex:0 0 12px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  background:var(--hp-swatch,#777);
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.13), 0 0 0 1px rgba(255,255,255,.04);
  transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .2s ease;
}
.hp-product-page-v5 .hp-color-chip__hash{
  order:1;
  color:#555;
  font-size:9px;
  line-height:1;
  font-family:inherit;
  transition:color .2s ease;
}
.hp-product-page-v5 .hp-color-chip__name{
  order:2;
  font-size:9px;
  line-height:1;
  letter-spacing:.045em;
  text-transform:uppercase;
  color:inherit;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}
.hp-product-page-v5 .hp-color-chip:hover .hp-color-chip__body{
  color:#d8d8d8;
}
.hp-product-page-v5 .hp-color-chip:hover .hp-color-chip__swatch{
  transform:scale(1.12);
}
.hp-product-page-v5 .hp-color-chip > input:checked + .hp-color-chip__body{
  background:transparent !important;
  color:#f0f0ee !important;
  border:0 !important;
}
.hp-product-page-v5 .hp-color-chip > input:checked + .hp-color-chip__body::after{
  transform:scaleX(1);
}
.hp-product-page-v5 .hp-color-chip > input:checked + .hp-color-chip__body .hp-color-chip__hash{
  color:#f0f0ee;
}
.hp-product-page-v5 .hp-color-chip > input:checked + .hp-color-chip__body .hp-color-chip__swatch{
  transform:scale(1.08);
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.13), 0 0 0 2px #080808, 0 0 0 3px rgba(255,255,255,.48);
}
.hp-product-page-v5 .hp-color-chip.is-sold .hp-color-chip__body{
  opacity:.25;
}
.hp-product-page-v5 .hp-color-chip.is-sold .hp-color-chip__name{
  text-decoration:line-through;
  text-decoration-thickness:1px;
}
.hp-product-page-v5 .hp-color-chip > input:focus-visible + .hp-color-chip__body{
  outline:0;
}
.hp-product-page-v5 .hp-color-chip > input:focus-visible + .hp-color-chip__body::after{
  transform:scaleX(1);
}

/* Keep normal size/other option buttons untouched. */
.hp-product-page-v5 .hp-product-option:not(.hp-product-option--color) .hp-option-value__body{
  min-width:48px;
}

@media(max-width:720px){
  .hp-product-page-v5 .hp-color-values{gap:8px 14px}
  .hp-product-page-v5 .hp-color-chip__body{height:27px}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-37.css ===== */
/* =========================================================
   HIDE PROJECT V21.37 — Variant Style System
   ========================================================= */

/* Shared option cleanup */
.hp-product-page-v5 .hp-product-option--color,
.hp-product-page-v5 .hp-product-option--size{margin-top:2px}
.hp-product-page-v5 .hp-product-option--color > legend,
.hp-product-page-v5 .hp-product-option--size > legend{margin-bottom:12px}
.hp-product-page-v5 .hp-color-values,
.hp-product-page-v5 .hp-product-option--size .hp-option-values{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;
}
.hp-product-page-v5 .hp-color-chip__tag{
  font-size:10px;line-height:1;letter-spacing:.04em;text-transform:uppercase;
  white-space:nowrap;color:inherit;
}
.hp-product-page-v5 .hp-color-chip__swatch{
  width:11px;height:11px;flex:0 0 11px;border-radius:50%;
  background:var(--hp-swatch,#777);border:1px solid rgba(255,255,255,.28);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.16);
}

/* COLOR 01 — hashtag + dot (default) */
.hp-color-style--hashtag-dot .hp-color-chip__body{
  position:relative;height:28px;padding:0 0 6px;border:0!important;background:transparent!important;
  display:inline-flex;align-items:center;gap:8px;color:#7f7f7f;overflow:visible;
  transition:color .22s ease!important;
}
.hp-color-style--hashtag-dot .hp-color-chip__body:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.16,1,.3,1);
}
.hp-color-style--hashtag-dot .hp-color-chip:hover .hp-color-chip__body,
.hp-color-style--hashtag-dot .hp-color-chip>input:checked+.hp-color-chip__body{color:#f0f0ee!important}
.hp-color-style--hashtag-dot .hp-color-chip>input:checked+.hp-color-chip__body:after{transform:scaleX(1)}
.hp-color-style--hashtag-dot .hp-color-chip>input:checked+.hp-color-chip__body .hp-color-chip__swatch{
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),0 0 0 2px #060606,0 0 0 3px rgba(255,255,255,.45)
}

/* COLOR 02 — hashtag underline, intentionally text-led */
.hp-color-style--underline .hp-color-chip__body{
  position:relative;height:28px;padding:0 0 7px;border:0!important;background:transparent!important;
  display:inline-flex;align-items:center;color:#777;overflow:visible;transition:color .2s ease!important;
}
.hp-color-style--underline .hp-color-chip__swatch{display:none}
.hp-color-style--underline .hp-color-chip__body:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#eee;
  transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.16,1,.3,1)
}
.hp-color-style--underline .hp-color-chip:hover .hp-color-chip__body,
.hp-color-style--underline .hp-color-chip>input:checked+.hp-color-chip__body{color:#eee!important}
.hp-color-style--underline .hp-color-chip>input:checked+.hp-color-chip__body:after{transform:scaleX(1)}

/* COLOR 03 — compact industrial chip */
.hp-color-style--chip .hp-color-values{gap:8px}
.hp-color-style--chip .hp-color-chip__body{
  height:31px;padding:0 11px;border:1px solid #2c2c2c!important;background:#080808!important;
  display:inline-flex;align-items:center;gap:8px;color:#858585;transition:border-color .2s ease,color .2s ease,background .2s ease!important;
}
.hp-color-style--chip .hp-color-chip:hover .hp-color-chip__body{border-color:#5b5b5b!important;color:#ddd}
.hp-color-style--chip .hp-color-chip>input:checked+.hp-color-chip__body{border-color:#e9e9e6!important;background:#e9e9e6!important;color:#0b0b0b!important}
.hp-color-style--chip .hp-color-chip>input:checked+.hp-color-chip__body .hp-color-chip__swatch{border-color:rgba(0,0,0,.28)}

/* COLOR 04 — swatch + label */
.hp-color-style--swatch .hp-color-values{gap:12px 18px}
.hp-color-style--swatch .hp-color-chip__body{
  min-height:30px;padding:0;border:0!important;background:transparent!important;
  display:inline-flex;align-items:center;gap:9px;color:#777;transition:color .2s ease!important;
}
.hp-color-style--swatch .hp-color-chip__swatch{width:16px;height:16px;flex-basis:16px}
.hp-color-style--swatch .hp-color-chip:hover .hp-color-chip__body,
.hp-color-style--swatch .hp-color-chip>input:checked+.hp-color-chip__body{color:#eee!important}
.hp-color-style--swatch .hp-color-chip>input:checked+.hp-color-chip__body .hp-color-chip__swatch{
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #060606,0 0 0 3px #d8d8d4
}

/* SIZE 01 — technical underline */
.hp-size-style--technical .hp-product-option--size .hp-option-value__body{
  position:relative;min-width:34px;height:31px;padding:0 2px 7px;border:0!important;background:transparent!important;
  display:flex;align-items:flex-end;justify-content:center;color:#777;font-size:10px;letter-spacing:.06em;
  transition:color .2s ease!important;
}
.hp-size-style--technical .hp-product-option--size .hp-option-value__body:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#eee;
  transform:scaleX(.22);opacity:.38;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s ease;
}
.hp-size-style--technical .hp-product-option--size .hp-option-value:hover .hp-option-value__body{color:#ddd}
.hp-size-style--technical .hp-product-option--size .hp-option-value>input:checked+.hp-option-value__body{color:#eee!important}
.hp-size-style--technical .hp-product-option--size .hp-option-value>input:checked+.hp-option-value__body:after{transform:scaleX(1);opacity:1}

/* SIZE 02 — soft pill */
.hp-size-style--pill .hp-product-option--size .hp-option-values{gap:8px}
.hp-size-style--pill .hp-product-option--size .hp-option-value__body{
  min-width:46px;height:31px;padding:0 13px;border:1px solid #303030!important;border-radius:999px;
  background:transparent!important;display:flex;align-items:center;justify-content:center;color:#888;font-size:10px;
  transition:border-color .2s ease,color .2s ease,background .2s ease!important;
}
.hp-size-style--pill .hp-product-option--size .hp-option-value:hover .hp-option-value__body{border-color:#666!important;color:#ddd}
.hp-size-style--pill .hp-product-option--size .hp-option-value>input:checked+.hp-option-value__body{background:#ececea!important;border-color:#ececea!important;color:#080808!important}

/* SIZE 03 — compact box */
.hp-size-style--boxed .hp-product-option--size .hp-option-values{gap:6px}
.hp-size-style--boxed .hp-product-option--size .hp-option-value__body{
  min-width:44px;height:34px;padding:0 10px;border:1px solid #343434!important;background:#080808!important;
  display:flex;align-items:center;justify-content:center;color:#818181;font-size:10px;
  transition:border-color .2s ease,color .2s ease!important;
}
.hp-size-style--boxed .hp-product-option--size .hp-option-value:hover .hp-option-value__body{border-color:#696969!important;color:#ddd}
.hp-size-style--boxed .hp-product-option--size .hp-option-value>input:checked+.hp-option-value__body{border-color:#eee!important;color:#eee!important}

/* SIZE 04 — editorial index */
.hp-size-style--index .hp-product-option--size .hp-option-values{gap:4px 20px}
.hp-size-style--index .hp-product-option--size .hp-option-value__body{
  position:relative;min-width:0;height:28px;padding:0 0 0 13px;border:0!important;background:transparent!important;
  display:flex;align-items:center;color:#777;font-size:10px;letter-spacing:.08em;
  transition:color .2s ease!important;
}
.hp-size-style--index .hp-product-option--size .hp-option-value__body:before{
  content:"";position:absolute;left:0;top:50%;width:5px;height:1px;background:#555;transition:width .25s cubic-bezier(.16,1,.3,1),background .2s ease;
}
.hp-size-style--index .hp-product-option--size .hp-option-value:hover .hp-option-value__body{color:#ddd}
.hp-size-style--index .hp-product-option--size .hp-option-value>input:checked+.hp-option-value__body{color:#eee!important}
.hp-size-style--index .hp-product-option--size .hp-option-value>input:checked+.hp-option-value__body:before{width:9px;background:#eee}

/* Sold / unavailable states — visible, editorial and intentionally quiet. */
.hp-product-page-v5 .hp-option-value.is-sold{position:relative;cursor:not-allowed!important}
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body{
  opacity:.46!important;color:#6e6e6e!important;cursor:not-allowed!important;
}
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body:before,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body:before{
  content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.34);
  transform:translateY(-50%) rotate(-8deg);transform-origin:center;pointer-events:none;z-index:2;
}
.hp-product-page-v5 .hp-option-value.is-sold:after{
  content:"SOLD";position:absolute;right:-3px;top:-8px;font-size:6px;line-height:1;letter-spacing:.12em;
  color:#8a8a8a;background:#050505;padding:2px 3px;pointer-events:none;z-index:3;
}
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__swatch{
  filter:grayscale(1);opacity:.5;
}
.hp-product-page-v5 .hp-option-value>input:focus-visible + span{outline:1px solid rgba(255,255,255,.7);outline-offset:3px}

@media(max-width:720px){
  .hp-product-page-v5 .hp-color-values,
  .hp-product-page-v5 .hp-product-option--size .hp-option-values{gap:8px 12px}
  .hp-size-style--pill .hp-product-option--size .hp-option-value__body{min-width:42px;padding:0 11px}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-38.css ===== */
/* =========================================================
   HIDE PROJECT V21.38 — deterministic variant stock states
   ========================================================= */

/* Make Shopify sold-out state unmistakable without making the UI loud. */
.hp-product-page-v5 .hp-option-value.is-sold{
  position:relative!important;
  cursor:not-allowed!important;
}
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body{
  opacity:.38!important;
  color:#666!important;
  cursor:not-allowed!important;
}
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body::after,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body::after{
  content:"SOLD OUT";
  display:inline-flex;
  align-items:center;
  margin-left:8px;
  font-size:6px;
  line-height:1;
  letter-spacing:.14em;
  color:#777;
  white-space:nowrap;
}
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body::before,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:50%!important;
  height:1px!important;
  background:rgba(255,255,255,.28)!important;
  transform:translateY(-50%) rotate(-7deg)!important;
  transform-origin:center!important;
  pointer-events:none!important;
  z-index:3!important;
}
/* Remove the tiny legacy floating SOLD badge; inline SOLD OUT is clearer. */
.hp-product-page-v5 .hp-option-value.is-sold::after{content:none!important}
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__swatch{
  filter:grayscale(1) contrast(.8)!important;
  opacity:.35!important;
}

/* A combination that literally does not exist should be quieter than sold out. */
.hp-product-page-v5 .hp-option-value.is-unavailable:not(.is-sold){
  opacity:.22!important;
  cursor:not-allowed!important;
}
.hp-product-page-v5 .hp-option-value.is-unavailable:not(.is-sold) .hp-option-value__body,
.hp-product-page-v5 .hp-option-value.is-unavailable:not(.is-sold) .hp-color-chip__body{
  cursor:not-allowed!important;
}


/* ===== CONSOLIDATED FROM: hide-project-v21-39.css ===== */
/* =========================================================
   HIDE PROJECT V21.39 — option UX + unified page transition
   ========================================================= */

/* ---------- Variant picker: nothing pre-selected ---------- */
.hp-product-page-v5 .hp-product-add[data-awaiting-options="true"]{
  cursor:not-allowed!important;
  opacity:.62!important;
  letter-spacing:.045em;
}

/* ---------- SOLD OUT: cleaner editorial treatment ---------- */
/* Remove the old long strike-through treatment entirely. */
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body::before,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body::before{
  content:none!important;
  display:none!important;
}
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body{
  opacity:1!important;
  color:#484848!important;
  cursor:not-allowed!important;
}

/* COLOR sold-out: keep #COLOR readable; mark stock only at the swatch + micro OUT label. */
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold{
  opacity:1!important;
}
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__tag{
  color:#3e3e3e!important;
  text-decoration:none!important;
}
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body::after{
  content:"OUT"!important;
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  height:auto!important;
  margin:0 0 0 7px!important;
  padding:0!important;
  background:transparent!important;
  color:#555!important;
  font-size:6px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  transform:none!important;
  opacity:1!important;
  white-space:nowrap!important;
}
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold::after{
  content:none!important;
}
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__swatch{
  position:relative!important;
  opacity:.42!important;
  filter:saturate(.25) brightness(.78)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__swatch::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:130%;height:1px;
  background:rgba(220,220,220,.42);
  transform:translate(-50%,-50%) rotate(-42deg);
  transform-origin:center;
  pointer-events:none;
}

/* SIZE sold-out: keep the size itself visible, add a tiny / OUT status instead of crossing everything out. */
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold{
  opacity:1!important;
}
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold .hp-option-value__body{
  color:#454545!important;
  text-decoration:none!important;
}
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold::after{
  content:"OUT"!important;
  position:absolute!important;
  left:100%!important;
  right:auto!important;
  top:50%!important;
  margin-left:5px!important;
  padding:0!important;
  background:transparent!important;
  color:#4f4f4f!important;
  font-size:6px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
  white-space:nowrap!important;
}

/* ---------- Size hover: micro placeholder, no jumping ---------- */
.hp-product-page-v5 .hp-product-option--size .hp-size-chip{
  position:relative!important;
  transform:none!important;
  translate:none!important;
  top:auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
  vertical-align:middle!important;
}
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:hover,
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:focus-within{
  transform:none!important;
  translate:none!important;
  top:auto!important;
}
.hp-product-page-v5 .hp-product-option--size .hp-size-chip .hp-option-value__body,
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:hover .hp-option-value__body,
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:focus-within .hp-option-value__body{
  transform:none!important;
  translate:none!important;
  top:auto!important;
}
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:not(.is-sold):not(.is-unavailable)::after{
  content:"SELECT " attr(data-option-label);
  position:absolute;
  left:50%;
  bottom:calc(100% + 8px);
  z-index:8;
  padding:4px 6px;
  border:1px solid #242424;
  background:#090909;
  color:#777;
  font-size:6px;
  line-height:1;
  letter-spacing:.13em;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,3px);
  transition:opacity .16s ease, transform .18s cubic-bezier(.16,1,.3,1), visibility 0s linear .18s;
}
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:not(.is-sold):not(.is-unavailable):hover::after,
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:not(.is-sold):not(.is-unavailable):focus-within::after{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
  transition-delay:0s;
}

/* Keep unavailable combinations quiet but clearly disabled. */
.hp-product-page-v5 .hp-option-value.is-unavailable:not(.is-sold){
  opacity:.20!important;
}

/* ---------- Page transition: the sticky clone leaves WITH the whole page ---------- */
html[data-page-transition-enabled="true"] body > .hp-sticky-clone{
  transition:
    opacity var(--hp-page-transition-duration,400ms) ease,
    transform var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1),
    filter var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1)!important;
  transform-origin:center top!important;
}
html.hp-page-leaving[data-page-transition="fade"] body > .hp-sticky-clone{
  opacity:0!important;
  pointer-events:none!important;
}
html.hp-page-leaving[data-page-transition="slide-up"] body > .hp-sticky-clone{
  opacity:0!important;
  transform:translate3d(0,12px,0)!important;
  pointer-events:none!important;
}
html.hp-page-leaving[data-page-transition="blur"] body > .hp-sticky-clone{
  opacity:0!important;
  filter:blur(8px)!important;
  pointer-events:none!important;
}
html.hp-page-leaving[data-page-transition="blur-reveal"] body > .hp-sticky-clone{
  opacity:0!important;
  transform:translate3d(0,8px,0) scale(.992)!important;
  filter:blur(10px)!important;
  pointer-events:none!important;
}

@media(max-width:720px){
  .hp-product-page-v5 .hp-product-option--size .hp-size-chip:not(.is-sold):not(.is-unavailable)::after{
    display:none;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-40.css ===== */
/* =========================================================
   HIDE PROJECT V21.40 — sold-out label cleanup + stable size hover
   ========================================================= */

/* Remove every legacy inline OUT / SOLD marker and strike-through. */
.hp-product-page-v5 .hp-option-value.is-sold::after,
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body::after,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body::after,
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body::before,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body::before,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__swatch::after{
  content:none!important;
  display:none!important;
}

/* SOLD OUT sits above the exact size / color option, nothing else. */
.hp-product-page-v5 .hp-option-value.is-sold{
  position:relative!important;
  opacity:1!important;
  cursor:not-allowed!important;
}
.hp-product-page-v5 .hp-option-value.is-sold::before{
  content:"SOLD OUT"!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:-14px!important;
  width:max-content!important;
  max-width:none!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#666!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  opacity:1!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  z-index:6!important;
}

/* Keep sold-out choices readable but clearly inactive. */
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__tag{
  opacity:1!important;
  color:#4a4a4a!important;
  text-decoration:none!important;
}
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__swatch{
  opacity:.35!important;
  filter:grayscale(1) saturate(.1) brightness(.72)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}

/* Remove the size hover placeholder completely and keep the option fixed. */
.hp-product-page-v5 .hp-product-option--size .hp-size-chip::after,
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:hover::after,
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:focus-within::after{
  content:none!important;
  display:none!important;
}
.hp-product-page-v5 .hp-product-option--size .hp-size-chip,
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:hover,
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:focus-within,
.hp-product-page-v5 .hp-product-option--size .hp-size-chip .hp-option-value__body,
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:hover .hp-option-value__body,
.hp-product-page-v5 .hp-product-option--size .hp-size-chip:focus-within .hp-option-value__body{
  transform:none!important;
  translate:none!important;
  top:auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Slightly more breathing room so SOLD OUT never collides with the legend. */
.hp-product-page-v5 .hp-product-option--size .hp-option-values,
.hp-product-page-v5 .hp-product-option--color .hp-option-values{
  padding-top:10px!important;
}


/* ===== CONSOLIDATED FROM: hide-project-v21-41.css ===== */
/* =========================================================
   HIDE PROJECT V21.41 — sold-out label precision fix
   ========================================================= */

/* Kill every legacy OUT marker with selectors strong enough to beat v21.39. */
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body::after,
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold::after,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold::after{
  content:none!important;
  display:none!important;
}

/* Do not use the outer option node for the sold label anymore. */
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold::before,
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold::before{
  content:none!important;
  display:none!important;
}

/* Anchor SOLD OUT to the visible option itself so it sits exactly above it. */
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body,
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold .hp-option-value__body{
  position:relative!important;
}

.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body::before,
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold .hp-option-value__body::before{
  content:"SOLD OUT"!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:-18px!important;
  right:auto!important;
  bottom:auto!important;
  width:max-content!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#666!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  opacity:1!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  z-index:20!important;
}

/* Keep the sold option visually quiet, with no extra words/strikes. */
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body,
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold .hp-option-value__body{
  text-decoration:none!important;
}


/* ===== CONSOLIDATED FROM: hide-project-v21-42.css ===== */
/* HIDE PROJECT V21.42 — mega navigation + motion polish */

/* Cart close: no rotation / transform animation at all. */
.hp-cart-drawer .hp-cart-x,
.hp-cart-drawer .hp-cart-x:hover,
.hp-cart-drawer .hp-cart-x:active,
.hp-cart-drawer .hp-cart-x:focus{
  transform:none !important;
  transition:opacity .16s ease !important;
}

/* Recommendations: eliminate the expensive blur repaint on first expansion. */
.hp-cart-drawer .hp-cart-recs__viewport{
  filter:none !important;
  transform:none !important;
  will-change:max-height,opacity;
  contain:layout paint;
  transition:max-height .44s cubic-bezier(.16,1,.3,1), opacity .2s ease !important;
}
.hp-cart-drawer .hp-cart-recs.is-collapsed .hp-cart-recs__viewport{
  filter:none !important;
  transform:none !important;
}
.hp-cart-drawer .hp-cart-rec,
.hp-cart-drawer .hp-cart-rec__image,
.hp-cart-drawer .hp-cart-rec__image img{
  backface-visibility:hidden;
}

/* Collection filter — JS drives measured height; CSS only provides stable surfaces. */
.hp-collection-action.hp-filter-trigger{
  position:relative;
  transition:opacity .2s ease !important;
}
.hp-filter-trigger__icon i{
  transition:transform .38s cubic-bezier(.16,1,.3,1), opacity .22s ease !important;
  transform-origin:center;
}
.hp-filter-trigger.is-open .hp-filter-trigger__icon i:nth-child(1){transform:translateX(3px)}
.hp-filter-trigger.is-open .hp-filter-trigger__icon i:nth-child(2){transform:translateX(-3px)}
.hp-filter-trigger.is-open .hp-filter-trigger__icon i:nth-child(3){transform:translateX(3px)}
.hp-filter-panel{
  height:0;
  max-height:none !important;
  opacity:0;
  overflow:hidden !important;
  transform:translate3d(0,-6px,0);
  transition:none !important;
  will-change:height,opacity,transform;
}
.hp-filter-panel.is-open{
  max-height:none !important;
  padding-bottom:18px;
}

/* Desktop mega navigation */
.hp-nav__mega-trigger{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:var(--menu-size);
  letter-spacing:.01em;
  text-transform:uppercase;
  cursor:pointer;
}
.hp-nav__mega-trigger.is-active{opacity:.42}

.hp-mega{
  position:fixed;
  z-index:168;
  top:var(--hp-header-live-height, var(--header-h,42px));
  left:0;
  right:0;
  background:#fff;
  color:#111;
  border-top:1px solid #d7d7d7;
  border-bottom:1px solid #cfcfcf;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,-8px,0);
  transition:opacity .22s ease, transform .4s cubic-bezier(.16,1,.3,1), visibility .4s;
  box-shadow:0 18px 40px rgba(0,0,0,.06);
}
.hp-mega.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}
.hp-mega__panel{
  display:grid;
  grid-template-columns:minmax(520px,1fr) minmax(420px,1fr);
  min-height:320px;
  max-height:min(650px,calc(100dvh - 90px));
  overflow:hidden;
}
.hp-mega__nav{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  align-content:start;
  border-right:1px solid #d7d7d7;
}
.hp-mega__column{
  min-height:100%;
  padding:22px 20px 30px;
  border-right:1px solid #d7d7d7;
}
.hp-mega__column:last-child{border-right:0}
.hp-mega__heading,
.hp-mega__link{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  color:#111;
  text-decoration:none;
  text-transform:uppercase;
  font-size:10px;
  line-height:1.22;
}
.hp-mega__heading{margin-bottom:28px;font-weight:500}
.hp-mega__links{display:grid;gap:15px}
.hp-mega__link--solo{margin-bottom:15px}
.hp-mega__heading small,
.hp-mega__link small{
  flex:0 0 auto;
  font-size:9px;
  color:#111;
  font-weight:400;
}
.hp-mega__preview-link{
  transition:opacity .18s ease;
}
.hp-mega__preview-link:hover,
.hp-mega__preview-link.is-active{opacity:.36}
.hp-mega__preview{
  position:relative;
  min-width:0;
  background:#f2f2f2;
  overflow:hidden;
}
.hp-mega__preview-set{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:end;
  gap:0;
  opacity:0;
}
.hp-mega__preview-set.is-active{
  opacity:1;
  animation:hpMegaPreviewIn .48s cubic-bezier(.16,1,.3,1) both;
}
.hp-mega__product{
  min-width:0;
  color:#111;
  text-decoration:none;
  padding:22px 10px 14px;
}
.hp-mega__product-media{
  aspect-ratio:.82;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.hp-mega__product-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
  transform:translateZ(0);
}
.hp-mega__product > span{
  display:block;
  margin-top:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8px;
  text-transform:uppercase;
  opacity:.72;
}
.hp-mega__preview-empty{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:9px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#969696;
}
@keyframes hpMegaPreviewIn{
  from{opacity:0;filter:blur(8px);transform:translate3d(0,8px,0)}
  to{opacity:1;filter:blur(0);transform:none}
}

@media(max-width:899px){
  .hp-mega{display:none !important}
}
@media(prefers-reduced-motion:reduce){
  .hp-mega,.hp-mega__preview-set,.hp-cart-recs__viewport,.hp-filter-trigger__icon i{transition:none !important;animation:none !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-43.css ===== */
/* HIDE PROJECT V21.43 — smooth drawers, 5-column mega, persistent transition header */

/* Cart close is completely static; no spin/zoom/translate. */
.hp-cart-drawer .hp-cart-x,
.hp-cart-drawer .hp-cart-x:hover,
.hp-cart-drawer .hp-cart-x:active,
.hp-cart-drawer .hp-cart-x:focus,
.hp-cart-drawer .hp-cart-x:focus-visible{
  transform:none !important;
  animation:none !important;
  transition:opacity .14s linear !important;
}

/* YOU MAY ALSO LIKE — grid-row interpolation is smoother than max-height,
   especially on the first expansion when recommendation images are new. */
.hp-cart-drawer .hp-cart-recs__viewport{
  display:grid !important;
  grid-template-rows:1fr;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  overflow:hidden !important;
  contain:none !important;
  will-change:grid-template-rows,opacity;
  transition:grid-template-rows .52s cubic-bezier(.16,1,.3,1),opacity .26s ease !important;
}
.hp-cart-drawer .hp-cart-recs__track{
  min-height:0 !important;
  overflow-y:hidden !important;
}
.hp-cart-drawer .hp-cart-recs.is-collapsed .hp-cart-recs__viewport{
  grid-template-rows:0fr;
  max-height:none !important;
  opacity:0 !important;
  filter:none !important;
  transform:none !important;
  pointer-events:none !important;
}
.hp-cart-drawer .hp-cart-recs:not(.is-collapsed) .hp-cart-recs__viewport{
  grid-template-rows:1fr;
  opacity:1 !important;
}

/* Collection filter — no measured pixel-height animation. */
.hp-filter-panel{
  display:grid !important;
  grid-template-rows:0fr;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  opacity:0 !important;
  overflow:hidden !important;
  transform:translate3d(0,-5px,0) !important;
  padding-bottom:0 !important;
  will-change:grid-template-rows,opacity,transform;
  transition:grid-template-rows .48s cubic-bezier(.16,1,.3,1),opacity .25s ease,transform .44s cubic-bezier(.16,1,.3,1),padding-bottom .44s cubic-bezier(.16,1,.3,1) !important;
}
.hp-filter-panel__inner{
  min-height:0 !important;
  overflow:hidden !important;
}
.hp-filter-panel.is-open{
  grid-template-rows:1fr;
  opacity:1 !important;
  transform:none !important;
  padding-bottom:18px !important;
}
.hp-collection-action.hp-filter-trigger{transform:none !important}

/* Mega menu: exactly five navigation columns before the product preview. */
@media(min-width:900px){
  .hp-mega__panel{
    grid-template-columns:minmax(0,2.35fr) minmax(340px,1fr) !important;
  }
  .hp-mega__nav{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    width:100%;
  }
  .hp-mega__column{
    min-width:0;
    padding:22px 20px 30px !important;
  }
  .hp-mega__heading{
    cursor:default !important;
    user-select:none;
    pointer-events:none;
  }
}
.hp-mega__preview-empty{display:none !important}
.hp-mega__preview-link.is-active{opacity:.36}

/* Keep the sticky header visible during page-out transition while allowing
   the same motion language (slide/blur) to pass through it. */
html[data-page-transition-enabled="true"] body > .hp-sticky-clone.hp-transition-hold{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:none !important;
}
html.hp-page-leaving[data-page-transition="fade"] body > .hp-sticky-clone.hp-transition-hold{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}
html.hp-page-leaving[data-page-transition="slide-up"] body > .hp-sticky-clone.hp-transition-hold{
  opacity:1 !important;
  transform:translate3d(0,12px,0) !important;
}
html.hp-page-leaving[data-page-transition="blur"] body > .hp-sticky-clone.hp-transition-hold{
  opacity:1 !important;
  filter:blur(8px) !important;
}
html.hp-page-leaving[data-page-transition="blur-reveal"] body > .hp-sticky-clone.hp-transition-hold{
  opacity:1 !important;
  transform:translate3d(0,8px,0) scale(.992) !important;
  filter:blur(10px) !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-cart-drawer .hp-cart-recs__viewport,
  .hp-filter-panel{transition:none !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-44.css ===== */
/* HIDE PROJECT V21.44 — reference-like mega hover + unified page exit */

/* Mega menu headings are labels, never interactive controls. */
@media(min-width:900px){
  .hp-mega__heading,
  .hp-mega__heading *{
    pointer-events:none !important;
    cursor:default !important;
    text-decoration:none !important;
  }

  /* Five fixed navigation columns, then the preview region — matching the
     reference menu structure without allowing a sixth column to wrap. */
  .hp-mega__panel{
    grid-template-columns:minmax(760px,50%) minmax(0,50%) !important;
  }
  .hp-mega__nav{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-auto-flow:column !important;
    grid-auto-columns:minmax(0,1fr) !important;
    align-content:stretch !important;
    width:100% !important;
    min-width:0 !important;
  }
  .hp-mega__column{
    grid-row:1 !important;
    min-width:0 !important;
    height:100% !important;
  }
}

/* A collection is active only while it is actually hovered/focused. */
.hp-mega__preview-link.is-active{opacity:.36}
.hp-mega__preview-link:not(.is-active){opacity:1}

/* No placeholder panel/text when nothing is hovered. */
.hp-mega__preview-empty{display:none !important}
.hp-mega__preview:has(.hp-mega__preview-set[hidden]){}

/* Restore the original unified page transition: sticky desktop header exits
   at the same time, duration and visual language as the rest of the page. */
html[data-page-transition-enabled="true"] body > .hp-sticky-clone{
  transition:
    opacity var(--hp-page-transition-duration,400ms) ease,
    transform var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1),
    filter var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1) !important;
  transform-origin:center top !important;
}
html.hp-page-leaving[data-page-transition="fade"] body > .hp-sticky-clone{
  opacity:0 !important;
  pointer-events:none !important;
}
html.hp-page-leaving[data-page-transition="slide-up"] body > .hp-sticky-clone{
  opacity:0 !important;
  transform:translate3d(0,12px,0) !important;
  pointer-events:none !important;
}
html.hp-page-leaving[data-page-transition="blur"] body > .hp-sticky-clone{
  opacity:0 !important;
  filter:blur(8px) !important;
  pointer-events:none !important;
}
html.hp-page-leaving[data-page-transition="blur-reveal"] body > .hp-sticky-clone{
  opacity:0 !important;
  transform:translate3d(0,8px,0) scale(.992) !important;
  filter:blur(10px) !important;
  pointer-events:none !important;
}

/* V21.43's hold class is intentionally neutralized if an old cached script
   ever leaves it behind. */
html.hp-page-leaving body > .hp-sticky-clone.hp-transition-hold{
  visibility:visible !important;
}
html.hp-page-leaving[data-page-transition="fade"] body > .hp-sticky-clone.hp-transition-hold,
html.hp-page-leaving[data-page-transition="slide-up"] body > .hp-sticky-clone.hp-transition-hold,
html.hp-page-leaving[data-page-transition="blur"] body > .hp-sticky-clone.hp-transition-hold,
html.hp-page-leaving[data-page-transition="blur-reveal"] body > .hp-sticky-clone.hp-transition-hold{
  opacity:0 !important;
}


/* ===== CONSOLIDATED FROM: hide-project-v21-45.css ===== */
/* HIDE PROJECT V21.45 — clean mega preview + editorial mobile navigation */

/* Desktop collection preview: white canvas, edge-to-edge product imagery, no captions. */
@media (min-width:900px){
  .hp-mega__preview{background:#fff !important}
  .hp-mega__preview-set{
    gap:0 !important;
    column-gap:0 !important;
    row-gap:0 !important;
  }
  .hp-mega__product{
    padding:0 !important;
    margin:0 !important;
    display:block !important;
    overflow:hidden;
  }
  .hp-mega__product > span{display:none !important}
  .hp-mega__product-media{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    aspect-ratio:auto !important;
    background:#fff !important;
  }
  .hp-mega__product-media img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    display:block !important;
  }

  /* Entrance and exit share the same blur/reveal visual language. */
  .hp-mega__preview-set{
    opacity:0;
    filter:blur(10px);
    transform:translate3d(0,10px,0);
    transition:
      opacity .32s ease,
      filter .46s cubic-bezier(.16,1,.3,1),
      transform .46s cubic-bezier(.16,1,.3,1) !important;
    will-change:opacity,filter,transform;
  }
  .hp-mega__preview-set.is-active{
    opacity:1 !important;
    filter:blur(0) !important;
    transform:translate3d(0,0,0) !important;
    animation:none !important;
  }
  .hp-mega__preview-set.is-leaving{
    opacity:0 !important;
    filter:blur(9px) !important;
    transform:translate3d(0,7px,0) !important;
    pointer-events:none !important;
  }
}

/* Mobile menu — full-screen editorial directory. */
@media (max-width:899px){
  .hp-mobile{
    padding:0 !important;
    overflow:hidden !important;
    background:var(--header-bg,#fff) !important;
  }
  .hp-mobile__top{
    position:sticky !important;
    top:0 !important;
    z-index:4 !important;
    height:64px !important;
    min-height:64px !important;
    margin:0 !important;
    padding:0 18px !important;
    border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent) !important;
    background:var(--header-bg,#fff) !important;
  }
  .hp-mobile__brand{display:flex;align-items:center;min-width:0}
  .hp-mobile__brand img{max-width:116px !important;max-height:22px !important}
  .hp-mobile__close{
    min-width:42px !important;
    height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    font-size:10px !important;
    letter-spacing:.04em !important;
    opacity:.72;
  }
  .hp-mobile__nav{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    height:calc(100dvh - 64px) !important;
    overflow:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .hp-mobile__primary{border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)}
  .hp-mobile__group,
  .hp-mobile__toplink{border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}
  .hp-mobile__group-trigger,
  .hp-mobile__toplink{
    width:100% !important;
    min-height:58px !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    color:inherit !important;
    text-decoration:none !important;
    font-size:17px !important;
    line-height:1 !important;
    letter-spacing:-.025em !important;
    text-transform:uppercase !important;
  }
  .hp-mobile__group-mark{
    position:relative;
    width:12px;
    height:12px;
    flex:0 0 12px;
    opacity:.66;
  }
  .hp-mobile__group-mark i{
    position:absolute;
    left:0;top:50%;
    width:12px;height:1px;
    background:currentColor;
    transform:translateY(-50%);
    transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .22s ease;
  }
  .hp-mobile__group-mark i:last-child{transform:translateY(-50%) rotate(90deg)}
  .hp-mobile__group.is-open .hp-mobile__group-mark i:last-child{transform:translateY(-50%) rotate(0);opacity:0}

  .hp-mobile__group-panel{
    display:grid;
    grid-template-rows:0fr;
    opacity:0;
    transition:grid-template-rows .46s cubic-bezier(.16,1,.3,1),opacity .25s ease;
  }
  .hp-mobile__group.is-open .hp-mobile__group-panel{grid-template-rows:1fr;opacity:1}
  .hp-mobile__group-inner{min-height:0;overflow:hidden;padding:0 18px}
  .hp-mobile__group.is-open .hp-mobile__group-inner{padding-bottom:24px}
  .hp-mobile__subgroup{padding:20px 0 0}
  .hp-mobile__subheading{
    margin-bottom:12px;
    font-size:9px;
    letter-spacing:.09em;
    text-transform:uppercase;
    opacity:.42;
  }
  .hp-mobile__sublinks{display:grid;gap:0}
  .hp-mobile__sublinks a,
  .hp-mobile__direct{
    min-height:38px;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:0 !important;
    color:inherit !important;
    text-decoration:none !important;
    font-size:12px !important;
    line-height:1.25 !important;
    text-transform:uppercase !important;
    opacity:.86;
  }
  .hp-mobile__sublinks small,
  .hp-mobile__direct small{
    font-size:9px;
    font-weight:400;
    opacity:.42;
  }
  .hp-mobile__utility{
    margin-top:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);
  }
  .hp-mobile__utility > a,
  .hp-mobile__utility > button{
    min-height:52px !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border:0 !important;
    border-right:1px solid color-mix(in srgb,currentColor 14%,transparent) !important;
    border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent) !important;
    background:none !important;
    color:inherit !important;
    font-size:10px !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    text-align:left !important;
  }
  .hp-mobile__utility > :nth-child(even){border-right:0 !important}
  .hp-mobile__cart-count{opacity:.48}

  /* Menu entrance: one coherent surface, no per-link bouncing. */
  .hp-mobile--slide{transform:translate3d(100%,0,0) !important;transition:transform .52s cubic-bezier(.16,1,.3,1),visibility .52s !important}
  .hp-mobile--slide.open{transform:translate3d(0,0,0) !important}
}

@media (prefers-reduced-motion:reduce){
  .hp-mega__preview-set,
  .hp-mobile__group-panel,
  .hp-mobile__group-mark i{transition:none !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-46.css ===== */
/* HIDE PROJECT V21.46 — menu polish + reliable search presentation */

/* Mobile header: only the MENU control should be visible from the desktop left nav. */
@media (max-width:899px){
  .hp-header .hp-nav--left > a,
  .hp-header .hp-nav--left > .hp-nav__mega-trigger{
    display:none !important;
  }
  .hp-header .hp-nav--left > .hp-menu-btn{
    display:inline-flex !important;
    align-items:center !important;
  }

  /* One premium blur + reveal motion for every mobile menu mode. */
  .hp-mobile,
  .hp-mobile.hp-mobile--slide,
  .hp-mobile.hp-mobile--fade,
  .hp-mobile.hp-mobile--clip{
    opacity:0 !important;
    filter:blur(14px) !important;
    transform:translate3d(0,12px,0) scale(.995) !important;
    clip-path:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
    will-change:opacity,filter,transform;
    transition:
      opacity .34s cubic-bezier(.22,.61,.36,1),
      filter .46s cubic-bezier(.16,1,.3,1),
      transform .52s cubic-bezier(.16,1,.3,1),
      visibility 0s linear .52s !important;
  }
  .hp-mobile.open,
  .hp-mobile.hp-mobile--slide.open,
  .hp-mobile.hp-mobile--fade.open,
  .hp-mobile.hp-mobile--clip.open{
    opacity:1 !important;
    filter:blur(0) !important;
    transform:translate3d(0,0,0) scale(1) !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition:
      opacity .36s cubic-bezier(.22,.61,.36,1),
      filter .52s cubic-bezier(.16,1,.3,1),
      transform .56s cubic-bezier(.16,1,.3,1),
      visibility 0s linear 0s !important;
  }

  /* Keep the inner editorial layout crisp while the surface itself reveals. */
  .hp-mobile__top,
  .hp-mobile__nav{backface-visibility:hidden;transform:translateZ(0)}
}

/* Desktop mega menu — focus-pull reveal on the whole menu surface. */
@media (min-width:900px){
  .hp-mega{
    opacity:0 !important;
    filter:blur(12px) !important;
    transform:translate3d(0,-10px,0) scale(.997) !important;
    transform-origin:50% 0;
    will-change:opacity,filter,transform;
    transition:
      opacity .30s cubic-bezier(.22,.61,.36,1),
      filter .46s cubic-bezier(.16,1,.3,1),
      transform .50s cubic-bezier(.16,1,.3,1),
      visibility 0s linear .50s !important;
  }
  .hp-mega.is-open{
    opacity:1 !important;
    filter:blur(0) !important;
    transform:translate3d(0,0,0) scale(1) !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition:
      opacity .32s cubic-bezier(.22,.61,.36,1),
      filter .52s cubic-bezier(.16,1,.3,1),
      transform .56s cubic-bezier(.16,1,.3,1),
      visibility 0s linear 0s !important;
  }
  .hp-mega.is-closing{
    visibility:visible !important;
    pointer-events:none !important;
    opacity:0 !important;
    filter:blur(12px) !important;
    transform:translate3d(0,-8px,0) scale(.997) !important;
  }

  /* Editorial heading cell: border above + below like the reference menu. */
  .hp-mega__heading{
    min-height:50px !important;
    margin:-22px -20px 28px !important;
    padding:0 20px !important;
    display:flex !important;
    align-items:center !important;
    border-top:1px solid #d1d1d1 !important;
    border-bottom:1px solid #d1d1d1 !important;
    box-sizing:border-box !important;
    pointer-events:none !important;
    cursor:default !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .hp-mobile,
  .hp-mega{transition:none !important;filter:none !important;transform:none !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-47.css ===== */
/* HIDE PROJECT V21.47 — configurable mega/mobile motion + compact editorial headings */

/* SEARCH should live in the header action only, never as a duplicate navigation item. */
.hp-mega a[href*="/search"],
.hp-mobile__primary a[href*="/search"]{display:none !important}

@media (min-width:900px){
  /* Compact heading cell: the exact bottom divider is mirrored at the top. */
  .hp-mega__column{padding-top:0 !important}
  .hp-mega__heading{
    min-height:42px !important;
    height:42px !important;
    margin:0 -20px 18px !important;
    padding:0 20px !important;
    display:flex !important;
    align-items:center !important;
    border-top:1px solid #d7d7d7 !important;
    border-bottom:1px solid #d7d7d7 !important;
    box-sizing:border-box !important;
    pointer-events:none !important;
    cursor:default !important;
    line-height:1 !important;
  }
  .hp-mega__links{gap:13px !important}

  /* Shared motion plumbing. */
  .hp-mega{
    transform-origin:50% 0 !important;
    will-change:opacity,filter,transform,clip-path;
    transition-property:opacity,filter,transform,clip-path,visibility !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  .hp-mega.is-open{visibility:visible !important;pointer-events:auto !important}
  .hp-mega.is-closing{visibility:visible !important;pointer-events:none !important}

  /* 1 — Focus blur: restrained, premium focus pull. */
  .hp-mega--focus{opacity:0 !important;filter:blur(10px) !important;transform:translate3d(0,-6px,0) !important;transition-duration:.28s,.46s,.46s,0s,0s !important;transition-timing-function:ease,cubic-bezier(.16,1,.3,1),cubic-bezier(.16,1,.3,1),linear,linear !important;transition-delay:0s,0s,0s,0s,.46s !important}
  .hp-mega--focus.is-open{opacity:1 !important;filter:blur(0) !important;transform:none !important;transition-delay:0s !important}
  .hp-mega--focus.is-closing{opacity:0 !important;filter:blur(9px) !important;transform:translate3d(0,-5px,0) !important}

  /* 2 — Editorial drop: movement first, only a trace of blur. */
  .hp-mega--editorial{opacity:0 !important;filter:blur(3px) !important;transform:translate3d(0,-18px,0) !important;transition-duration:.30s,.34s,.54s,0s,0s !important;transition-timing-function:ease-out,ease-out,cubic-bezier(.16,1,.3,1),linear,linear !important;transition-delay:0s,0s,0s,0s,.54s !important}
  .hp-mega--editorial.is-open{opacity:1 !important;filter:none !important;transform:none !important;transition-delay:0s !important}
  .hp-mega--editorial.is-closing{opacity:0 !important;filter:blur(2px) !important;transform:translate3d(0,-12px,0) !important}

  /* 3 — Curtain: architectural top-to-bottom opening. */
  .hp-mega--curtain{opacity:1 !important;filter:none !important;transform:none !important;clip-path:inset(0 0 100% 0) !important;transition-duration:.34s,0s,0s,.58s,0s !important;transition-timing-function:ease,linear,linear,cubic-bezier(.77,0,.18,1),linear !important;transition-delay:0s,0s,0s,0s,.58s !important}
  .hp-mega--curtain.is-open{clip-path:inset(0 0 0 0) !important;transition-delay:0s !important}
  .hp-mega--curtain.is-closing{clip-path:inset(0 0 100% 0) !important}

  /* 4 — Soft zoom: subtle lens-like settle. */
  .hp-mega--soft_zoom{opacity:0 !important;filter:blur(6px) !important;transform:scale(.985) translate3d(0,-3px,0) !important;transition-duration:.32s,.44s,.50s,0s,0s !important;transition-timing-function:ease,cubic-bezier(.16,1,.3,1),cubic-bezier(.16,1,.3,1),linear,linear !important;transition-delay:0s,0s,0s,0s,.50s !important}
  .hp-mega--soft_zoom.is-open{opacity:1 !important;filter:none !important;transform:none !important;transition-delay:0s !important}
  .hp-mega--soft_zoom.is-closing{opacity:0 !important;filter:blur(5px) !important;transform:scale(.99) !important}

  /* 5 — Clean fade. */
  .hp-mega--fade{opacity:0 !important;filter:none !important;transform:none !important;transition-duration:.28s,0s,0s,0s,0s !important;transition-timing-function:ease,linear,linear,linear,linear !important;transition-delay:0s,0s,0s,0s,.28s !important}
  .hp-mega--fade.is-open{opacity:1 !important;transition-delay:0s !important}
  .hp-mega--fade.is-closing{opacity:0 !important}
}

@media (max-width:899px){
  /* Stop V21.46 from forcing one animation onto every setting. */
  .hp-mobile{
    clip-path:none;
    transform-origin:50% 0;
    will-change:opacity,filter,transform,clip-path;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  .hp-mobile.open{visibility:visible !important;pointer-events:auto !important}

  .hp-mobile--blur_reveal{opacity:0 !important;filter:blur(13px) !important;transform:translate3d(0,10px,0) !important;transition:opacity .32s ease,filter .48s cubic-bezier(.16,1,.3,1),transform .50s cubic-bezier(.16,1,.3,1),visibility 0s linear .50s !important}
  .hp-mobile--blur_reveal.open{opacity:1 !important;filter:none !important;transform:none !important;transition-delay:0s !important}

  .hp-mobile--editorial_slide{opacity:0 !important;filter:blur(3px) !important;transform:translate3d(0,28px,0) !important;transition:opacity .30s ease,filter .34s ease,transform .56s cubic-bezier(.16,1,.3,1),visibility 0s linear .56s !important}
  .hp-mobile--editorial_slide.open{opacity:1 !important;filter:none !important;transform:none !important;transition-delay:0s !important}

  .hp-mobile--curtain{opacity:1 !important;filter:none !important;transform:none !important;clip-path:inset(0 0 100% 0) !important;transition:clip-path .62s cubic-bezier(.77,0,.18,1),visibility 0s linear .62s !important}
  .hp-mobile--curtain.open{clip-path:inset(0) !important;transition-delay:0s !important}

  .hp-mobile--soft_zoom{opacity:0 !important;filter:blur(7px) !important;transform:scale(.975) !important;transition:opacity .32s ease,filter .46s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1),visibility 0s linear .52s !important}
  .hp-mobile--soft_zoom.open{opacity:1 !important;filter:none !important;transform:scale(1) !important;transition-delay:0s !important}

  .hp-mobile--fade{opacity:0 !important;filter:none !important;transform:none !important;transition:opacity .30s ease,visibility 0s linear .30s !important}
  .hp-mobile--fade.open{opacity:1 !important;transition-delay:0s !important}
}

@media (prefers-reduced-motion:reduce){
  .hp-mega,.hp-mobile{transition:none !important;filter:none !important;transform:none !important;clip-path:none !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-48.css ===== */
/* HIDE PROJECT V21.48 — compact mega headings + reliable mobile search + true slide menu */

/* SEARCH lives in the header only. Never duplicate it inside either nav tree. */
.hp-mega a[href*="/search"],
.hp-mobile__primary a[href*="/search"],
.hp-mobile__utility a[href*="/search"],
.hp-mobile__utility .hp-mobile-search-trigger{display:none !important}

@media (max-width:899px){
  /* Keep header SEARCH visible on mobile when the header setting allows it. */
  .hp-search-trigger:not(.hp-search-trigger--mobile-hidden){display:inline-flex !important}

  /* Search is always the same in-page modal, not a separate mobile page. */
  .hp-search-modal{
    width:calc(100vw - 18px) !important;
    max-height:calc(100dvh - 18px) !important;
    top:50% !important;
  }
  .hp-search-modal__content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .hp-search-form input{font-size:16px !important} /* prevents iOS focus zoom */
}

@media (min-width:900px){
  /* Reference geometry: one continuous divider above the entire heading row,
     then the same divider directly underneath it. */
  .hp-mega__nav{
    border-top:1px solid #d7d7d7 !important;
  }
  .hp-mega__column{
    padding:0 20px 24px !important;
  }
  .hp-mega__heading{
    height:36px !important;
    min-height:36px !important;
    margin:0 -20px 14px !important;
    padding:0 20px !important;
    border-top:0 !important;
    border-bottom:1px solid #d7d7d7 !important;
    font-size:10px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .hp-mega__heading span{white-space:nowrap !important}
  .hp-mega__links{gap:12px !important}

  /* New setting: pure vertical sheet motion — no opacity fade, no blur. */
  .hp-mega--slide_down{
    opacity:1 !important;
    filter:none !important;
    clip-path:none !important;
    transform:translate3d(0,-100%,0) !important;
    transition:transform .56s cubic-bezier(.16,1,.3,1),visibility 0s linear .56s !important;
    will-change:transform !important;
  }
  .hp-mega--slide_down.is-open{
    transform:translate3d(0,0,0) !important;
    transition-delay:0s !important;
  }
  .hp-mega--slide_down.is-closing{
    transform:translate3d(0,-100%,0) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .hp-mega--slide_down{transition:none !important;transform:none !important}
}

/* V21.49 — reference-thin black mega borders + centered headings + mirrored drop motion */
@media (min-width:900px){
  .hp-mega{
    border-top:1px solid #111 !important;
    border-bottom:1px solid #111 !important;
    box-shadow:none !important;
  }

  .hp-mega__nav{
    border-top:1px solid #111 !important;
    border-right:1px solid #111 !important;
  }

  .hp-mega__column{
    border-right:1px solid #111 !important;
  }

  .hp-mega__column:last-child{
    border-right:0 !important;
  }

  .hp-mega__heading{
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    border-bottom:1px solid #111 !important;
  }

  .hp-mega__heading span{
    display:block !important;
    width:100% !important;
    text-align:center !important;
  }

  .hp-mega__preview-link{
    transition:none !important;
  }

  /* Exact mirrored vertical drop: open down, close back up with the same curve. */
  .hp-mega--slide_down{
    opacity:1 !important;
    filter:none !important;
    clip-path:none !important;
    transform:translate3d(0,-100%,0) !important;
    transition-property:transform,visibility !important;
    transition-duration:.56s,0s !important;
    transition-timing-function:cubic-bezier(.76,0,.24,1),linear !important;
    transition-delay:0s,.56s !important;
    will-change:transform !important;
  }

  .hp-mega--slide_down.is-open{
    transform:translate3d(0,0,0) !important;
    transition-delay:0s,0s !important;
  }

  .hp-mega--slide_down.is-closing{
    transform:translate3d(0,-100%,0) !important;
    transition-delay:0s,0s !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-50.css ===== */
/* HIDE PROJECT V21.50 — mega border balance, heading fit, hover color, mirrored slide close */
@media (min-width:900px){
  /* The header already supplies the line above the mega menu. Avoid a doubled/thick seam. */
  .hp-mega{
    border-top:0 !important;
    border-bottom:1px solid #111 !important;
    box-shadow:none !important;
  }

  /* Keep every internal divider at the same single-pixel weight. */
  .hp-mega__nav{
    border-top:1px solid #111 !important;
    border-right:1px solid #111 !important;
  }
  .hp-mega__column{
    border-right:1px solid #111 !important;
  }
  .hp-mega__column:last-child{
    border-right:0 !important;
  }

  /* Center long headings and keep them safely inside their own column. */
  .hp-mega__heading{
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    padding-left:12px !important;
    padding-right:12px !important;
    border-bottom:1px solid #111 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  .hp-mega__heading span{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    text-align:center !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    text-wrap:balance;
    line-height:1.12 !important;
  }

  /* No opacity tween on collection-preview links. Hover uses the requested grey. */
  .hp-mega__link,
  .hp-mega__preview-link,
  .hp-mega__link small,
  .hp-mega__preview-link small{
    transition:none !important;
  }
  .hp-mega__link:hover,
  .hp-mega__preview-link:hover,
  .hp-mega__preview-link.is-active{
    color:#c3c3c3 !important;
    opacity:1 !important;
  }
  .hp-mega__link:hover small,
  .hp-mega__preview-link:hover small,
  .hp-mega__preview-link.is-active small{
    color:#c3c3c3 !important;
  }

  /* Exact inverse motion: closed above, open at 0, closing travels back upward. */
  .hp-mega--slide_down{
    opacity:1 !important;
    filter:none !important;
    clip-path:none !important;
    transform:translate3d(0,-100%,0) !important;
    transition:transform .56s cubic-bezier(.76,0,.24,1), visibility 0s linear .56s !important;
    will-change:transform !important;
  }
  .hp-mega--slide_down.is-open{
    visibility:visible !important;
    transform:translate3d(0,0,0) !important;
    transition:transform .56s cubic-bezier(.76,0,.24,1), visibility 0s linear 0s !important;
  }
  .hp-mega--slide_down.is-closing{
    visibility:visible !important;
    pointer-events:none !important;
    transform:translate3d(0,-100%,0) !important;
    transition:transform .56s cubic-bezier(.76,0,.24,1), visibility 0s linear .56s !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .hp-mega--slide_down{transition:none !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-51.css ===== */
/* HIDE PROJECT V21.51 — reference border tone + single-line mega headings */
@media (min-width:900px){
  /* Match the reference: every visible mega divider is the same thin #c3c3c3 line. */
  .hp-header{
    border-bottom:1px solid #c3c3c3 !important;
  }

  .hp-mega{
    border-top:0 !important;
    border-bottom:1px solid #c3c3c3 !important;
    box-shadow:none !important;
  }

  .hp-mega__nav{
    border-top:0 !important;
    border-right:1px solid #c3c3c3 !important;
  }

  .hp-mega__column{
    border-right:1px solid #c3c3c3 !important;
  }

  .hp-mega__column:last-child{
    border-right:0 !important;
  }

  .hp-mega__heading{
    border-top:0 !important;
    border-bottom:1px solid #c3c3c3 !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .hp-mega__heading span{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    line-height:1 !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-52.css ===== */
/* HIDE PROJECT V21.52 — pixel-crisp unified mega borders + guaranteed mirrored slide close */
@media (min-width:900px){
  :root{--hp-mega-line:#c3c3c3}

  /* One physical 1px line everywhere. No doubled seams. */
  .hp-header{
    border-bottom:1px solid var(--hp-mega-line) !important;
    box-shadow:none !important;
  }
  .hp-mega{
    border-top:0 !important;
    border-bottom:1px solid var(--hp-mega-line) !important;
    box-shadow:none !important;
  }
  .hp-mega__panel{
    border:0 !important;
  }
  .hp-mega__nav{
    border-top:0 !important;
    border-left:0 !important;
    border-bottom:0 !important;
    border-right:1px solid var(--hp-mega-line) !important;
  }
  .hp-mega__column{
    border-top:0 !important;
    border-left:0 !important;
    border-bottom:0 !important;
    border-right:1px solid var(--hp-mega-line) !important;
    box-sizing:border-box !important;
  }
  .hp-mega__column:last-child{border-right:0 !important}
  .hp-mega__heading{
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:1px solid var(--hp-mega-line) !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
  }
  .hp-mega__preview{
    border:0 !important;
    box-shadow:none !important;
  }

  /* Pure mirrored sheet motion: open = down, close = the same motion in reverse. */
  .hp-mega--slide_down{
    opacity:1 !important;
    filter:none !important;
    clip-path:none !important;
    transform:translate3d(0,-100%,0) !important;
    transition-property:transform,visibility !important;
    transition-duration:.56s,0s !important;
    transition-timing-function:cubic-bezier(.76,0,.24,1),linear !important;
    transition-delay:0s,.56s !important;
    will-change:transform !important;
    backface-visibility:hidden;
  }
  .hp-mega--slide_down.is-open{
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate3d(0,0,0) !important;
    transition-delay:0s,0s !important;
  }
  .hp-mega--slide_down.is-closing{
    visibility:visible !important;
    pointer-events:none !important;
    transform:translate3d(0,-100%,0) !important;
    transition-delay:0s,0s !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .hp-mega--slide_down{transition:none !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-53.css ===== */
/* HIDE PROJECT V21.53 — truly unified mega borders + reliable slide-up close */
@media (min-width:900px){
  :root{--hp-mega-line:#c3c3c3}

  /* Unify every visible divider to one exact tone/weight. */
  #shopify-section-header .hp-header,
  #shopify-section-header .hp-header__grid,
  .hp-mega,
  .hp-mega__nav,
  .hp-mega__column,
  .hp-mega__heading,
  .hp-mega__preview{
    box-shadow:none !important;
    outline:0 !important;
  }

  #shopify-section-header .hp-header{
    border-bottom:1px solid var(--hp-mega-line) !important;
  }
  .hp-mega{
    border-top:0 !important;
    border-bottom:1px solid var(--hp-mega-line) !important;
    background:#fff !important;
  }
  .hp-mega__panel{border:0 !important}
  .hp-mega__nav{
    border-top:0 !important;
    border-left:0 !important;
    border-bottom:0 !important;
    border-right:1px solid var(--hp-mega-line) !important;
  }
  .hp-mega__column{
    border-top:0 !important;
    border-left:0 !important;
    border-bottom:0 !important;
    border-right:1px solid var(--hp-mega-line) !important;
    box-sizing:border-box !important;
  }
  .hp-mega__column:last-child{border-right:0 !important}
  .hp-mega__heading{
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:1px solid var(--hp-mega-line) !important;
    box-sizing:border-box !important;
  }
  .hp-mega__preview{border:0 !important}

  /* Keep the open state transform-free so 1px borders render identically. */
  .hp-mega--slide_down{
    opacity:1 !important;
    filter:none !important;
    clip-path:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(calc(-100% - 1px)) !important;
    transition:transform .56s cubic-bezier(.76,0,.24,1), visibility 0s linear .56s !important;
    will-change:transform !important;
    backface-visibility:visible !important;
  }
  .hp-mega--slide_down.is-open{
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    transition:transform .56s cubic-bezier(.76,0,.24,1), visibility 0s linear 0s !important;
  }
  .hp-mega--slide_down.is-closing{
    visibility:visible !important;
    pointer-events:none !important;
    transform:translateY(calc(-100% - 1px)) !important;
    transition:transform .56s cubic-bezier(.76,0,.24,1), visibility 0s linear .56s !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .hp-mega--slide_down{transition:none !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-54.css ===== */
/* HIDE PROJECT V21.54 — exact #c3c3c3 dividers + hard-fix slide-up close */
@media (min-width:900px){
  :root{--hp-mega-line:#c3c3c3}

  /* Header line: cover BOTH the original header and the detached sticky clone.
     Older glass/frosted rules were still changing this line to rgba grey. */
  #shopify-section-header .hp-header,
  body > .hp-sticky-clone,
  body > .hp-sticky-clone.hp-sticky-surface--solid,
  body > .hp-sticky-clone.hp-sticky-surface--glass,
  body > .hp-sticky-clone.hp-sticky-surface--frosted,
  body > .hp-sticky-clone.hp-sticky-surface--soft_glass,
  html.hp-smooth-active body > .hp-sticky-clone{
    border-bottom:1px solid #c3c3c3 !important;
    border-bottom-color:#c3c3c3 !important;
    box-shadow:none !important;
  }

  /* Every mega-menu divider uses the exact same solid pixel. */
  .hp-mega{
    border-top:0 !important;
    border-bottom:1px solid #c3c3c3 !important;
    box-shadow:none !important;
  }
  .hp-mega__panel{border:0 !important;box-shadow:none !important}
  .hp-mega__nav{
    border-top:0 !important;
    border-left:0 !important;
    border-bottom:0 !important;
    border-right:1px solid #c3c3c3 !important;
    box-shadow:none !important;
  }
  .hp-mega__column{
    border-top:0 !important;
    border-left:0 !important;
    border-bottom:0 !important;
    border-right:1px solid #c3c3c3 !important;
    box-shadow:none !important;
  }
  .hp-mega__column:last-child{border-right:0 !important}
  .hp-mega__heading{
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:1px solid #c3c3c3 !important;
    box-shadow:none !important;
  }
  .hp-mega__preview,
  .hp-mega__preview::before,
  .hp-mega__preview::after{
    border:0 !important;
    box-shadow:none !important;
  }

  /* IMPORTANT: an older .hp-mega.is-closing rule had opacity:0 !important.
     That made the menu disappear instantly even while transform was animating.
     These higher-specificity rules keep it fully visible for the upward travel. */
  .hp-mega.hp-mega--slide_down,
  .hp-mega.hp-mega--slide_down.is-open,
  .hp-mega.hp-mega--slide_down.is-closing{
    opacity:1 !important;
    filter:none !important;
    clip-path:none !important;
  }

  .hp-mega.hp-mega--slide_down{
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate3d(0,calc(-100% - 1px),0) !important;
    transition:transform .56s cubic-bezier(.76,0,.24,1),visibility 0s linear .56s !important;
    will-change:transform !important;
  }
  .hp-mega.hp-mega--slide_down.is-open{
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate3d(0,0,0) !important;
    transition:transform .56s cubic-bezier(.76,0,.24,1),visibility 0s linear 0s !important;
  }
  .hp-mega.hp-mega--slide_down.is-closing{
    visibility:visible !important;
    pointer-events:none !important;
    opacity:1 !important;
    transform:translate3d(0,calc(-100% - 1px),0) !important;
    transition:transform .56s cubic-bezier(.76,0,.24,1),visibility 0s linear .56s !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .hp-mega.hp-mega--slide_down{transition:none !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-55.css ===== */
/* HIDE PROJECT V21.55 — selectable mega headings + inner blur/reveal + close race fix */
@media (min-width:900px){
  :root{--hp-mega-line:#c3c3c3}

  /* Keep every visible divider on the exact same solid color/weight. */
  #shopify-section-header .hp-header,
  body > .hp-sticky-clone,
  body > .hp-sticky-clone.hp-sticky-surface--solid,
  body > .hp-sticky-clone.hp-sticky-surface--glass,
  body > .hp-sticky-clone.hp-sticky-surface--frosted,
  body > .hp-sticky-clone.hp-sticky-surface--soft_glass,
  html.hp-smooth-active body > .hp-sticky-clone{
    border-bottom:1px solid #c3c3c3 !important;
    border-bottom-color:#c3c3c3 !important;
  }
  .hp-mega{border-top:0 !important;border-bottom:1px solid #c3c3c3 !important}
  .hp-mega__nav{border-right:1px solid #c3c3c3 !important}
  .hp-mega__column{border-right:1px solid #c3c3c3 !important}
  .hp-mega__column:last-child{border-right:0 !important}
  .hp-mega__heading{border-bottom:1px solid #c3c3c3 !important}

  /* Heading is real selectable text again. Older files explicitly disabled it. */
  .hp-mega__heading,
  .hp-mega__heading *{
    pointer-events:auto !important;
    user-select:text !important;
    -webkit-user-select:text !important;
    cursor:text !important;
  }
  .hp-mega__heading::selection,
  .hp-mega__heading *::selection{
    background:#111 !important;
    color:#fff !important;
  }

  /* Inner content focus-pull. The white sheet still slides; only its content
     blurs/reveals so the border geometry stays crisp. */
  .hp-mega--slide_down .hp-mega__heading,
  .hp-mega--slide_down .hp-mega__links,
  .hp-mega--slide_down .hp-mega__preview{
    opacity:0 !important;
    filter:blur(10px) !important;
    transform:translate3d(0,-7px,0) !important;
    transition:
      opacity .26s ease,
      filter .46s cubic-bezier(.16,1,.3,1),
      transform .46s cubic-bezier(.16,1,.3,1) !important;
    will-change:opacity,filter,transform;
  }

  .hp-mega--slide_down.is-open .hp-mega__heading,
  .hp-mega--slide_down.is-open .hp-mega__links,
  .hp-mega--slide_down.is-open .hp-mega__preview{
    opacity:1 !important;
    filter:blur(0) !important;
    transform:translate3d(0,0,0) !important;
  }

  /* Gentle sequencing on reveal. */
  .hp-mega--slide_down.is-open .hp-mega__column:nth-child(1) .hp-mega__heading,
  .hp-mega--slide_down.is-open .hp-mega__column:nth-child(1) .hp-mega__links{transition-delay:.05s !important}
  .hp-mega--slide_down.is-open .hp-mega__column:nth-child(2) .hp-mega__heading,
  .hp-mega--slide_down.is-open .hp-mega__column:nth-child(2) .hp-mega__links{transition-delay:.08s !important}
  .hp-mega--slide_down.is-open .hp-mega__column:nth-child(3) .hp-mega__heading,
  .hp-mega--slide_down.is-open .hp-mega__column:nth-child(3) .hp-mega__links{transition-delay:.11s !important}
  .hp-mega--slide_down.is-open .hp-mega__column:nth-child(4) .hp-mega__heading,
  .hp-mega--slide_down.is-open .hp-mega__column:nth-child(4) .hp-mega__links{transition-delay:.14s !important}
  .hp-mega--slide_down.is-open .hp-mega__column:nth-child(5) .hp-mega__heading,
  .hp-mega--slide_down.is-open .hp-mega__column:nth-child(5) .hp-mega__links{transition-delay:.17s !important}
  .hp-mega--slide_down.is-open .hp-mega__preview{transition-delay:.12s !important}

  /* Close: content blurs away while the sheet moves upward. */
  .hp-mega--slide_down.is-closing .hp-mega__heading,
  .hp-mega--slide_down.is-closing .hp-mega__links,
  .hp-mega--slide_down.is-closing .hp-mega__preview{
    opacity:0 !important;
    filter:blur(10px) !important;
    transform:translate3d(0,-7px,0) !important;
    transition-delay:0s !important;
    transition-duration:.22s,.38s,.38s !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .hp-mega--slide_down .hp-mega__heading,
  .hp-mega--slide_down .hp-mega__links,
  .hp-mega--slide_down .hp-mega__preview{transition:none !important;filter:none !important}
}


/* ===== CONSOLIDATED FROM: hide-project-v21-56.css ===== */
/* HIDE PROJECT V21.56 — menu hover, clean mobile taps, stable white status bar */

/* Remove the native mobile tap flash/highlight across the theme. */
html,
body,
a,
button,
input,
select,
textarea,
summary,
label,
[role="button"],
[tabindex]{
  -webkit-tap-highlight-color:transparent !important;
}

a,
button,
summary,
[role="button"]{
  -webkit-touch-callout:none;
}

/* Do not leave a touch/focus wash behind after tapping links on mobile. */
@media (hover:none) and (pointer:coarse){
  a:active,
  button:active,
  summary:active,
  [role="button"]:active{
    background-color:transparent !important;
    -webkit-tap-highlight-color:transparent !important;
  }
}

/* MENU trigger uses the exact same grey as mega-menu link hover. */
.hp-menu-btn{
  color:inherit;
  cursor:pointer;
  transition:color .18s ease !important;
  -webkit-tap-highlight-color:transparent !important;
}
@media (hover:hover) and (pointer:fine){
  .hp-menu-btn:hover{color:#c3c3c3 !important}
}

/* Keep the very first mobile paint white, including Safari chrome/status area. */
html,
body{
  background:#fff !important;
}


/* ===== CONSOLIDATED FROM: hide-project-v21-57.css ===== */
/* HIDE PROJECT V21.57 — unified desktop header hover + clean product/header seam */

/* Desktop header: every text action gets the same #c3c3c3 hover as mega links. */
@media (hover:hover) and (pointer:fine){
  .hp-header .hp-nav a,
  .hp-header .hp-nav button,
  .hp-header .hp-menu-btn,
  .hp-header .hp-search-trigger,
  .hp-header .hp-cart-trigger,
  body > .hp-sticky-clone .hp-nav a,
  body > .hp-sticky-clone .hp-nav button,
  body > .hp-sticky-clone .hp-menu-btn,
  body > .hp-sticky-clone .hp-search-trigger,
  body > .hp-sticky-clone .hp-cart-trigger{
    transition:color .18s ease !important;
  }

  .hp-header .hp-nav a:hover,
  .hp-header .hp-nav button:hover,
  .hp-header .hp-menu-btn:hover,
  .hp-header .hp-search-trigger:hover,
  .hp-header .hp-cart-trigger:hover,
  body > .hp-sticky-clone .hp-nav a:hover,
  body > .hp-sticky-clone .hp-nav button:hover,
  body > .hp-sticky-clone .hp-menu-btn:hover,
  body > .hp-sticky-clone .hp-search-trigger:hover,
  body > .hp-sticky-clone .hp-cart-trigger:hover{
    color:#c3c3c3 !important;
    opacity:1 !important;
  }
}

/* Product page already sits directly below the header divider.
   Remove its own top border so the two 1px lines can never stack into a thick seam. */
.template-product .hp-product-page-v5,
body.template-product .hp-product-page-v5,
.hp-product-page-v5{
  border-top:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

.template-product #MainContent,
.template-product #MainContent > .shopify-section{
  border-top:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}


/* ===== CONSOLIDATED FROM: hide-project-v21-62.css ===== */
/* HIDE PROJECT V21.62 — restore original footer, keep requested mega/mobile refinements */
@media (min-width:900px){
  .hp-mega__heading span{text-align:left !important}
}

@media (max-width:899px){
  /* Keep Account + Cart removed from the burger menu. */
  .hp-mobile__utility{display:none !important}

  /* Keep TERMS / POLICY / CONTACT in the burger menu. */
  .hp-mobile__nav{min-height:0 !important}
  .hp-mobile__legal{
    margin-top:auto !important;
    flex:0 0 auto !important;
    min-height:50px !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    border-top:1px solid color-mix(in srgb,currentColor 18%,transparent) !important;
    background:var(--header-bg,#fff) !important;
  }
  .hp-mobile__legal a{
    display:inline-flex !important;
    align-items:center !important;
    min-height:50px !important;
    padding:0 !important;
    color:inherit !important;
    text-decoration:none !important;
    font-size:8px !important;
    line-height:1 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    opacity:.58 !important;
  }
  .hp-mobile__legal a:hover,
  .hp-mobile__legal a:active{
    opacity:1 !important;
    color:#c3c3c3 !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-67.css ===== */
/* HIDE PROJECT V21.67 — restore true boxed New Arrivals surface
   Root cause: V21.56 forced body background to #fff, which erased the dark
   storefront canvas around the white .hp-site-shell and made the section
   visually look full-width/broken. Keep Safari chrome white via theme-color,
   but restore the actual storefront body to --hp-bg. */

html{
  background:#fff !important;
}

body.hp-body{
  background:var(--hp-bg,#050505) !important;
  min-height:100vh;
}

/* New Arrivals itself is exactly the reference geometry. This is intentionally
   scoped and loaded last so unrelated later theme patches cannot flatten it. */
.hp-new-arrivals.hp-site-shell{
  width:min(calc(100% - (var(--hp-side-gutter) * 2)),var(--hp-page)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-radius:var(--new-arrivals-radius,5px) !important;
  overflow:hidden !important;
  background:var(--prod-bg,#fff) !important;
}

@media(max-width:720px){
  .hp-new-arrivals.hp-site-shell{
    width:calc(100% - (var(--hp-mobile-gutter) * 2)) !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-68.css ===== */
/* =========================================================
   HIDE PROJECT V21.68 — hero bottom blend + unified sold-out motion
   ========================================================= */

/* HERO — soften the hard image ending into the site background. */
.hp-hero-slider{
  position:relative !important;
  isolation:isolate;
}
.hp-hero-slider::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:92px;
  z-index:12;
  pointer-events:none;
  background:linear-gradient(
    to bottom,
    rgba(5,5,5,0) 0%,
    rgba(5,5,5,.08) 34%,
    rgba(5,5,5,.38) 68%,
    #050505 100%
  );
}

/* Keep slider controls/content above the blend when they sit near the bottom. */
.hp-hero-slider__arrow,
.hp-hero-slider__dots,
.hp-hero-slider__counter{
  z-index:20 !important;
}

/* PRODUCT OPTIONS — Size and Color now use the exact same SOLD OUT reveal. */
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold .hp-option-value__body,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body{
  position:relative !important;
  overflow:visible !important;
}

/* Kill every older color-only OUT / slash treatment so it cannot override the shared state. */
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold::before,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold::after,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body::after,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__swatch::after{
  content:none !important;
  display:none !important;
}

/* Same label, same geometry, same timing for both option types. */
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold .hp-option-value__body::before,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body::before{
  content:"SOLD OUT" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:-18px !important;
  right:auto !important;
  bottom:auto !important;
  width:max-content !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#666 !important;
  font-size:6px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  z-index:20 !important;
  opacity:0;
  filter:blur(4px);
  transform:translate(-50%,4px);
  animation:hpVariantSoldReveal .28s cubic-bezier(.16,1,.3,1) forwards;
}

@keyframes hpVariantSoldReveal{
  from{
    opacity:0;
    filter:blur(4px);
    transform:translate(-50%,4px);
  }
  to{
    opacity:1;
    filter:blur(0);
    transform:translate(-50%,0);
  }
}

/* Match the quiet sold-out visual treatment too; only the swatch itself stays muted. */
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold .hp-option-value__body,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__tag{
  opacity:1 !important;
  color:#4a4a4a !important;
  text-decoration:none !important;
  cursor:not-allowed !important;
}
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__swatch{
  opacity:.35 !important;
  filter:grayscale(1) saturate(.1) brightness(.72) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

@media(max-width:720px){
  .hp-hero-slider::after{height:68px}
}

@media(prefers-reduced-motion:reduce){
  .hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold .hp-option-value__body::before,
  .hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body::before{
    animation:none !important;
    opacity:1;
    filter:none;
    transform:translate(-50%,0);
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-69.css ===== */
/* =========================================================
   HIDE PROJECT V21.69 — clean New Arrivals seam + exact size-style stock motion on colors
   ========================================================= */

/* NEW ARRIVALS / HERO SEAM
   The base .hp-products rule adds a top border and the generic .hp-site-shell
   rule can add a 1px halo. Remove both only at this junction. */
.hp-hero-slider,
.hp-new-arrivals.hp-site-shell{
  box-shadow:none !important;
  outline:0 !important;
}
.hp-hero-slider{
  border-bottom:0 !important;
}
.hp-new-arrivals.hp-site-shell{
  border-top:0 !important;
}

/* PRODUCT VARIANTS
   Sizes are the source of truth. Colors get the very same SOLD OUT pseudo-label
   geometry and reveal. Also treat an unavailable color combination with the same
   stock visual so it never falls back to the older color-specific animation. */
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable{
  position:relative !important;
  opacity:1 !important;
  cursor:not-allowed !important;
}

/* Remove every legacy color-only badge/slash/OUT layer first. */
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold::before,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold::after,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable::before,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable::after,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body::after,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable .hp-color-chip__body::after,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__swatch::after,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable .hp-color-chip__swatch::after{
  content:none !important;
  display:none !important;
}

/* Same anchor as SIZE. */
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable .hp-color-chip__body{
  position:relative !important;
  overflow:visible !important;
  opacity:1 !important;
  color:#4a4a4a !important;
  text-decoration:none !important;
  cursor:not-allowed !important;
}

/* Exact copy of the size SOLD OUT reveal from V21.68. */
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body::before,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable .hp-color-chip__body::before{
  content:"SOLD OUT" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:-18px !important;
  right:auto !important;
  bottom:auto !important;
  width:max-content !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#666 !important;
  font-size:6px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  z-index:20 !important;
  opacity:0;
  filter:blur(4px);
  transform:translate(-50%,4px);
  animation:hpVariantSoldReveal .28s cubic-bezier(.16,1,.3,1) forwards !important;
}

.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__tag,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable .hp-color-chip__tag{
  opacity:1 !important;
  color:#4a4a4a !important;
  text-decoration:none !important;
}
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__swatch,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable .hp-color-chip__swatch{
  opacity:.35 !important;
  filter:grayscale(1) saturate(.1) brightness(.72) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body::before,
  .hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable .hp-color-chip__body::before{
    animation:none !important;
    opacity:1 !important;
    filter:none !important;
    transform:translate(-50%,0) !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-70.css ===== */
/* =========================================================
   HIDE PROJECT V21.70 — final stock-motion unification + New Arrivals seam kill
   ========================================================= */

/* NEW ARRIVALS: the dark horizontal strip was not the section border itself;
   the hero blend layer could paint above the next rounded section. Establish a
   clean stacking boundary and make the blend terminate inside the hero only. */
.hp-hero-slider{
  z-index:1 !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
.hp-hero-slider::after{
  bottom:0 !important;
  box-shadow:none !important;
}
.hp-new-arrivals.hp-site-shell{
  position:relative !important;
  z-index:30 !important;
  isolation:isolate !important;
  border:0 !important;
  border-top:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  background-clip:padding-box !important;
}
.hp-new-arrivals.hp-site-shell::before,
.hp-new-arrivals.hp-site-shell::after{
  content:none !important;
  display:none !important;
  box-shadow:none !important;
}

/* PRODUCT VARIANTS: use one REAL stock label for both size and color.
   This bypasses the older pseudo-element rules that kept overriding colors. */
.hp-product-page-v5 .hp-option-value{
  position:relative !important;
}

/* Kill every historical pseudo SOLD/OUT layer. */
.hp-product-page-v5 .hp-option-value.is-sold::before,
.hp-product-page-v5 .hp-option-value.is-sold::after,
.hp-product-page-v5 .hp-option-value.is-unavailable::before,
.hp-product-page-v5 .hp-option-value.is-unavailable::after,
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body::before,
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body::after,
.hp-product-page-v5 .hp-option-value.is-unavailable .hp-option-value__body::before,
.hp-product-page-v5 .hp-option-value.is-unavailable .hp-option-value__body::after,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body::before,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body::after,
.hp-product-page-v5 .hp-option-value.is-unavailable .hp-color-chip__body::before,
.hp-product-page-v5 .hp-option-value.is-unavailable .hp-color-chip__body::after,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__swatch::after,
.hp-product-page-v5 .hp-option-value.is-unavailable .hp-color-chip__swatch::after{
  content:none !important;
  display:none !important;
}

.hp-product-page-v5 .hp-option-stock-label{
  position:absolute !important;
  left:50% !important;
  top:-18px !important;
  z-index:30 !important;
  display:block !important;
  width:max-content !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#666 !important;
  font-size:6px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  filter:blur(4px) !important;
  transform:translate(-50%,4px) !important;
}

/* Size SOLD OUT and Color SOLD/UNAVAILABLE now enter with the exact same
   blur/reveal keyframes, because it is literally the same element/rule. */
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold > .hp-option-stock-label,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold > .hp-option-stock-label,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable > .hp-option-stock-label{
  visibility:visible !important;
  animation:hpVariantStockRevealV2170 .32s cubic-bezier(.16,1,.3,1) both !important;
}

@keyframes hpVariantStockRevealV2170{
  0%{
    opacity:0;
    filter:blur(4px);
    transform:translate(-50%,4px);
  }
  100%{
    opacity:1;
    filter:blur(0);
    transform:translate(-50%,0);
  }
}

/* Same quiet disabled treatment, without changing the option geometry. */
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold .hp-option-value__body,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__body,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable .hp-color-chip__body,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold .hp-color-chip__tag,
.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable .hp-color-chip__tag{
  opacity:1 !important;
  color:#4a4a4a !important;
  text-decoration:none !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-product-page-v5 .hp-product-option--size .hp-option-value.is-sold > .hp-option-stock-label,
  .hp-product-page-v5 .hp-product-option--color .hp-option-value.is-sold > .hp-option-stock-label,
  .hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable > .hp-option-stock-label{
    animation:none !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    transform:translate(-50%,0) !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-71.css ===== */
/* =========================================================
   HIDE PROJECT V21.71 — stock reveal lifecycle sync + clean hero/arrivals seam
   ========================================================= */

/* NEW ARRIVALS SEAM
   Keep the hero gradient intact. The remaining hairline/strip is masked only
   in the tiny junction immediately behind the rounded New Arrivals surface. */
.hp-new-arrivals.hp-site-shell{
  border:0 !important;
  border-top:0 !important;
  outline:0 !important;
  /* paint the exact site-black upward over the stray divider without touching
     the hero's gradient above it */
  box-shadow:0 -8px 0 var(--hp-bg,#050505) !important;
}

/* PRODUCT STOCK LABELS
   The look stays exactly as-is. Animation is now driven by a temporary class
   that JS re-adds every time a stock state APPEARS/CHANGES. That fixes the
   color case where sold-out -> unavailable (or vice versa) kept the element
   visible and therefore never replayed the same reveal that Size gets. */
.hp-product-page-v5 .hp-option-stock-label{
  animation:none !important;
}
.hp-product-page-v5 .hp-option-value.hp-stock-reveal > .hp-option-stock-label{
  visibility:visible !important;
  animation:hpVariantStockRevealV2171 .42s cubic-bezier(.16,1,.3,1) both !important;
}

@keyframes hpVariantStockRevealV2171{
  0%{
    opacity:0;
    filter:blur(5px);
    transform:translate(-50%,6px);
  }
  58%{
    opacity:.72;
    filter:blur(1.8px);
  }
  100%{
    opacity:1;
    filter:blur(0);
    transform:translate(-50%,0);
  }
}

/* Once the reveal has completed, blocked options remain visible without
   continuously re-running the animation. */
.hp-product-page-v5 .hp-option-value.is-sold:not(.hp-stock-reveal) > .hp-option-stock-label,
.hp-product-page-v5 .hp-option-value.is-unavailable:not(.hp-stock-reveal) > .hp-option-stock-label{
  visibility:visible !important;
  opacity:1 !important;
  filter:none !important;
  transform:translate(-50%,0) !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-product-page-v5 .hp-option-value.hp-stock-reveal > .hp-option-stock-label{
    animation:none !important;
    opacity:1 !important;
    filter:none !important;
    transform:translate(-50%,0) !important;
  }
}


/* ===== CONSOLIDATED FROM: hide-project-v21-72.css ===== */
/* =========================================================
   HIDE PROJECT V21.72 — one stock reveal engine for SIZE + COLOR
   ========================================================= */

/* Disable every historical CSS animation on the real stock label. JS now
   controls one identical enter transition for both size and color. */
.hp-product-page-v5 .hp-option-stock-label,
.hp-product-page-v5 .hp-option-value.hp-stock-reveal > .hp-option-stock-label,
.hp-product-page-v5 .hp-option-value.is-sold > .hp-option-stock-label,
.hp-product-page-v5 .hp-option-value.is-unavailable > .hp-option-stock-label{
  animation:none !important;
}

.hp-product-page-v5 .hp-option-stock-label{
  position:absolute !important;
  left:50% !important;
  top:-18px !important;
  z-index:30 !important;
  display:block !important;
  width:max-content !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#666 !important;
  font-size:6px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  pointer-events:none !important;

  visibility:hidden !important;
  opacity:0 !important;
  filter:blur(5px) !important;
  transform:translate(-50%,6px) !important;
  transition:
    opacity .42s cubic-bezier(.16,1,.3,1),
    filter .42s cubic-bezier(.16,1,.3,1),
    transform .42s cubic-bezier(.16,1,.3,1) !important;
}

/* A blocked choice first becomes visible while still in the hidden start
   frame. JS then adds is-stock-visible on the next paint. */
.hp-product-page-v5 .hp-option-value.is-sold > .hp-option-stock-label,
.hp-product-page-v5 .hp-option-value.is-unavailable > .hp-option-stock-label{
  visibility:visible !important;
}

.hp-product-page-v5 .hp-option-value.is-stock-visible > .hp-option-stock-label{
  visibility:visible !important;
  opacity:1 !important;
  filter:blur(0) !important;
  transform:translate(-50%,0) !important;
}

/* Kill old pseudo stock words/slashes once and for all. */
.hp-product-page-v5 .hp-option-value.is-sold::before,
.hp-product-page-v5 .hp-option-value.is-sold::after,
.hp-product-page-v5 .hp-option-value.is-unavailable::before,
.hp-product-page-v5 .hp-option-value.is-unavailable::after,
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body::before,
.hp-product-page-v5 .hp-option-value.is-sold .hp-option-value__body::after,
.hp-product-page-v5 .hp-option-value.is-unavailable .hp-option-value__body::before,
.hp-product-page-v5 .hp-option-value.is-unavailable .hp-option-value__body::after,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body::before,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__body::after,
.hp-product-page-v5 .hp-option-value.is-unavailable .hp-color-chip__body::before,
.hp-product-page-v5 .hp-option-value.is-unavailable .hp-color-chip__body::after,
.hp-product-page-v5 .hp-option-value.is-sold .hp-color-chip__swatch::after,
.hp-product-page-v5 .hp-option-value.is-unavailable .hp-color-chip__swatch::after{
  content:none !important;
  display:none !important;
}

/* Search results: image + product name only. */
.hp-search-result__price,
.hp-search-item__price{
  display:none !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-product-page-v5 .hp-option-stock-label{transition:none !important}
}


/* =========================================================
   V21.73 FINAL — mobile lightbox close / compact recs / first-paint hygiene
   ========================================================= */

/* Keep the document canvas white for Safari chrome while the storefront body
   keeps its configured dark background after CSS is parsed. */
html{
  background-color:#fff !important;
  color-scheme:light !important;
}

/* Mobile You May Also Like: slightly smaller cards, same visual language. */
@media (max-width:720px){
  .hp-cart-drawer .hp-cart-recs__track{
    gap:8px !important;
  }
  .hp-cart-drawer .hp-cart-rec,
  .hp-cart-drawer .hp-cart-rec--blur-reveal{
    flex:0 0 54% !important;
    width:54% !important;
  }
  .hp-cart-drawer .hp-cart-rec__image{
    aspect-ratio:1 / .96 !important;
  }

  /* One stable close path on touch devices. The lightbox stays composited and
     visible during the fade, then JS hides it after transitionend. This avoids
     the Safari white/black flash caused by visibility/backdrop teardown in the
     same frame. */
  body > .hp-product-lightbox{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .20s ease, visibility 0s linear .20s !important;
    contain:layout paint style !important;
    isolation:isolate !important;
    -webkit-transform:translateZ(0) !important;
    transform:translateZ(0) !important;
  }
  body > .hp-product-lightbox.open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition:opacity .20s ease, visibility 0s linear 0s !important;
  }
  body > .hp-product-lightbox.open.is-closing{
    opacity:0 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:opacity .20s ease !important;
  }
  body > .hp-product-lightbox.open.is-closing .hp-product-lightbox__dialog,
  body > .hp-product-lightbox.open.is-closing .hp-product-lightbox__stage,
  body > .hp-product-lightbox.open.is-closing .hp-product-lightbox__stage img{
    filter:none !important;
    transform:none !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__backdrop{
    -webkit-transform:translateZ(0) !important;
    transform:translateZ(0) !important;
  }
}


/* =========================================================
   V21.74 — iOS first-paint, cart stability, lightbox close, smaller mobile recs
   ========================================================= */
@media (max-width:720px){
  /* Slightly smaller than v21.73. */
  .hp-cart-drawer .hp-cart-rec,
  .hp-cart-drawer .hp-cart-rec--blur-reveal{
    flex:0 0 50% !important;
    width:50% !important;
  }

  /* Safari: never animate the backdrop-filter layer itself on close.
     The dark surface stays stable while the dialog fades, then JS removes it. */
  body > .hp-product-lightbox,
  body > .hp-product-lightbox.open,
  body > .hp-product-lightbox.open.is-closing{
    opacity:1 !important;
    transition:none !important;
    -webkit-transform:none !important;
    transform:none !important;
  }
  body > .hp-product-lightbox:not(.open){
    visibility:hidden !important;
    pointer-events:none !important;
  }
  body > .hp-product-lightbox.open{
    visibility:visible !important;
    pointer-events:auto !important;
  }
  body > .hp-product-lightbox.open.is-closing{
    visibility:visible !important;
    pointer-events:none !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__backdrop{
    background:rgba(0,0,0,.90) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    opacity:1 !important;
    transition:none !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__dialog{
    opacity:1 !important;
    filter:none !important;
    transition:opacity .18s ease !important;
  }
  body > .hp-product-lightbox.open.is-closing .hp-product-lightbox__dialog{
    opacity:0 !important;
    filter:none !important;
  }
}


/* =========================================================
   V21.75 — iOS chrome white / stable mobile search / rec prices / lightbox close
   ========================================================= */

/* Safari derives part of its top chrome from the root/body canvas. Keep that
   canvas white permanently, while the actual storefront surface stays dark. */
html, body{
  background:#fff !important;
  color-scheme:light !important;
}
.viewport,
.scroll-container,
.hp-transition-stage{
  background:var(--hp-bg,#050505);
}

/* Recommendation cards are title + image only. */
.hp-cart-rec__price{display:none !important}

@media (max-width:720px){
  /* Search on iOS: no repeated blur/reveal lifecycle while typing. Replacing
     results is now visually atomic, so cached/new images cannot flash. */
  .hp-search-result,
  .hp-search-result.is-revealed{
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }
  .hp-search-result__image,
  .hp-search-result__image img{
    opacity:1 !important;
    filter:none !important;
    transform:translateZ(0) !important;
    transition:none !important;
    backface-visibility:hidden !important;
  }

  /* Keep the entire lightbox compositor alive during close. Only its dialog
     fades; backdrop and root never animate. JS unlocks body two frames later. */
  body > .hp-product-lightbox,
  body > .hp-product-lightbox.open,
  body > .hp-product-lightbox.open.is-closing{
    opacity:1 !important;
    transition:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__backdrop{
    background:#050505 !important;
    opacity:1 !important;
    transition:none !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__dialog{
    opacity:1 !important;
    filter:none !important;
    transform:translateZ(0) !important;
    transition:opacity .16s ease !important;
    backface-visibility:hidden !important;
  }
  body > .hp-product-lightbox.open.is-closing .hp-product-lightbox__dialog{
    opacity:0 !important;
  }
}


/* =========================================================
   V21.76 — compact recommendation gap / iOS 26 white top bar /
   mobile search blur-reveal restored / mega joins page outro
   ========================================================= */

/* Desktop cart: remove the oversized dead space below recommendation titles. */
.hp-cart-drawer .hp-cart-recs:not([hidden]){
  padding-bottom:5px !important;
}
.hp-cart-drawer .hp-cart-recs__track{
  padding-bottom:0 !important;
}
.hp-cart-drawer .hp-cart-rec__meta{
  min-height:30px !important;
  padding-top:7px !important;
}
.hp-cart-drawer .hp-cart-rec__title{
  min-height:0 !important;
  margin-bottom:0 !important;
}

/* V21.78 — root canvas stays white, but the browser owns the status-bar inset. */
html,body{
  background-color:#fff !important;
  color-scheme:light !important;
}

/* Restore the intended Blur + Reveal on mobile predictive-search cards, but
   animate the card as one composited surface. Images themselves never fade,
   which avoids the old per-image flash while typing. */
@media (max-width:720px){
  .hp-search-result,
  .hp-search-result.is-revealed{
    backface-visibility:hidden !important;
    will-change:opacity,filter,transform !important;
  }
  .hp-search-result{
    opacity:0 !important;
    filter:blur(8px) !important;
    transform:translate3d(0,7px,0) scale(.994) !important;
    transition:
      opacity .34s cubic-bezier(.16,1,.3,1) var(--hp-search-delay,0ms),
      filter .44s cubic-bezier(.16,1,.3,1) var(--hp-search-delay,0ms),
      transform .44s cubic-bezier(.16,1,.3,1) var(--hp-search-delay,0ms) !important;
  }
  .hp-search-result.is-revealed{
    opacity:1 !important;
    filter:blur(0) !important;
    transform:translate3d(0,0,0) scale(1) !important;
  }
  .hp-search-result__image,
  .hp-search-result__image img{
    opacity:1 !important;
    filter:none !important;
    transition:none !important;
    transform:translateZ(0) !important;
  }
}

/* The mega menu is portalled to <body>, outside the page-transition stage.
   Explicitly give it the same blur/reveal outro when navigation starts. */
@media (min-width:900px){
  .hp-mega.hp-mega--slide_down.is-open.is-page-leaving,
  html.hp-page-leaving .hp-mega.hp-mega--slide_down.is-open{
    visibility:visible !important;
    pointer-events:none !important;
    opacity:0 !important;
    filter:blur(10px) !important;
    transform:translate3d(0,-7px,0) !important;
    transition:
      opacity var(--hp-page-transition-duration,400ms) ease,
      filter var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1),
      transform var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hp-mega.is-page-leaving{transition:none !important}
}


/* =========================================================
   V21.77 — remove duplicated mobile safe-area strip
   =========================================================
   The browser itself owns the status-bar inset in normal tab mode. Earlier
   V21.76 rules padded BODY by env(safe-area-inset-top), effectively reserving
   the inset twice and exposing the storefront's dark canvas as a large band.
*/
@media (max-width:720px){
  html,body{
    padding-top:0 !important;
    margin-top:0 !important;
    background:#fff !important;
  }
  .viewport{
    min-height:100vh !important;
    margin-top:0 !important;
    padding-top:0 !important;
  }
  #shopify-section-announcement-bar:empty{display:none !important;height:0 !important;margin:0 !important;padding:0 !important}
  #shopify-section-header{margin-top:0 !important}
}


/* ===== V21.79 — iOS/mobile browser chrome first-paint lock ===== */
html, body, body.hp-body{
  background:#fff !important;
  background-color:#fff !important;
  color-scheme:light !important;
}
.viewport{
  background:var(--hp-bg,#050505) !important;
}
/* Always leave a white top-edge sample even while blur/page-outro hides the stage. */
body::before{
  content:"" !important;
  position:fixed !important;
  top:0 !important; left:0 !important; right:0 !important;
  height:2px !important;
  z-index:2147483647 !important;
  background:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:none !important;
  transform:none !important;
  filter:none !important;
}
@media (max-width:899px){
  html.hp-page-entering body::before,
  html.hp-page-leaving body::before{background:#fff !important;opacity:1 !important;}
}

/* =========================================================
   V21.80 — single-line rec titles / mobile lightbox close / white page transition
   ========================================================= */

/* YOU MAY ALSO LIKE: one-line titles with a small breathing space below. */
.hp-cart-drawer .hp-cart-rec__meta{
  min-height:0 !important;
  padding-top:7px !important;
  padding-bottom:8px !important;
}
.hp-cart-drawer .hp-cart-rec__title{
  display:block !important;
  min-height:0 !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
  line-height:1.25 !important;
  margin:0 !important;
}

/* V21.81 — white page-transition canvas on MOBILE ONLY.
   Desktop falls back to the original selected transition untouched. */
@media (max-width:899px){
  .hp-page-transition-layer{
    background:#fff !important;
  }

  /* During mobile intro/outro every surface exposed by blur/fade is white.
     This prevents the one-frame black flash between the old and new page. */
  html.hp-page-entering,
  html.hp-page-leaving,
  html.hp-page-entering body,
  html.hp-page-leaving body,
  html.hp-page-entering .viewport,
  html.hp-page-leaving .viewport,
  html.hp-page-entering .hp-transition-stage,
  html.hp-page-leaving .hp-transition-stage,
  html.hp-page-entering .scroll-container,
  html.hp-page-leaving .scroll-container{
    background:#fff !important;
    background-color:#fff !important;
  }

  /* Keep the browser-facing canvas white for the whole navigation handoff. */
  html.hp-page-entering body::before,
  html.hp-page-leaving body::before{
    height:3px !important;
    background:#fff !important;
    opacity:1 !important;
  }
}

@media (max-width:720px){
  /* iOS lightbox close: fade the entire fixed compositor as ONE layer.
     Do not independently fade the dialog/backdrop, which caused a one-frame tear. */
  body > .hp-product-lightbox,
  body > .hp-product-lightbox.open{
    opacity:1 !important;
    filter:none !important;
    transform:translateZ(0) !important;
    transition:opacity .18s cubic-bezier(.4,0,.2,1) !important;
    will-change:opacity !important;
    -webkit-backface-visibility:hidden !important;
    backface-visibility:hidden !important;
  }
  body > .hp-product-lightbox.open.is-closing{
    opacity:0 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }
  body > .hp-product-lightbox .hp-product-lightbox__backdrop,
  body > .hp-product-lightbox .hp-product-lightbox__dialog,
  body > .hp-product-lightbox .hp-product-lightbox__stage,
  body > .hp-product-lightbox .hp-product-lightbox__stage img{
    opacity:1 !important;
    filter:none !important;
    transition:none !important;
    transform:translateZ(0) !important;
    -webkit-backface-visibility:hidden !important;
    backface-visibility:hidden !important;
  }
}

/* V21.82 — mobile transition handoff guard.
   Keep the canvas white for the final reveal frames so the underlying dark
   storefront can never flash through while opacity/filter settle. */
@media (max-width:899px){
  html.hp-mobile-enter-settling,
  html.hp-mobile-enter-settling body,
  html.hp-mobile-enter-settling .viewport,
  html.hp-mobile-enter-settling .hp-transition-stage,
  html.hp-mobile-enter-settling .scroll-container{
    background:#fff !important;
    background-color:#fff !important;
  }
  html.hp-mobile-enter-settling body::before{
    height:3px !important;
    background:#fff !important;
    opacity:1 !important;
  }
}


/* =========================================================
   V21.84 — MOBILE page transition = exact desktop motion,
   but revealing to a WHITE canvas instead of a black one.
   We DO NOT override opacity / transform / filter at all.
   The selected desktop transition rules remain the source of truth.
   ========================================================= */
@media (max-width:899px){
  /* White under-canvas. html/body are browser-facing and stay white. */
  html,
  body{
    background:#fff !important;
    background-color:#fff !important;
  }

  /* While entering/leaving (and for the short settling window after the
     entering class is removed), make the wrappers transparent so the exact
     desktop fade/blur reveals WHITE underneath instead of storefront black. */
  html.hp-page-entering .viewport,
  html.hp-page-entering .scroll-container,
  html.hp-page-leaving .viewport,
  html.hp-page-leaving .scroll-container,
  html.hp-mobile-enter-settling .viewport,
  html.hp-mobile-enter-settling .scroll-container{
    background:transparent !important;
    background-color:transparent !important;
  }

  /* Do not paint a separate surface on the animated stage itself. */
  html.hp-page-entering .hp-transition-stage,
  html.hp-page-leaving .hp-transition-stage,
  html.hp-mobile-enter-settling .hp-transition-stage{
    background:transparent !important;
    background-color:transparent !important;
  }

  /* Curtain style, if selected, uses the same white mobile version too. */
  .hp-page-transition-layer{
    background:#fff !important;
    background-color:#fff !important;
  }

  /* Keep the top browser sampling edge white throughout navigation. */
  html.hp-page-entering body::before,
  html.hp-page-leaving body::before,
  html.hp-mobile-enter-settling body::before{
    background:#fff !important;
    opacity:1 !important;
  }
}


/* =========================================================
   V21.102 — SOLD OUT TRUE ROOT FIX
   Keep the exact V21.84 SIZE animation untouched.
   Fix only the ancestor-opacity bug that made COLOR look different.
   ========================================================= */

/*
  Critical:
  Legacy CSS uses:
    .hp-option-value.is-unavailable:not(.is-sold){ opacity:.20!important; }

  COLOR commonly becomes `unavailable` while SIZE becomes `sold`.
  That opacity is on the PARENT, so it also fades/weakens the SOLD OUT
  child and its blur transition. No child CSS can cancel ancestor opacity.

  Keep every blocked holder fully opaque, then mute only the visual option body.
*/
.hp-product-page-v5 .hp-option-value.is-unavailable:not(.is-sold){
  opacity:1 !important;
}

/* Preserve the quiet unavailable look without touching the SOLD OUT label. */
.hp-product-page-v5 .hp-product-option--size .hp-option-value.is-unavailable:not(.is-sold) .hp-option-value__body{
  opacity:.20 !important;
}

.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable:not(.is-sold) .hp-color-chip__tag{
  opacity:.20 !important;
}

.hp-product-page-v5 .hp-product-option--color .hp-option-value.is-unavailable:not(.is-sold) .hp-color-chip__swatch{
  opacity:.20 !important;
  filter:grayscale(1) saturate(.1) brightness(.72) !important;
}

/*
  Do not redefine the stock animation here.
  Both SIZE and COLOR intentionally continue using the exact v21.84:
    .hp-option-stock-label
    .is-stock-visible
    transition .42s cubic-bezier(.16,1,.3,1)
  from the existing stylesheet.
*/


/* =========================================================
   V21.103 — HERO DEVICE IMAGES / iPAD / GLOBAL IMAGE REVEAL
   ========================================================= */

@media(max-width:767px){
  .hp-hero-slider,.hp-hero-slide,.hp-hero-slide__inner{
    min-height:var(--hero-mobile-h,650px) !important;
  }
  .hp-hero-slide__media img{
    object-position:var(--hero-mobile-pos,center center) !important;
  }
  .hp-hero--single,.hp-hero--single .hp-hero__inner{
    min-height:var(--hero-mobile-h,650px) !important;
  }
  .hp-hero--single .hp-hero__media img{
    object-position:var(--hero-mobile-pos,center center) !important;
  }
}

/* iPad mini / iPad / Air / Pro portrait + common landscape widths */
@media(min-width:768px) and (max-width:1180px){
  .hp-page,.hp-site-shell{
    width:calc(100% - 32px) !important;
    max-width:none !important;
  }

  #shopify-section-header .hp-header__grid,
  body > .hp-sticky-clone .hp-header__grid{
    width:100% !important;
    max-width:none !important;
    padding-left:20px !important;
    padding-right:20px !important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
    column-gap:14px !important;
  }

  #shopify-section-header .hp-nav--left,
  body > .hp-sticky-clone .hp-nav--left{
    display:flex !important;
    justify-content:flex-start !important;
    min-width:0 !important;
  }

  #shopify-section-header .hp-nav--left > a,
  #shopify-section-header .hp-nav--left > .hp-nav__mega-trigger,
  body > .hp-sticky-clone .hp-nav--left > a,
  body > .hp-sticky-clone .hp-nav--left > .hp-nav__mega-trigger{
    display:none !important;
  }

  #shopify-section-header .hp-menu-btn,
  body > .hp-sticky-clone .hp-menu-btn{
    display:block !important;
    font-size:9px !important;
  }

  #shopify-section-header .hp-logo,
  body > .hp-sticky-clone .hp-logo{
    min-width:0 !important;
    justify-self:center !important;
    max-width:min(var(--logo-w),132px) !important;
  }

  #shopify-section-header .hp-logo img,
  body > .hp-sticky-clone .hp-logo img{
    max-width:min(var(--logo-w),132px) !important;
  }

  #shopify-section-header .hp-nav--right,
  body > .hp-sticky-clone .hp-nav--right{
    justify-self:end !important;
    justify-content:flex-end !important;
    min-width:0 !important;
    gap:14px !important;
  }

  #shopify-section-header .hp-nav--right > a,
  body > .hp-sticky-clone .hp-nav--right > a{
    display:none !important;
  }

  #shopify-section-header .hp-search-trigger,
  #shopify-section-header .hp-cart-trigger,
  body > .hp-sticky-clone .hp-search-trigger,
  body > .hp-sticky-clone .hp-cart-trigger{
    display:block !important;
    font-size:9px !important;
    white-space:nowrap !important;
  }

  .hp-mega[data-mega-root]{display:none !important}

  .hp-hero-slider,.hp-hero-slide{
    min-height:clamp(560px,68vh,var(--hero-h)) !important;
  }
  .hp-hero-slide__inner{
    min-height:clamp(560px,68vh,var(--hero-h)) !important;
    padding:28px 26px !important;
  }
  .hp-hero-slide__copy{max-width:min(48vw,500px) !important}
  .hp-hero__title{font-size:min(var(--hero-title),52px) !important}
  .hp-hero__title-image{width:min(var(--hero-logo-width),46vw) !important}

  .hp-products__grid,
  .hp-collection-v9 .hp-products__grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .hp-product-page-v5 .hp-product-shell,
  .hp-product-page{
    grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr) !important;
    gap:22px !important;
  }

  .hp-search__panel,
  .hp-search-panel,
  [data-search-panel]{
    width:calc(100vw - 48px) !important;
    max-width:980px !important;
    max-height:calc(100dvh - 48px) !important;
  }

  .hp-cart-drawer{
    width:min(440px,52vw) !important;
    max-width:440px !important;
  }
}

@media(min-width:768px) and (max-width:900px){
  #shopify-section-header .hp-search-trigger,
  body > .hp-sticky-clone .hp-search-trigger{display:none !important}

  .hp-products__grid,
  .hp-collection-v9 .hp-products__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .hp-product-page-v5 .hp-product-shell,
  .hp-product-page{
    grid-template-columns:1fr !important;
  }

  .hp-product-info{position:static !important}

  .hp-cart-drawer{
    width:min(430px,72vw) !important;
  }
}

/* Dynamic and normal images use one Blur + Reveal language */
.hp-theme-image-loading{
  opacity:0 !important;
  filter:blur(13px) !important;
  transform:scale(1.018) translateZ(0) !important;
  will-change:opacity,filter,transform !important;
}

.hp-theme-image-loaded{
  animation:hpThemeImageBlurRevealV21103 .58s cubic-bezier(.16,1,.3,1) both;
  will-change:opacity,filter,transform;
}

@keyframes hpThemeImageBlurRevealV21103{
  0%{opacity:0;filter:blur(13px);transform:scale(1.018) translateZ(0)}
  58%{opacity:.82;filter:blur(3px)}
  100%{opacity:1;filter:blur(0);transform:scale(1) translateZ(0)}
}

.hp-hero-slide__media .hp-theme-image-loaded,
.hp-hero--single .hp-hero__media .hp-theme-image-loaded{
  animation-duration:.72s;
}

.hp-cart-drawer .hp-drawer-item:not(.is-removing) .hp-drawer-item__image img{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform-origin:center;
}

@media(prefers-reduced-motion:reduce){
  .hp-theme-image-loading,.hp-theme-image-loaded{
    animation:none !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    will-change:auto !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.110 — REFERENCE GRID FOOTER
   Inspired by the supplied architectural footer reference,
   rebuilt in HIDE PROJECT's dark industrial language.
   ========================================================= */

.hp-footer.hp-footer--refgrid{
  width:100% !important;
  margin:0 !important;
  padding:26px 12px 12px !important;
  background:var(--footer-bg,#050505) !important;
  color:var(--footer-fg,#e8e8e8) !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}

.hp-footer--refgrid .hp-footer-refgrid__shell{
  width:min(100%,var(--hp-page)) !important;
  margin:0 auto !important;
  background:var(--footer-panel,#080808) !important;
  border:1px solid var(--footer-line,#262626) !important;
  border-radius:10px !important;
  overflow:hidden !important;
}

.hp-footer--refgrid .hp-footer-refgrid__grid{
  display:grid !important;
  grid-template-columns:1.05fr 1.45fr 1.05fr !important;
  min-height:235px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__cell{
  min-width:0 !important;
  border-right:1px solid var(--footer-line,#262626) !important;
}

.hp-footer--refgrid .hp-footer-refgrid__cell:last-child{
  border-right:0 !important;
}

.hp-footer--refgrid .hp-footer-refgrid__head{
  min-height:44px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  border-bottom:1px solid var(--footer-line,#262626) !important;
  color:var(--footer-fg,#e8e8e8) !important;
  font-size:7px !important;
  line-height:1 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

.hp-footer--refgrid .hp-footer-refgrid__index{
  color:#4b4b4b !important;
  font-size:6px !important;
  letter-spacing:.08em !important;
}

.hp-footer--refgrid .hp-footer-refgrid__body{
  min-height:190px !important;
  padding:28px 18px 30px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:20px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand-logo{
  display:block !important;
  width:min(var(--footer-brand-w,125px),100%) !important;
  text-decoration:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand-logo img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:48px !important;
  object-fit:contain !important;
  object-position:left center !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand-text{
  color:var(--footer-fg,#e8e8e8) !important;
  font-size:14px !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand p{
  max-width:270px !important;
  margin:0 !important;
  color:var(--footer-muted,#737373) !important;
  font-size:7px !important;
  line-height:1.65 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:14px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links a{
  position:relative !important;
  color:var(--footer-fg,#e8e8e8) !important;
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  width:max-content !important;
  max-width:100% !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links a::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-5px !important;
  height:1px !important;
  background:currentColor !important;
  transform:scaleX(0) !important;
  transform-origin:right center !important;
  transition:transform .28s cubic-bezier(.16,1,.3,1) !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links a:hover::after{
  transform:scaleX(1) !important;
  transform-origin:left center !important;
}

.hp-footer--refgrid .hp-footer-refgrid__bottom{
  min-height:54px !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:18px !important;
  border-top:1px solid var(--footer-line,#262626) !important;
  padding:0 18px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__bottom-left,
.hp-footer--refgrid .hp-footer-refgrid__bottom-right{
  color:#555 !important;
  font-size:6px !important;
  line-height:1 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}

.hp-footer--refgrid .hp-footer-refgrid__bottom-left{
  justify-self:start !important;
}

.hp-footer--refgrid .hp-footer-refgrid__bottom-right{
  justify-self:end !important;
}

.hp-footer--refgrid .hp-footer-refgrid__devrift{
  justify-self:center !important;
  display:block !important;
  width:76px !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  text-decoration:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__devrift img{
  display:block !important;
  width:76px !important;
  height:auto !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

/* iPad */
@media(min-width:768px) and (max-width:1100px){
  .hp-footer--refgrid .hp-footer-refgrid__grid{
    grid-template-columns:1fr 1.25fr 1fr !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__body{
    padding:24px 16px 26px !important;
  }
}

/* Mobile */
@media(max-width:767px){
  .hp-footer.hp-footer--refgrid{
    padding:18px 10px 10px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    border-radius:8px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__grid{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell{
    border-right:0 !important;
    border-bottom:1px solid var(--footer-line,#262626) !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:last-child{
    border-bottom:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__head{
    min-height:40px !important;
    padding:0 14px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:20px 14px 22px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand{
    gap:15px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo{
    width:min(var(--footer-brand-w,125px),118px) !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand p{
    max-width:240px !important;
    font-size:6px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links{
    gap:12px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links a{
    font-size:7px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    min-height:58px !important;
    padding:0 14px !important;
    gap:8px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__devrift,
  .hp-footer--refgrid .hp-footer-refgrid__devrift img{
    width:68px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__bottom-left,
  .hp-footer--refgrid .hp-footer-refgrid__bottom-right{
    font-size:5px !important;
  }
}

@media(max-width:390px){
  .hp-footer--refgrid .hp-footer-refgrid__bottom-right{
    max-width:82px !important;
    text-align:right !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.111 — REFERENCE GRID REFINEMENT
   Removes the outer footer background control, strips side metadata,
   expands socials, and adds subtle premium motion.
   ========================================================= */

.hp-footer.hp-footer--refgrid{
  background:transparent !important;
}

/* Keep only the actual panel as the footer visual object. */
.hp-footer--refgrid .hp-footer-refgrid__shell{
  background:var(--footer-panel,#080808) !important;
}

/* Bottom rail is now intentionally centered and quiet. */
.hp-footer--refgrid .hp-footer-refgrid__bottom-space{
  display:block !important;
  min-width:1px !important;
}

/* Slightly more room for larger social lists without making the footer taller. */
.hp-footer--refgrid .hp-footer-refgrid__social{
  gap:13px !important;
}

/* ---------------------------------------------
   Motion: subtle, editorial, not "app-like"
   --------------------------------------------- */

/* Each column reveals with a tiny stagger. */
.hp-footer--refgrid .hp-footer-refgrid__cell{
  opacity:0;
  filter:blur(7px);
  transform:translateY(10px);
  animation:hpFooterCellRevealV21111 .68s cubic-bezier(.16,1,.3,1) forwards;
}

.hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(1){animation-delay:.02s}
.hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2){animation-delay:.08s}
.hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3){animation-delay:.14s}

@keyframes hpFooterCellRevealV21111{
  to{
    opacity:1;
    filter:blur(0);
    transform:translateY(0);
  }
}

/* Header index softly brightens on hover. */
.hp-footer--refgrid .hp-footer-refgrid__cell .hp-footer-refgrid__index{
  transition:color .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1) !important;
}

.hp-footer--refgrid .hp-footer-refgrid__cell:hover .hp-footer-refgrid__index{
  color:#777 !important;
  transform:translateX(-2px) !important;
}

/* Links get a small lateral "mechanical" shift while keeping the underline. */
.hp-footer--refgrid .hp-footer-refgrid__links a{
  transition:transform .28s cubic-bezier(.16,1,.3,1),color .22s ease !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links a:hover{
  transform:translateX(4px) !important;
}

/* Dev.Rift gets a restrained reveal and 2px hover lift. */
.hp-footer--refgrid .hp-footer-refgrid__devrift{
  animation:hpFooterLogoRevealV21111 .72s .16s cubic-bezier(.16,1,.3,1) both;
  transition:transform .3s cubic-bezier(.16,1,.3,1) !important;
}

.hp-footer--refgrid .hp-footer-refgrid__devrift:hover{
  transform:translateY(-2px) !important;
}

@keyframes hpFooterLogoRevealV21111{
  from{
    opacity:0;
    filter:blur(6px);
    transform:translateY(6px);
  }
  to{
    opacity:1;
    filter:blur(0);
    transform:translateY(0);
  }
}

/* Brand itself gets a slightly softer reveal than the columns. */
.hp-footer--refgrid .hp-footer-refgrid__brand-logo,
.hp-footer--refgrid .hp-footer-refgrid__brand-text{
  animation:hpFooterBrandRevealV21111 .72s .05s cubic-bezier(.16,1,.3,1) both;
}

@keyframes hpFooterBrandRevealV21111{
  from{
    opacity:0;
    filter:blur(8px);
    transform:translateY(7px);
  }
  to{
    opacity:1;
    filter:blur(0);
    transform:translateY(0);
  }
}

@media(prefers-reduced-motion:reduce){
  .hp-footer--refgrid .hp-footer-refgrid__cell,
  .hp-footer--refgrid .hp-footer-refgrid__devrift,
  .hp-footer--refgrid .hp-footer-refgrid__brand-logo,
  .hp-footer--refgrid .hp-footer-refgrid__brand-text{
    animation:none !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links a:hover,
  .hp-footer--refgrid .hp-footer-refgrid__devrift:hover,
  .hp-footer--refgrid .hp-footer-refgrid__cell:hover .hp-footer-refgrid__index{
    transform:none !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.112 — FOOTER SECTION REVEAL / CLEAN DEVRIFT
   Whole footer section uses the house Blur + Reveal on enter/leave.
   Dev.Rift logo stays completely static.
   ========================================================= */

/* Section-level animation state */
.hp-footer--refgrid{
  opacity:0;
  filter:blur(12px);
  transform:translateY(14px);
  transition:
    opacity .58s cubic-bezier(.16,1,.3,1),
    filter .58s cubic-bezier(.16,1,.3,1),
    transform .58s cubic-bezier(.16,1,.3,1) !important;
  will-change:opacity,filter,transform;
}

.hp-footer--refgrid.is-hp-footer-visible{
  opacity:1;
  filter:blur(0);
  transform:translateY(0);
}

/* Remove the Dev.Rift reveal/hover animation completely. */
.hp-footer--refgrid .hp-footer-refgrid__devrift{
  animation:none !important;
  transition:none !important;
  transform:none !important;
  opacity:1 !important;
  filter:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__devrift:hover{
  transform:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__devrift img{
  animation:none !important;
  transition:none !important;
  transform:none !important;
  opacity:1 !important;
  filter:none !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-footer--refgrid{
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.115 — EXACT REFERENCE FOOTER COMPOSITION
   Built directly on the user-uploaded v21.112.
   The wrapper is transparent; ONLY the rounded black card exists visually.
   ========================================================= */

/* The Shopify/footer wrappers must contribute no painted background at all. */
#shopify-section-footer,
.shopify-section-group-footer-group,
.hp-footer.hp-footer--refgrid{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* Transparent placement area exactly like the reference:
   small top air, 16px left/right, ZERO bottom gap. */
.hp-footer.hp-footer--refgrid{
  width:100% !important;
  margin:0 !important;
  padding:38px 16px 0 !important;
  border:0 !important;
  overflow:visible !important;

  /* Never animate the transparent wrapper. */
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
}

/* The black card is the ONLY visual footer object. */
.hp-footer--refgrid .hp-footer-refgrid__shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#070707 !important;
  background-color:#070707 !important;
  background-image:none !important;
  border:1px solid #292929 !important;
  border-radius:14px 14px 0 0 !important;
  box-shadow:none !important;
  overflow:hidden !important;

  /* House blur + reveal lives on the card itself. */
  opacity:0 !important;
  filter:blur(13px) !important;
  transform:translateY(16px) scale(.997) !important;
  transition:
    opacity .62s cubic-bezier(.16,1,.3,1),
    filter .62s cubic-bezier(.16,1,.3,1),
    transform .62s cubic-bezier(.16,1,.3,1) !important;
  will-change:opacity,filter,transform !important;
}

.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__shell{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:translateY(0) scale(1) !important;
}

/* Match the screenshot's three-column proportions. */
.hp-footer--refgrid .hp-footer-refgrid__grid{
  display:grid !important;
  grid-template-columns:29.7% 40.8% 29.5% !important;
  min-height:330px !important;
  background:#070707 !important;
}

/* No child reveal — one clean motion for the entire card. */
.hp-footer--refgrid .hp-footer-refgrid__cell{
  min-width:0 !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
  background:transparent !important;
  border-right:1px solid #292929 !important;
}

.hp-footer--refgrid .hp-footer-refgrid__cell:last-child{
  border-right:0 !important;
}

/* Header strip exactly in the reference rhythm. */
.hp-footer--refgrid .hp-footer-refgrid__head{
  min-height:62px !important;
  height:62px !important;
  padding:0 26px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  border-bottom:1px solid #292929 !important;
  color:#707070 !important;
  font-size:7px !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.hp-footer--refgrid .hp-footer-refgrid__index{
  color:#343434 !important;
  font-size:6px !important;
  transition:color .25s ease !important;
}

/* Large empty editorial bodies like the screenshot. */
.hp-footer--refgrid .hp-footer-refgrid__body{
  min-height:268px !important;
  padding:40px 26px 36px !important;
  background:transparent !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:31px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand-logo{
  width:min(var(--footer-brand-w,125px),150px) !important;
  animation:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand-logo img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:54px !important;
  object-fit:contain !important;
  object-position:left center !important;
  animation:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand-text{
  animation:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand p{
  max-width:390px !important;
  margin:0 !important;
  color:#555 !important;
  font-size:7px !important;
  line-height:1.7 !important;
  letter-spacing:.07em !important;
}

/* Link spacing and placement. */
.hp-footer--refgrid .hp-footer-refgrid__links{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:19px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links a{
  color:#777 !important;
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.055em !important;
  transition:color .22s ease, transform .28s cubic-bezier(.16,1,.3,1) !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links a:hover{
  color:#e8e8e8 !important;
  transform:translateX(3px) !important;
}

/* Bottom rail continues the same black card and sits flush with page bottom.
   No extra background, no margin, no radius underneath. */
.hp-footer--refgrid .hp-footer-refgrid__bottom{
  min-height:72px !important;
  height:72px !important;
  padding:0 26px !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:0 !important;
  background:#070707 !important;
  border-top:1px solid #292929 !important;
}

/* Dev.Rift: completely static. */
.hp-footer--refgrid .hp-footer-refgrid__devrift,
.hp-footer--refgrid .hp-footer-refgrid__devrift:hover{
  justify-self:center !important;
  width:82px !important;
  animation:none !important;
  transition:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__devrift img{
  display:block !important;
  width:82px !important;
  height:auto !important;
  animation:none !important;
  transition:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

/* iPad keeps the exact same object, just scales the internal rhythm. */
@media(min-width:768px) and (max-width:1100px){
  .hp-footer.hp-footer--refgrid{
    padding:30px 14px 0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__grid{
    grid-template-columns:30% 40% 30% !important;
    min-height:304px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__head{
    min-height:56px !important;
    height:56px !important;
    padding:0 20px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__body{
    min-height:248px !important;
    padding:34px 20px 30px !important;
  }
}

/* Mobile: same card, stacked, transparent outside radius, zero bottom gap. */
@media(max-width:767px){
  #shopify-section-footer,
  .shopify-section-group-footer-group,
  .hp-footer.hp-footer--refgrid{
    background:transparent !important;
  }

  .hp-footer.hp-footer--refgrid{
    padding:22px 10px 0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    border-radius:10px 10px 0 0 !important;
    transform:translateY(12px) scale(.998) !important;
  }

  .hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__shell{
    transform:translateY(0) scale(1) !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__grid{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell{
    border-right:0 !important;
    border-bottom:1px solid #292929 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:last-child{
    border-bottom:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__head{
    min-height:44px !important;
    height:44px !important;
    padding:0 16px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:24px 16px 26px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand{
    gap:20px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links{
    gap:14px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    min-height:66px !important;
    height:66px !important;
    padding:0 16px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__devrift,
  .hp-footer--refgrid .hp-footer-refgrid__devrift img{
    width:72px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hp-footer--refgrid .hp-footer-refgrid__shell{
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.116 - FINAL TRANSITION STABILITY
   ========================================================= */
html[data-page-transition-enabled="true"] .hp-transition-stage{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:translate3d(0,0,0) scale(1) !important;
  transform-origin:center top !important;
  transition:
    opacity var(--hp-page-transition-duration,400ms) ease,
    filter var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1),
    transform var(--hp-page-transition-duration,400ms) cubic-bezier(.16,1,.3,1) !important;
  will-change:opacity,filter,transform !important;
  -webkit-backface-visibility:hidden !important;
  backface-visibility:hidden !important;
  transform-style:flat !important;
}

html[data-page-transition-enabled="true"].hp-page-entering[data-page-transition="blur-reveal"] .hp-transition-stage,
html[data-page-transition-enabled="true"].hp-page-leaving[data-page-transition="blur-reveal"] .hp-transition-stage{
  opacity:0 !important;
  filter:blur(10px) !important;
  transform:translate3d(0,8px,0) scale(.992) !important;
}

@media(min-width:900px){
  html[data-page-transition-enabled="true"] .viewport{
    background:var(--hp-bg,#050505) !important;
    background-color:var(--hp-bg,#050505) !important;
  }
  html.hp-page-transition-running .viewport{
    isolation:isolate !important;
  }
}

@media(max-width:899px){
  html.hp-page-transition-running,
  html.hp-page-transition-running body{
    background:#fff !important;
    background-color:#fff !important;
  }

  html.hp-page-transition-running .viewport,
  html.hp-page-transition-running .scroll-container,
  html.hp-page-transition-running .hp-transition-stage{
    background:transparent !important;
    background-color:transparent !important;
  }

  html.hp-page-transition-running .hp-page-transition-layer{
    background:#fff !important;
    background-color:#fff !important;
  }

  html.hp-page-transition-running body::before{
    background:#fff !important;
    opacity:1 !important;
  }
}

.hp-theme-image-ready{
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
  will-change:auto !important;
}

/* =========================================================
   HIDE PROJECT v21.117 — FINAL GRID FOOTER
   The black band above the rounded card is removed completely.
   The architectural GRID stays permanently visible, with subtle motion layered on top.
   ========================================================= */

/* Nothing outside the card paints a footer background. */
#shopify-section-footer,
.shopify-section-group-footer-group,
.hp-footer.hp-footer--refgrid{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* IMPORTANT: no top padding = no black strip behind/above the radius. */
.hp-footer.hp-footer--refgrid{
  width:100% !important;
  margin:0 !important;
  padding:0 10px !important;
  border:0 !important;
  overflow:visible !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  transition:none !important;
}

/* The rounded card is the only visual footer object. */
.hp-footer--refgrid .hp-footer-refgrid__shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#070707 !important;
  background-image:none !important;
  border:1px solid #2b2b2b !important;
  border-bottom:0 !important;
  border-radius:18px 18px 0 0 !important;
  box-shadow:none !important;
  overflow:hidden !important;

  opacity:0 !important;
  filter:blur(12px) !important;
  transform:translate3d(0,14px,0) scale(.998) !important;
  transition:
    opacity .62s cubic-bezier(.16,1,.3,1),
    filter .62s cubic-bezier(.16,1,.3,1),
    transform .62s cubic-bezier(.16,1,.3,1) !important;
  will-change:opacity,filter,transform !important;
}

.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__shell{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:translate3d(0,0,0) scale(1) !important;
}

/* ---------- GRID ---------- */
.hp-footer--refgrid .hp-footer-refgrid__grid{
  position:relative !important;
  display:grid !important;
  grid-template-columns:30% 40.5% 29.5% !important;
  min-height:304px !important;
  background:#070707 !important;
}

/* Persistent grid lines — always visible, not animation-dependent. */
.hp-footer--refgrid .hp-footer-refgrid__cell{
  position:relative !important;
  min-width:0 !important;
  background:transparent !important;
  border-right:1px solid #292929 !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
  transition:background-color .34s cubic-bezier(.16,1,.3,1) !important;
}

.hp-footer--refgrid .hp-footer-refgrid__cell:last-child{
  border-right:0 !important;
}

.hp-footer--refgrid .hp-footer-refgrid__cell:hover{
  background:#090909 !important;
}

/* Fine animated highlight runs over the permanent vertical divider. */
.hp-footer--refgrid .hp-footer-refgrid__cell:not(:last-child)::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  right:-1px !important;
  width:1px !important;
  height:100% !important;
  background:#454545 !important;
  transform:scaleY(0) !important;
  transform-origin:top center !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:not(:last-child)::after{
  animation:hpFooterGridTraceV21117 .78s .10s cubic-bezier(.16,1,.3,1) forwards !important;
}

@keyframes hpFooterGridTraceV21117{
  0%{transform:scaleY(0);opacity:.2}
  62%{opacity:.72}
  100%{transform:scaleY(1);opacity:0}
}

/* Header rail gives the footer the proper technical-grid feel. */
.hp-footer--refgrid .hp-footer-refgrid__head{
  min-height:58px !important;
  height:58px !important;
  padding:0 25px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  background:#070707 !important;
  border-bottom:1px solid #292929 !important;
  color:#696969 !important;
  font-size:7px !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.hp-footer--refgrid .hp-footer-refgrid__index{
  color:#333 !important;
  font-size:6px !important;
  letter-spacing:.08em !important;
  transition:color .26s ease,transform .30s cubic-bezier(.16,1,.3,1) !important;
}

.hp-footer--refgrid .hp-footer-refgrid__cell:hover .hp-footer-refgrid__index{
  color:#727272 !important;
  transform:translateX(-3px) !important;
}

/* Main bodies */
.hp-footer--refgrid .hp-footer-refgrid__body{
  min-height:246px !important;
  padding:38px 25px 34px !important;
  background:transparent !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:28px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand-logo{
  width:min(var(--footer-brand-w,125px),150px) !important;
  animation:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand-logo img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:54px !important;
  object-fit:contain !important;
  object-position:left center !important;
  animation:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand-text{
  animation:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand p{
  max-width:360px !important;
  margin:0 !important;
  color:#565656 !important;
  font-size:7px !important;
  line-height:1.72 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:18px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links a{
  position:relative !important;
  width:max-content !important;
  max-width:100% !important;
  color:#757575 !important;
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  transition:
    color .22s ease,
    transform .30s cubic-bezier(.16,1,.3,1),
    letter-spacing .30s cubic-bezier(.16,1,.3,1) !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links a::before{
  content:"" !important;
  position:absolute !important;
  left:-10px !important;
  top:50% !important;
  width:3px !important;
  height:1px !important;
  background:#8a8a8a !important;
  opacity:0 !important;
  transform:translateX(-4px) !important;
  transition:opacity .25s ease,transform .28s cubic-bezier(.16,1,.3,1) !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links a:hover{
  color:#f0f0f0 !important;
  transform:translateX(6px) !important;
  letter-spacing:.07em !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links a:hover::before{
  opacity:1 !important;
  transform:translateX(0) !important;
}

/* ---------- Bottom rail: keep the grid language alive ---------- */
.hp-footer--refgrid .hp-footer-refgrid__bottom{
  position:relative !important;
  min-height:68px !important;
  height:68px !important;
  padding:0 25px !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  background:#070707 !important;
  border-top:1px solid #292929 !important;
}

/* Continue the two main vertical grid lines through the bottom rail. */
.hp-footer--refgrid .hp-footer-refgrid__bottom::before,
.hp-footer--refgrid .hp-footer-refgrid__bottom::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  width:1px !important;
  background:#292929 !important;
  pointer-events:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__bottom::before{left:30% !important}
.hp-footer--refgrid .hp-footer-refgrid__bottom::after{left:70.5% !important}

/* Dev.Rift stays 100% static. */
.hp-footer--refgrid .hp-footer-refgrid__devrift,
.hp-footer--refgrid .hp-footer-refgrid__devrift:hover{
  position:relative !important;
  z-index:2 !important;
  justify-self:center !important;
  width:82px !important;
  animation:none !important;
  transition:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__devrift img{
  display:block !important;
  width:82px !important;
  height:auto !important;
  animation:none !important;
  transition:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

/* ---------- Reveal choreography ---------- */
.hp-footer--refgrid .hp-footer-refgrid__head > *,
.hp-footer--refgrid .hp-footer-refgrid__body > *{
  opacity:0;
  filter:blur(6px);
  transform:translate3d(0,7px,0);
}

.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__head > *,
.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__body > *{
  animation:hpFooterInnerRevealV21117 .56s cubic-bezier(.16,1,.3,1) forwards;
}

.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:nth-child(1) .hp-footer-refgrid__head > *{animation-delay:.10s}
.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:nth-child(1) .hp-footer-refgrid__body > *{animation-delay:.15s}
.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__head > *{animation-delay:.14s}
.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__body > *{animation-delay:.20s}
.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__head > *{animation-delay:.18s}
.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body > *{animation-delay:.25s}

@keyframes hpFooterInnerRevealV21117{
  to{
    opacity:1;
    filter:blur(0);
    transform:translate3d(0,0,0);
  }
}

/* ---------- iPad ---------- */
@media(min-width:768px) and (max-width:1100px){
  .hp-footer.hp-footer--refgrid{
    padding:0 10px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    border-radius:16px 16px 0 0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__grid{
    grid-template-columns:30% 40% 30% !important;
    min-height:286px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__head{
    min-height:54px !important;
    height:54px !important;
    padding:0 20px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__body{
    min-height:232px !important;
    padding:32px 20px 30px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__bottom::before{left:30% !important}
  .hp-footer--refgrid .hp-footer-refgrid__bottom::after{left:70% !important}
}

/* ---------- Mobile ---------- */
@media(max-width:767px){
  .hp-footer.hp-footer--refgrid{
    padding:0 8px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    border-radius:14px 14px 0 0 !important;
    transform:translate3d(0,11px,0) scale(.999) !important;
  }

  .hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__shell{
    transform:translate3d(0,0,0) scale(1) !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__grid{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell{
    border-right:0 !important;
    border-bottom:1px solid #292929 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:last-child{
    border-bottom:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:not(:last-child)::after{
    display:none !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__head{
    min-height:44px !important;
    height:44px !important;
    padding:0 15px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:24px 15px 26px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand{
    gap:20px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links{
    gap:14px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:hover{
    background:transparent !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links a:hover{
    transform:none !important;
    letter-spacing:.055em !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links a::before{
    display:none !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    min-height:64px !important;
    height:64px !important;
    padding:0 15px !important;
  }

  /* Mobile bottom rail is a clean single row; the stacked cells already provide the grid. */
  .hp-footer--refgrid .hp-footer-refgrid__bottom::before,
  .hp-footer--refgrid .hp-footer-refgrid__bottom::after{
    display:none !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__devrift,
  .hp-footer--refgrid .hp-footer-refgrid__devrift img{
    width:72px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hp-footer--refgrid .hp-footer-refgrid__shell,
  .hp-footer--refgrid .hp-footer-refgrid__head > *,
  .hp-footer--refgrid .hp-footer-refgrid__body > *{
    animation:none !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:not(:last-child)::after{
    display:none !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.118 — CLEAN CUTOUT GRID FOOTER
   Final visual rules:
   - footer begins exactly at the rounded border
   - no black backing visible outside the rounded top corners
   - upper section keeps the architectural grid
   - Dev.Rift rail is one clean row with NO vertical grid
   ========================================================= */

/* Match the section directly above (current newsletter = white).
   This is only the cutout around the rounded corners; the footer card
   itself remains #070707. No black backing layer can show through. */
#shopify-section-footer,
.shopify-section-group-footer-group{
  margin:0 !important;
  padding:0 !important;
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.hp-footer.hp-footer--refgrid{
  width:100% !important;
  margin:0 !important;
  padding:0 8px !important;
  border:0 !important;
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
  overflow:visible !important;

  /* The transparent/outer wrapper itself never animates. */
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  transition:none !important;
}

/* This black object IS the footer. Nothing before its rounded border. */
.hp-footer--refgrid .hp-footer-refgrid__shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#070707 !important;
  background-color:#070707 !important;
  background-image:none !important;
  border:1px solid #292929 !important;
  border-bottom:0 !important;
  border-radius:18px 18px 0 0 !important;
  box-shadow:none !important;
  overflow:hidden !important;

  opacity:0 !important;
  filter:blur(12px) !important;
  transform:translate3d(0,13px,0) scale(.998) !important;
  transition:
    opacity .60s cubic-bezier(.16,1,.3,1),
    filter .60s cubic-bezier(.16,1,.3,1),
    transform .60s cubic-bezier(.16,1,.3,1) !important;
  will-change:opacity,filter,transform !important;
}

.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__shell{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:translate3d(0,0,0) scale(1) !important;
}

/* ---------- Main architectural grid only ---------- */
.hp-footer--refgrid .hp-footer-refgrid__grid{
  position:relative !important;
  display:grid !important;
  grid-template-columns:30% 40.5% 29.5% !important;
  min-height:302px !important;
  background:#070707 !important;
}

.hp-footer--refgrid .hp-footer-refgrid__cell{
  position:relative !important;
  min-width:0 !important;
  background:transparent !important;
  border-right:1px solid #292929 !important;
  transition:background-color .32s cubic-bezier(.16,1,.3,1) !important;
}

.hp-footer--refgrid .hp-footer-refgrid__cell:last-child{
  border-right:0 !important;
}

.hp-footer--refgrid .hp-footer-refgrid__cell:hover{
  background:#090909 !important;
}

/* Disable old animated pseudo-divider experiments:
   the actual borders above are the clean permanent grid. */
.hp-footer--refgrid .hp-footer-refgrid__cell::after{
  content:none !important;
  display:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__head{
  min-height:58px !important;
  height:58px !important;
  padding:0 25px !important;
  border-bottom:1px solid #292929 !important;
  color:#6d6d6d !important;
}

.hp-footer--refgrid .hp-footer-refgrid__body{
  min-height:244px !important;
  padding:38px 25px 34px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand{
  gap:28px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand p{
  max-width:360px !important;
  color:#565656 !important;
  line-height:1.72 !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links{
  gap:18px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links a{
  color:#747474 !important;
  transition:
    color .22s ease,
    transform .28s cubic-bezier(.16,1,.3,1),
    letter-spacing .28s cubic-bezier(.16,1,.3,1) !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links a:hover{
  color:#f0f0f0 !important;
  transform:translateX(4px) !important;
  letter-spacing:.072em !important;
}

/* ---------- Bottom: NO GRID ----------
   One continuous rail, only a single horizontal separator. */
.hp-footer--refgrid .hp-footer-refgrid__bottom{
  position:relative !important;
  min-height:68px !important;
  height:68px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  background:#070707 !important;
  border-top:1px solid #292929 !important;
}

/* Explicitly kill every old vertical continuation in the Dev.Rift row. */
.hp-footer--refgrid .hp-footer-refgrid__bottom::before,
.hp-footer--refgrid .hp-footer-refgrid__bottom::after{
  content:none !important;
  display:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__bottom-space{
  display:none !important;
}

/* Dev.Rift is centered and completely static. */
.hp-footer--refgrid .hp-footer-refgrid__devrift,
.hp-footer--refgrid .hp-footer-refgrid__devrift:hover{
  position:static !important;
  display:block !important;
  width:82px !important;
  margin:0 !important;
  padding:0 !important;
  animation:none !important;
  transition:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

.hp-footer--refgrid .hp-footer-refgrid__devrift img{
  display:block !important;
  width:82px !important;
  height:auto !important;
  animation:none !important;
  transition:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

/* ---------- Reveal choreography ----------
   Keep the house Blur + Reveal, but make it calmer and cleaner. */
.hp-footer--refgrid .hp-footer-refgrid__head > *,
.hp-footer--refgrid .hp-footer-refgrid__body > *{
  opacity:0;
  filter:blur(5px);
  transform:translate3d(0,6px,0);
}

.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__head > *,
.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__body > *{
  animation:hpFooterInnerRevealV21118 .52s cubic-bezier(.16,1,.3,1) forwards !important;
}

.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:nth-child(1) .hp-footer-refgrid__head > *{animation-delay:.09s !important}
.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:nth-child(1) .hp-footer-refgrid__body > *{animation-delay:.14s !important}
.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__head > *{animation-delay:.13s !important}
.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__body > *{animation-delay:.19s !important}
.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__head > *{animation-delay:.17s !important}
.hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body > *{animation-delay:.24s !important}

@keyframes hpFooterInnerRevealV21118{
  to{
    opacity:1;
    filter:blur(0);
    transform:translate3d(0,0,0);
  }
}

/* iPad */
@media(min-width:768px) and (max-width:1100px){
  .hp-footer.hp-footer--refgrid{
    padding:0 7px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    border-radius:16px 16px 0 0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__grid{
    grid-template-columns:30% 40% 30% !important;
    min-height:286px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__head{
    min-height:54px !important;
    height:54px !important;
    padding:0 20px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__body{
    min-height:232px !important;
    padding:32px 20px 30px !important;
  }
}

/* Mobile */
@media(max-width:767px){
  #shopify-section-footer,
  .shopify-section-group-footer-group,
  .hp-footer.hp-footer--refgrid{
    background:#fff !important;
    background-color:#fff !important;
  }

  .hp-footer.hp-footer--refgrid{
    padding:0 6px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    border-radius:14px 14px 0 0 !important;
    transform:translate3d(0,10px,0) scale(.999) !important;
  }

  .hp-footer--refgrid.is-hp-footer-visible .hp-footer-refgrid__shell{
    transform:translate3d(0,0,0) scale(1) !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__grid{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell{
    border-right:0 !important;
    border-bottom:1px solid #292929 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:last-child{
    border-bottom:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__head{
    min-height:44px !important;
    height:44px !important;
    padding:0 15px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:24px 15px 26px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:hover{
    background:transparent !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links a:hover{
    transform:none !important;
    letter-spacing:.055em !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    min-height:64px !important;
    height:64px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__devrift,
  .hp-footer--refgrid .hp-footer-refgrid__devrift img{
    width:72px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hp-footer--refgrid .hp-footer-refgrid__shell,
  .hp-footer--refgrid .hp-footer-refgrid__head > *,
  .hp-footer--refgrid .hp-footer-refgrid__body > *{
    animation:none !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.119 — SQUARE / COMPACT FOOTER
   Requested:
   - remove rounded footer completely
   - remove visible backing around it
   - reduce the empty vertical space inside all three boxes
   - keep the current grid + animation language
   ========================================================= */

/* No cutout/backing layer anymore — footer begins directly at its border. */
#shopify-section-footer,
.shopify-section-group-footer-group,
.hp-footer.hp-footer--refgrid{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* Square footer shell, full width, no radius. */
.hp-footer--refgrid .hp-footer-refgrid__shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:0 !important;
  border-left:1px solid #292929 !important;
  border-right:1px solid #292929 !important;
  border-top:1px solid #292929 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  background:#070707 !important;
}

/* Compact the three main boxes. */
.hp-footer--refgrid .hp-footer-refgrid__grid{
  grid-template-columns:30% 40.5% 29.5% !important;
  min-height:232px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__head{
  min-height:50px !important;
  height:50px !important;
  padding:0 24px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__body{
  min-height:182px !important;
  padding:28px 24px 28px !important;
}

/* Tighten content rhythm so the reduced height still feels intentional. */
.hp-footer--refgrid .hp-footer-refgrid__brand{
  gap:22px !important;
}

.hp-footer--refgrid .hp-footer-refgrid__brand p{
  max-width:350px !important;
  line-height:1.62 !important;
}

.hp-footer--refgrid .hp-footer-refgrid__links{
  gap:15px !important;
}

/* Bottom Dev.Rift rail stays clean and border-only. */
.hp-footer--refgrid .hp-footer-refgrid__bottom{
  min-height:60px !important;
  height:60px !important;
  border-top:1px solid #292929 !important;
  background:#070707 !important;
}

/* Keep Dev.Rift static. */
.hp-footer--refgrid .hp-footer-refgrid__devrift,
.hp-footer--refgrid .hp-footer-refgrid__devrift:hover,
.hp-footer--refgrid .hp-footer-refgrid__devrift img{
  animation:none !important;
  transition:none !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

/* iPad */
@media(min-width:768px) and (max-width:1100px){
  .hp-footer--refgrid .hp-footer-refgrid__grid{
    min-height:218px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__head{
    min-height:48px !important;
    height:48px !important;
    padding:0 20px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__body{
    min-height:170px !important;
    padding:25px 20px 25px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    min-height:58px !important;
    height:58px !important;
  }
}

/* Mobile */
@media(max-width:767px){
  #shopify-section-footer,
  .shopify-section-group-footer-group,
  .hp-footer.hp-footer--refgrid{
    padding:0 !important;
    background:transparent !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    border-radius:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__head{
    min-height:42px !important;
    height:42px !important;
    padding:0 15px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:20px 15px 22px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand{
    gap:17px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links{
    gap:12px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    min-height:56px !important;
    height:56px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.122 — CLEAN REFGRID / MOBILE RECOMPOSE
   Based directly on the user-uploaded v21.119.
   - 01 / 02 / 03 removed
   - desktop composition preserved
   - mobile sections can NEVER sit three-across
   - mobile links are deliberately re-composed, not squeezed desktop columns
   ========================================================= */

/* Numbers are gone in markup; this also kills any stale cached/legacy index. */
.hp-footer--refgrid .hp-footer-refgrid__index{
  display:none !important;
}

/* Header now has one purpose: label the section. */
.hp-footer--refgrid .hp-footer-refgrid__head{
  justify-content:flex-start !important;
}

/* Keep desktop/iPad clean and unchanged in spirit. */
@media(min-width:768px){
  .hp-footer--refgrid .hp-footer-refgrid__grid{
    display:grid !important;
    grid-template-columns:30% 40.5% 29.5% !important;
  }
}

/* MOBILE — hard reset all earlier footer experiments.
   Every footer cell is full width and stacked vertically. */
@media(max-width:767px){
  .hp-footer--refgrid .hp-footer-refgrid__grid{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    width:100% !important;
    min-height:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    border-right:0 !important;
    border-left:0 !important;
    border-bottom:1px solid #292929 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:last-child{
    border-bottom:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__head{
    width:100% !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    border-bottom:1px solid #292929 !important;
    font-size:7px !important;
    letter-spacing:.11em !important;
  }

  /* Brand block gets a little visual breathing room, but stays compact. */
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__body{
    padding:23px 16px 24px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand{
    align-items:flex-start !important;
    text-align:left !important;
    gap:16px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo{
    width:min(var(--footer-brand-w,125px),118px) !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo img{
    object-position:left center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand p{
    max-width:270px !important;
    font-size:6px !important;
    line-height:1.6 !important;
  }

  /* INFORMATION stays vertical — clearer on a narrow screen. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__body{
    padding:20px 16px 22px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:13px !important;
  }

  /* SOCIALS become a compact two-column list instead of one tall column
     or three cramped items side by side. */
  .hp-footer--refgrid .hp-footer-refgrid__social{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px 24px !important;
    padding:20px 16px 22px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__social a{
    width:max-content !important;
    max-width:100% !important;
    justify-self:start !important;
    font-size:7px !important;
  }

  /* Mobile hover shouldn't push text sideways. */
  .hp-footer--refgrid .hp-footer-refgrid__links a:hover{
    transform:none !important;
    letter-spacing:.055em !important;
  }

  /* Clean centered Dev.Rift rail, with no grid continuation. */
  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:56px !important;
    height:56px !important;
    padding:0 !important;
    border-top:1px solid #292929 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__bottom::before,
  .hp-footer--refgrid .hp-footer-refgrid__bottom::after{
    content:none !important;
    display:none !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__devrift,
  .hp-footer--refgrid .hp-footer-refgrid__devrift img{
    width:70px !important;
  }
}

@media(max-width:390px){
  .hp-footer--refgrid .hp-footer-refgrid__social{
    gap:13px 18px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.124 — SAFE PRODUCT TABS + SIZE GUIDE
   Built on the last known-good main-product section.
   ========================================================= */

.hp-product-page-v5 .hp-product-option{
  position:relative !important;
}

.hp-size-guide-trigger{
  position:absolute !important;
  top:-4px !important;
  right:0 !important;
  padding:4px 0 !important;
  border:0 !important;
  background:transparent !important;
  color:#6f6f6f !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  font-size:6px !important;
  letter-spacing:.10em !important;
  cursor:pointer !important;
  transition:color .22s ease !important;
}

.hp-size-guide-trigger:hover{color:#eee !important}

/* Product info tabs */
.hp-product-tabs-v2{
  margin-top:4px !important;
  border-top:1px solid var(--hp-line) !important;
  border-bottom:1px solid var(--hp-line) !important;
}

.hp-product-tabs-v2__nav{
  display:flex !important;
  align-items:stretch !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
  border-bottom:1px solid var(--hp-line) !important;
}

.hp-product-tabs-v2__nav::-webkit-scrollbar{display:none !important}

.hp-product-tab-v2{
  position:relative !important;
  flex:1 0 auto !important;
  min-height:42px !important;
  padding:0 10px !important;
  border:0 !important;
  background:transparent !important;
  color:#666 !important;
  font-size:6px !important;
  letter-spacing:.08em !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}

.hp-product-tab-v2::after{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  right:10px !important;
  bottom:-1px !important;
  height:1px !important;
  background:#eee !important;
  transform:scaleX(0) !important;
  transform-origin:right center !important;
  transition:transform .32s cubic-bezier(.16,1,.3,1) !important;
}

.hp-product-tab-v2.is-active{color:#eee !important}
.hp-product-tab-v2.is-active::after{
  transform:scaleX(1) !important;
  transform-origin:left center !important;
}

.hp-product-tab-panel-v2{
  display:none !important;
  min-height:86px !important;
  padding:17px 0 18px !important;
  color:var(--p-muted) !important;
  font-size:7px !important;
  line-height:1.7 !important;
}

.hp-product-tab-panel-v2.is-active{
  display:block !important;
  animation:hpProductTabSafeRevealV21124 .38s cubic-bezier(.16,1,.3,1) both !important;
}

@keyframes hpProductTabSafeRevealV21124{
  from{opacity:0;filter:blur(6px);transform:translateY(5px)}
  to{opacity:1;filter:blur(0);transform:translateY(0)}
}

/* Creative size sheet */
html.hp-size-guide-v2-open,
html.hp-size-guide-v2-open body{
  overflow:hidden !important;
}

.hp-size-guide-v2{
  position:fixed !important;
  inset:0 !important;
  z-index:10050 !important;
  pointer-events:none !important;
  visibility:hidden !important;
}

.hp-size-guide-v2.is-open{
  pointer-events:auto !important;
  visibility:visible !important;
}

.hp-size-guide-v2__backdrop{
  position:absolute !important;
  inset:0 !important;
  border:0 !important;
  width:100% !important;
  height:100% !important;
  background:rgba(0,0,0,.55) !important;
  backdrop-filter:blur(10px) !important;
  opacity:0 !important;
  transition:opacity .38s ease !important;
}

.hp-size-guide-v2.is-open .hp-size-guide-v2__backdrop{opacity:1 !important}

.hp-size-guide-v2__sheet{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:min(600px,50vw) !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:auto !important;
  background:#080808 !important;
  border-left:1px solid #292929 !important;
  color:#eee !important;
  opacity:0 !important;
  filter:blur(10px) !important;
  transform:translateX(28px) !important;
  transition:
    opacity .46s cubic-bezier(.16,1,.3,1),
    filter .46s cubic-bezier(.16,1,.3,1),
    transform .46s cubic-bezier(.16,1,.3,1) !important;
}

.hp-size-guide-v2.is-open .hp-size-guide-v2__sheet{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:translateX(0) !important;
}

.hp-size-guide-v2__head{
  min-height:82px !important;
  padding:20px 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  border-bottom:1px solid #292929 !important;
}

.hp-size-guide-v2__eyebrow{
  display:block !important;
  color:#555 !important;
  font-size:6px !important;
  letter-spacing:.12em !important;
}

.hp-size-guide-v2__head h2{
  margin:8px 0 0 !important;
  font-size:14px !important;
  font-weight:400 !important;
  letter-spacing:.04em !important;
}

.hp-size-guide-v2__close,
.hp-size-guide-v2__foot button{
  border:0 !important;
  background:transparent !important;
  color:#777 !important;
  font-size:6px !important;
  letter-spacing:.09em !important;
  cursor:pointer !important;
}

.hp-size-guide-v2__note{
  padding:20px 24px !important;
  border-bottom:1px solid #292929 !important;
  color:#707070 !important;
  font-size:7px !important;
  line-height:1.65 !important;
}

.hp-size-guide-v2__table-wrap{
  padding:0 24px !important;
  overflow-x:auto !important;
}

.hp-size-guide-v2__table{
  width:100% !important;
  min-width:420px !important;
  border-collapse:collapse !important;
}

.hp-size-guide-v2__table th,
.hp-size-guide-v2__table td{
  height:50px !important;
  padding:0 10px !important;
  border-bottom:1px solid #242424 !important;
  border-right:1px solid #242424 !important;
  text-align:center !important;
  color:#777 !important;
  font-size:7px !important;
  font-weight:400 !important;
  letter-spacing:.05em !important;
}

.hp-size-guide-v2__table th{
  height:43px !important;
  color:#555 !important;
  font-size:6px !important;
  letter-spacing:.09em !important;
}

.hp-size-guide-v2__table th:first-child,
.hp-size-guide-v2__table td:first-child{
  text-align:left !important;
  padding-left:0 !important;
  color:#eee !important;
}

.hp-size-guide-v2__table th:last-child,
.hp-size-guide-v2__table td:last-child{border-right:0 !important}

.hp-size-guide-v2__foot{
  margin-top:auto !important;
  min-height:66px !important;
  padding:0 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  border-top:1px solid #292929 !important;
  color:#454545 !important;
  font-size:6px !important;
  letter-spacing:.08em !important;
}

@media(max-width:767px){
  .hp-product-tab-v2{
    min-height:40px !important;
    font-size:6px !important;
  }

  .hp-size-guide-v2__sheet{
    top:auto !important;
    bottom:0 !important;
    width:100% !important;
    height:min(86dvh,720px) !important;
    border-left:0 !important;
    border-top:1px solid #292929 !important;
    transform:translateY(28px) !important;
  }

  .hp-size-guide-v2.is-open .hp-size-guide-v2__sheet{
    transform:translateY(0) !important;
  }

  .hp-size-guide-v2__head{padding:18px 16px !important}
  .hp-size-guide-v2__note{padding:17px 16px !important}
  .hp-size-guide-v2__table-wrap{padding:0 16px !important}
  .hp-size-guide-v2__foot{padding:0 16px !important}
}

@media(prefers-reduced-motion:reduce){
  .hp-product-tab-panel-v2.is-active,
  .hp-size-guide-v2__backdrop,
  .hp-size-guide-v2__sheet{
    animation:none !important;
    transition:none !important;
    filter:none !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.125 — PRODUCT ACCORDIONS + SIZE SHEET V3
   ========================================================= */

/* ---------- Product info accordions ---------- */
.hp-product-info-accordions{
  margin-top:4px !important;
  border-top:1px solid var(--hp-line) !important;
}

.hp-product-info-accordion{
  margin:0 !important;
  border-top:0 !important;
  border-bottom:1px solid var(--hp-line) !important;
}

.hp-product-info-accordion > summary{
  min-height:46px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  color:#747474 !important;
  font-size:7px !important;
  line-height:1 !important;
  letter-spacing:.085em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  transition:color .24s ease !important;
}

.hp-product-info-accordion > summary:hover,
.hp-product-info-accordion[open] > summary{
  color:#eee !important;
}

.hp-product-info-accordion .hp-product-accordion__content{
  padding:0 0 20px !important;
  color:var(--p-muted) !important;
  font-size:7px !important;
  line-height:1.72 !important;
}

.hp-product-info-accordion[open] .hp-product-accordion__content{
  animation:hpProductAccordionRevealV21125 .38s cubic-bezier(.16,1,.3,1) both !important;
}

@keyframes hpProductAccordionRevealV21125{
  from{
    opacity:0;
    filter:blur(6px);
    transform:translate3d(0,5px,0);
  }
  to{
    opacity:1;
    filter:blur(0);
    transform:translate3d(0,0,0);
  }
}

/* ---------- Size guide V3: compact technical measurement card ---------- */
html.hp-size-guide-v3-open,
html.hp-size-guide-v3-open body{
  overflow:hidden !important;
}

.hp-size-guide-v3{
  position:fixed !important;
  inset:0 !important;
  z-index:10050 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:28px !important;
  pointer-events:none !important;
  visibility:hidden !important;
}

.hp-size-guide-v3.is-open{
  pointer-events:auto !important;
  visibility:visible !important;
}

.hp-size-guide-v3__backdrop{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  background:rgba(0,0,0,.48) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  backdrop-filter:blur(8px) !important;
  opacity:0 !important;
  transition:opacity .38s ease !important;
}

.hp-size-guide-v3.is-open .hp-size-guide-v3__backdrop{
  opacity:1 !important;
}

.hp-size-guide-v3__card{
  position:relative !important;
  z-index:1 !important;
  width:min(820px,calc(100vw - 56px)) !important;
  max-height:min(76vh,650px) !important;
  display:grid !important;
  grid-template-columns:205px minmax(0,1fr) !important;
  overflow:hidden !important;
  background:#080808 !important;
  color:#eee !important;
  border:1px solid #313131 !important;
  box-shadow:0 28px 80px rgba(0,0,0,.38) !important;

  opacity:0 !important;
  filter:blur(12px) !important;
  transform:translate3d(0,14px,0) scale(.985) !important;
  transition:
    opacity .48s cubic-bezier(.16,1,.3,1),
    filter .48s cubic-bezier(.16,1,.3,1),
    transform .48s cubic-bezier(.16,1,.3,1) !important;
}

.hp-size-guide-v3.is-open .hp-size-guide-v3__card{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:translate3d(0,0,0) scale(1) !important;
}

.hp-size-guide-v3__close{
  position:absolute !important;
  top:16px !important;
  right:17px !important;
  z-index:5 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#656565 !important;
  font-size:6px !important;
  line-height:1 !important;
  letter-spacing:.09em !important;
  cursor:pointer !important;
  transition:color .22s ease !important;
}

.hp-size-guide-v3__close span:last-child{
  font-size:14px !important;
  line-height:.7 !important;
}

.hp-size-guide-v3__close:hover{
  color:#eee !important;
}

/* Left technical meta rail */
.hp-size-guide-v3__meta{
  min-width:0 !important;
  min-height:390px !important;
  padding:24px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  border-right:1px solid #292929 !important;
}

.hp-size-guide-v3__eyebrow,
.hp-size-guide-v3__unit span,
.hp-size-guide-v3__fit > span,
.hp-size-guide-v3__table-head,
.hp-size-guide-v3__main-foot{
  color:#505050 !important;
  font-size:6px !important;
  line-height:1.3 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

.hp-size-guide-v3__meta h2{
  margin:13px 0 8px !important;
  color:#eee !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.03em !important;
  text-transform:uppercase !important;
}

.hp-size-guide-v3__product{
  display:block !important;
  max-width:150px !important;
  color:#6d6d6d !important;
  font-size:7px !important;
  line-height:1.45 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}

.hp-size-guide-v3__unit{
  margin-top:36px !important;
  padding-top:18px !important;
  border-top:1px solid #242424 !important;
}

.hp-size-guide-v3__unit strong{
  display:block !important;
  margin-top:9px !important;
  color:#eee !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.08em !important;
}

.hp-size-guide-v3__fit{
  margin-top:auto !important;
  padding-top:18px !important;
  border-top:1px solid #242424 !important;
}

.hp-size-guide-v3__fit p{
  margin:10px 0 0 !important;
  color:#696969 !important;
  font-size:7px !important;
  line-height:1.6 !important;
  letter-spacing:.02em !important;
}

/* Main table area */
.hp-size-guide-v3__main{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
}

.hp-size-guide-v3__table-head{
  min-height:58px !important;
  padding:0 56px 0 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  border-bottom:1px solid #292929 !important;
}

.hp-size-guide-v3__table-wrap{
  min-width:0 !important;
  padding:0 22px !important;
  overflow:auto !important;
}

.hp-size-guide-v3__table{
  width:100% !important;
  min-width:430px !important;
  border-collapse:collapse !important;
  table-layout:fixed !important;
}

.hp-size-guide-v3__table th,
.hp-size-guide-v3__table td{
  height:52px !important;
  padding:0 12px !important;
  border-right:1px solid #242424 !important;
  border-bottom:1px solid #242424 !important;
  color:#777 !important;
  text-align:center !important;
  font-size:7px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.hp-size-guide-v3__table th{
  height:43px !important;
  color:#4f4f4f !important;
  font-size:6px !important;
  letter-spacing:.095em !important;
}

.hp-size-guide-v3__table th:first-child,
.hp-size-guide-v3__table td:first-child{
  padding-left:0 !important;
  color:#e8e8e8 !important;
  text-align:left !important;
}

.hp-size-guide-v3__table th:last-child,
.hp-size-guide-v3__table td:last-child{
  border-right:0 !important;
}

.hp-size-guide-v3__main-foot{
  min-height:58px !important;
  margin-top:auto !important;
  padding:0 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  border-top:1px solid #292929 !important;
}

.hp-size-guide-v3__main-foot > span{
  max-width:300px !important;
}

.hp-size-guide-v3__main-foot button{
  flex:0 0 auto !important;
  padding:7px 0 !important;
  border:0 !important;
  background:transparent !important;
  color:#737373 !important;
  font-size:6px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  transition:color .22s ease,transform .28s cubic-bezier(.16,1,.3,1) !important;
}

.hp-size-guide-v3__main-foot button:hover{
  color:#eee !important;
  transform:translateX(3px) !important;
}

/* iPad */
@media(min-width:768px) and (max-width:1100px){
  .hp-size-guide-v3{
    padding:22px !important;
  }

  .hp-size-guide-v3__card{
    width:min(760px,calc(100vw - 44px)) !important;
    grid-template-columns:185px minmax(0,1fr) !important;
  }

  .hp-size-guide-v3__meta{
    padding:22px 18px !important;
  }
}

/* Mobile: compact bottom sheet, same technical language */
@media(max-width:767px){
  .hp-product-info-accordion > summary{
    min-height:44px !important;
    font-size:6px !important;
  }

  .hp-product-info-accordion .hp-product-accordion__content{
    padding-bottom:18px !important;
    font-size:7px !important;
  }

  .hp-size-guide-v3{
    align-items:flex-end !important;
    padding:0 !important;
  }

  .hp-size-guide-v3__card{
    width:100% !important;
    max-height:86dvh !important;
    grid-template-columns:1fr !important;
    overflow:auto !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:0 !important;
    transform:translate3d(0,28px,0) scale(.998) !important;
  }

  .hp-size-guide-v3.is-open .hp-size-guide-v3__card{
    transform:translate3d(0,0,0) scale(1) !important;
  }

  .hp-size-guide-v3__close{
    top:17px !important;
    right:16px !important;
  }

  .hp-size-guide-v3__meta{
    min-height:0 !important;
    padding:20px 16px 17px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:18px 20px !important;
    border-right:0 !important;
    border-bottom:1px solid #292929 !important;
  }

  .hp-size-guide-v3__meta-top{
    min-width:0 !important;
    padding-right:70px !important;
  }

  .hp-size-guide-v3__meta h2{
    margin-top:10px !important;
    font-size:14px !important;
  }

  .hp-size-guide-v3__product{
    max-width:220px !important;
  }

  .hp-size-guide-v3__unit{
    margin-top:0 !important;
    padding:0 0 0 16px !important;
    border-top:0 !important;
    border-left:1px solid #242424 !important;
    align-self:end !important;
  }

  .hp-size-guide-v3__unit strong{
    font-size:13px !important;
  }

  .hp-size-guide-v3__fit{
    grid-column:1 / -1 !important;
    margin-top:0 !important;
    padding-top:15px !important;
  }

  .hp-size-guide-v3__fit p{
    max-width:420px !important;
  }

  .hp-size-guide-v3__table-head{
    min-height:48px !important;
    padding:0 16px !important;
  }

  .hp-size-guide-v3__table-wrap{
    padding:0 16px !important;
  }

  .hp-size-guide-v3__table{
    min-width:410px !important;
  }

  .hp-size-guide-v3__table th,
  .hp-size-guide-v3__table td{
    height:47px !important;
    padding:0 9px !important;
    font-size:6px !important;
  }

  .hp-size-guide-v3__main-foot{
    min-height:60px !important;
    padding:0 16px !important;
  }

  .hp-size-guide-v3__main-foot > span{
    display:none !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hp-product-info-accordion[open] .hp-product-accordion__content,
  .hp-size-guide-v3__backdrop,
  .hp-size-guide-v3__card{
    animation:none !important;
    transition:none !important;
    filter:none !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.126 — SIZE GUIDE STABILITY + GLOBAL PRESETS
   ========================================================= */

/* The guide is portalled to <body> in JS, so fixed positioning is now
   truly viewport-fixed and can never inherit the smooth-scroll transform. */
body > .hp-size-guide-v3{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  width:100vw !important;
  height:100dvh !important;
  margin:0 !important;
  transform:none !important;
  contain:none !important;
  isolation:isolate !important;
}

/* Card gets a dedicated top bar. This fixes the CLOSE / "4 SIZES"
   collision visible in the screenshot. */
.hp-size-guide-v3__card{
  grid-template-columns:205px minmax(0,1fr) !important;
  grid-template-rows:44px minmax(0,1fr) !important;
}

.hp-size-guide-v3__topbar{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  min-height:44px !important;
  height:44px !important;
  padding:0 18px 0 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  border-bottom:1px solid #292929 !important;
  color:#4f4f4f !important;
  font-size:6px !important;
  line-height:1 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

.hp-size-guide-v3__close{
  position:static !important;
  top:auto !important;
  right:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:0 !important;
  color:#6a6a6a !important;
}

.hp-size-guide-v3__close span:last-child{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  height:16px !important;
  font-size:16px !important;
  line-height:1 !important;
}

.hp-size-guide-v3__meta{
  grid-column:1 !important;
  grid-row:2 !important;
}

.hp-size-guide-v3__main{
  grid-column:2 !important;
  grid-row:2 !important;
  min-height:0 !important;
}

.hp-size-guide-v3__table-head{
  padding:0 22px !important;
}

/* Never let smooth-scroll / transformed page layers affect the modal overlay. */
html.hp-size-guide-v3-open .hp-size-guide-v3,
html.hp-size-guide-v3-open body > .hp-size-guide-v3{
  transform:none !important;
}

/* Slightly cleaner backdrop while preserving the product behind it. */
.hp-size-guide-v3__backdrop{
  background:rgba(0,0,0,.52) !important;
  -webkit-backdrop-filter:blur(8px) saturate(.85) !important;
  backdrop-filter:blur(8px) saturate(.85) !important;
}

/* Mobile topbar + natural single-column flow */
@media(max-width:767px){
  body > .hp-size-guide-v3{
    height:100dvh !important;
  }

  .hp-size-guide-v3__card{
    grid-template-columns:1fr !important;
    grid-template-rows:42px auto auto !important;
  }

  .hp-size-guide-v3__topbar{
    grid-column:1 !important;
    grid-row:1 !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 15px !important;
  }

  .hp-size-guide-v3__meta{
    grid-column:1 !important;
    grid-row:2 !important;
  }

  .hp-size-guide-v3__main{
    grid-column:1 !important;
    grid-row:3 !important;
  }

  .hp-size-guide-v3__table-head{
    padding:0 16px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.127 — SIZE GUIDE BUILDER / MOBILE / REVERSE CLOSE
   ========================================================= */

/* The overlay remains visible while closing, so the exact entrance motion
   can play backwards instead of disappearing immediately. */
.hp-size-guide-v3{
  visibility:hidden !important;
  pointer-events:none !important;
}

.hp-size-guide-v3.is-open,
.hp-size-guide-v3.is-closing{
  visibility:visible !important;
}

.hp-size-guide-v3.is-open{
  pointer-events:auto !important;
}

.hp-size-guide-v3.is-closing{
  pointer-events:none !important;
}

/* Opening state */
.hp-size-guide-v3.is-open .hp-size-guide-v3__backdrop{
  opacity:1 !important;
}

.hp-size-guide-v3.is-open .hp-size-guide-v3__card{
  opacity:1 !important;
  filter:blur(0) !important;
  transform:translate3d(0,0,0) scale(1) !important;
}

/* Closing state deliberately falls back to the base hidden transform/opacity.
   Same transition, exact reverse direction. */
.hp-size-guide-v3.is-closing .hp-size-guide-v3__backdrop{
  opacity:0 !important;
}

.hp-size-guide-v3.is-closing .hp-size-guide-v3__card{
  opacity:0 !important;
  filter:blur(12px) !important;
  transform:translate3d(0,14px,0) scale(.985) !important;
}

/* Mobile gets a tighter, intentional bottom-sheet composition. */
@media(max-width:767px){
  .hp-size-guide-v3{
    padding:0 8px 8px !important;
  }

  .hp-size-guide-v3__card{
    width:100% !important;
    max-height:88dvh !important;
    grid-template-columns:1fr !important;
    grid-template-rows:44px auto minmax(0,1fr) !important;
    border:1px solid #2b2b2b !important;
    border-bottom:1px solid #2b2b2b !important;
    overflow:hidden !important;
    transform:translate3d(0,24px,0) scale(.995) !important;
  }

  .hp-size-guide-v3.is-open .hp-size-guide-v3__card{
    transform:translate3d(0,0,0) scale(1) !important;
  }

  .hp-size-guide-v3.is-closing .hp-size-guide-v3__card{
    transform:translate3d(0,24px,0) scale(.995) !important;
  }

  .hp-size-guide-v3__topbar{
    position:sticky !important;
    top:0 !important;
    z-index:8 !important;
    min-height:44px !important;
    height:44px !important;
    padding:0 14px !important;
    background:#080808 !important;
  }

  .hp-size-guide-v3__topbar > span{
    max-width:52vw !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .hp-size-guide-v3__meta{
    padding:18px 14px 16px !important;
    grid-template-columns:minmax(0,1fr) 74px !important;
    gap:16px !important;
  }

  .hp-size-guide-v3__meta-top{
    padding-right:0 !important;
  }

  .hp-size-guide-v3__meta h2{
    margin:9px 0 7px !important;
    font-size:13px !important;
  }

  .hp-size-guide-v3__product{
    max-width:230px !important;
    font-size:6px !important;
  }

  .hp-size-guide-v3__unit{
    padding-left:14px !important;
  }

  .hp-size-guide-v3__fit{
    padding-top:13px !important;
  }

  .hp-size-guide-v3__fit p{
    margin-top:8px !important;
    font-size:6px !important;
    line-height:1.55 !important;
  }

  .hp-size-guide-v3__main{
    min-height:0 !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
  }

  .hp-size-guide-v3__table-head{
    position:sticky !important;
    top:0 !important;
    z-index:5 !important;
    min-height:45px !important;
    padding:0 14px !important;
    background:#080808 !important;
  }

  .hp-size-guide-v3__table-head span:last-child{
    color:#666 !important;
  }

  .hp-size-guide-v3__table-wrap{
    padding:0 14px !important;
  }

  .hp-size-guide-v3__table{
    min-width:390px !important;
  }

  .hp-size-guide-v3__table th,
  .hp-size-guide-v3__table td{
    height:45px !important;
    padding:0 8px !important;
  }

  .hp-size-guide-v3__main-foot{
    position:sticky !important;
    bottom:0 !important;
    z-index:5 !important;
    min-height:56px !important;
    padding:0 14px !important;
    background:#080808 !important;
  }

  .hp-size-guide-v3__main-foot button{
    margin-left:auto !important;
  }

  .hp-size-guide-v3__close{
    gap:7px !important;
  }
}

@media(max-width:390px){
  .hp-size-guide-v3{
    padding-left:5px !important;
    padding-right:5px !important;
    padding-bottom:5px !important;
  }

  .hp-size-guide-v3__table{
    min-width:360px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.128 — MANUAL SIZE CHARTS + ACCORDION FIX
   ========================================================= */

/* Product accordions now use one deterministic CSS transition.
   JS sets height/padding with inline !important, so old historical
   padding rules can no longer leave a stuck gap while closing. */
.hp-product-info-accordion{
  overflow:hidden !important;
}

.hp-product-info-accordion [data-hp-accordion-content]{
  display:block !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  height:0;
  opacity:0;
  filter:blur(5px);
  padding-top:0 !important;
  padding-bottom:0;
  animation:none !important;
  will-change:height,opacity,filter,padding-bottom !important;
  transition:
    height .38s cubic-bezier(.16,1,.3,1),
    padding-bottom .38s cubic-bezier(.16,1,.3,1),
    opacity .24s ease,
    filter .32s cubic-bezier(.16,1,.3,1) !important;
}

.hp-product-info-accordion[open] [data-hp-accordion-content]{
  animation:none !important;
}

.hp-product-info-accordion > summary{
  -webkit-tap-highlight-color:transparent !important;
  user-select:none !important;
}

.hp-product-info-accordion .hp-details-icon{
  transition:transform .34s cubic-bezier(.16,1,.3,1) !important;
}

/* Keep the icon motion smooth even while the details element stays open
   for the duration of the close animation. */
.hp-product-info-accordion[data-hp-accordion-state="closing"] .hp-details-icon{
  transform:rotate(-90deg) !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-product-info-accordion [data-hp-accordion-content]{
    transition:none !important;
    filter:none !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.129 — SIZE GUIDE BUTTON VISIBILITY FIX
   ========================================================= */

/* The Size Guide trigger belongs to the Size option itself.
   It must remain visible even before a manual chart is assigned. */
.hp-size-guide-trigger{
  z-index:2 !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* Keep the trigger clear of long option labels on narrow layouts. */
@media(max-width:767px){
  .hp-size-guide-trigger{
    right:0 !important;
    top:-2px !important;
    font-size:6px !important;
    gap:6px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.130 — SIZE GUIDE TEXT + ACCORDION READABILITY
   ========================================================= */

/* FIT NOTE was technically present but too dim/tiny — make both label and
   body intentionally readable while keeping the same industrial hierarchy. */
.hp-size-guide-v3__fit > span{
  color:#777 !important;
  font-size:7px !important;
  letter-spacing:.10em !important;
}

.hp-size-guide-v3__fit p{
  display:block !important;
  margin:10px 0 0 !important;
  max-width:100% !important;
  color:#8a8a8a !important;
  font-size:8px !important;
  line-height:1.65 !important;
  letter-spacing:.02em !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Bottom reference note is now a real visible line on desktop AND mobile. */
.hp-size-guide-v3__main-foot{
  color:#777 !important;
  font-size:7px !important;
}

.hp-size-guide-v3__main-foot > span{
  display:block !important;
  max-width:340px !important;
  color:#777 !important;
  font-size:7px !important;
  line-height:1.45 !important;
  letter-spacing:.065em !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Product information accordions: larger, clearer labels and content. */
.hp-product-info-accordion > summary{
  min-height:48px !important;
  color:#888 !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.065em !important;
}

.hp-product-info-accordion > summary:hover,
.hp-product-info-accordion[open] > summary{
  color:#eee !important;
}

.hp-product-info-accordion [data-hp-accordion-content]{
  color:#858585 !important;
  font-size:8px !important;
  line-height:1.72 !important;
  letter-spacing:.015em !important;
}

@media(max-width:767px){
  .hp-size-guide-v3__fit > span{
    font-size:6px !important;
  }

  .hp-size-guide-v3__fit p{
    margin-top:8px !important;
    color:#898989 !important;
    font-size:7px !important;
    line-height:1.58 !important;
  }

  /* Undo the old rule that explicitly hid this sentence on mobile. */
  .hp-size-guide-v3__main-foot{
    min-height:62px !important;
    gap:14px !important;
  }

  .hp-size-guide-v3__main-foot > span{
    display:block !important;
    max-width:min(56vw,250px) !important;
    color:#747474 !important;
    font-size:6px !important;
    line-height:1.45 !important;
  }

  .hp-product-info-accordion > summary{
    min-height:46px !important;
    font-size:8px !important;
    letter-spacing:.06em !important;
  }

  .hp-product-info-accordion [data-hp-accordion-content]{
    font-size:7.5px !important;
    line-height:1.68 !important;
  }
}

@media(max-width:390px){
  .hp-size-guide-v3__main-foot > span{
    max-width:52vw !important;
    font-size:5.8px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.132 — MOBILE SIZE GUIDE HEADER ROOT FIX
   ========================================================= */

/* The real Shopify header is temporarily moved to <body> while the
   mobile Size Guide is open. It stays BELOW the modal stack so the
   SAME full-screen backdrop blur used on desktop also blurs the header. */
@media(max-width:767px){
  body > #shopify-section-header.hp-size-guide-header-portal{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:var(--hp-size-guide-header-height,44px) !important;
    margin:0 !important;
    padding:0 !important;
    z-index:2147482000 !important;

    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    transform:translate3d(0,0,0) !important;
    animation:none !important;
    transition:none !important;

    background:var(--header-bg,#fff) !important;
    -webkit-backface-visibility:hidden !important;
    backface-visibility:hidden !important;
    contain:layout paint !important;
  }

  body > #shopify-section-header.hp-size-guide-header-portal .hp-header,
  body > #shopify-section-header.hp-size-guide-header-portal .hp-header[data-hp-header],
  body > #shopify-section-header.hp-size-guide-header-portal .hp-header__grid{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;

    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    transform:none !important;
    animation:none !important;
    transition:none !important;

    background:var(--header-bg,#fff) !important;
  }

  /* Modal returns to true full-viewport behavior on mobile.
     No exposed strip above it, no separate "header gap". */
  body > .hp-size-guide-v3{
    position:fixed !important;
    inset:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:100dvh !important;
    min-height:0 !important;
    z-index:2147483000 !important;
  }

  .hp-size-guide-v3__backdrop{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    background:rgba(0,0,0,.52) !important;
    -webkit-backdrop-filter:blur(8px) saturate(.85) !important;
    backdrop-filter:blur(8px) saturate(.85) !important;
  }

  /* The card still uses the polished bottom-sheet mobile layout.
     Only the header/backdrop layering changed. */
  .hp-size-guide-v3__card{
    max-height:88dvh !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.133 — MOBILE SIZE GUIDE STABILITY
   ========================================================= */

/* Preserves the exact header footprint while the real header is portalled.
   It is intentionally invisible, but unlike the old comment node it has height. */
.hp-size-guide-header-placeholder{
  display:block !important;
  box-sizing:border-box !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Remove the blue mobile focus/tap rectangle visible in the supplied recording. */
.hp-size-guide-v3__close,
.hp-size-guide-v3__main-foot button,
.hp-size-guide-v3 [data-size-guide-close-v3]{
  -webkit-tap-highlight-color:transparent !important;
  -webkit-touch-callout:none !important;
}

.hp-size-guide-v3__close:focus,
.hp-size-guide-v3__main-foot button:focus,
.hp-size-guide-v3 [data-size-guide-close-v3]:focus{
  outline:none !important;
  box-shadow:none !important;
}

/* Keep a subtle accessibility indication for actual keyboard navigation. */
@media(pointer:fine){
  .hp-size-guide-v3__close:focus-visible,
  .hp-size-guide-v3__main-foot button:focus-visible,
  .hp-size-guide-v3 [data-size-guide-close-v3]:focus-visible{
    outline:1px solid #5b5b5b !important;
    outline-offset:4px !important;
  }
}

@media(max-width:767px){
  /* Keep the backdrop/card compositor stable during Safari's toolbar changes. */
  body > .hp-size-guide-v3{
    height:100dvh !important;
    min-height:100dvh !important;
    overscroll-behavior:none !important;
  }

  .hp-size-guide-v3__backdrop{
    touch-action:none !important;
  }

  .hp-size-guide-v3__card{
    overscroll-behavior:contain !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.134 — MOBILE FOOTER / BACK / TYPE SCALE
   ========================================================= */

/* ---------------------------------------------------------
   PRODUCT ACCORDIONS — requested 10px labels + content
   --------------------------------------------------------- */
.hp-product-info-accordions .hp-product-info-accordion > summary{
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.055em !important;
}

.hp-product-info-accordions .hp-product-info-accordion [data-hp-accordion-content]{
  font-size:10px !important;
  line-height:1.7 !important;
  letter-spacing:.01em !important;
}

/* ---------------------------------------------------------
   SIZE GUIDE TABLE — requested 10px th + td everywhere
   --------------------------------------------------------- */
.hp-size-guide-v3__table th,
.hp-size-guide-v3__table td{
  font-size:10px !important;
  line-height:1 !important;
}

.hp-size-guide-v3__table th{
  letter-spacing:.065em !important;
}

/* ---------------------------------------------------------
   GLOBAL BACK — tiny, fixed, outside the smooth-scroll tree.
   --------------------------------------------------------- */
.hp-global-back{
  position:fixed !important;
  left:10px !important;
  bottom:10px !important;
  z-index:1200 !important;

  min-width:42px !important;
  height:22px !important;
  padding:0 8px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;

  border:1px solid #3a3a3a !important;
  border-radius:0 !important;
  background:rgba(5,5,5,.92) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  backdrop-filter:blur(8px) !important;

  color:#8a8a8a !important;
  font-family:var(--hp-font) !important;
  font-size:6px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;

  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
  transition:
    color .22s ease,
    border-color .22s ease,
    transform .28s cubic-bezier(.16,1,.3,1) !important;
}

.hp-global-back > span:first-child{
  font-size:10px !important;
  line-height:1 !important;
  transform:translateY(-.5px) !important;
}

.hp-global-back:hover{
  color:#eee !important;
  border-color:#666 !important;
  transform:translateX(-2px) !important;
}

.hp-global-back:focus{
  outline:none !important;
}

@media(pointer:fine){
  .hp-global-back:focus-visible{
    outline:1px solid #666 !important;
    outline-offset:3px !important;
  }
}

/* Keep the global back below drawers / lightboxes / size guide. */
html.hp-size-guide-v3-open .hp-global-back,
html.hp-cart-open .hp-global-back,
html.hp-search-open .hp-global-back{
  opacity:0 !important;
  pointer-events:none !important;
}

/* ---------------------------------------------------------
   MOBILE FOOTER — coherent 2-column editorial directory.
   No added gap between page and footer.
   --------------------------------------------------------- */
@media(max-width:767px){

  /* A clear structural cut from ANY page into the footer.
     No margin, no spacer — just a slightly stronger architectural rule. */
  #shopify-section-footer,
  .shopify-section-group-footer-group{
    margin:0 !important;
    padding:0 !important;
    border-top:1px solid #3a3a3a !important;
    background:#050505 !important;
  }

  .hp-footer.hp-footer--refgrid{
    margin:0 !important;
    padding:0 !important;
    background:#050505 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    width:100% !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#050505 !important;
    box-shadow:none !important;
  }

  /* One deliberate mobile composition:
     brand spans full width, Information + Socials share the row. */
  .hp-footer--refgrid .hp-footer-refgrid__grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    min-height:0 !important;
    background:#050505 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell{
    min-width:0 !important;
    width:auto !important;
    border:0 !important;
    background:transparent !important;
  }

  /* BRAND / full-width cap */
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand{
    grid-column:1 / -1 !important;
    border-bottom:1px solid #292929 !important;
  }

  /* The separate HIDE PROJECT header row was what made the mobile
     footer feel like a random stack. Fold it into the brand block. */
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__head{
    display:none !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:24px 18px !important;

    display:grid !important;
    grid-template-columns:minmax(108px,132px) minmax(0,1fr) !important;
    align-items:center !important;
    gap:20px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand{
    text-align:left !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo{
    width:min(var(--footer-brand-w,125px),132px) !important;
    margin:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo img{
    object-position:left center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand p{
    margin:0 !important;
    max-width:245px !important;
    color:#626262 !important;
    font-size:7px !important;
    line-height:1.6 !important;
    letter-spacing:.045em !important;
  }

  /* INFORMATION / left half */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2){
    grid-column:1 !important;
    border-right:1px solid #292929 !important;
  }

  /* SOCIALS / right half */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3){
    grid-column:2 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2),
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3){
    display:flex !important;
    flex-direction:column !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__head{
    display:flex !important;
    min-height:40px !important;
    height:40px !important;
    padding:0 16px !important;
    align-items:center !important;
    border:0 !important;
    border-bottom:1px solid #292929 !important;

    color:#565656 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.10em !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body{
    min-height:132px !important;
    padding:18px 16px 20px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:14px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links a{
    width:max-content !important;
    max-width:100% !important;
    color:#777 !important;
    font-size:8px !important;
    line-height:1 !important;
    letter-spacing:.045em !important;
    white-space:nowrap !important;
  }

  /* Socials stay a clean single vertical list inside their own half.
     No nested 2-column grid fighting the outer composition. */
  .hp-footer--refgrid .hp-footer-refgrid__social{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    gap:14px !important;
  }

  /* One simple full-width Dev.Rift rail. */
  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    width:100% !important;
    min-height:58px !important;
    height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-top:1px solid #292929 !important;
    background:#050505 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__devrift,
  .hp-footer--refgrid .hp-footer-refgrid__devrift img{
    width:72px !important;
  }

  /* Requested 10px stays 10px on mobile too. */
  .hp-product-info-accordions .hp-product-info-accordion > summary,
  .hp-product-info-accordions .hp-product-info-accordion [data-hp-accordion-content]{
    font-size:10px !important;
  }

  .hp-size-guide-v3__table th,
  .hp-size-guide-v3__table td{
    font-size:10px !important;
  }

  .hp-global-back{
    left:8px !important;
    bottom:8px !important;
  }
}

@media(max-width:390px){
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__body{
    grid-template-columns:110px minmax(0,1fr) !important;
    gap:15px !important;
    padding:21px 14px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo{
    width:110px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand p{
    font-size:6px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__head{
    padding:0 13px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body{
    min-height:126px !important;
    padding:17px 13px 19px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links a{
    font-size:7px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.135 — DESKTOP BACK / BLUR REVEAL / 8PX ACCORDIONS
   ========================================================= */

/* Product information accordions: requested 8px for both title + content. */
.hp-product-info-accordions .hp-product-info-accordion > summary{
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.06em !important;
}

.hp-product-info-accordions .hp-product-info-accordion [data-hp-accordion-content]{
  font-size:8px !important;
  line-height:1.72 !important;
  letter-spacing:.01em !important;
}

/* BACK is desktop-only and starts hidden so its entrance is deliberate. */
.hp-global-back{
  opacity:0 !important;
  visibility:hidden !important;
  filter:blur(8px) !important;
  transform:translate3d(-6px,5px,0) scale(.985) !important;

  transition:
    opacity .38s cubic-bezier(.16,1,.3,1),
    filter .38s cubic-bezier(.16,1,.3,1),
    transform .38s cubic-bezier(.16,1,.3,1),
    border-color .22s ease,
    color .22s ease !important;
  will-change:opacity,filter,transform !important;
}

/* Reveal after first painted frames. */
.hp-global-back.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  filter:blur(0) !important;
  transform:translate3d(0,0,0) scale(1) !important;
}

/* Same house motion in reverse before navigation / when UI overlays take over. */
.hp-global-back.is-leaving,
html.hp-page-leaving .hp-global-back,
html.hp-size-guide-v3-open .hp-global-back,
html.hp-cart-open .hp-global-back,
html.hp-search-open .hp-global-back{
  opacity:0 !important;
  visibility:hidden !important;
  filter:blur(8px) !important;
  transform:translate3d(-6px,5px,0) scale(.985) !important;
  pointer-events:none !important;
}

@media(min-width:768px){
  .hp-global-back{
    display:inline-flex !important;
    left:12px !important;
    bottom:12px !important;

    min-width:44px !important;
    height:24px !important;
    padding:0 9px !important;

    background:rgba(6,6,6,.88) !important;
    border:1px solid #353535 !important;
    -webkit-backdrop-filter:blur(10px) !important;
    backdrop-filter:blur(10px) !important;

    color:#848484 !important;
    font-size:6px !important;
    letter-spacing:.09em !important;
  }

  .hp-global-back:hover{
    color:#eee !important;
    border-color:#626262 !important;
    transform:translate3d(-2px,0,0) scale(1) !important;
  }

  .hp-global-back.is-visible:hover{
    filter:blur(0) !important;
  }
}

/* Completely remove BACK from mobile layout / touch viewport. */
@media(max-width:767px){
  .hp-global-back{
    display:none !important;
  }

  /* Requested accordion size remains 8px on mobile as well. */
  .hp-product-info-accordions .hp-product-info-accordion > summary,
  .hp-product-info-accordions .hp-product-info-accordion [data-hp-accordion-content]{
    font-size:8px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hp-global-back{
    transition:none !important;
    filter:none !important;
    transform:none !important;
  }

  .hp-global-back.is-visible{
    opacity:1 !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.136 — FINAL TYPE / CREATIVE EDGE BACK / MOBILE FOOTER
   ========================================================= */

/* Requested: product accordion labels + content back to 10px. */
.hp-product-info-accordions .hp-product-info-accordion > summary,
.hp-product-info-accordions .hp-product-info-accordion [data-hp-accordion-content]{
  font-size:10px !important;
}

/* =========================================================
   DESKTOP EDGE-BACK
   Appears with Blur + Reveal, then docks into the left screen edge.
   Hover/focus pulls it back out.
   ========================================================= */

.hp-global-back{
  /* hard reset of the older floating-chip treatment */
  display:none !important;
}

@media(min-width:768px){
  .hp-global-back{
    position:fixed !important;
    display:flex !important;
    left:0 !important;
    bottom:24px !important;
    z-index:1200 !important;

    width:64px !important;
    height:30px !important;
    min-width:0 !important;
    padding:0 10px 0 8px !important;

    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;

    border:1px solid #3b3b3b !important;
    border-left:0 !important;
    border-radius:0 !important;
    background:rgba(6,6,6,.90) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    backdrop-filter:blur(10px) !important;

    color:#8a8a8a !important;
    font-family:var(--hp-font) !important;
    font-size:6px !important;
    line-height:1 !important;
    letter-spacing:.09em !important;
    text-transform:uppercase !important;

    opacity:0 !important;
    visibility:hidden !important;
    filter:blur(10px) !important;
    transform:translate3d(-54px,6px,0) scale(.985) !important;

    transition:
      opacity .46s cubic-bezier(.16,1,.3,1),
      filter .46s cubic-bezier(.16,1,.3,1),
      transform .52s cubic-bezier(.16,1,.3,1),
      color .22s ease,
      border-color .22s ease,
      background-color .22s ease !important;

    will-change:opacity,filter,transform !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  /* First entrance: fully visible. */
  .hp-global-back.is-visible:not(.is-docked){
    opacity:1 !important;
    visibility:visible !important;
    filter:blur(0) !important;
    transform:translate3d(0,0,0) scale(1) !important;
  }

  /* Resting state: almost disappears into the left edge.
     A slim 10px "handle" stays visible. */
  .hp-global-back.is-visible.is-docked{
    opacity:1 !important;
    visibility:visible !important;
    filter:blur(0) !important;
    transform:translate3d(-52px,0,0) scale(1) !important;
  }

  /* Pull out on hover/focus. */
  .hp-global-back.is-visible.is-docked:hover,
  .hp-global-back.is-visible.is-docked:focus-visible{
    transform:translate3d(0,0,0) scale(1) !important;
    color:#eee !important;
    border-color:#626262 !important;
    background:rgba(7,7,7,.96) !important;
  }

  /* Tiny arrow stays near the visible edge while docked. */
  .hp-global-back > span:first-child{
    flex:0 0 auto !important;
    font-size:10px !important;
    line-height:1 !important;
    transform:none !important;
  }

  .hp-global-back > span:last-child{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }

  /* Reverse Blur + Reveal before BACK navigation. */
  .hp-global-back.is-leaving,
  html.hp-page-leaving .hp-global-back,
  html.hp-size-guide-v3-open .hp-global-back,
  html.hp-cart-open .hp-global-back,
  html.hp-search-open .hp-global-back{
    opacity:0 !important;
    visibility:hidden !important;
    filter:blur(10px) !important;
    transform:translate3d(-54px,6px,0) scale(.985) !important;
    pointer-events:none !important;
  }
}

@media(max-width:767px){
  .hp-global-back{
    display:none !important;
  }
}

/* =========================================================
   MOBILE FOOTER — CLEAN EDITORIAL ENDING
   No boxes / no random stacked cells / no vertical grid.
   Desktop footer remains untouched.
   ========================================================= */
.hp-footer-social-short{
  display:none !important;
}

@media(max-width:767px){
  #shopify-section-footer,
  .shopify-section-group-footer-group,
  .hp-footer.hp-footer--refgrid{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:#050505 !important;
  }

  /* Structural separation only — no physical gap. */
  #shopify-section-footer{
    border-top:1px solid #303030 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    width:100% !important;
    margin:0 !important;
    padding:0 16px !important;
    border:0 !important;
    border-radius:0 !important;
    background:#050505 !important;
    box-shadow:none !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__grid{
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    background:transparent !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  /* Brand becomes the single visual anchor. */
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand{
    padding:28px 0 24px !important;
    border-bottom:1px solid #262626 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__head{
    display:none !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:15px !important;
    text-align:center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo{
    width:min(var(--footer-brand-w,125px),132px) !important;
    margin:0 auto !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo img{
    object-position:center center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand p{
    margin:0 !important;
    max-width:290px !important;
    color:#5f5f5f !important;
    font-size:7px !important;
    line-height:1.6 !important;
    letter-spacing:.045em !important;
    text-align:center !important;
  }

  /* Remove INFORMATION / SOCIALS title rows completely.
     Mobile footer should read as one object, not three sections. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__head{
    display:none !important;
  }

  /* Utility links = one clean centered line. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2){
    padding:19px 0 !important;
    border-bottom:1px solid #262626 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:10px 22px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links a{
    color:#777 !important;
    font-size:8px !important;
    line-height:1 !important;
    letter-spacing:.055em !important;
    white-space:nowrap !important;
  }

  /* Socials = compact editorial abbreviations in one centered rail. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3){
    padding:18px 0 19px !important;
    border-bottom:1px solid #262626 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__social{
    min-height:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:12px 18px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__social a{
    color:#666 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.10em !important;
  }

  .hp-footer-social-full{
    display:none !important;
  }

  .hp-footer-social-short{
    display:inline !important;
  }

  /* Final rail is small and quiet. */
  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    min-height:58px !important;
    height:58px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    background:transparent !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__devrift,
  .hp-footer--refgrid .hp-footer-refgrid__devrift img{
    width:70px !important;
  }
}

@media(max-width:390px){
  .hp-footer--refgrid .hp-footer-refgrid__shell{
    padding-left:13px !important;
    padding-right:13px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links{
    gap:9px 16px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__social{
    gap:11px 15px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.137 — STACKED MOBILE GRID / EDGE RAIL BACK / 9PX TABS
   ========================================================= */

/* Requested: product info labels + content = 9px. */
.hp-product-info-accordions .hp-product-info-accordion > summary,
.hp-product-info-accordions .hp-product-info-accordion [data-hp-accordion-content]{
  font-size:9px !important;
}

/* =========================================================
   CREATIVE DESKTOP BACK — EDGE RAIL
   Full reveal -> collapses into a tiny arrow rail at screen edge.
   Hover/focus expands it again.
   ========================================================= */
.hp-global-back{
  display:none !important;
}

@media(min-width:768px){
  .hp-global-back{
    position:fixed !important;
    display:flex !important;
    left:0 !important;
    top:50% !important;
    bottom:auto !important;
    z-index:1200 !important;

    width:96px !important;
    height:34px !important;
    min-width:0 !important;
    padding:0 10px 0 9px !important;

    flex-direction:row-reverse !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;

    border:0 !important;
    border-top:1px solid #3b3b3b !important;
    border-right:1px solid #3b3b3b !important;
    border-bottom:1px solid #3b3b3b !important;
    border-radius:0 !important;

    background:rgba(5,5,5,.86) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    backdrop-filter:blur(10px) !important;

    color:#868686 !important;
    font-family:var(--hp-font) !important;
    font-size:6px !important;
    line-height:1 !important;
    letter-spacing:.11em !important;
    text-transform:uppercase !important;

    opacity:0 !important;
    visibility:hidden !important;
    filter:blur(10px) !important;
    transform:translate3d(-18px,-50%,0) scale(.985) !important;

    transition:
      opacity .44s cubic-bezier(.16,1,.3,1),
      filter .44s cubic-bezier(.16,1,.3,1),
      transform .48s cubic-bezier(.16,1,.3,1),
      color .22s ease,
      border-color .22s ease,
      background-color .22s ease !important;

    will-change:opacity,filter,transform !important;
    cursor:pointer !important;
    overflow:hidden !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  /* Fine interior divider gives it a technical / system feel. */
  .hp-global-back::after{
    content:"" !important;
    position:absolute !important;
    top:7px !important;
    bottom:7px !important;
    right:29px !important;
    width:1px !important;
    background:#2f2f2f !important;
    transition:background-color .22s ease !important;
  }

  .hp-global-back > span:first-child{
    flex:0 0 12px !important;
    width:12px !important;
    font-size:11px !important;
    line-height:1 !important;
    text-align:center !important;
    transform:none !important;
  }

  .hp-global-back > span:last-child{
    flex:1 1 auto !important;
    min-width:0 !important;
    text-align:left !important;
    white-space:nowrap !important;
    opacity:1 !important;
    filter:blur(0) !important;
    transition:
      opacity .28s ease,
      filter .28s ease !important;
  }

  /* First reveal: the full rail is visible. */
  .hp-global-back.is-visible:not(.is-docked){
    opacity:1 !important;
    visibility:visible !important;
    filter:blur(0) !important;
    transform:translate3d(0,-50%,0) scale(1) !important;
  }

  /* Rest state: only the arrow-zone stays on screen. */
  .hp-global-back.is-visible.is-docked{
    opacity:1 !important;
    visibility:visible !important;
    filter:blur(0) !important;
    transform:translate3d(-67px,-50%,0) scale(1) !important;
  }

  .hp-global-back.is-visible.is-docked > span:last-child{
    opacity:0 !important;
    filter:blur(5px) !important;
  }

  /* Hover/focus = rail unfolds from the edge. */
  .hp-global-back.is-visible.is-docked:hover,
  .hp-global-back.is-visible.is-docked:focus-visible{
    transform:translate3d(0,-50%,0) scale(1) !important;
    color:#eee !important;
    border-color:#636363 !important;
    background:rgba(6,6,6,.96) !important;
  }

  .hp-global-back.is-visible.is-docked:hover > span:last-child,
  .hp-global-back.is-visible.is-docked:focus-visible > span:last-child{
    opacity:1 !important;
    filter:blur(0) !important;
  }

  .hp-global-back.is-visible.is-docked:hover::after,
  .hp-global-back.is-visible.is-docked:focus-visible::after{
    background:#555 !important;
  }

  /* Same house motion backwards before leaving. */
  .hp-global-back.is-leaving,
  html.hp-page-leaving .hp-global-back,
  html.hp-size-guide-v3-open .hp-global-back,
  html.hp-cart-open .hp-global-back,
  html.hp-search-open .hp-global-back{
    opacity:0 !important;
    visibility:hidden !important;
    filter:blur(10px) !important;
    transform:translate3d(-18px,-50%,0) scale(.985) !important;
    pointer-events:none !important;
  }
}

@media(max-width:767px){
  .hp-global-back{
    display:none !important;
  }
}

/* =========================================================
   MOBILE FOOTER — RESTORE THE STACKED GRID LANGUAGE
   Brand / Information / Socials stacked one below another.
   ========================================================= */
@media(max-width:767px){

  #shopify-section-footer,
  .shopify-section-group-footer-group,
  .hp-footer.hp-footer--refgrid{
    margin:0 !important;
    padding:0 !important;
    background:#050505 !important;
  }

  #shopify-section-footer{
    border-top:1px solid #303030 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#050505 !important;
    box-shadow:none !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__grid{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    width:100% !important;
    min-height:0 !important;
    background:#050505 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    border:0 !important;
    border-bottom:1px solid #292929 !important;
    background:transparent !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:last-child{
    border-bottom:0 !important;
  }

  /* Restore the real section headers. */
  .hp-footer--refgrid .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__head{
    display:flex !important;
    width:100% !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    border:0 !important;
    border-bottom:1px solid #292929 !important;

    color:#565656 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.11em !important;
  }

  /* Brand block */
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:23px 16px 24px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:16px !important;
    text-align:left !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo{
    width:min(var(--footer-brand-w,125px),118px) !important;
    margin:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo img{
    object-position:left center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand p{
    margin:0 !important;
    max-width:270px !important;
    color:#606060 !important;
    font-size:6px !important;
    line-height:1.6 !important;
    letter-spacing:.045em !important;
    text-align:left !important;
  }

  /* INFORMATION */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2){
    padding:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:20px 16px 22px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:13px !important;
  }

  /* SOCIALS — compact 2-column grid, like the earlier version. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3){
    padding:0 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__social{
    min-height:0 !important;
    padding:20px 16px 22px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px 24px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links a,
  .hp-footer--refgrid .hp-footer-refgrid__social a{
    width:max-content !important;
    max-width:100% !important;
    justify-self:start !important;
    color:#777 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.055em !important;
    white-space:nowrap !important;
  }

  /* On stacked mobile grid use the full social names again. */
  .hp-footer-social-full{
    display:inline !important;
  }

  .hp-footer-social-short{
    display:none !important;
  }

  /* Dev.Rift = one simple bottom rail, no vertical grid continuation. */
  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    width:100% !important;
    min-height:56px !important;
    height:56px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-top:1px solid #292929 !important;
    background:#050505 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__devrift,
  .hp-footer--refgrid .hp-footer-refgrid__devrift img{
    width:70px !important;
  }

  /* Requested 9px stays 9px on mobile too. */
  .hp-product-info-accordions .hp-product-info-accordion > summary,
  .hp-product-info-accordions .hp-product-info-accordion [data-hp-accordion-content]{
    font-size:9px !important;
  }
}

@media(max-width:390px){
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__social{
    gap:13px 18px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.138 — CENTERED STACKED MOBILE FOOTER / NO BACK
   ========================================================= */

.hp-global-back{
  display:none !important;
}

@media(max-width:767px){

  /* Keep the section titles exactly as they are. */
  .hp-footer--refgrid .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__head{
    justify-content:flex-start !important;
    text-align:left !important;
  }

  /* HIDE PROJECT body: logo + copy centered. */
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__body{
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:24px 16px 25px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand{
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo img{
    object-position:center center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand p{
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:285px !important;
    text-align:center !important;
  }

  /* INFORMATION: CONTACT / TERMS / POLICY side-by-side, centered. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__body{
    padding:20px 16px 22px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links{
    width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:11px 26px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links a{
    justify-self:auto !important;
    text-align:center !important;
  }

  /* SOCIALS: keep the current 2-column grid, just center every item. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__social{
    width:100% !important;
    grid-template-columns:repeat(2,minmax(0,150px)) !important;
    justify-content:center !important;
    align-items:center !important;
    justify-items:center !important;
    gap:14px 28px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__social a{
    justify-self:center !important;
    text-align:center !important;
  }
}

@media(max-width:390px){
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links{
    gap:10px 19px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__social{
    grid-template-columns:repeat(2,minmax(0,130px)) !important;
    gap:13px 20px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.139 — COMPACT MOBILE FOOTER + SYSTEM 404
   ========================================================= */

/* =========================================================
   MOBILE FOOTER — compact architectural stack
   ========================================================= */
@media(max-width:767px){

  #shopify-section-footer,
  .shopify-section-group-footer-group,
  .hp-footer.hp-footer--refgrid{
    margin:0 !important;
    padding:0 !important;
    background:#050505 !important;
  }

  #shopify-section-footer{
    border-top:1px solid #303030 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#050505 !important;
    box-shadow:none !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__grid{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-height:0 !important;
    background:#050505 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  /* Thin title rail: keep HIDE PROJECT / INFORMATION / SOCIALS visible,
     but stop them from becoming huge standalone boxes. */
  .hp-footer--refgrid .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__head{
    display:flex !important;
    width:100% !important;
    min-height:34px !important;
    height:34px !important;
    padding:0 14px !important;
    align-items:center !important;
    justify-content:flex-start !important;

    border:0 !important;
    border-top:1px solid #272727 !important;

    color:#565656 !important;
    font-size:6px !important;
    line-height:1 !important;
    letter-spacing:.12em !important;
    text-align:left !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:first-child .hp-footer-refgrid__head{
    border-top:0 !important;
  }

  /* Brand: intentionally centered, but compact. */
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:22px 16px 23px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;

    text-align:center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand{
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo{
    width:min(var(--footer-brand-w,125px),124px) !important;
    margin:0 auto !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo img{
    object-position:center center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand p{
    margin:0 auto !important;
    max-width:290px !important;
    color:#5d5d5d !important;
    font-size:6px !important;
    line-height:1.55 !important;
    letter-spacing:.045em !important;
    text-align:center !important;
  }

  /* INFORMATION: one clean centered utility rail. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:18px 14px 20px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links{
    width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:10px 24px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links a{
    width:auto !important;
    max-width:none !important;
    color:#787878 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.055em !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  /* SOCIALS: centered and visually balanced.
     2-column grid, but with a narrow controlled width so it reads as one unit. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__social{
    width:min(100%,320px) !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:18px 14px 20px !important;

    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:center !important;
    justify-items:center !important;
    gap:13px 28px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__social a{
    width:auto !important;
    max-width:100% !important;
    justify-self:center !important;
    color:#747474 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.055em !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .hp-footer-social-full{
    display:inline !important;
  }

  .hp-footer-social-short{
    display:none !important;
  }

  /* Dev.Rift: compact ending rail. */
  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    width:100% !important;
    min-height:52px !important;
    height:52px !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:0 !important;
    border-top:1px solid #272727 !important;
    background:#050505 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__devrift,
  .hp-footer--refgrid .hp-footer-refgrid__devrift img{
    width:66px !important;
  }
}

@media(max-width:390px){
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links{
    gap:9px 18px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__social{
    width:min(100%,285px) !important;
    gap:12px 20px !important;
  }
}

/* =========================================================
   404 — HIDE PROJECT / SYSTEM ERROR
   ========================================================= */
.hp-404{
  position:relative !important;
  min-height:calc(100svh - 62px) !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
  padding:34px clamp(16px,3vw,44px) !important;

  background:#050505 !important;
  color:#eee !important;
  border-bottom:1px solid #252525 !important;
}

.hp-404__ghost{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  z-index:0 !important;

  color:rgba(255,255,255,.025) !important;
  font-size:clamp(220px,36vw,620px) !important;
  line-height:.7 !important;
  font-weight:700 !important;
  letter-spacing:-.08em !important;
  white-space:nowrap !important;

  transform:translate(-50%,-47%) !important;
  pointer-events:none !important;
  user-select:none !important;
}

.hp-404__frame{
  position:relative !important;
  z-index:2 !important;

  width:min(100%,920px) !important;
  min-height:430px !important;

  display:grid !important;
  grid-template-rows:44px 1fr 44px !important;

  border:1px solid #292929 !important;
  background:rgba(7,7,7,.82) !important;
  -webkit-backdrop-filter:blur(6px) !important;
  backdrop-filter:blur(6px) !important;
}

.hp-404__meta,
.hp-404__foot{
  min-width:0 !important;
  padding:0 18px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;

  color:#505050 !important;
  font-size:6px !important;
  line-height:1 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

.hp-404__meta{
  border-bottom:1px solid #292929 !important;
}

.hp-404__foot{
  border-top:1px solid #292929 !important;
}

.hp-404__center{
  min-width:0 !important;
  padding:50px 22px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;
}

.hp-404__eyebrow{
  color:#626262 !important;
  font-size:7px !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.hp-404__center h1{
  margin:18px 0 14px !important;
  color:#eee !important;
  font-size:clamp(30px,4vw,58px) !important;
  line-height:.95 !important;
  font-weight:400 !important;
  letter-spacing:-.025em !important;
  text-transform:uppercase !important;
}

.hp-404__center p{
  max-width:430px !important;
  margin:0 !important;

  color:#686868 !important;
  font-size:8px !important;
  line-height:1.65 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.hp-404__return{
  position:relative !important;
  margin-top:31px !important;
  min-width:154px !important;
  height:38px !important;
  padding:0 14px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;

  border:1px solid #343434 !important;
  color:#808080 !important;
  background:#080808 !important;

  font-size:7px !important;
  line-height:1 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;

  transition:
    color .24s ease,
    border-color .24s ease,
    transform .34s cubic-bezier(.16,1,.3,1) !important;
}

.hp-404__return:hover{
  color:#eee !important;
  border-color:#666 !important;
  transform:translateY(-2px) !important;
}

.hp-404__return span:last-child{
  font-size:12px !important;
  transition:transform .34s cubic-bezier(.16,1,.3,1) !important;
}

.hp-404__return:hover span:last-child{
  transform:translateX(3px) !important;
}

@media(max-width:767px){
  .hp-404{
    min-height:calc(100svh - 56px) !important;
    padding:18px 12px !important;
  }

  .hp-404__ghost{
    font-size:64vw !important;
    top:48% !important;
  }

  .hp-404__frame{
    min-height:390px !important;
    grid-template-rows:40px 1fr 40px !important;
  }

  .hp-404__meta,
  .hp-404__foot{
    padding:0 13px !important;
    font-size:5px !important;
  }

  .hp-404__center{
    padding:38px 16px !important;
  }

  .hp-404__center h1{
    max-width:300px !important;
    margin:16px 0 13px !important;
    font-size:34px !important;
  }

  .hp-404__center p{
    max-width:300px !important;
    font-size:7px !important;
  }

  .hp-404__return{
    margin-top:27px !important;
    min-width:148px !important;
    height:36px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.140 — MOBILE SYSTEM DIRECTORY FOOTER
   Titles stay visible. Content becomes compact, centered, intentional.
   ========================================================= */

@media(max-width:767px){

  #shopify-section-footer,
  .shopify-section-group-footer-group,
  .hp-footer.hp-footer--refgrid{
    margin:0 !important;
    padding:0 !important;
    background:#050505 !important;
  }

  #shopify-section-footer{
    border-top:1px solid #303030 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#050505 !important;
    box-shadow:none !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__grid{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-height:0 !important;
    background:transparent !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  /* Tiny title rails: keep the requested labels without making the footer tall. */
  .hp-footer--refgrid .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__head{
    display:flex !important;
    width:100% !important;
    min-height:32px !important;
    height:32px !important;
    padding:0 14px !important;

    align-items:center !important;
    justify-content:flex-start !important;

    border:0 !important;
    border-top:1px solid #252525 !important;
    border-bottom:1px solid #252525 !important;

    color:#555 !important;
    font-size:6px !important;
    line-height:1 !important;
    letter-spacing:.12em !important;
    text-align:left !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:first-child .hp-footer-refgrid__head{
    border-top:0 !important;
  }

  /* BRAND: centered compact identity block. */
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:20px 16px 21px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:11px !important;

    text-align:center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand{
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo{
    width:min(var(--footer-brand-w,125px),120px) !important;
    margin:0 auto !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo img{
    object-position:center center !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand p{
    margin:0 auto !important;
    max-width:280px !important;
    color:#5d5d5d !important;
    font-size:6px !important;
    line-height:1.55 !important;
    letter-spacing:.045em !important;
    text-align:center !important;
  }

  /* INFORMATION: centered utility strip. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:17px 14px 18px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links{
    width:100% !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;

    gap:10px 28px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links a{
    width:auto !important;
    max-width:none !important;
    color:#7d7d7d !important;
    font-size:8px !important;
    line-height:1 !important;
    letter-spacing:.055em !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  /* SOCIALS: one compact centered system grid, not a full-screen box. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__social{
    width:min(100%,310px) !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:17px 14px 18px !important;

    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:center !important;
    justify-items:center !important;
    gap:13px 30px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__social a{
    width:auto !important;
    max-width:100% !important;
    justify-self:center !important;

    color:#737373 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.06em !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .hp-footer-social-full{
    display:inline !important;
  }

  .hp-footer-social-short{
    display:none !important;
  }

  /* Quiet final rail. */
  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    width:100% !important;
    min-height:50px !important;
    height:50px !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:0 !important;
    border-top:1px solid #252525 !important;
    background:#050505 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__devrift,
  .hp-footer--refgrid .hp-footer-refgrid__devrift img{
    width:64px !important;
  }
}

@media(max-width:390px){
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links{
    gap:9px 20px !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__social{
    width:min(100%,282px) !important;
    gap:12px 20px !important;
  }
}

/* =========================================================
   404: content only, no footer, no page scrolling.
   Keep the designed frame inside the available viewport.
   ========================================================= */

.template-404 .viewport,
.template-404 .hp-transition-stage,
.template-404 .scroll-container,
.template-404 #MainContent{
  min-height:100svh !important;
}

.template-404{
  overflow:hidden !important;
}

.template-404 body{
  overflow:hidden !important;
}

.template-404 #MainContent{
  overflow:hidden !important;
}

.template-404 .hp-404{
  height:calc(100svh - var(--hp-header-height,0px)) !important;
  min-height:0 !important;
  padding:18px clamp(12px,2.5vw,32px) !important;
  overflow:hidden !important;
}

.template-404 .hp-404__frame{
  min-height:0 !important;
  height:min(520px,calc(100svh - var(--hp-header-height,0px) - 36px)) !important;
}

@media(max-width:767px){
  .template-404 .hp-404{
    height:calc(100svh - var(--hp-header-height,0px)) !important;
    padding:10px !important;
  }

  .template-404 .hp-404__frame{
    width:100% !important;
    height:calc(100svh - var(--hp-header-height,0px) - 20px) !important;
    min-height:0 !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.141 — DEDICATED MOBILE FOOTER
   This is separate markup. Old mobile footer rules no longer control it.
   ========================================================= */

.hp-footer-mobile-v141{
  display:none !important;
}

@media(max-width:767px){

  /* Hard switch: desktop footer shell OFF, dedicated mobile footer ON. */
  .hp-footer--refgrid > .hp-footer-refgrid__shell{
    display:none !important;
  }

  .hp-footer-mobile-v141{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#050505 !important;
    border-top:1px solid #303030 !important;
  }

  /* Each section is a compact system row:
     left title rail + right content field. */
  .hp-footer-mobile-v141__row{
    display:grid !important;
    grid-template-columns:88px minmax(0,1fr) !important;
    width:100% !important;
    min-height:0 !important;
    border-bottom:1px solid #282828 !important;
  }

  .hp-footer-mobile-v141__label{
    min-width:0 !important;
    padding:14px 10px !important;

    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;

    border-right:1px solid #282828 !important;
    color:#565656 !important;

    font-size:6px !important;
    line-height:1.35 !important;
    letter-spacing:.11em !important;
    text-transform:uppercase !important;
  }

  .hp-footer-mobile-v141__content{
    min-width:0 !important;
  }

  /* BRAND — centered inside the content field, not floating in a huge box. */
  .hp-footer-mobile-v141__row--brand{
    min-height:146px !important;
  }

  .hp-footer-mobile-v141__brand{
    padding:21px 16px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;

    text-align:center !important;
  }

  .hp-footer-mobile-v141__brand-logo{
    display:block !important;
    width:min(var(--footer-brand-w,125px),122px) !important;
    margin:0 auto !important;
    text-decoration:none !important;
  }

  .hp-footer-mobile-v141__brand-logo img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:50px !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  .hp-footer-mobile-v141__brand-text{
    color:#eee !important;
    font-size:13px !important;
    letter-spacing:.04em !important;
    text-decoration:none !important;
  }

  .hp-footer-mobile-v141__brand p{
    max-width:245px !important;
    margin:0 !important;
    color:#5e5e5e !important;
    font-size:6px !important;
    line-height:1.55 !important;
    letter-spacing:.04em !important;
    text-align:center !important;
  }

  /* INFORMATION — the 3 links form one centered technical rail. */
  .hp-footer-mobile-v141__row--info{
    min-height:66px !important;
  }

  .hp-footer-mobile-v141__info{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:stretch !important;
  }

  .hp-footer-mobile-v141__info a{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-right:1px solid #222 !important;
    color:#777 !important;

    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.055em !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:nowrap !important;

    transition:color .22s ease,background-color .22s ease !important;
  }

  .hp-footer-mobile-v141__info a:last-child{
    border-right:0 !important;
  }

  .hp-footer-mobile-v141__info a:active{
    color:#eee !important;
    background:#0a0a0a !important;
  }

  /* SOCIALS — compact 2-column cells, centered and balanced. */
  .hp-footer-mobile-v141__social{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:stretch !important;
  }

  .hp-footer-mobile-v141__social a{
    min-height:42px !important;
    padding:0 10px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-right:1px solid #222 !important;
    border-bottom:1px solid #222 !important;

    color:#727272 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.055em !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  .hp-footer-mobile-v141__social a:nth-child(even){
    border-right:0 !important;
  }

  .hp-footer-mobile-v141__social a:nth-last-child(-n+2){
    border-bottom:0 !important;
  }

  /* Bottom rail belongs to the whole footer, so it is full-width. */
  .hp-footer-mobile-v141__bottom{
    width:100% !important;
    min-height:50px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-top:0 !important;
    background:#050505 !important;
  }

  .hp-footer-mobile-v141__bottom a{
    display:block !important;
    width:64px !important;
  }

  .hp-footer-mobile-v141__bottom img{
    display:block !important;
    width:64px !important;
    height:auto !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    animation:none !important;
  }
}

@media(max-width:390px){
  .hp-footer-mobile-v141__row{
    grid-template-columns:78px minmax(0,1fr) !important;
  }

  .hp-footer-mobile-v141__label{
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:5.5px !important;
  }

  .hp-footer-mobile-v141__brand{
    padding-left:13px !important;
    padding-right:13px !important;
  }

  .hp-footer-mobile-v141__info a,
  .hp-footer-mobile-v141__social a{
    font-size:6.5px !important;
  }
}

/* One-shot footer reveal still comes from the root footer observer.
   Do not animate children independently. */
.hp-footer-mobile-v141,
.hp-footer-mobile-v141 *{
  animation-iteration-count:1 !important;
}


/* V21.141 — 404 hard no-scroll guard */
body.template-404{
  overflow:hidden !important;
  height:100svh !important;
}

body.template-404 .viewport,
body.template-404 .hp-transition-stage,
body.template-404 .scroll-container,
body.template-404 #MainContent{
  height:100svh !important;
  min-height:0 !important;
  overflow:hidden !important;
}


/* =========================================================
   HIDE PROJECT v21.142 — CLASSIC MOBILE FOOTER / LIGHT MODE
   Restore the original stacked-grid footer language on mobile.
   Mobile only: white background, black text, light gray borders.
   Desktop remains unchanged.
   ========================================================= */

@media(max-width:767px){

  /* Remove the dedicated v21.141 footer completely if any stale markup survives. */
  .hp-footer-mobile-v141{
    display:none !important;
  }

  /* Re-enable the original footer shell on mobile. */
  .hp-footer--refgrid > .hp-footer-refgrid__shell{
    display:block !important;
  }

  #shopify-section-footer,
  .shopify-section-group-footer-group,
  .hp-footer.hp-footer--refgrid{
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    color:#111 !important;
    border:0 !important;
  }

  #shopify-section-footer{
    border-top:1px solid #d7d7d7 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__shell{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  /* Classic vertical stack: HIDE PROJECT / INFORMATION / SOCIALS */
  .hp-footer--refgrid .hp-footer-refgrid__grid{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    width:100% !important;
    min-height:0 !important;
    background:#fff !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    border:0 !important;
    border-bottom:1px solid #d7d7d7 !important;
    background:#fff !important;
    color:#111 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:last-child{
    border-bottom:0 !important;
  }

  /* Original thin title rows. */
  .hp-footer--refgrid .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__head,
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__head{
    display:flex !important;
    width:100% !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    align-items:center !important;
    justify-content:flex-start !important;

    border:0 !important;
    border-bottom:1px solid #d7d7d7 !important;
    background:#fff !important;

    color:#222 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.11em !important;
    text-align:left !important;
  }

  /* Brand section — same old layout, simply light-mode. */
  .hp-footer--refgrid .hp-footer-refgrid__cell--brand .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:24px 16px 25px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:16px !important;

    background:#fff !important;
    text-align:left !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand{
    align-items:flex-start !important;
    text-align:left !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-logo{
    width:min(var(--footer-brand-w,125px),118px) !important;
    margin:0 !important;
  }

  /* Brand logo is normally white, so invert it only in mobile light mode. */
  .hp-footer--refgrid .hp-footer-refgrid__brand-logo img{
    object-position:left center !important;
    filter:invert(1) grayscale(1) contrast(1.2) !important;
    opacity:1 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand-text{
    color:#111 !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__brand p{
    margin:0 !important;
    max-width:270px !important;
    color:#686868 !important;
    font-size:6px !important;
    line-height:1.6 !important;
    letter-spacing:.045em !important;
    text-align:left !important;
  }

  /* INFORMATION — old stacked vertical list. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__body{
    min-height:0 !important;
    padding:20px 16px 22px !important;
    background:#fff !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(2) .hp-footer-refgrid__links{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:13px !important;
    width:100% !important;
  }

  /* SOCIALS — old 2-column grid. */
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__social{
    min-height:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:20px 16px 22px !important;

    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:start !important;
    justify-items:start !important;
    gap:14px 24px !important;

    background:#fff !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links a,
  .hp-footer--refgrid .hp-footer-refgrid__social a{
    width:max-content !important;
    max-width:100% !important;
    justify-self:start !important;

    color:#222 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.055em !important;
    text-align:left !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__links a:hover,
  .hp-footer--refgrid .hp-footer-refgrid__social a:hover{
    color:#000 !important;
    transform:none !important;
  }

  .hp-footer-social-full{
    display:inline !important;
  }

  .hp-footer-social-short{
    display:none !important;
  }

  /* Bottom Dev.Rift rail in white mode. */
  .hp-footer--refgrid .hp-footer-refgrid__bottom{
    width:100% !important;
    min-height:56px !important;
    height:56px !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:0 !important;
    border-top:1px solid #d7d7d7 !important;
    background:#fff !important;
  }

  .hp-footer--refgrid .hp-footer-refgrid__devrift,
  .hp-footer--refgrid .hp-footer-refgrid__devrift img{
    width:70px !important;
  }

  /* Dev.Rift asset is light, invert it for the mobile white footer. */
  .hp-footer--refgrid .hp-footer-refgrid__devrift img{
    filter:invert(1) grayscale(1) contrast(1.15) !important;
  }
}

@media(max-width:390px){
  .hp-footer--refgrid .hp-footer-refgrid__cell:nth-child(3) .hp-footer-refgrid__body,
  .hp-footer--refgrid .hp-footer-refgrid__social{
    gap:13px 18px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.143 — MOBILE FOOTER / SYSTEM DRAWER
   Mobile only. Desktop footer is untouched.
   ========================================================= */

.hp-footer-mobile-v143{
  display:none !important;
}

@media(max-width:767px){

  /* Turn off the legacy mobile rendering entirely. */
  .hp-footer--refgrid > .hp-footer-refgrid__shell{
    display:none !important;
  }

  #shopify-section-footer,
  .shopify-section-group-footer-group,
  .hp-footer.hp-footer--refgrid{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:#050505 !important;
    color:#eee !important;
  }

  .hp-footer-mobile-v143{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;

    background:#050505 !important;
    color:#eee !important;
    border-top:1px solid #2b2b2b !important;
  }

  /* HIDE PROJECT title rail stays visible, like the original grid language. */
  .hp-footer-mobile-v143__titlebar{
    min-height:34px !important;
    padding:0 14px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    border-bottom:1px solid #272727 !important;

    color:#565656 !important;
    font-size:6px !important;
    line-height:1 !important;
    letter-spacing:.12em !important;
  }

  /* Compact centered brand stage. */
  .hp-footer-mobile-v143__brand{
    min-height:150px !important;
    padding:24px 18px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:13px !important;

    text-align:center !important;
  }

  .hp-footer-mobile-v143__brand-logo{
    display:block !important;
    width:min(var(--footer-brand-w,125px),128px) !important;
    margin:0 auto !important;
  }

  .hp-footer-mobile-v143__brand-logo img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:52px !important;
    object-fit:contain !important;
    object-position:center center !important;

    opacity:1 !important;
    filter:none !important;
    transform:none !important;
  }

  .hp-footer-mobile-v143__brand-text{
    color:#eee !important;
    font-size:13px !important;
    letter-spacing:.045em !important;
    text-decoration:none !important;
  }

  .hp-footer-mobile-v143__brand p{
    max-width:290px !important;
    margin:0 !important;

    color:#616161 !important;
    font-size:6px !important;
    line-height:1.6 !important;
    letter-spacing:.045em !important;
    text-align:center !important;
  }

  /* The "افتكاسة":
     INFORMATION / SOCIALS are two system switches.
     No content is open until the user taps one. */
  .hp-footer-mobile-v143__switch{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;

    border-top:1px solid #292929 !important;
    border-bottom:1px solid #292929 !important;
  }

  .hp-footer-mobile-v143__tab{
    position:relative !important;
    min-height:48px !important;
    padding:0 15px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;

    border:0 !important;
    border-right:1px solid #292929 !important;
    background:#050505 !important;

    color:#606060 !important;
    font-family:var(--hp-font) !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.09em !important;
    text-align:left !important;

    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;

    transition:
      color .25s ease,
      background-color .25s ease !important;
  }

  .hp-footer-mobile-v143__tab:last-child{
    border-right:0 !important;
  }

  /* Tiny system mark: + becomes — when active. */
  .hp-footer-mobile-v143__tab-mark{
    position:relative !important;
    flex:0 0 12px !important;
    width:12px !important;
    height:12px !important;
  }

  .hp-footer-mobile-v143__tab-mark::before,
  .hp-footer-mobile-v143__tab-mark::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;

    width:9px !important;
    height:1px !important;
    background:currentColor !important;

    transform:translate(-50%,-50%) !important;
    transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .24s ease !important;
  }

  .hp-footer-mobile-v143__tab-mark::after{
    transform:translate(-50%,-50%) rotate(90deg) !important;
  }

  .hp-footer-mobile-v143__tab.is-active{
    color:#e9e9e9 !important;
    background:#080808 !important;
  }

  .hp-footer-mobile-v143__tab.is-active .hp-footer-mobile-v143__tab-mark::after{
    opacity:0 !important;
    transform:translate(-50%,-50%) rotate(0deg) !important;
  }

  .hp-footer-mobile-v143__tab::after{
    content:"" !important;
    position:absolute !important;
    left:15px !important;
    right:15px !important;
    bottom:-1px !important;

    height:1px !important;
    background:#e7e7e7 !important;

    transform:scaleX(0) !important;
    transform-origin:center center !important;
    transition:transform .38s cubic-bezier(.16,1,.3,1) !important;
  }

  .hp-footer-mobile-v143__tab.is-active::after{
    transform:scaleX(1) !important;
  }

  /* Drawers collapse to true zero height.
     One active drawer at a time; clicking active tab closes it. */
  .hp-footer-mobile-v143__drawers{
    background:#070707 !important;
  }

  .hp-footer-mobile-v143__panel{
    display:grid !important;
    grid-template-rows:0fr !important;

    opacity:0 !important;
    filter:blur(7px) !important;

    border-bottom:0 solid #292929 !important;

    transition:
      grid-template-rows .46s cubic-bezier(.16,1,.3,1),
      opacity .32s ease,
      filter .40s cubic-bezier(.16,1,.3,1),
      border-bottom-width .46s cubic-bezier(.16,1,.3,1) !important;
  }

  .hp-footer-mobile-v143__panel-clip{
    min-height:0 !important;
    overflow:hidden !important;
  }

  .hp-footer-mobile-v143__panel.is-active{
    grid-template-rows:1fr !important;
    opacity:1 !important;
    filter:blur(0) !important;
    border-bottom-width:1px !important;
  }

  .hp-footer-mobile-v143__info{
    min-height:72px !important;
    padding:15px 12px !important;

    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:0 !important;
  }

  .hp-footer-mobile-v143__info a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-right:1px solid #242424 !important;

    color:#777 !important;
    font-size:8px !important;
    line-height:1 !important;
    letter-spacing:.055em !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  .hp-footer-mobile-v143__info a:last-child{
    border-right:0 !important;
  }

  .hp-footer-mobile-v143__socials{
    width:min(100%,330px) !important;
    margin:0 auto !important;
    padding:17px 16px 18px !important;

    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:center !important;
    justify-items:center !important;
    gap:14px 24px !important;
  }

  .hp-footer-mobile-v143__socials a{
    color:#747474 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.06em !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  /* Quiet ending rail. */
  .hp-footer-mobile-v143__bottom{
    min-height:54px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#050505 !important;
    border-top:1px solid #292929 !important;
  }

  .hp-footer-mobile-v143__bottom a,
  .hp-footer-mobile-v143__bottom img{
    display:block !important;
    width:68px !important;
  }

  .hp-footer-mobile-v143__bottom img{
    height:auto !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    animation:none !important;
  }
}

@media(max-width:390px){
  .hp-footer-mobile-v143__brand{
    min-height:142px !important;
    padding-left:15px !important;
    padding-right:15px !important;
  }

  .hp-footer-mobile-v143__tab{
    min-height:46px !important;
    padding-left:12px !important;
    padding-right:12px !important;
    font-size:6.5px !important;
  }

  .hp-footer-mobile-v143__tab::after{
    left:12px !important;
    right:12px !important;
  }

  .hp-footer-mobile-v143__socials{
    width:min(100%,290px) !important;
    gap:13px 18px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hp-footer-mobile-v143__panel,
  .hp-footer-mobile-v143__tab,
  .hp-footer-mobile-v143__tab-mark::before,
  .hp-footer-mobile-v143__tab-mark::after,
  .hp-footer-mobile-v143__tab::after{
    transition:none !important;
    filter:none !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.144 — MOBILE FOOTER / REMOVE TITLE RAIL
   ========================================================= */

@media(max-width:767px){
  .hp-footer-mobile-v143__titlebar{
    display:none !important;
  }

  .hp-footer-mobile-v143__brand{
    border-top:0 !important;
    padding-top:25px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.145 — MOBILE FOOTER STACKED TABS
   ========================================================= */

@media(max-width:767px){

  /* INFORMATION / SOCIALS now sit under each other. */
  .hp-footer-mobile-v143__switch{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;

    border-top:1px solid #292929 !important;
    border-bottom:1px solid #292929 !important;
  }

  .hp-footer-mobile-v143__tab{
    width:100% !important;
    min-height:46px !important;

    border-right:0 !important;
    border-bottom:1px solid #292929 !important;
  }

  .hp-footer-mobile-v143__tab:last-child{
    border-bottom:0 !important;
  }

  /* Keep the active underline clean across the full row. */
  .hp-footer-mobile-v143__tab::after{
    left:14px !important;
    right:14px !important;
  }

  /* Product page only:
     remove the stray line directly above the mobile footer brand/logo. */
  body.template-product #shopify-section-footer,
  body.template-product .shopify-section-group-footer-group,
  body.template-product .hp-footer.hp-footer--refgrid,
  body.template-product .hp-footer-mobile-v143{
    border-top:0 !important;
    box-shadow:none !important;
    outline:0 !important;
  }

  /* Also neutralize a possible trailing product-section divider
     so the footer starts cleanly with the logo block. */
  body.template-product #MainContent > .shopify-section:last-child,
  body.template-product #MainContent > section:last-child,
  body.template-product .hp-product-page-v5{
    border-bottom:0 !important;
    box-shadow:none !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.146 — MOBILE FOOTER / STATIC GRID
   Starts directly with the brand logo. No tabs / no drawers.
   ========================================================= */

.hp-footer-mobile-v146{
  display:none !important;
}

@media(max-width:767px){

  /* Kill both legacy mobile implementations. */
  .hp-footer--refgrid > .hp-footer-refgrid__shell,
  .hp-footer-mobile-v143{
    display:none !important;
  }

  #shopify-section-footer,
  .shopify-section-group-footer-group,
  .hp-footer.hp-footer--refgrid{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:#050505 !important;
    color:#eee !important;
  }

  .hp-footer-mobile-v146{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#050505 !important;
    color:#eee !important;
  }

  /* Start directly with the logo — no header rail above it. */
  .hp-footer-mobile-v146__brand{
    min-height:150px !important;
    padding:25px 18px 24px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:13px !important;

    text-align:center !important;
    border-bottom:1px solid #292929 !important;
  }

  .hp-footer-mobile-v146__brand-logo{
    display:block !important;
    width:min(var(--footer-brand-w,125px),128px) !important;
    margin:0 auto !important;
  }

  .hp-footer-mobile-v146__brand-logo img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:52px !important;
    object-fit:contain !important;
    object-position:center center !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
  }

  .hp-footer-mobile-v146__brand-text{
    color:#eee !important;
    font-size:13px !important;
    letter-spacing:.045em !important;
    text-decoration:none !important;
  }

  .hp-footer-mobile-v146__brand p{
    max-width:290px !important;
    margin:0 !important;
    color:#616161 !important;
    font-size:6px !important;
    line-height:1.6 !important;
    letter-spacing:.045em !important;
    text-align:center !important;
  }

  /* Thin section title rows, just like the original grid language. */
  .hp-footer-mobile-v146__head{
    min-height:38px !important;
    height:38px !important;
    padding:0 14px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    color:#5f5f5f !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.10em !important;

    border-bottom:1px solid #292929 !important;
  }

  .hp-footer-mobile-v146__section{
    border-bottom:1px solid #292929 !important;
  }

  /* INFORMATION — 3 equal grid cells. */
  .hp-footer-mobile-v146__info{
    min-height:68px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .hp-footer-mobile-v146__info a{
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-right:1px solid #242424 !important;
    color:#797979 !important;

    font-size:8px !important;
    line-height:1 !important;
    letter-spacing:.055em !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  .hp-footer-mobile-v146__info a:last-child{
    border-right:0 !important;
  }

  /* SOCIALS — static 2-column grid like the early mobile footer. */
  .hp-footer-mobile-v146__socials{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
  }

  .hp-footer-mobile-v146__socials a{
    min-height:46px !important;
    padding:0 12px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-right:1px solid #242424 !important;
    border-bottom:1px solid #242424 !important;

    color:#747474 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.055em !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  .hp-footer-mobile-v146__socials a:nth-child(even){
    border-right:0 !important;
  }

  .hp-footer-mobile-v146__socials a:nth-last-child(-n+2){
    border-bottom:0 !important;
  }

  .hp-footer-mobile-v146__bottom{
    min-height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#050505 !important;
  }

  .hp-footer-mobile-v146__bottom a,
  .hp-footer-mobile-v146__bottom img{
    display:block !important;
    width:68px !important;
  }

  .hp-footer-mobile-v146__bottom img{
    height:auto !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    animation:none !important;
  }

  /* Keep the product-page footer entrance completely clean. */
  body.template-product #shopify-section-footer,
  body.template-product .shopify-section-group-footer-group,
  body.template-product .hp-footer.hp-footer--refgrid,
  body.template-product .hp-footer-mobile-v146{
    border-top:0 !important;
    box-shadow:none !important;
    outline:0 !important;
  }
}

@media(max-width:390px){
  .hp-footer-mobile-v146__brand{
    min-height:142px !important;
    padding-left:15px !important;
    padding-right:15px !important;
  }

  .hp-footer-mobile-v146__info a{
    font-size:7px !important;
  }

  .hp-footer-mobile-v146__socials a{
    min-height:44px !important;
    font-size:6.5px !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.147 — PRODUCT DESKTOP DIVIDER
   Remove the wide white gallery gutter; keep only a fine 1px rule.
   ========================================================= */

@media(min-width:981px){
  .hp-product-page-v5 .hp-product-gallery-v5{
    padding-right:0 !important;
  }

  .hp-product-page-v5 .hp-product-panel{
    border-left:1px solid #c3c3c3 !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.148 — PRODUCT DIVIDER REMOVED
   ========================================================= */

@media(min-width:981px){
  .hp-product-page-v5 .hp-product-gallery-v5{
    padding-right:0 !important;
  }

  .hp-product-page-v5 .hp-product-panel{
    border-left:0 !important;
    box-shadow:none !important;
  }
}

/* =========================================================
   HERO VIDEO + TINT OPTIONS
   ========================================================= */
.hp-hero-slide__media,
.hp-hero-slide__media > *,
.hp-hero-slide__media picture,
.hp-hero-slide__media img,
.hp-hero-slide__media video{
  width:100%;
  height:100%;
}
.hp-hero-slide__media > *{
  position:absolute;
  inset:0;
}
.hp-hero-slide__image{
  z-index:1;
}
.hp-hero-slide__video{
  z-index:2;
  overflow:hidden;
}
.hp-hero-slide__video video{
  display:block;
  object-fit:cover;
  object-position:var(--hero-pos,center center);
}
.hp-hero-slide__video--mobile{
  display:none;
}
.hp-hero-slide__tint{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}
.hp-hero-slide__shade{
  z-index:4;
  pointer-events:none;
}
.hp-hero-slide__inner,
.hp-hero-slide .hp-hero__rail{
  z-index:5;
}

@media(max-width:767px){
  .hp-hero-slide__video video{
    object-position:var(--hero-mobile-pos,center center);
  }
  .hp-hero-slide__video--mobile{
    display:block;
  }
  .hp-hero-slide__video--mobile + .hp-hero-slide__image,
  .hp-hero-slide__video--mobile ~ .hp-hero-slide__image{
    z-index:1;
  }
  .hp-hero-slide__media.hp-has-mobile-video .hp-hero-slide__video--desktop{
    display:none;
  }
}

/* HERO VIDEO STARTUP / iOS SAFARI POLISH — V22 */
.hp-hero-video-el{
  background:transparent;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.hp-hero-slide__video video::-webkit-media-controls,
.hp-hero-slide__video video::-webkit-media-controls-start-playback-button{
  display:none !important;
  -webkit-appearance:none;
}

/* HERO VIDEO RUNTIME PERFORMANCE — V23 */
.hp-hero-slide:not(.is-active):not(.was-active) .hp-hero-slide__video{
  visibility:hidden;
}
.hp-hero-video-el{
  width:100%;
  height:100%;
  contain:paint;
  will-change:auto;
}
/* Avoid keeping every hidden slide promoted to its own large GPU layer. */
.hp-hero-slide:not(.is-active):not(.was-active) .hp-hero-video-el{
  -webkit-transform:none;
  transform:none;
}


/* =========================================================
   HERO VIDEO STARTUP REVEAL + MOBILE EDGE FIX — V24
   Smooth blur/reveal for hero videos, no poster/image flash,
   and slight overscan to remove side black bars on mobile.
   ========================================================= */
.hp-hero-slide__video{
  background:#000;
  inset:-1px;
}
.hp-hero-slide__video video{
  display:block;
  width:100%;
  height:100%;
  min-width:100%;
  min-height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  opacity:0;
  filter:blur(18px);
  transform:scale(1.04);
  transition:opacity .72s cubic-bezier(.16,1,.3,1),filter .82s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1);
}
.hp-hero-slide__video.is-video-visible video,
.hp-hero-video-el.is-video-visible{
  opacity:1;
  filter:blur(0);
  transform:scale(1.01);
}
.hp-hero-slide__video.is-video-visible{
  background:transparent;
}
/* Never flash the image fallback on breakpoints where video exists. */
.hp-hero-slide__media.hp-has-desktop-video .hp-hero-slide__image--fallback{
  display:none;
}
@media(max-width:767px){
  .hp-hero-slide__media.hp-has-mobile-video .hp-hero-slide__image--fallback,
  .hp-hero-slide__media.hp-has-desktop-video .hp-hero-slide__image--fallback{
    display:none;
  }
  .hp-hero-slide__video{
    inset:-3px;
  }
  .hp-hero-slide__video video{
    width:calc(100% + 6px);
    height:calc(100% + 6px);
    min-width:calc(100% + 6px);
    min-height:calc(100% + 6px);
    margin:-3px;
    object-position:var(--hero-mobile-pos,center center);
  }
}
@media (prefers-reduced-motion:reduce){
  .hp-hero-slide__video video{
    transition:none !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
  }
}


/* =========================================================
   HERO FULL-BLEED / NO SIDE BLACK BARS — V25
   Remove site-shell gutters from the hero so media reaches
   edge-to-edge on desktop and mobile.
   ========================================================= */
.hp-site-shell.hp-hero,
section.hp-site-shell.hp-hero,
.hp-hero.hp-hero-slider{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.hp-site-shell.hp-hero{
  box-shadow:none !important;
}
.hp-hero-slider,
.hp-hero-slider__track,
.hp-hero-slide,
.hp-hero-slide__media,
.hp-hero-slide__image,
.hp-hero-slide__video{
  left:0;
  right:0;
}
@media(max-width:767px){
  .hp-site-shell.hp-hero,
  section.hp-site-shell.hp-hero,
  .hp-hero.hp-hero-slider{
    width:100vw !important;
    max-width:100vw !important;
  }
}


/* =========================================================
   HIDE PROJECT v21.149 — FIRST-PAINT / NAVIGATION TOP STRIP
   Keep the root canvas dark and remove the legacy 2px white
   Safari guard that remained visible during page navigation.
   ========================================================= */
html,
body,
body.hp-body,
.viewport,
.hp-transition-stage,
.scroll-container{
  border-top:0 !important;
  outline:0 !important;
}

body::before{
  content:none !important;
  display:none !important;
}

html,
body,
body.hp-body{
  background:var(--hp-bg,#050505);
  background-color:var(--hp-bg,#050505);
}

@media(max-width:899px){
  html.hp-page-transition-running,
  html.hp-page-transition-running body,
  html.hp-page-transition-running .viewport,
  html.hp-page-transition-running .scroll-container,
  html.hp-page-transition-running .hp-transition-stage,
  html.hp-page-transition-running .hp-page-transition-layer{
    background:var(--hp-bg,#050505) !important;
    background-color:var(--hp-bg,#050505) !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.001 — MEGA MENU SCOPE + MOBILE FIRST PAINT
   - Respect the HTML hidden state so MEN/WOMEN panels never stack together.
   - Keep the mobile navigation handoff on a white canvas while the intro is
     hidden, preventing the dark root canvas from flashing before content.
   ========================================================= */

/* Author-level display:grid rules can override the native [hidden] rendering.
   Make hidden state explicit for every mega-menu switchable surface. */
.hp-mega__panel[hidden],
.hp-mega__preview-set[hidden],
.hp-mega__preview-empty[hidden]{
  display:none !important;
}

@media(min-width:900px){
  .hp-mega__panel:not([hidden]){
    display:grid !important;
  }
}

/* On mobile the initial page-transition stage starts transparent/hidden.
   The exposed under-canvas must be white instead of --hp-bg (#050505). */
@media(max-width:899px){
  html.hp-mobile-first-paint,
  html.hp-mobile-first-paint body,
  html.hp-mobile-first-paint body.hp-body,
  html.hp-mobile-first-paint .viewport,
  html.hp-mobile-first-paint .scroll-container,
  html.hp-mobile-first-paint .hp-transition-stage,
  html.hp-mobile-first-paint .hp-page-transition-layer,
  html.hp-page-entering,
  html.hp-page-entering body,
  html.hp-page-entering body.hp-body,
  html.hp-page-entering .viewport,
  html.hp-page-entering .scroll-container,
  html.hp-page-entering .hp-transition-stage,
  html.hp-page-transition-running,
  html.hp-page-transition-running body,
  html.hp-page-transition-running body.hp-body,
  html.hp-page-transition-running .viewport,
  html.hp-page-transition-running .scroll-container,
  html.hp-page-transition-running .hp-transition-stage,
  html.hp-page-transition-running .hp-page-transition-layer{
    background:#fff !important;
    background-color:#fff !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.002 — MOBILE NO-BLACK NAVIGATION HANDOFF
   The old v21.149 rule painted --hp-bg during hp-page-transition-running.
   Mobile transitions now fade against a white browser-facing canvas only.
   Desktop behavior remains unchanged.
   ========================================================= */
@media(max-width:899px){
  html.hp-page-transition-running,
  html.hp-page-transition-running body,
  html.hp-page-transition-running body.hp-body,
  html.hp-page-transition-running .viewport,
  html.hp-page-transition-running .scroll-container,
  html.hp-page-transition-running .hp-transition-stage,
  html.hp-page-transition-running .hp-page-transition-layer{
    background:#fff !important;
    background-color:#fff !important;
    color-scheme:light !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.003 — iPAD = MOBILE UI / STABILITY PASS
   - iPad/tablet uses the mobile composition and 2-column defaults.
   - SEARCH stays visible in the header.
   - Layout switcher remains visible and functional.
   - New Arrivals disables Safari/iPad double-reveal repaint flashing.
   - Actual iPad Pro landscape is covered by the early hp-tablet-mobile-ui class.
   ========================================================= */

/* Shared page geometry: mobile gutters on tablet/iPad. */
html.hp-tablet-mobile-ui .hp-page,
html.hp-tablet-mobile-ui .hp-site-shell{
  width:calc(100% - (var(--hp-mobile-gutter) * 2)) !important;
  max-width:none !important;
}
html.hp-tablet-mobile-ui .hp-inner{
  padding-left:10px !important;
  padding-right:10px !important;
}

/* Header = mobile composition, but SEARCH is intentionally retained. */
html.hp-tablet-mobile-ui #shopify-section-header{
  display:block !important;
  position:-webkit-sticky !important;
  position:sticky !important;
  top:0 !important;
  width:100% !important;
  z-index:999 !important;
  background:var(--header-bg,#fff) !important;
}
html.hp-tablet-mobile-ui body > .hp-sticky-clone{display:none !important}
html.hp-tablet-mobile-ui #shopify-section-header .hp-header,
html.hp-tablet-mobile-ui #shopify-section-header .hp-header[data-hp-header]{
  position:relative !important;
  top:auto !important;
  height:44px !important;
  min-height:44px !important;
  width:100% !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  animation:none !important;
  transition:none !important;
  background:var(--header-bg,#fff) !important;
}
html.hp-tablet-mobile-ui #shopify-section-header .hp-header__grid{
  width:100% !important;
  max-width:none !important;
  height:44px !important;
  padding-left:14px !important;
  padding-right:14px !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  column-gap:10px !important;
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}
html.hp-tablet-mobile-ui #shopify-section-header .hp-nav--left{
  display:flex !important;
  justify-content:flex-start !important;
  min-width:0 !important;
}
html.hp-tablet-mobile-ui #shopify-section-header .hp-nav--left > a,
html.hp-tablet-mobile-ui #shopify-section-header .hp-nav--left > .hp-nav__mega-trigger,
html.hp-tablet-mobile-ui #shopify-section-header .hp-nav--right > a{
  display:none !important;
}
html.hp-tablet-mobile-ui #shopify-section-header .hp-menu-btn{
  display:inline-flex !important;
  align-items:center !important;
  font-size:9px !important;
}
html.hp-tablet-mobile-ui #shopify-section-header .hp-logo{
  min-width:0 !important;
  max-width:96px !important;
  justify-self:center !important;
}
html.hp-tablet-mobile-ui #shopify-section-header .hp-logo img{
  max-width:min(var(--logo-w),96px) !important;
  max-height:var(--logo-h) !important;
}
html.hp-tablet-mobile-ui #shopify-section-header .hp-nav--right{
  display:flex !important;
  justify-self:end !important;
  justify-content:flex-end !important;
  min-width:0 !important;
  gap:12px !important;
}
html.hp-tablet-mobile-ui #shopify-section-header .hp-search-trigger:not(.hp-search-trigger--mobile-hidden),
html.hp-tablet-mobile-ui #shopify-section-header .hp-cart-trigger{
  display:inline-flex !important;
  align-items:center !important;
  visibility:visible !important;
  opacity:1 !important;
  font-size:9px !important;
  white-space:nowrap !important;
}
html.hp-tablet-mobile-ui .hp-mega[data-mega-root]{display:none !important}

/* Full-screen mobile menu styling on iPad/tablet. */
html.hp-tablet-mobile-ui .hp-mobile{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  z-index:5000 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:var(--header-bg,#fff) !important;
  color:var(--header-fg,#111) !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
html.hp-tablet-mobile-ui .hp-mobile.open{
  visibility:visible !important;
  pointer-events:auto !important;
}
html.hp-tablet-mobile-ui .hp-mobile__top{
  position:sticky !important;
  top:0 !important;
  z-index:4 !important;
  height:64px !important;
  min-height:64px !important;
  margin:0 !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent) !important;
  background:var(--header-bg,#fff) !important;
}
html.hp-tablet-mobile-ui .hp-mobile__brand{display:flex !important;align-items:center !important;min-width:0 !important}
html.hp-tablet-mobile-ui .hp-mobile__brand img{max-width:116px !important;max-height:22px !important}
html.hp-tablet-mobile-ui .hp-mobile__close{
  min-width:42px !important;height:42px !important;display:inline-flex !important;align-items:center !important;justify-content:flex-end !important;font-size:10px !important;
}
html.hp-tablet-mobile-ui .hp-mobile__nav{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  height:calc(100dvh - 64px) !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}
html.hp-tablet-mobile-ui .hp-mobile__primary{border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent) !important}
html.hp-tablet-mobile-ui .hp-mobile__group,
html.hp-tablet-mobile-ui .hp-mobile__toplink{border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent) !important}
html.hp-tablet-mobile-ui .hp-mobile__group-trigger,
html.hp-tablet-mobile-ui .hp-mobile__toplink{
  width:100% !important;
  min-height:58px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  font-size:17px !important;
  line-height:1 !important;
  letter-spacing:-.025em !important;
  text-transform:uppercase !important;
}
html.hp-tablet-mobile-ui .hp-mobile__group-panel{display:grid !important;grid-template-rows:0fr !important;opacity:0 !important}
html.hp-tablet-mobile-ui .hp-mobile__group.is-open .hp-mobile__group-panel{grid-template-rows:1fr !important;opacity:1 !important}
html.hp-tablet-mobile-ui .hp-mobile__group-inner{min-height:0 !important;overflow:hidden !important;padding:0 18px !important}
html.hp-tablet-mobile-ui .hp-mobile__group.is-open .hp-mobile__group-inner{padding-bottom:24px !important}
html.hp-tablet-mobile-ui .hp-mobile__subgroup{padding:20px 0 0 !important}
html.hp-tablet-mobile-ui .hp-mobile__subheading{margin-bottom:12px !important;font-size:9px !important;letter-spacing:.09em !important;text-transform:uppercase !important;opacity:.42 !important}
html.hp-tablet-mobile-ui .hp-mobile__sublinks{display:grid !important;gap:0 !important}
html.hp-tablet-mobile-ui .hp-mobile__sublinks a,
html.hp-tablet-mobile-ui .hp-mobile__direct{
  min-height:38px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;font-size:12px !important;text-transform:uppercase !important;
}
html.hp-tablet-mobile-ui .hp-mobile--slide{transform:translate3d(100%,0,0) !important;transition:transform .52s cubic-bezier(.16,1,.3,1),visibility .52s !important}
html.hp-tablet-mobile-ui .hp-mobile--slide.open{transform:translate3d(0,0,0) !important}
html.hp-tablet-mobile-ui .hp-mobile--fade{opacity:0 !important;filter:none !important;transform:none !important;transition:opacity .30s ease,visibility 0s linear .30s !important}
html.hp-tablet-mobile-ui .hp-mobile--fade.open{opacity:1 !important;transition-delay:0s !important}
html.hp-tablet-mobile-ui body.hp-mobile-menu-open{overflow:hidden !important}

/* Hero: exact mobile sizing/composition and mobile media/video choice. */
html.hp-tablet-mobile-ui .hp-site-shell.hp-hero,
html.hp-tablet-mobile-ui section.hp-site-shell.hp-hero,
html.hp-tablet-mobile-ui .hp-hero.hp-hero-slider{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
html.hp-tablet-mobile-ui .hp-hero-slider,
html.hp-tablet-mobile-ui .hp-hero-slide,
html.hp-tablet-mobile-ui .hp-hero-slide__inner{
  min-height:var(--hero-mobile-h,650px) !important;
}
html.hp-tablet-mobile-ui .hp-hero-slide__inner{
  padding:0 12px !important;
}
html.hp-tablet-mobile-ui .hp-hero-slide__copy{
  max-width:100% !important;
}
html.hp-tablet-mobile-ui .hp-hero__title{font-size:min(var(--hero-title),38px) !important}
html.hp-tablet-mobile-ui .hp-hero__title-image{width:min(var(--hero-logo-width),78vw) !important}
html.hp-tablet-mobile-ui .hp-hero__symbols{font-size:min(var(--hero-symbol),19px) !important;margin-bottom:16px !important}
html.hp-tablet-mobile-ui .hp-hero__desc{font-size:9px !important;max-width:315px !important}
html.hp-tablet-mobile-ui .hp-hero__btn{font-size:8px !important;padding:10px 12px !important}
html.hp-tablet-mobile-ui .hp-hero__rail{display:none !important}
html.hp-tablet-mobile-ui .hp-hero-slide__media img,
html.hp-tablet-mobile-ui .hp-hero-slide__video video{object-position:var(--hero-mobile-pos,center center) !important}
html.hp-tablet-mobile-ui .hp-hero-slide__video--mobile{display:block !important}
html.hp-tablet-mobile-ui .hp-hero-slide__media.hp-has-mobile-video .hp-hero-slide__video--desktop{display:none !important}
html.hp-tablet-mobile-ui .hp-hero-slide__media.hp-has-mobile-video .hp-hero-slide__image--fallback,
html.hp-tablet-mobile-ui .hp-hero-slide__media.hp-has-desktop-video .hp-hero-slide__image--fallback{display:none !important}
html.hp-tablet-mobile-ui .hp-hero-slide__video{inset:-3px !important}
html.hp-tablet-mobile-ui .hp-hero-slide__video video{
  width:calc(100% + 6px) !important;height:calc(100% + 6px) !important;min-width:calc(100% + 6px) !important;min-height:calc(100% + 6px) !important;
}

/* Categories = stacked mobile cards. */
html.hp-tablet-mobile-ui .hp-split{grid-template-columns:1fr !important}
html.hp-tablet-mobile-ui .hp-cat{
  height:min(var(--cat-h),62vh) !important;
  border-right:0 !important;
  border-bottom:1px solid var(--hp-line) !important;
}
html.hp-tablet-mobile-ui .hp-cat__heading{left:16px !important;top:16px !important;gap:14px !important}
html.hp-tablet-mobile-ui .hp-cat__link{left:16px !important;bottom:16px !important}

/* New Arrivals = mobile grid + Safari/iPad flash kill. */
html.hp-tablet-mobile-ui .hp-new-arrivals.hp-site-shell{
  width:calc(100% - (var(--hp-mobile-gutter) * 2)) !important;
}
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-products__grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  transform:none !important;
  contain:layout style !important;
}
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-products__grid > .hp-product,
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-products__grid > .hp-product.visible,
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-products__grid > .hp-product:not(.visible){
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
  transition-delay:0s !important;
  will-change:auto !important;
  -webkit-backface-visibility:hidden !important;
  backface-visibility:hidden !important;
}
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-product__image,
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-product__image img,
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-product__image.hp-image-loading img,
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-product__image.hp-image-loaded img,
html.hp-tablet-mobile-ui .hp-new-arrivals img.hp-theme-image-loading,
html.hp-tablet-mobile-ui .hp-new-arrivals img.hp-theme-image-loaded{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
  will-change:auto !important;
}
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-product__image.hp-image-loading::before{display:none !important}

/* Touch product cards should never get a sticky desktop hover image swap. */
html.hp-tablet-mobile-ui .hp-card-v9 .hp-product__image-primary{opacity:1 !important;transform:none !important}
html.hp-tablet-mobile-ui .hp-card-v9 .hp-product__image-secondary{opacity:0 !important;transform:none !important}
html.hp-tablet-mobile-ui .hp-product__sizes-row,
html.hp-tablet-mobile-ui .hp-product__variants{opacity:1 !important;visibility:visible !important;transform:none !important}

/* Drop / Newsletter = mobile layout. */
html.hp-tablet-mobile-ui .hp-news__grid{grid-template-columns:1fr !important;gap:10px !important;padding-block:2px !important}
html.hp-tablet-mobile-ui .hp-drop__copy{max-width:80% !important}
html.hp-tablet-mobile-ui .hp-drop__title{font-size:min(var(--drop-title),40px) !important}

/* Collection = mobile default + working 2/3/4/5 switcher. */
html.hp-tablet-mobile-ui .hp-collection-v9{
  padding-top:max(28px,var(--collection-top-space)) !important;
}
html.hp-tablet-mobile-ui .hp-collection-toolbar{
  align-items:flex-start !important;
  gap:12px !important;
}
html.hp-tablet-mobile-ui .hp-collection-toolbar__actions{
  gap:10px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}
html.hp-tablet-mobile-ui .hp-layout-switcher{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  visibility:visible !important;
  opacity:1 !important;
}
html.hp-tablet-mobile-ui .hp-layout-switcher__mobile-two{
  display:flex !important;
  width:25px !important;
  height:24px !important;
}
html.hp-tablet-mobile-ui .hp-layout-switcher button{
  pointer-events:auto !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
}
html.hp-tablet-mobile-ui .hp-collection-v9 .hp-products__grid,
html.hp-tablet-mobile-ui .hp-collection-v9.hp-collection-layout--standard .hp-products__grid,
html.hp-tablet-mobile-ui .hp-collection-layout--compact .hp-products__grid,
html.hp-tablet-mobile-ui .hp-collection-layout--editorial .hp-products__grid{
  grid-template-columns:repeat(var(--prod-cols,2),minmax(0,1fr)) !important;
  gap:8px !important;
}
html.hp-tablet-mobile-ui .hp-collection-layout--editorial .hp-product:nth-child(7n+1){grid-column:auto !important;grid-row:auto !important}
html.hp-tablet-mobile-ui .hp-filter-form{grid-template-columns:1fr !important}
html.hp-tablet-mobile-ui .hp-collection-v9 .hp-products__grid.is-reflowing > .hp-product{
  filter:none !important;
  -webkit-backface-visibility:hidden !important;
  backface-visibility:hidden !important;
}

/* Product page / drawers / search use the mobile composition too. */
html.hp-tablet-mobile-ui .hp-product-page-v5 .hp-product-shell,
html.hp-tablet-mobile-ui .hp-product-page{
  width:calc(100% - (var(--hp-mobile-gutter) * 2)) !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
}
html.hp-tablet-mobile-ui .hp-product-gallery-v5{grid-template-columns:1fr !important;padding-right:0 !important}
html.hp-tablet-mobile-ui .hp-product-panel{border-left:0 !important;border-top:1px solid var(--hp-line) !important;min-height:0 !important}
html.hp-tablet-mobile-ui .hp-product-panel__inner{position:static !important;padding:24px 16px 34px !important}
html.hp-tablet-mobile-ui .hp-product-info{position:static !important}
html.hp-tablet-mobile-ui .hp-cart-drawer{width:100vw !important;max-width:100vw !important}
html.hp-tablet-mobile-ui .hp-search-modal{
  width:calc(100vw - 18px) !important;
  max-width:none !important;
  max-height:calc(100dvh - 18px) !important;
  top:50% !important;
}

/* Footer stacks exactly like mobile. */
html.hp-tablet-mobile-ui .hp-footer--refgrid .hp-footer-refgrid__grid{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  width:100% !important;
  min-height:0 !important;
}
html.hp-tablet-mobile-ui .hp-footer--refgrid .hp-footer-refgrid__cell{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  border-right:0 !important;
  border-left:0 !important;
  border-bottom:1px solid #292929 !important;
}
html.hp-tablet-mobile-ui .hp-footer--refgrid .hp-footer-refgrid__cell:last-child{border-bottom:0 !important}
html.hp-tablet-mobile-ui .hp-footer--refgrid .hp-footer-refgrid__head{
  width:100% !important;min-height:42px !important;height:42px !important;padding:0 16px !important;justify-content:flex-start !important;
}
html.hp-tablet-mobile-ui .hp-footer--refgrid .hp-footer-refgrid__body{min-height:0 !important;padding:24px 16px 26px !important}
html.hp-tablet-mobile-ui .hp-footer--refgrid .hp-footer-refgrid__bottom{min-height:64px !important;height:64px !important;padding:0 15px !important}
html.hp-tablet-mobile-ui .hp-footer--refgrid .hp-footer-refgrid__bottom::before,
html.hp-tablet-mobile-ui .hp-footer--refgrid .hp-footer-refgrid__bottom::after{display:none !important}

/* iPad/tablet page transitions use the same white under-canvas as mobile. */
html.hp-tablet-mobile-ui.hp-mobile-first-paint,
html.hp-tablet-mobile-ui.hp-mobile-first-paint body,
html.hp-tablet-mobile-ui.hp-page-entering,
html.hp-tablet-mobile-ui.hp-page-entering body,
html.hp-tablet-mobile-ui.hp-page-transition-running,
html.hp-tablet-mobile-ui.hp-page-transition-running body,
html.hp-tablet-mobile-ui.hp-page-transition-running .viewport,
html.hp-tablet-mobile-ui.hp-page-transition-running .scroll-container,
html.hp-tablet-mobile-ui.hp-page-transition-running .hp-transition-stage,
html.hp-tablet-mobile-ui.hp-page-transition-running .hp-page-transition-layer{
  background:#fff !important;
  background-color:#fff !important;
  color-scheme:light !important;
}


/* =========================================================
   HIDE PROJECT v22.004 — iPAD FINAL PARITY / LOAD-STABILITY PASS
   - Collection opens at 5 columns (reference default); switcher stays live.
   - New Arrivals is full-bleed on iPad and cannot expose rounded side gutters
     during Safari first paint / reload.
   - Product gallery is two columns on iPad; product shell is full width so the
     white right-side gutter cannot appear below the gallery.
   - iPad renders the EXACT same v146 mobile footer markup and geometry.
   ========================================================= */

/* COLLECTION — 5 columns is the initial iPad reference state. JS owns changes
   after the first user tap. This fallback also prevents a pre-JS 2-col flash. */
html.hp-tablet-mobile-ui .hp-collection-v9 .hp-products__grid,
html.hp-tablet-mobile-ui .hp-collection-v9.hp-collection-layout--standard .hp-products__grid,
html.hp-tablet-mobile-ui .hp-collection-layout--compact .hp-products__grid,
html.hp-tablet-mobile-ui .hp-collection-layout--editorial .hp-products__grid{
  grid-template-columns:repeat(var(--prod-cols,5),minmax(0,1fr)) !important;
}

/* NEW ARRIVALS — remove the iPad-only side gutters / rounded-corner flash.
   Keep the mobile 2-column card composition inside a stable full-bleed shell. */
html.hp-tablet-mobile-ui .hp-new-arrivals.hp-site-shell{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  border-radius:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:var(--prod-bg,#fff) !important;
  background-clip:border-box !important;
  overflow:hidden !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  isolation:isolate !important;
}
html.hp-tablet-mobile-ui .hp-new-arrivals.hp-site-shell::before,
html.hp-tablet-mobile-ui .hp-new-arrivals.hp-site-shell::after{
  content:none !important;
  display:none !important;
}
html.hp-tablet-mobile-ui .hp-new-arrivals > .hp-inner{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:10px !important;
  padding-right:10px !important;
}
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-reveal,
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-reveal.visible,
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-reveal:not(.visible){
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  animation:none !important;
  transition:none !important;
  transition-delay:0s !important;
  will-change:auto !important;
}
html.hp-tablet-mobile-ui .hp-new-arrivals .hp-products__grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  width:100% !important;
  margin:0 !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  contain:layout style paint !important;
  -webkit-transform:translateZ(0) !important;
  transform:translateZ(0) !important;
}

/* PRODUCT — two image columns on iPad, followed by a full-width black panel.
   The page surface is black so no white strip can leak beside the info/footer. */
html.hp-tablet-mobile-ui .hp-product-page-v5{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  background:var(--p-panel-bg,#050505) !important;
  overflow-x:hidden !important;
}
html.hp-tablet-mobile-ui .hp-product-page-v5 .hp-product-shell,
html.hp-tablet-mobile-ui .hp-product-page-v5 .hp-product-page{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  background:var(--p-panel-bg,#050505) !important;
}
html.hp-tablet-mobile-ui .hp-product-page-v5 .hp-product-gallery-v5{
  width:100% !important;
  max-width:none !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:var(--p-gap) !important;
  padding:0 !important;
  margin:0 !important;
  background:var(--p-gallery-bg,#fff) !important;
}
html.hp-tablet-mobile-ui .hp-product-page-v5 .hp-product-media{
  min-width:0 !important;
  width:100% !important;
  margin:0 !important;
  background:var(--p-gallery-bg,#fff) !important;
}
html.hp-tablet-mobile-ui .hp-product-page-v5 .hp-product-media img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 !important;
}
html.hp-tablet-mobile-ui .hp-product-page-v5 .hp-product-panel{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:1px solid var(--hp-line) !important;
  background:var(--p-panel-bg,#050505) !important;
  min-height:0 !important;
  box-shadow:none !important;
}
html.hp-tablet-mobile-ui .hp-product-page-v5 .hp-product-panel__inner{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  position:static !important;
  padding:24px 16px 34px !important;
  background:var(--p-panel-bg,#050505) !important;
}

/* FOOTER — do not approximate the mobile footer on iPad. Render the exact same
   hp-footer-mobile-v146 DOM and exact same dimensions/styles used <=767px. */
html.hp-tablet-mobile-ui .hp-footer--refgrid > .hp-footer-refgrid__shell,
html.hp-tablet-mobile-ui .hp-footer-mobile-v143{
  display:none !important;
}
html.hp-tablet-mobile-ui #shopify-section-footer,
html.hp-tablet-mobile-ui .shopify-section-group-footer-group,
html.hp-tablet-mobile-ui .hp-footer.hp-footer--refgrid{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:#050505 !important;
  color:#eee !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#050505 !important;
  color:#eee !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__brand{
  min-height:150px !important;
  padding:25px 18px 24px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:13px !important;
  text-align:center !important;
  border-bottom:1px solid #292929 !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__brand-logo{
  display:block !important;
  width:min(var(--footer-brand-w,125px),128px) !important;
  margin:0 auto !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__brand-logo img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:52px !important;
  object-fit:contain !important;
  object-position:center center !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__brand-text{
  color:#eee !important;
  font-size:13px !important;
  letter-spacing:.045em !important;
  text-decoration:none !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__brand p{
  max-width:290px !important;
  margin:0 !important;
  color:#616161 !important;
  font-size:6px !important;
  line-height:1.6 !important;
  letter-spacing:.045em !important;
  text-align:center !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__head{
  min-height:38px !important;
  height:38px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  color:#5f5f5f !important;
  font-size:7px !important;
  line-height:1 !important;
  letter-spacing:.10em !important;
  border-bottom:1px solid #292929 !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__section{
  border-bottom:1px solid #292929 !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__info{
  min-height:68px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__info a{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-right:1px solid #242424 !important;
  color:#797979 !important;
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.055em !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__info a:last-child{
  border-right:0 !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__socials{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  width:100% !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__socials a{
  min-height:46px !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-right:1px solid #242424 !important;
  border-bottom:1px solid #242424 !important;
  color:#747474 !important;
  font-size:7px !important;
  line-height:1 !important;
  letter-spacing:.055em !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__socials a:nth-child(even){
  border-right:0 !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__socials a:nth-last-child(-n+2){
  border-bottom:0 !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__bottom{
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#050505 !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__bottom a,
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__bottom img{
  display:block !important;
  width:68px !important;
}
html.hp-tablet-mobile-ui .hp-footer-mobile-v146__bottom img{
  height:auto !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
}
html.hp-tablet-mobile-ui body.template-product #shopify-section-footer,
html.hp-tablet-mobile-ui body.template-product .shopify-section-group-footer-group,
html.hp-tablet-mobile-ui body.template-product .hp-footer.hp-footer--refgrid,
html.hp-tablet-mobile-ui body.template-product .hp-footer-mobile-v146{
  border-top:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}


/* =========================================================
   HIDE PROJECT v22.006 — iPAD BOX GUTTER + HARD X-AXIS LOCK
   iPad only. Final cascade authority for New Arrivals geometry and Safari
   horizontal document panning. Desktop/mobile remain untouched.
   ========================================================= */

/* The JS class is the primary scope. The coarse-pointer media fallback covers
   iPadOS desktop-class user agents while preserving normal desktop layouts. */
html.hp-ipad-device .hp-new-arrivals.hp-site-shell{
  width:calc(100% - (max(var(--hp-side-gutter,20px),18px) * 2)) !important;
  max-width:var(--hp-page,1720px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-radius:var(--new-arrivals-radius,5px) !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  background:var(--prod-bg,#fff) !important;
  background-clip:padding-box !important;
  isolation:isolate !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
}
html.hp-ipad-device .hp-new-arrivals > .hp-inner{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:10px !important;
  padding-right:10px !important;
}
html.hp-ipad-device #MainContent > .shopify-section:has(> .hp-new-arrivals){
  background:var(--hp-bg,#050505) !important;
}

/* iPad Safari can horizontally rubber-band the visual viewport even when one
   child is only a few pixels too wide. Clip the document and explicitly allow
   vertical pan + pinch zoom only. */
html.hp-ipad-device,
html.hp-ipad-device body,
html.hp-ipad-device body.hp-body{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
  overflow-x:clip !important;
  overscroll-behavior-x:none !important;
  touch-action:pan-y pinch-zoom !important;
}
html.hp-ipad-device .viewport,
html.hp-ipad-device .hp-transition-stage,
html.hp-ipad-device .scroll-container,
html.hp-ipad-device #MainContent,
html.hp-ipad-device #MainContent > .shopify-section{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  overflow-x:hidden !important;
  overflow-x:clip !important;
  overscroll-behavior-x:none !important;
}
html.hp-ipad-device .viewport,
html.hp-ipad-device .scroll-container,
html.hp-ipad-device #MainContent{
  touch-action:pan-y pinch-zoom !important;
}

/* Replace all full-viewport-width surfaces that can enlarge iPad's layout
   viewport by scrollbar/safe-area fractions. Fixed overlays stay full-screen. */
html.hp-ipad-device .hp-site-shell.hp-hero,
html.hp-ipad-device section.hp-site-shell.hp-hero,
html.hp-ipad-device .hp-hero.hp-hero-slider,
html.hp-ipad-device .hp-mobile,
html.hp-ipad-device .hp-cart-drawer,
html.hp-ipad-device body > .hp-product-lightbox,
html.hp-ipad-device body > .hp-size-guide-v3,
html.hp-ipad-device .hp-page-transition-layer{
  width:100% !important;
  max-width:100% !important;
}
html.hp-ipad-device .hp-site-shell,
html.hp-ipad-device .hp-page,
html.hp-ipad-device .hp-header__grid,
html.hp-ipad-device .hp-product-page-v5,
html.hp-ipad-device .hp-collection-v9,
html.hp-ipad-device .hp-collection-shell{
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* Never let a stale smooth-transform scroller create an off-axis composited
   surface on iPad. */
html.hp-ipad-device.hp-smooth-active body{height:auto !important}
html.hp-ipad-device.hp-smooth-active .viewport{
  position:relative !important;
  inset:auto !important;
  height:auto !important;
  overflow-y:visible !important;
}
html.hp-ipad-device.hp-smooth-active .scroll-container{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  will-change:auto !important;
}

/* Keep the exact mobile footer and cover Safari's bottom pixel. */
html.hp-ipad-device #shopify-section-footer,
html.hp-ipad-device .shopify-section-group-footer-group,
html.hp-ipad-device .hp-footer.hp-footer--refgrid,
html.hp-ipad-device .hp-footer-mobile-v146{
  border-bottom:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  margin-bottom:0 !important;
  background:#050505 !important;
}
html.hp-ipad-device .hp-footer-mobile-v146__bottom{
  min-height:calc(54px + env(safe-area-inset-bottom,0px)) !important;
  padding-bottom:env(safe-area-inset-bottom,0px) !important;
  border-bottom:0 !important;
  box-shadow:0 3px 0 #050505 !important;
  background:#050505 !important;
}

@media (min-width:768px) and (max-width:1366px) and (any-pointer:coarse){
  html.hp-tablet-mobile-ui .hp-new-arrivals.hp-site-shell{
    width:calc(100% - (max(var(--hp-side-gutter,20px),18px) * 2)) !important;
    max-width:var(--hp-page,1720px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-radius:var(--new-arrivals-radius,5px) !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }
  html.hp-tablet-mobile-ui,
  html.hp-tablet-mobile-ui body,
  html.hp-tablet-mobile-ui body.hp-body,
  html.hp-tablet-mobile-ui .viewport,
  html.hp-tablet-mobile-ui .hp-transition-stage,
  html.hp-tablet-mobile-ui .scroll-container,
  html.hp-tablet-mobile-ui #MainContent{
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
    overflow-x:clip !important;
    overscroll-behavior-x:none !important;
  }
  html.hp-tablet-mobile-ui,
  html.hp-tablet-mobile-ui body,
  html.hp-tablet-mobile-ui .viewport,
  html.hp-tablet-mobile-ui .scroll-container,
  html.hp-tablet-mobile-ui #MainContent{
    touch-action:pan-y pinch-zoom !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.007 — LOAD-STABLE ARRIVALS / COLLECTION POLISH
   ========================================================= */

/* NEW ARRIVALS — keep one geometry before, during and after first paint. */
#shopify-section-hp-new-arrivals{
  width:100% !important;
  max-width:100% !important;
  overflow-x:clip !important;
}
@media(max-width:767px){
  .hp-new-arrivals.hp-site-shell{
    width:calc(100% - (var(--hp-mobile-gutter,10px) * 2)) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-radius:var(--new-arrivals-radius,5px) !important;
    overflow:hidden !important;
    transform:none !important;
    filter:none !important;
    opacity:1 !important;
  }
}
html.hp-tablet-mobile-ui .hp-new-arrivals.hp-site-shell{
  width:calc(100% - (max(var(--hp-side-gutter,20px),18px) * 2)) !important;
  max-width:var(--hp-page,1720px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-radius:var(--new-arrivals-radius,5px) !important;
  overflow:hidden !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  contain:layout style !important;
}

/* COLLECTION TOOLBAR — long collection names stay on one clean line and
   visually shorten with ellipsis on phone/tablet without changing the H1 text. */
@media(max-width:767px){
  .hp-collection-toolbar__title{
    min-width:0 !important;
    flex:1 1 auto !important;
    gap:8px !important;
  }
  .hp-collection-toolbar__title h1{
    min-width:0 !important;
    max-width:clamp(105px,36vw,190px) !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    display:block !important;
  }
  .hp-collection-toolbar__title span{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }
}
html.hp-tablet-mobile-ui .hp-collection-toolbar__title{
  min-width:0 !important;
  flex:1 1 auto !important;
  gap:10px !important;
}
html.hp-tablet-mobile-ui .hp-collection-toolbar__title h1{
  min-width:0 !important;
  max-width:clamp(150px,34vw,360px) !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  display:block !important;
}
html.hp-tablet-mobile-ui .hp-collection-toolbar__title span{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
html.hp-tablet-mobile-ui .hp-collection-toolbar__actions{
  flex:0 0 auto !important;
}

/* COLLECTION — V22.007 owns the viewport reveal state. The extra class keeps
   global .visible observers from prematurely cancelling blur on later rows. */
.hp-collection-v9 .hp-products__grid > .hp-product.hp-collection-reveal-v22007{
  transition-property:opacity,transform,filter !important;
  transition-duration:var(--collection-anim-duration,600ms) !important;
  transition-timing-function:ease,cubic-bezier(.16,1,.3,1),cubic-bezier(.16,1,.3,1) !important;
  transition-delay:var(--hp-collection-reveal-delay,0ms) !important;
  will-change:opacity,transform,filter;
}
.hp-collection-v9.hp-collection-anim--fade-up .hp-products__grid > .hp-product.hp-collection-reveal-v22007:not(.is-collection-revealed){
  opacity:0 !important;
  transform:translate3d(0,var(--collection-anim-distance,16px),0) !important;
  filter:none !important;
}
.hp-collection-v9.hp-collection-anim--fade .hp-products__grid > .hp-product.hp-collection-reveal-v22007:not(.is-collection-revealed){
  opacity:0 !important;
  transform:none !important;
  filter:none !important;
}
.hp-collection-v9.hp-collection-anim--scale .hp-products__grid > .hp-product.hp-collection-reveal-v22007:not(.is-collection-revealed){
  opacity:0 !important;
  transform:scale(.975) !important;
  filter:none !important;
}
.hp-collection-v9.hp-collection-anim--slide-left .hp-products__grid > .hp-product.hp-collection-reveal-v22007:not(.is-collection-revealed){
  opacity:0 !important;
  transform:translate3d(var(--collection-anim-distance,16px),0,0) !important;
  filter:none !important;
}
.hp-collection-v9.hp-collection-anim--blur .hp-products__grid > .hp-product.hp-collection-reveal-v22007:not(.is-collection-revealed){
  opacity:0 !important;
  transform:translate3d(0,8px,0) scale(.99) !important;
  filter:blur(9px) !important;
}
.hp-collection-v9 .hp-products__grid > .hp-product.hp-collection-reveal-v22007.is-collection-revealed{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  will-change:auto;
}
.hp-collection-v9.hp-collection-anim--none .hp-products__grid > .hp-product.hp-collection-reveal-v22007{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
  will-change:auto !important;
}

/* iPad/tablet product sizes — hidden at rest, revealed only by actual hover,
   keyboard focus, or the existing first-tap touch preview. */
html.hp-tablet-mobile-ui .hp-card-v10 .hp-product__sizes-row,
html.hp-tablet-mobile-ui .hp-card-v9 .hp-product__sizes-row,
html.hp-tablet-mobile-ui .hp-card-v8 .hp-product__sizes-row{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
html.hp-tablet-mobile-ui .hp-card-v10:hover .hp-product__sizes-row,
html.hp-tablet-mobile-ui .hp-card-v9:hover .hp-product__sizes-row,
html.hp-tablet-mobile-ui .hp-card-v8:hover .hp-product__sizes-row,
html.hp-tablet-mobile-ui .hp-product:focus-within .hp-product__sizes-row,
html.hp-tablet-mobile-ui .hp-product.is-touch-preview .hp-product__sizes-row{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

@media(prefers-reduced-motion:reduce){
  .hp-collection-v9 .hp-products__grid > .hp-product.hp-collection-reveal-v22007,
  .hp-collection-v9 .hp-products__grid > .hp-product.hp-collection-reveal-v22007:not(.is-collection-revealed){
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
    will-change:auto !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.008 — COMPACT COLLECTION TOOLBAR / STABLE ARRIVALS PAINT
   ========================================================= */

/* NEW ARRIVALS — the boxed side gutters must already be dark on the very first
   mobile/iPad paint. This removes the white -> black side flash while keeping
   the requested boxed/rounded final geometry unchanged. */
#shopify-section-hp-new-arrivals{
  background:#050505 !important;
  background-color:#050505 !important;
}
html.hp-mobile-first-paint #shopify-section-hp-new-arrivals,
html.hp-page-entering #shopify-section-hp-new-arrivals,
html.hp-page-transition-running #shopify-section-hp-new-arrivals{
  background:#050505 !important;
  background-color:#050505 !important;
}

/* Collection title: desktop keeps the exact collection name. Phone/tablet uses
   a semantic first/last path (e.g. MEN / HIGHLIGHTS / NEW ARRIVALS becomes
   MEN / NEW ARRIVALS) without changing the actual collection title. */
.hp-collection-title__compact{display:none !important}
.hp-collection-title__full{display:inline !important}

@media(max-width:767px){
  .hp-collection-toolbar{
    align-items:center !important;
    flex-wrap:nowrap !important;
    justify-content:space-between !important;
    gap:8px !important;
    min-width:0 !important;
  }
  .hp-collection-toolbar__title{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:112px !important;
    gap:0 !important;
  }
  .hp-collection-toolbar__title h1{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    line-height:1.1 !important;
  }
  .hp-collection-title__full{display:none !important}
  .hp-collection-title__compact{
    display:block !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .hp-collection-toolbar__actions{
    flex:0 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    justify-content:flex-end !important;
    gap:6px !important;
    white-space:nowrap !important;
  }
  .hp-filter-trigger{
    flex:0 0 auto !important;
    gap:4px !important;
  }
  .hp-filter-trigger__icon{
    width:12px !important;
  }
  .hp-filter-trigger__icon i:nth-child(1){width:12px !important}
  .hp-filter-trigger__icon i:nth-child(2){width:8px !important}
  .hp-filter-trigger__icon i:nth-child(3){width:5px !important}
  .hp-layout-switcher{
    flex:0 0 auto !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:2px !important;
  }
  .hp-layout-switcher button,
  .hp-layout-switcher button[data-grid-cols="3"],
  .hp-layout-switcher button[data-grid-cols="4"],
  .hp-layout-switcher button[data-grid-cols="5"],
  .hp-layout-switcher__mobile-two{
    width:19px !important;
    min-width:19px !important;
    height:24px !important;
  }
  .hp-layout-switcher i{height:10px !important}
  .hp-sort-wrap{
    flex:0 1 auto !important;
    min-width:0 !important;
  }
  .hp-sort-trigger{
    max-width:78px !important;
    min-width:0 !important;
    gap:5px !important;
  }
  .hp-sort-trigger [data-sort-label]{
    display:block !important;
    min-width:0 !important;
    max-width:64px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}

/* iPad/tablet uses the same single-line toolbar, with slightly roomier controls. */
html.hp-tablet-mobile-ui .hp-collection-toolbar{
  align-items:center !important;
  flex-wrap:nowrap !important;
  justify-content:space-between !important;
  gap:14px !important;
  min-width:0 !important;
}
html.hp-tablet-mobile-ui .hp-collection-toolbar__title{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:clamp(170px,28vw,300px) !important;
  gap:0 !important;
}
html.hp-tablet-mobile-ui .hp-collection-toolbar__title h1{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1.1 !important;
}
html.hp-tablet-mobile-ui .hp-collection-title__full{display:none !important}
html.hp-tablet-mobile-ui .hp-collection-title__compact{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
html.hp-tablet-mobile-ui .hp-collection-toolbar__actions{
  flex:0 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  justify-content:flex-end !important;
  gap:12px !important;
  white-space:nowrap !important;
}
html.hp-tablet-mobile-ui .hp-layout-switcher{
  flex:0 0 auto !important;
  flex-wrap:nowrap !important;
  gap:4px !important;
}
html.hp-tablet-mobile-ui .hp-sort-wrap{flex:0 1 auto !important;min-width:0 !important}
html.hp-tablet-mobile-ui .hp-sort-trigger{min-width:0 !important;max-width:180px !important}
html.hp-tablet-mobile-ui .hp-sort-trigger [data-sort-label]{
  display:block !important;
  min-width:0 !important;
  max-width:150px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* Narrow phones: reserve a touch more room for the controls while still keeping
   the whole toolbar on one row. */
@media(max-width:390px){
  .hp-collection-toolbar{gap:6px !important}
  .hp-collection-toolbar__title{max-width:96px !important}
  .hp-collection-toolbar__actions{gap:4px !important}
  .hp-layout-switcher{gap:1px !important}
  .hp-layout-switcher button,
  .hp-layout-switcher button[data-grid-cols="3"],
  .hp-layout-switcher button[data-grid-cols="4"],
  .hp-layout-switcher button[data-grid-cols="5"],
  .hp-layout-switcher__mobile-two{
    width:18px !important;
    min-width:18px !important;
  }
  .hp-sort-trigger{max-width:68px !important;gap:4px !important}
  .hp-sort-trigger [data-sort-label]{max-width:54px !important}
}


/* =========================================================
   HIDE PROJECT v22.009 — ROOMY TABLET TOOLBAR / CLEAN ARRIVALS SEAM
   ========================================================= */

/* iPad/tablet: keep the toolbar on one line, but stop squeezing the controls.
   The action group keeps its natural width; only the title is allowed to give
   space when it genuinely needs to. */
@media (min-width:768px) and (max-width:1366px){
  html.hp-tablet-mobile-ui .hp-collection-toolbar{
    min-height:48px !important;
    gap:24px !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
  }
  html.hp-tablet-mobile-ui .hp-collection-toolbar__title{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  html.hp-tablet-mobile-ui .hp-collection-toolbar__actions{
    flex:0 0 auto !important;
    min-width:max-content !important;
    gap:18px !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }
  html.hp-tablet-mobile-ui .hp-filter-trigger{
    flex:0 0 auto !important;
    gap:7px !important;
  }
  html.hp-tablet-mobile-ui .hp-layout-switcher{
    flex:0 0 auto !important;
    gap:7px !important;
  }
  html.hp-tablet-mobile-ui .hp-layout-switcher button,
  html.hp-tablet-mobile-ui .hp-layout-switcher button[data-grid-cols="3"],
  html.hp-tablet-mobile-ui .hp-layout-switcher button[data-grid-cols="4"],
  html.hp-tablet-mobile-ui .hp-layout-switcher button[data-grid-cols="5"],
  html.hp-tablet-mobile-ui .hp-layout-switcher__mobile-two{
    width:24px !important;
    min-width:24px !important;
    height:24px !important;
  }
  html.hp-tablet-mobile-ui .hp-sort-wrap{
    flex:0 0 auto !important;
    min-width:max-content !important;
  }
  html.hp-tablet-mobile-ui .hp-sort-trigger{
    width:auto !important;
    min-width:max-content !important;
    max-width:none !important;
    gap:9px !important;
  }
  html.hp-tablet-mobile-ui .hp-sort-trigger [data-sort-label]{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
}

/* Phones still need the compact single-line layout. Re-assert it with the
   tablet/mobile html class so the broader tablet rules never win the cascade. */
@media (max-width:767px){
  html.hp-tablet-mobile-ui .hp-collection-toolbar{
    min-height:42px !important;
    gap:8px !important;
  }
  html.hp-tablet-mobile-ui .hp-collection-toolbar__title{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:112px !important;
  }
  html.hp-tablet-mobile-ui .hp-collection-toolbar__actions{
    flex:0 1 auto !important;
    min-width:0 !important;
    gap:6px !important;
  }
  html.hp-tablet-mobile-ui .hp-layout-switcher{gap:2px !important}
  html.hp-tablet-mobile-ui .hp-layout-switcher button,
  html.hp-tablet-mobile-ui .hp-layout-switcher button[data-grid-cols="3"],
  html.hp-tablet-mobile-ui .hp-layout-switcher button[data-grid-cols="4"],
  html.hp-tablet-mobile-ui .hp-layout-switcher button[data-grid-cols="5"],
  html.hp-tablet-mobile-ui .hp-layout-switcher__mobile-two{
    width:19px !important;
    min-width:19px !important;
    height:24px !important;
  }
  html.hp-tablet-mobile-ui .hp-sort-wrap{
    flex:0 1 auto !important;
    min-width:0 !important;
  }
  html.hp-tablet-mobile-ui .hp-sort-trigger{
    min-width:0 !important;
    max-width:78px !important;
    gap:5px !important;
  }
  html.hp-tablet-mobile-ui .hp-sort-trigger [data-sort-label]{
    display:block !important;
    min-width:0 !important;
    max-width:64px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}

/* New Arrivals: mask the 1–2px hero/section seam that Safari can expose in the
   outer gutters. The mask sits behind the rounded white New Arrivals surface,
   so the section shape itself stays untouched. */
@media (max-width:1366px){
  html.hp-tablet-mobile-ui #shopify-section-hp-hero,
  html.hp-tablet-mobile-ui .hp-hero.hp-hero-slider{
    border-bottom:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }
  html.hp-tablet-mobile-ui #shopify-section-hp-new-arrivals{
    position:relative !important;
    isolation:isolate !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:#050505 !important;
    background-color:#050505 !important;
  }
  html.hp-tablet-mobile-ui #shopify-section-hp-new-arrivals::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:-3px !important;
    height:4px !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:#050505 !important;
    background-color:#050505 !important;
    border:0 !important;
    box-shadow:none !important;
  }
  html.hp-tablet-mobile-ui #shopify-section-hp-new-arrivals > .hp-new-arrivals{
    position:relative !important;
    z-index:1 !important;
    border-top:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }
}

/* =========================================================
   HIDE PROJECT v22.010 — BALANCED COLLECTION TOOLBAR / ZERO ARRIVALS SEAM
   ========================================================= */

/* NEW ARRIVALS — final cascade authority mirrors the inline first-paint rules.
   The previous flash was the generic .hp-products 1px top border being painted
   at the pre-JS shell width, then disappearing when the tablet class arrived.
   Remove that border at the actual component and keep the wrapper dark. */
#shopify-section-hp-new-arrivals{
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  margin-top:-1px !important;
  padding-top:1px !important;
  background:#050505 !important;
  background-color:#050505 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  overflow-x:clip !important;
}
#shopify-section-hp-new-arrivals > .hp-new-arrivals.hp-site-shell,
#shopify-section-hp-new-arrivals > .hp-new-arrivals.hp-products{
  border:0 !important;
  border-top:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background-clip:padding-box !important;
}
#shopify-section-hp-new-arrivals::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:0 !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:2px !important;
  pointer-events:none !important;
  background:#050505 !important;
  border:0 !important;
  box-shadow:none !important;
}
#shopify-section-hp-new-arrivals > .hp-new-arrivals{
  position:relative !important;
  z-index:1 !important;
}
@media(max-width:767px){
  #shopify-section-hp-new-arrivals > .hp-new-arrivals.hp-site-shell{
    width:calc(100% - (var(--hp-mobile-gutter,10px) * 2)) !important;
    max-width:none !important;
    margin-inline:auto !important;
    border-radius:var(--new-arrivals-radius,5px) !important;
    overflow:hidden !important;
  }
}
@media(min-width:768px) and (max-width:1366px){
  #shopify-section-hp-new-arrivals > .hp-new-arrivals.hp-site-shell{
    width:calc(100% - (max(var(--hp-side-gutter,20px),18px) * 2)) !important;
    max-width:var(--hp-page,1720px) !important;
    margin-inline:auto !important;
    border-radius:var(--new-arrivals-radius,5px) !important;
    overflow:hidden !important;
  }
}

/* COLLECTION TOOLBAR — one row, but with deliberate breathing room.  The title
   is the flexible column; FILTER / grid switcher / SORT are three stable groups
   with their own spacing instead of one squeezed flex cluster. */
@media(min-width:768px) and (max-width:1366px){
  html.hp-tablet-mobile-ui .hp-collection-toolbar,
  .hp-collection-toolbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) max-content !important;
    align-items:center !important;
    column-gap:clamp(24px,3.2vw,42px) !important;
    min-height:58px !important;
    padding:2px 0 !important;
    flex-wrap:nowrap !important;
  }
  html.hp-tablet-mobile-ui .hp-collection-toolbar__title,
  .hp-collection-toolbar__title{
    min-width:0 !important;
    max-width:none !important;
    align-items:center !important;
  }
  html.hp-tablet-mobile-ui .hp-collection-toolbar__actions,
  .hp-collection-toolbar__actions{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:max-content !important;
    align-items:center !important;
    justify-content:end !important;
    gap:clamp(18px,2.25vw,30px) !important;
    min-width:max-content !important;
    white-space:nowrap !important;
  }
  html.hp-tablet-mobile-ui .hp-filter-trigger,
  .hp-filter-trigger{
    min-width:62px !important;
    justify-content:flex-start !important;
    gap:8px !important;
  }
  html.hp-tablet-mobile-ui .hp-layout-switcher,
  .hp-layout-switcher{
    gap:clamp(5px,.75vw,9px) !important;
  }
  html.hp-tablet-mobile-ui .hp-layout-switcher button,
  html.hp-tablet-mobile-ui .hp-layout-switcher button[data-grid-cols="3"],
  html.hp-tablet-mobile-ui .hp-layout-switcher button[data-grid-cols="4"],
  html.hp-tablet-mobile-ui .hp-layout-switcher button[data-grid-cols="5"],
  html.hp-tablet-mobile-ui .hp-layout-switcher__mobile-two,
  .hp-layout-switcher button,
  .hp-layout-switcher__mobile-two{
    width:25px !important;
    min-width:25px !important;
    height:26px !important;
  }
  html.hp-tablet-mobile-ui .hp-sort-trigger,
  .hp-sort-trigger{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-width:clamp(126px,15vw,170px) !important;
    max-width:none !important;
    gap:12px !important;
  }
  html.hp-tablet-mobile-ui .hp-sort-trigger [data-sort-label],
  .hp-sort-trigger [data-sort-label]{
    max-width:clamp(108px,13vw,150px) !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}

/* Smaller iPads still get a clean one-row toolbar without forcing the controls
   into each other. */
@media(min-width:768px) and (max-width:900px){
  html.hp-tablet-mobile-ui .hp-collection-toolbar,
  .hp-collection-toolbar{
    column-gap:18px !important;
    min-height:54px !important;
  }
  html.hp-tablet-mobile-ui .hp-collection-toolbar__actions,
  .hp-collection-toolbar__actions{
    gap:13px !important;
  }
  html.hp-tablet-mobile-ui .hp-layout-switcher,
  .hp-layout-switcher{gap:4px !important}
  html.hp-tablet-mobile-ui .hp-layout-switcher button,
  html.hp-tablet-mobile-ui .hp-layout-switcher__mobile-two,
  .hp-layout-switcher button,
  .hp-layout-switcher__mobile-two{
    width:22px !important;
    min-width:22px !important;
  }
  html.hp-tablet-mobile-ui .hp-sort-trigger,
  .hp-sort-trigger{
    min-width:112px !important;
    gap:9px !important;
  }
  html.hp-tablet-mobile-ui .hp-sort-trigger [data-sort-label],
  .hp-sort-trigger [data-sort-label]{max-width:94px !important}
}


/* =========================================================
   HIDE PROJECT v22.012 — MOBILE COLLECTION TOOLBAR BALANCED UI
   =========================================================
   Keep the title flexible on the left, while FILTER / GRID / SORT stay as
   one compact action cluster on the right. This avoids both failure modes:
   controls squeezed together and controls stretched too far apart. */
@media (max-width:767px){
  section.hp-collection-v9 .hp-collection-toolbar--v22012{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) max-content !important;
    align-items:center !important;
    justify-content:stretch !important;
    column-gap:clamp(8px,2.2vw,12px) !important;
    min-height:56px !important;
    width:100% !important;
    max-width:none !important;
    padding:3px 0 !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
  }

  section.hp-collection-v9 .hp-collection-toolbar--v22012 > .hp-collection-toolbar__title{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:96px !important;
    margin:0 !important;
    padding:0 !important;
    flex:none !important;
  }

  section.hp-collection-v9 .hp-collection-toolbar--v22012 > .hp-collection-toolbar__title h1{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    line-height:1.2 !important;
  }

  section.hp-collection-v9 .hp-collection-toolbar--v22012 > .hp-collection-toolbar__actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:clamp(8px,2vw,11px) !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    flex:none !important;
    white-space:nowrap !important;
  }

  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-filter-trigger{
    flex:0 0 auto !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    padding:0 !important;
    gap:5px !important;
  }

  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    width:auto !important;
    min-width:0 !important;
  }

  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher button,
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher button[data-grid-cols="3"],
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher button[data-grid-cols="4"],
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher button[data-grid-cols="5"],
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher__mobile-two{
    width:19px !important;
    min-width:19px !important;
    height:26px !important;
    padding:0 !important;
    flex:0 0 19px !important;
  }

  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-sort-wrap{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }

  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-sort-trigger{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 8px !important;
    align-items:center !important;
    width:auto !important;
    min-width:66px !important;
    max-width:86px !important;
    gap:6px !important;
    padding:0 !important;
  }

  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-sort-trigger [data-sort-label]{
    display:block !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}

/* Very narrow phones: trim each group slightly, without changing the visual
   rhythm or forcing FILTER / GRID / SORT to collide. */
@media (max-width:360px){
  section.hp-collection-v9 .hp-collection-toolbar--v22012{
    column-gap:7px !important;
  }
  section.hp-collection-v9 .hp-collection-toolbar--v22012 > .hp-collection-toolbar__title{
    max-width:72px !important;
  }
  section.hp-collection-v9 .hp-collection-toolbar--v22012 > .hp-collection-toolbar__actions{
    gap:6px !important;
  }
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-filter-trigger{
    gap:4px !important;
  }
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher{
    gap:1px !important;
  }
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher button,
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher button[data-grid-cols="3"],
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher button[data-grid-cols="4"],
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher button[data-grid-cols="5"],
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher__mobile-two{
    width:18px !important;
    min-width:18px !important;
    flex-basis:18px !important;
  }
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-sort-trigger{
    min-width:60px !important;
    max-width:70px !important;
    gap:5px !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.013 — SWITCHER RHYTHM + SINGLE IMAGE PRODUCT FIX
   ========================================================= */

/* Mobile: keep the layout-switcher controls close, but give each icon a real
   5px breathing gap. This is intentionally the final toolbar override. */
@media (max-width:767px){
  section.hp-collection-v9 .hp-collection-toolbar--v22012 .hp-layout-switcher{
    gap:5px !important;
  }
}

/* Desktop single-image PDP: the black product panel used to enforce a viewport
   min-height, making the grid row taller than the only gallery image and leaving
   a white strip underneath it. Mark single-image products in Liquid and let the
   row be sized by the actual media instead. */
@media (min-width:901px){
  .hp-product-page-v5--single-image{
    min-height:0 !important;
  }
  .hp-product-page-v5--single-image .hp-product-panel{
    min-height:0 !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.014 — PRODUCT GALLERY ROOT GAP FIX
   =========================================================
   Two separate issues created the large white areas seen on some PDPs:
   1) the desktop info panel forced the whole shell to viewport height;
   2) normal CSS Grid rows are as tall as the tallest image in that row.
   The first is removed globally. The second is handled by JS masonry only
   when the gallery has 2 columns, preserving each image's natural ratio.
   No image is stretched or cropped. */

@media (min-width:901px){
  .hp-product-page-v5 .hp-product-panel{
    min-height:0 !important;
  }
  .hp-product-page-v5 .hp-product-gallery-v5{
    align-self:start !important;
  }
}

/* Masonry is activated only after JS has calculated the real media heights,
   so there is no collapsed/overlapping first paint. */
.hp-product-page-v5 .hp-product-gallery-v5.hp-product-gallery-v5--masonry{
  grid-auto-flow:row dense !important;
  grid-auto-rows:1px !important;
  row-gap:0 !important;
  align-items:start !important;
  align-content:start !important;
}
.hp-product-page-v5 .hp-product-gallery-v5.hp-product-gallery-v5--masonry > .hp-product-media{
  align-self:start !important;
  min-height:0 !important;
}

/* Phones remain a simple source-order single column. */
@media (max-width:720px){
  .hp-product-page-v5 .hp-product-gallery-v5.hp-product-gallery-v5--masonry{
    grid-auto-rows:auto !important;
    grid-auto-flow:row !important;
    row-gap:var(--p-gap) !important;
  }
  .hp-product-page-v5 .hp-product-gallery-v5.hp-product-gallery-v5--masonry > .hp-product-media{
    grid-row:auto !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.015 — PRODUCT GALLERY EDITORIAL SYSTEM
   =========================================================
   Root fix: no masonry and no image-dependent grid-row math.
   Desktop/tablet-landscape uses deterministic compositions:
   1 image  = one full gallery visual
   2 images = one perfectly level pair
   3 images = full editorial lead + level pair
   4 images = balanced 2 x 2
   5 images = full editorial lead + two level pairs
   6+       = balanced paired grid
   Paired tiles share the exact same box height; object-fit:cover removes the
   dead white blocks created by mixed source aspect ratios. Full image remains
   available in the existing lightbox. Mobile keeps its source-order layout. */

@media (min-width:801px){
  .hp-product-page-v5 .hp-product-gallery-v5{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    grid-auto-rows:auto !important;
    align-self:stretch !important;
    align-content:stretch !important;
    align-items:stretch !important;
    row-gap:var(--p-gap) !important;
    column-gap:var(--p-gap) !important;
    padding-right:var(--p-gap) !important;
  }

  .hp-product-page-v5 .hp-product-gallery-v5 > .hp-product-media{
    position:relative !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    align-self:stretch !important;
    overflow:hidden !important;
    background:var(--p-gallery-bg,#fff) !important;
  }

  .hp-product-page-v5 .hp-product-gallery-v5 > .hp-product-media > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:var(--p-gallery-bg,#fff) !important;
  }

  /* One image: use the whole gallery instead of leaving an empty second cell.
     Keep contain here so a single hero product is never cropped. */
  .hp-product-page-v5 .hp-product-gallery-v5--count-1{
    grid-template-columns:minmax(0,1fr) !important;
    min-height:clamp(620px,calc(100vh - 44px),980px) !important;
  }
  .hp-product-page-v5 .hp-product-gallery-v5--count-1 > .hp-product-media{
    grid-column:1 / -1 !important;
    height:100% !important;
  }
  .hp-product-page-v5 .hp-product-gallery-v5--count-1 > .hp-product-media > img{
    object-fit:contain !important;
  }

  /* Two images: the original side-by-side language, but both sides are one
     exact height. The row also stretches with a taller info panel, so there is
     no gallery-wide white shelf beneath the pair. */
  .hp-product-page-v5 .hp-product-gallery-v5--count-2{
    min-height:clamp(620px,calc(100vh - 44px),980px) !important;
    grid-template-rows:minmax(0,1fr) !important;
  }
  .hp-product-page-v5 .hp-product-gallery-v5--count-2 > .hp-product-media{
    height:100% !important;
  }

  /* Three: a wide lead frame, then a clean matching pair. */
  .hp-product-page-v5 .hp-product-gallery-v5--count-3 > .hp-product-media:nth-child(1){
    grid-column:1 / -1 !important;
    aspect-ratio:16 / 9 !important;
  }
  .hp-product-page-v5 .hp-product-gallery-v5--count-3 > .hp-product-media:nth-child(n+2){
    aspect-ratio:4 / 5 !important;
  }

  /* Four: strict paired editorial grid. */
  .hp-product-page-v5 .hp-product-gallery-v5--count-4 > .hp-product-media{
    aspect-ratio:4 / 5 !important;
  }

  /* Five: editorial rhythm — one wide hero followed by two equal pairs. */
  .hp-product-page-v5 .hp-product-gallery-v5--count-5 > .hp-product-media:nth-child(1){
    grid-column:1 / -1 !important;
    aspect-ratio:16 / 9 !important;
  }
  .hp-product-page-v5 .hp-product-gallery-v5--count-5 > .hp-product-media:nth-child(n+2){
    aspect-ratio:4 / 5 !important;
  }

  /* Six and above: keep every pair level and predictable. */
  .hp-product-page-v5 .hp-product-gallery-v5:not(.hp-product-gallery-v5--count-1):not(.hp-product-gallery-v5--count-2):not(.hp-product-gallery-v5--count-3):not(.hp-product-gallery-v5--count-4):not(.hp-product-gallery-v5--count-5) > .hp-product-media{
    aspect-ratio:4 / 5 !important;
  }

  /* Permanently neutralize any stale masonry class from cached markup/scripts. */
  .hp-product-page-v5 .hp-product-gallery-v5.hp-product-gallery-v5--masonry{
    grid-auto-flow:row !important;
    grid-auto-rows:auto !important;
    align-self:stretch !important;
    align-content:stretch !important;
    row-gap:var(--p-gap) !important;
  }
  .hp-product-page-v5 .hp-product-gallery-v5.hp-product-gallery-v5--masonry > .hp-product-media{
    grid-row:auto !important;
  }
}

/* Mobile / narrow tablet: keep the product media natural and uncropped. */
@media (max-width:800px){
  .hp-product-page-v5 .hp-product-gallery-v5,
  .hp-product-page-v5 .hp-product-gallery-v5[class*="hp-product-gallery-v5--count-"]{
    grid-template-columns:1fr !important;
    grid-auto-rows:auto !important;
    min-height:0 !important;
    align-self:start !important;
    padding-right:0 !important;
  }
  .hp-product-page-v5 .hp-product-gallery-v5 > .hp-product-media{
    grid-column:auto !important;
    grid-row:auto !important;
    aspect-ratio:auto !important;
    height:auto !important;
  }
  .hp-product-page-v5 .hp-product-gallery-v5 > .hp-product-media > img{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    object-fit:contain !important;
  }
}

/* =========================================================
   HIDE PROJECT v22.016 — PRODUCT GALLERY PAIRED GRID
   =========================================================
   Final PDP media rhythm:
   - 2+ images always flow as two equal columns.
   - Every complete pair is the exact same frame size/height.
   - Odd counts (3, 5, 7...) leave the final media as one normal
     left-column tile with an empty partner cell — never a full-width hero.
   - The old gallery-to-panel white gutter is removed; only the panel's
     subtle 1px divider remains.
   - Single-image behavior from v22.015 is preserved. */
@media (min-width:801px){
  .hp-product-page-v5 .hp-product-gallery-v5{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    grid-auto-rows:auto !important;
    align-self:start !important;
    align-content:start !important;
    align-items:stretch !important;
    padding-right:0 !important;
  }

  /* Reset the v22.015 editorial lead rules and the special 2-image stretch. */
  .hp-product-page-v5 .hp-product-gallery-v5--count-2,
  .hp-product-page-v5 .hp-product-gallery-v5--count-3,
  .hp-product-page-v5 .hp-product-gallery-v5--count-4,
  .hp-product-page-v5 .hp-product-gallery-v5--count-5{
    min-height:0 !important;
    grid-template-rows:none !important;
  }

  .hp-product-page-v5 .hp-product-gallery-v5:not(.hp-product-gallery-v5--count-1) > .hp-product-media{
    grid-column:auto !important;
    grid-row:auto !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4 / 5 !important;
    align-self:stretch !important;
  }

  .hp-product-page-v5 .hp-product-gallery-v5:not(.hp-product-gallery-v5--count-1) > .hp-product-media > img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  /* Explicitly neutralize the old 3/5-image full-width editorial lead. */
  .hp-product-page-v5 .hp-product-gallery-v5--count-3 > .hp-product-media:nth-child(1),
  .hp-product-page-v5 .hp-product-gallery-v5--count-5 > .hp-product-media:nth-child(1){
    grid-column:auto !important;
    aspect-ratio:4 / 5 !important;
  }

  /* The panel now meets the gallery directly: no white vertical gutter. */
  .hp-product-page-v5 .hp-product-panel{
    margin-left:0 !important;
  }
}

/* =========================================================
   HIDE PROJECT v22.017 — PDP ROOT TAIL FIX + TYPE INFO PROFILES
   =========================================================
   The remaining “white gap” was not an image-size problem. On products where
   the sticky info panel is taller than the finished media grid, CSS Grid keeps
   the shell row alive until the panel's normal-flow content ends. The old page
   background was gallery white, so that legitimate leftover row area appeared
   as a large white shelf beneath the last product images.

   Keep every media tile exactly as v22.016 (two equal columns / odd final tile),
   but make the *shell canvas* panel-black while the gallery itself owns its white
   canvas. Result: the gallery ends exactly at its final image and any height that
   exists only because of the info column merges seamlessly into the black product
   UI/footer instead of rendering as false empty gallery space. */
@media (min-width:801px){
  .hp-product-page-v5{
    background:var(--p-panel-bg,#050505) !important;
  }
  .hp-product-page-v5 .hp-product-shell{
    background:var(--p-panel-bg,#050505) !important;
    align-items:start !important;
  }
  .hp-product-page-v5 .hp-product-gallery-v5{
    background:var(--p-gallery-bg,#fff) !important;
    align-self:start !important;
    align-content:start !important;
  }
  .hp-product-page-v5 .hp-product-panel{
    background:var(--p-panel-bg,#050505) !important;
    min-height:0 !important;
  }
}

/* =========================================================
   HIDE PROJECT v22.018 — PDP FLUSH FOOTER + MOBILE MEDIA RHYTHM
   =========================================================
   Desktop root fix:
   - The gallery is the only element that owns the PDP document height.
   - The side information panel is layered in the gallery column height, so a
     taller sticky panel can never create a dead strip under the final images.
   - The panel itself becomes internally scrollable only when its content is
     taller than the available gallery/viewport area.
   - The old 80vh section minimum is removed so short galleries meet the footer
     immediately instead of reserving an artificial tail.

   Mobile/tablet fix:
   - Multi-image products use one stable 4:5 media frame per tile.
   - Every image fills its frame with object-fit:cover, removing the uneven
     "one image ends early" white block while preserving the existing column
     count at each breakpoint. */

@media (min-width:901px){
  .hp-product-page-v5{
    min-height:0 !important;
  }

  .hp-product-page-v5 .hp-product-shell{
    position:relative !important;
    display:block !important;
    min-height:0 !important;
    background:var(--p-panel-bg,#050505) !important;
  }

  .hp-product-page-v5 .hp-product-gallery-v5{
    width:calc(100% - max(320px,var(--p-info-width))) !important;
    margin:0 max(320px,var(--p-info-width)) 0 0 !important;
    min-height:0 !important;
    align-self:auto !important;
    background:var(--p-gallery-bg,#fff) !important;
  }

  .hp-product-page-v5 .hp-product-panel{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:max(320px,var(--p-info-width)) !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    overflow:hidden !important;
    background:var(--p-panel-bg,#050505) !important;
    border-left:1px solid var(--hp-line) !important;
  }

  .hp-product-page-v5 .hp-product-panel__inner{
    box-sizing:border-box !important;
    max-height:min(calc(100dvh - 70px),100%) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    scrollbar-width:none !important;
  }
  .hp-product-page-v5 .hp-product-panel__inner::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
  }
}

/* Keep paired media visually level on tablet/mobile too. The layout itself is
   intentionally NOT changed here: 721–900px remains two columns and <=720px
   remains the theme's normal single-column phone flow. */
@media (max-width:900px){
  .hp-product-page-v5 .hp-product-gallery-v5:not(.hp-product-gallery-v5--count-1) > .hp-product-media{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4 / 5 !important;
    overflow:hidden !important;
    background:var(--p-gallery-bg,#fff) !important;
  }
  .hp-product-page-v5 .hp-product-gallery-v5:not(.hp-product-gallery-v5--count-1) > .hp-product-media > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:var(--p-gallery-bg,#fff) !important;
  }
}

/* =========================================================
   HIDE PROJECT v22.019 — SMART PRODUCT DETAILS
   =========================================================
   Large product descriptions no longer dominate the PDP panel:
   - DETAILS is closed on first render on every product.
   - When a customer opens a long description, only the description body
     becomes a bounded, touch-scrollable area; the rest of the product
     controls/accordions stay usable instead of being pushed far away.
   - Short descriptions still size naturally up to the cap. */
.hp-product-info-accordion--description [data-hp-accordion-content]{
  max-height:min(38vh,340px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
}
.hp-product-info-accordion--description [data-hp-accordion-content]::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
}

@media (max-width:900px){
  .hp-product-info-accordion--description [data-hp-accordion-content]{
    max-height:min(44dvh,360px) !important;
  }
}

/* =========================================================
   HIDE PROJECT v22.020 — SINGLE-SCROLL PRODUCT DETAILS
   =========================================================
   DETAILS stays closed by default, but opening a long description no longer
   creates a second nested scroll area inside the accordion. The product panel
   itself remains the only scroll surface on desktop, while mobile expands in
   normal document flow. Description typography is tightened and empty rich-
   text spacer paragraphs are neutralized so long copy reads like one compact
   editorial block instead of stretching the PDP vertically. */
.hp-product-info-accordion--description [data-hp-accordion-content]{
  max-height:none !important;
  overflow:hidden !important;
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  overscroll-behavior:auto !important;
  -webkit-overflow-scrolling:auto !important;
  scrollbar-width:auto !important;
}

.hp-product-info-accordion--description .rte{
  line-height:1.58 !important;
}

.hp-product-info-accordion--description .rte > :first-child{
  margin-top:0 !important;
}

.hp-product-info-accordion--description .rte > :last-child{
  margin-bottom:0 !important;
}

.hp-product-info-accordion--description .rte p{
  margin:0 0 11px !important;
}

.hp-product-info-accordion--description .rte p:empty{
  display:none !important;
  margin:0 !important;
}

.hp-product-info-accordion--description .rte h1,
.hp-product-info-accordion--description .rte h2,
.hp-product-info-accordion--description .rte h3,
.hp-product-info-accordion--description .rte h4,
.hp-product-info-accordion--description .rte h5,
.hp-product-info-accordion--description .rte h6{
  margin:15px 0 7px !important;
  color:#969696 !important;
  font:inherit !important;
  line-height:1.45 !important;
  letter-spacing:.035em !important;
  text-transform:none !important;
}

.hp-product-info-accordion--description .rte ul,
.hp-product-info-accordion--description .rte ol{
  margin:7px 0 12px !important;
  padding-left:16px !important;
}

.hp-product-info-accordion--description .rte li{
  margin:0 0 5px !important;
  padding-left:1px !important;
}

.hp-product-info-accordion--description .rte li:last-child{
  margin-bottom:0 !important;
}

.hp-product-info-accordion--description .rte hr{
  margin:14px 0 !important;
  border:0 !important;
  border-top:1px solid var(--hp-line) !important;
}

@media (max-width:900px){
  .hp-product-info-accordion--description [data-hp-accordion-content]{
    max-height:none !important;
    overflow:hidden !important;
  }
  .hp-product-info-accordion--description .rte p{
    margin-bottom:10px !important;
  }
  .hp-product-info-accordion--description .rte h1,
  .hp-product-info-accordion--description .rte h2,
  .hp-product-info-accordion--description .rte h3,
  .hp-product-info-accordion--description .rte h4,
  .hp-product-info-accordion--description .rte h5,
  .hp-product-info-accordion--description .rte h6{
    margin:13px 0 6px !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.023 — PDP FOOTER-ANCHORED PANEL LIFT
   =========================================================
   Keep the panel viewport stable and let JS anchor the final sticky clamp to the
   actual footer top. When the page reaches the end, the complete panel is lifted
   upward instead of staying parked low over an empty black field. The footer edge
   is the single source of truth, so products with different gallery/content heights
   hand off consistently. */
@media (min-width:981px){
  .hp-product-page-v5 .hp-product-panel__inner{
    max-height:min(
      var(--hp-product-panel-viewport, calc(100dvh - var(--hp-header-live-height,42px) - 32px)),
      100%
    ) !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    scrollbar-width:none !important;
    scroll-padding-bottom:26px !important;
  }
  .hp-product-page-v5 .hp-product-panel__inner::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.024 — OPEN DETAILS / FOOTER PANEL LIFT
   =========================================================
   The product-panel viewport remains a single hidden-scrollbar surface. JS now
   drives its final scroll position while the footer enters, so long/open DETAILS
   rise with the page and the lower accordions arrive above the footer instead of
   leaving a dead black tail. Keep the motion immediate: smooth-scroll already
   provides the easing frame-by-frame. */
@media (min-width:981px){
  .hp-product-page-v5 .hp-product-panel__inner{
    scroll-behavior:auto !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.025 — ACCORDION / FOOTER HANDOFF STABILITY
   =========================================================
   Accordion height changes are now treated as one visual transaction in JS.
   The sticky panel is kept on its current compositor layer while tabs swap,
   and footer geometry is measured only after the final accordion settles.
   This class deliberately does not animate the panel itself: only the accordion
   content moves, so there is no whole-panel flash at the bottom of the PDP. */
@media (min-width:981px){
  .hp-product-page-v5 .hp-product-panel.is-accordion-transitioning .hp-product-panel__inner{
    transition:none !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.028 — GLITCH-FREE ATOMIC PDP TABS
   =========================================================
   The accordion layout now swaps atomically in JS. Historical height transitions
   are disabled because they continuously mutate panel scrollHeight and make the
   footer handoff visually chase the moving geometry. Only a short opacity/blur
   reveal remains on the newly-opened body; it never changes layout dimensions. */
.hp-product-info-accordion [data-hp-accordion-content]{
  transition:opacity .18s ease,filter .18s cubic-bezier(.16,1,.3,1) !important;
  will-change:opacity,filter !important;
  overflow-anchor:none !important;
}
.hp-product-info-accordion.hp-product-accordion,
.hp-product-info-accordions{
  overflow-anchor:none !important;
}
.hp-product-info-accordion [data-hp-accordion-content].hp-accordion-reveal-v22028{
  transition:opacity .18s ease,filter .18s cubic-bezier(.16,1,.3,1) !important;
}
@media (min-width:981px){
  .hp-product-page-v5 .hp-product-panel__inner{
    overflow-anchor:none !important;
    scroll-behavior:auto !important;
  }
  .hp-product-page-v5 .hp-product-panel.is-accordion-transitioning .hp-product-panel__inner{
    transition:none !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .hp-product-info-accordion [data-hp-accordion-content]{
    transition:none !important;
  }
}


/* =========================================================
   HIDE PROJECT v22.029 — ANCHORED ANIMATED PDP ACCORDIONS
   =========================================================
   Restore the original height + blur/reveal motion. JS holds one visual anchor
   for the short transition, so changing content height cannot drag the product
   panel. At the footer the anchor is the panel bottom, keeping all lower tabs
   visible while DETAILS is open. */
.hp-product-info-accordion [data-hp-accordion-content]{
  overflow:hidden !important;
  transform:none !important;
  animation:none !important;
  will-change:height,padding-bottom,opacity,filter !important;
  transition:
    height .34s cubic-bezier(.16,1,.3,1),
    padding-bottom .34s cubic-bezier(.16,1,.3,1),
    opacity .22s ease,
    filter .30s cubic-bezier(.16,1,.3,1) !important;
}
.hp-product-info-accordion[open] [data-hp-accordion-content]{
  animation:none !important;
}
.hp-product-page-v5 .hp-product-panel.is-accordion-transitioning .hp-product-panel__inner{
  scroll-behavior:auto !important;
  overflow-anchor:none !important;
}
.hp-product-page-v5 .hp-product-panel.is-accordion-transitioning .hp-product-info-accordion > summary{
  -webkit-tap-highlight-color:transparent !important;
}
@media(prefers-reduced-motion:reduce){
  .hp-product-info-accordion [data-hp-accordion-content]{
    transition:none !important;
    filter:none !important;
  }
}
\n\n/* =========================================================\n   HIDE PROJECT v22.030 — CLEAN PDP ACCORDION MOTION\n   =========================================================\n   Keep the v22.029 anchored/footer-safe behavior exactly as-is, but remove the\n   heavy blur/snap visible during tab changes. The body now uses a short, calm\n   slide + fade only. No panel geometry or footer handoff rules are changed. */\n.hp-product-info-accordion [data-hp-accordion-content]{\n  filter:none !important;\n  will-change:height,padding-bottom,opacity !important;\n  transition:\n    height .26s cubic-bezier(.4,0,.2,1),\n    padding-bottom .26s cubic-bezier(.4,0,.2,1),\n    opacity .14s ease-out !important;\n}\n.hp-product-info-accordion[open] [data-hp-accordion-content]{\n  filter:none !important;\n}\n@media(prefers-reduced-motion:reduce){\n  .hp-product-info-accordion [data-hp-accordion-content]{\n    transition:none !important;\n  }\n}\n{}

/* =========================================================
   HIDE PROJECT v22.031 — MOBILE + iPAD PDP TWO-COLUMN MEDIA
   =========================================================
   Product media stays paired on phones and iPad, matching the desktop rhythm.
   Single-image products remain one column; odd counts naturally end with one
   left-side tile. Existing panel/accordion/footer behavior is untouched. */
@media (max-width:980px){
  html body.template-product .hp-product-page-v5 .hp-product-gallery-v5,
  html body.template-product .hp-product-page-v5 .hp-product-gallery-v5[class*="hp-product-gallery-v5--count-"]{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    grid-auto-rows:auto !important;
    align-items:stretch !important;
    align-content:start !important;
    width:100% !important;
    padding:0 !important;
  }

  html body.template-product .hp-product-page-v5 .hp-product-gallery-v5--count-1{
    grid-template-columns:minmax(0,1fr) !important;
  }

  html body.template-product .hp-product-page-v5 .hp-product-gallery-v5:not(.hp-product-gallery-v5--count-1) > .hp-product-media{
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:4 / 5 !important;
    overflow:hidden !important;
    align-self:stretch !important;
  }

  html body.template-product .hp-product-page-v5 .hp-product-gallery-v5:not(.hp-product-gallery-v5--count-1) > .hp-product-media > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}

/* iPad can report a desktop-class viewport in landscape, so keep the same
   paired gallery when the device classes are present regardless of CSS width. */
html.hp-ipad-device body.template-product .hp-product-page-v5 .hp-product-gallery-v5,
html.hp-tablet-mobile-ui body.template-product .hp-product-page-v5 .hp-product-gallery-v5{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  grid-auto-rows:auto !important;
  align-items:stretch !important;
  align-content:start !important;
  width:100% !important;
  padding:0 !important;
}

html.hp-ipad-device body.template-product .hp-product-page-v5 .hp-product-gallery-v5--count-1,
html.hp-tablet-mobile-ui body.template-product .hp-product-page-v5 .hp-product-gallery-v5--count-1{
  grid-template-columns:minmax(0,1fr) !important;
}

html.hp-ipad-device body.template-product .hp-product-page-v5 .hp-product-gallery-v5:not(.hp-product-gallery-v5--count-1) > .hp-product-media,
html.hp-tablet-mobile-ui body.template-product .hp-product-page-v5 .hp-product-gallery-v5:not(.hp-product-gallery-v5--count-1) > .hp-product-media{
  grid-column:auto !important;
  grid-row:auto !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:4 / 5 !important;
  overflow:hidden !important;
  align-self:stretch !important;
}

html.hp-ipad-device body.template-product .hp-product-page-v5 .hp-product-gallery-v5:not(.hp-product-gallery-v5--count-1) > .hp-product-media > img,
html.hp-tablet-mobile-ui body.template-product .hp-product-page-v5 .hp-product-gallery-v5:not(.hp-product-gallery-v5--count-1) > .hp-product-media > img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}


/* =========================================================
   HIDE PROJECT v22.032 — THINNER PDP MEDIA SEPARATORS
   =========================================================
   Gallery gap is now 2px in the shipped theme settings on desktop, iPad,
   and mobile. Layout, media sizing, panel and accordion behavior unchanged. */


/* =========================================================
   HIDE PROJECT v22.033 — ADAPTIVE SIZE GUIDE 3–5 MEASUREMENTS
   =========================================================
   Size charts can contain different numbers of measurement fields. Desktop and
   iPad keep the technical table, but headers are allowed to wrap and the modal
   gives the table enough real width. Phones switch each size row into a compact
   measurement card, so 3 / 4 / 5 fields stay readable with no horizontal crush. */

/* Desktop / iPad: give measurement labels room instead of forcing one-line text. */
@media (min-width:768px){
  .hp-size-guide-v3{
    padding:24px !important;
  }

  .hp-size-guide-v3__card{
    width:min(1280px,calc(100vw - 48px)) !important;
    max-height:min(86dvh,760px) !important;
    grid-template-columns:230px minmax(0,1fr) !important;
  }

  .hp-size-guide-v3__table-wrap{
    min-width:0 !important;
    overflow-x:hidden !important;
    padding:0 24px !important;
  }

  .hp-size-guide-v3__table{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }

  .hp-size-guide-v3__table th,
  .hp-size-guide-v3__table td{
    min-width:0 !important;
    padding:0 10px !important;
  }

  .hp-size-guide-v3__table th{
    height:58px !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
    line-height:1.28 !important;
    font-size:9px !important;
    letter-spacing:.045em !important;
    vertical-align:middle !important;
  }

  .hp-size-guide-v3__table td{
    height:62px !important;
    white-space:nowrap !important;
    font-size:10px !important;
  }

  /* SIZE never needs as much room as a measurement title. */
  .hp-size-guide-v3__table th:first-child,
  .hp-size-guide-v3__table td:first-child{
    width:72px !important;
    padding-right:14px !important;
  }

  /* The denser charts get a slightly tighter type scale only where needed. */
  .hp-size-guide-v3__table--cols-6 th{
    font-size:8.5px !important;
    letter-spacing:.035em !important;
  }

  .hp-size-guide-v3__table--cols-5 th,
  .hp-size-guide-v3__table--cols-4 th{
    font-size:9px !important;
  }
}

/* iPad portrait / compact tablet: stack the meta summary above the table so the
   measurement grid receives the whole sheet width. */
@media (min-width:768px) and (max-width:1100px){
  .hp-size-guide-v3{
    padding:18px !important;
  }

  .hp-size-guide-v3__card{
    width:calc(100vw - 36px) !important;
    max-height:90dvh !important;
    grid-template-columns:1fr !important;
    grid-template-rows:44px auto minmax(0,1fr) !important;
  }

  .hp-size-guide-v3__topbar{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .hp-size-guide-v3__meta{
    grid-column:1 !important;
    grid-row:2 !important;
    min-height:0 !important;
    padding:18px 22px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 150px !important;
    gap:16px 28px !important;
    border-right:0 !important;
    border-bottom:1px solid #292929 !important;
  }

  .hp-size-guide-v3__meta-top{
    min-width:0 !important;
  }

  .hp-size-guide-v3__unit{
    margin-top:0 !important;
    padding:0 0 0 22px !important;
    border-top:0 !important;
    border-left:1px solid #242424 !important;
  }

  .hp-size-guide-v3__fit{
    grid-column:1 / -1 !important;
    margin-top:0 !important;
    padding-top:14px !important;
  }

  .hp-size-guide-v3__main{
    grid-column:1 !important;
    grid-row:3 !important;
    min-height:0 !important;
    overflow:auto !important;
  }

  .hp-size-guide-v3__table-wrap{
    padding:0 20px !important;
  }

  .hp-size-guide-v3__table th{
    font-size:8px !important;
  }

  .hp-size-guide-v3__table th:first-child,
  .hp-size-guide-v3__table td:first-child{
    width:62px !important;
  }
}

/* Mobile: replace the squeezed horizontal table with one card per garment size.
   Each metric carries its own label from Liquid data-label, so any 3/4/5-field
   chart works without bespoke CSS or sideways scrolling. */
@media (max-width:767px){
  .hp-size-guide-v3__main{
    overflow:auto !important;
    background:#080808 !important;
  }

  .hp-size-guide-v3__table-head{
    position:static !important;
    min-height:50px !important;
    padding:0 16px !important;
  }

  .hp-size-guide-v3__table-wrap{
    padding:12px 14px 16px !important;
    overflow:visible !important;
  }

  .hp-size-guide-v3__table,
  .hp-size-guide-v3__table tbody{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }

  .hp-size-guide-v3__table thead{
    display:none !important;
  }

  .hp-size-guide-v3__table tbody{
    display:grid !important;
    gap:8px !important;
  }

  .hp-size-guide-v3__table tr{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    border:1px solid #292929 !important;
    background:#0a0a0a !important;
  }

  .hp-size-guide-v3__table td{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    min-width:0 !important;
    height:auto !important;
    min-height:58px !important;
    padding:11px 12px 10px !important;
    border:0 !important;
    border-top:1px solid #242424 !important;
    border-right:1px solid #242424 !important;
    color:#d7d7d7 !important;
    text-align:left !important;
    white-space:normal !important;
    font-size:11px !important;
    line-height:1.15 !important;
    letter-spacing:.025em !important;
  }

  .hp-size-guide-v3__table td::before{
    content:attr(data-label) !important;
    display:block !important;
    width:100% !important;
    margin-bottom:7px !important;
    color:#5e5e5e !important;
    font-size:6px !important;
    line-height:1.2 !important;
    letter-spacing:.09em !important;
    text-transform:uppercase !important;
    white-space:normal !important;
  }

  .hp-size-guide-v3__table td:first-child{
    grid-column:1 / -1 !important;
    min-height:46px !important;
    padding:10px 12px !important;
    border-top:0 !important;
    border-right:0 !important;
    color:#f0f0f0 !important;
    font-size:13px !important;
    letter-spacing:.055em !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .hp-size-guide-v3__table td:first-child::before{
    width:auto !important;
    margin:0 !important;
    color:#666 !important;
    font-size:6px !important;
  }

  /* Clean two-column dividers regardless of 3, 4 or 5 measurements. */
  .hp-size-guide-v3__table td:nth-child(odd):not(:first-child){
    border-right:0 !important;
  }

  /* If a chart has an odd number of metrics, let the last metric use the
     full card width instead of leaving a dead half-cell beside it. */
  .hp-size-guide-v3__table--cols-4 td:nth-child(4),
  .hp-size-guide-v3__table--cols-6 td:nth-child(6){
    grid-column:1 / -1 !important;
    border-right:0 !important;
  }

  .hp-size-guide-v3__main-foot{
    position:sticky !important;
    bottom:0 !important;
    min-height:58px !important;
    padding:0 14px !important;
    background:#080808 !important;
  }
}

@media (max-width:380px){
  .hp-size-guide-v3__table td{
    min-height:54px !important;
    padding:10px !important;
    font-size:10px !important;
  }
}