:root{
  --font: Arial, Helvetica, sans-serif;
  --display: "Arial Black", Arial, Helvetica, sans-serif;
  --condensed: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --base-size:16px;
  --black:#050505;
  --gray:#dedede;
  --header-h:88px;
}

*{box-sizing:border-box;} html,body{margin:0;padding:0;background:#fff;color:#050505;font-family:var(--font);font-size:var(--base-size);} body{min-height:100vh;} a{color:inherit;text-decoration:none;} button,input,textarea,select{font:inherit;color:inherit;} button{cursor:pointer;} img{max-width:100%;display:block;}
.site-header{height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:28px 30px 0;position:relative;z-index:30;background:#fff;}.nav-side{display:flex;gap:62px;align-items:center;font-size:20px;line-height:1;}.nav-side.right{justify-content:flex-end;gap:64px;}.brand{font-family:var(--display);font-weight:900;font-size:34px;line-height:.9;letter-spacing:-1.7px;white-space:nowrap;}.site-header .brand{position:absolute;left:50%;transform:translateX(-50%);top:27px;}.cart-link{font-size:22px;transform:translateY(-3px);}
.mobile-header{display:none;}.mobile-menu{display:none;}.page{min-height:calc(100vh - var(--header-h));position:relative;}
/* home */
.home{height:100vh;overflow:hidden;background:#000;position:relative;}.home .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}.home:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18);}.home-center{position:absolute;z-index:3;left:50%;top:48.8%;transform:translate(-50%,-50%);color:white;text-align:center;width:min(780px,92vw);}.home-title{font-family:var(--display);font-size:52px;letter-spacing:1px;margin:0 0 34px;}.home-links{display:flex;justify-content:center;gap:360px;font-size:20px;}
/* shop */
.shop-wrap{padding:82px 36px 40px;min-height:calc(100vh - var(--header-h));display:flex;flex-direction:column;}.product-grid{display:grid;grid-template-columns:repeat(3,355px);column-gap:125px;row-gap:24px;align-items:start;}.product-card{width:355px;text-align:center;display:block;}.product-card .media{height:305px;display:flex;align-items:center;justify-content:center;overflow:hidden;}.product-card img{max-width:100%;max-height:100%;object-fit:contain;}.product-name{font-family:var(--condensed);font-weight:400;font-size:19px;line-height:1.25;margin-top:3px;}.product-price{font-family:var(--condensed);font-size:18px;margin-top:7px;}.shop-footer{margin-top:auto;text-align:center;padding-top:30px;}.pagination{display:flex;justify-content:center;gap:35px;font-family:var(--display);font-size:28px;}.terms{font-family:var(--condensed);font-size:17px;margin-top:7px;}
/* product */
.product-page{display:grid;grid-template-columns:62% 38%;gap:0;padding:105px 72px 45px 96px;}.product-visual{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:70px;}.product-visual img{width:min(620px,78%);height:700px;object-fit:contain;}.product-info{padding-top:40px;padding-right:22px;}.product-info h1{font-family:var(--display);font-size:24px;line-height:1.2;text-align:center;margin:0 0 10px;}.big-price{font-family:var(--display);font-size:25px;text-align:center;margin-bottom:30px;}.rule{border:0;border-top:1px solid #111;margin:0 0 28px;}.field-label{font-family:var(--display);font-size:17px;margin-bottom:24px;}.size-select,.text-input{height:55px;border:1px solid #111;width:100%;background:#fff;padding:0 18px;}.btn-black{width:100%;height:54px;border:0;background:#000;color:#fff;margin-top:27px;}.btn-black + .btn-black{margin-top:7px;}.accordion{margin-top:25px;}.acc-item{border-top:1px solid #111;padding:20px 0;font-family:var(--display);font-size:17px;}.acc-item:last-child{border-bottom:1px solid #111;}.acc-content{font-family:var(--font);font-weight:400;font-size:14px;line-height:1.45;padding:14px 2px 0;display:none;}.acc-item.open .acc-content{display:block;}
/* gallery */
.gallery-wrap{padding:56px 0 60px 150px;}.gallery-list{display:flex;flex-direction:column;gap:55px;}.gallery-item{width:458px;}.gallery-item img{width:458px;height:297px;object-fit:cover;}.gallery-caption{font-family:var(--condensed);font-size:17px;margin-top:8px;}
/* about */
.about-wrap{padding:28px 160px 40px;}.about-copy{max-width:1450px;margin:0 auto;text-align:center;font-family:var(--condensed);font-size:36px;line-height:1.28;}.about-copy strong{font-family:var(--display);font-size:.96em;}.about-copy em{font-family:cursive;font-style:normal;font-weight:700;}.about-copy mark{background:#000;color:#fff;padding:0 5px;font-family:var(--display);}
/* login */
.login-wrap{min-height:calc(100vh - var(--header-h));position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:78px;overflow:hidden;}.login-art{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:884px;height:1051px;object-fit:contain;z-index:0;opacity:.94;}.auth-stack{position:relative;z-index:2;width:535px;text-align:center;}.auth-title{font-family:var(--condensed);font-size:29px;margin:0 0 19px;}.auth-form{margin-bottom:62px;}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{width:100%;height:46px;border:2px solid #111;background:rgba(255,255,255,.02);padding:0 25px;margin-bottom:5px;}.check-row{text-align:left;display:flex;gap:8px;align-items:center;margin:2px 0 26px;font-family:var(--condensed);font-size:18px;}.check-row input{width:23px;height:23px;}.auth-form .btn-black{margin-top:0;height:47px;font-family:var(--condensed);font-size:22px;}.auth-message{margin:-45px auto 18px;background:rgba(255,255,255,.9);padding:8px 12px;display:none;}.auth-message.show{display:block;}.user-panel{position:relative;z-index:3;width:520px;text-align:center;background:rgba(255,255,255,.82);border:1px solid #111;padding:30px;display:none;}
/* cart */
.cart-wrap{display:grid;grid-template-columns:minmax(0,1fr) 570px;gap:42px;padding:95px 80px 60px 110px;}.cart-items{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:40px 30px;align-content:start;}.cart-card{background:#ddd;min-height:182px;display:grid;grid-template-columns:48% 1fr;align-items:center;padding:12px 18px;position:relative;}.cart-card img{width:100%;height:150px;object-fit:contain;}.cart-card .meta{font-family:var(--condensed);font-size:17px;line-height:1.4;}.cart-card select,.cart-card input{height:32px;border:1px solid #111;background:white;margin-top:7px;max-width:75px;}.remove-item{position:absolute;right:8px;bottom:7px;border:0;background:none;font-size:12px;text-decoration:underline;}.cart-summary{border-left:5px solid #111;padding-left:225px;min-height:390px;}.checkout-btn{background:#000;color:#fff;border:0;font-family:var(--display);font-size:20px;padding:9px 20px;}.total-row{margin-top:34px;border-top:1px solid #111;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;font-family:var(--display);font-size:24px;}.total-row span{padding:12px 0;}.total-row span+span{border-left:1px solid #111;padding-left:28px;}.empty-cart{font-size:24px;padding:50px;}
/* checkout */
.checkout-wrap{display:grid;grid-template-columns:560px 420px;justify-content:center;gap:240px;padding:68px 30px 60px;}.pay-methods{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:27px;}.pay-chip{background:#000;color:#fff;border:0;font-family:var(--display);font-size:22px;padding:9px 28px;}.pay-chip.active{outline:2px solid #777;outline-offset:2px;}.checkout-section-title{font-family:var(--condensed);font-size:29px;margin:20px 0 8px;}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;}.checkout-form input,.checkout-form select{width:100%;height:43px;border:2px solid #111;padding:0 18px;margin-bottom:7px;background:#fff;}.checkbox-line{display:flex;align-items:center;gap:7px;font-family:var(--condensed);font-size:18px;margin-bottom:6px;}.checkbox-line input{width:24px;height:24px;margin:0;}.fineprint{font-size:12px;color:#999;line-height:1.4;margin:6px 0 28px;}.review-btn{height:45px;font-family:var(--display);font-size:18px;margin-top:0;}.order-side{padding-top:0;}.order-line{display:grid;grid-template-columns:145px 1fr;gap:12px;align-items:center;margin-bottom:10px;}.order-thumb{height:88px;background:#ddd;position:relative;display:flex;align-items:center;justify-content:center;}.order-thumb img{width:100%;height:80px;object-fit:contain;}.qty-badge{position:absolute;right:0;top:0;background:#000;color:#fff;font-family:var(--display);font-size:20px;padding:4px 10px;}.order-meta{font-family:var(--condensed);font-size:17px;line-height:1.35;}.discount{display:grid;grid-template-columns:1fr 84px;margin:19px 0 18px;}.discount input{height:44px;border:1px solid #111;padding:0 10px;}.discount button{border:1px solid #111;background:#fff;}.sum-row{display:flex;justify-content:space-between;font-family:var(--condensed);font-size:18px;margin:5px 0;}.sum-total{font-family:var(--display);font-size:24px;margin-top:28px;}.order-success{padding:22px;border:2px solid #111;margin-top:20px;display:none;}.order-success.show{display:block;}
/* custom sections */
.section-wrap{padding:70px 9vw;}.section-wrap h1{font-family:var(--display);font-size:42px;}.section-image{max-width:900px;max-height:650px;object-fit:cover;margin:25px 0;}.section-content{font-size:22px;line-height:1.6;max-width:1000px;}
/* misc */
.error-page{display:flex;min-height:100vh;align-items:center;justify-content:center;text-align:center;}.error-page h1{font-family:var(--display);font-size:78px;margin:0;}.muted{color:#777;}.hidden{display:none!important;}
@media(max-width:900px){
  :root{--header-h:84px;--base-size:15px;}.site-header{display:none;}.mobile-header{height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;position:relative;z-index:45;background:#fff;}.mobile-header.transparent{position:absolute;inset:0 0 auto;background:transparent;color:white;}.mobile-header .brand{font-size:27px;letter-spacing:-1.2px;}.mobile-menu-btn{border:0;background:none;text-align:left;padding:0;font-size:19px;}.mobile-cart{text-align:right;font-size:22px;}.mobile-menu{position:fixed;inset:0;background:rgba(255,255,255,.96);z-index:70;padding:28px 24px;overflow:auto;}.mobile-menu.open{display:block;}.mobile-menu-top{display:flex;justify-content:space-between;align-items:center;}.mobile-menu .brand{font-size:28px;}.mobile-menu-close{border:0;background:none;font-size:28px;}.mobile-menu nav{display:flex;flex-direction:column;gap:22px;margin-top:70px;font-size:30px;font-family:var(--display);}.mobile-menu .small-links{margin-top:55px;display:flex;flex-direction:column;gap:15px;font-size:18px;}
  .home{height:100svh;}.home .hero-image{content:url("/assets/images/hero-mobile.jpg");object-position:center top;}.home:after{background:rgba(0,0,0,.02);}.home-center{display:none;}
  .shop-wrap{padding:38px 18px 30px;}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;width:100%;}.product-card{width:auto;}.product-card .media{height:270px;}.product-name{font-size:16px;}.product-price{font-size:16px;}.shop-footer{padding-top:45px;}.pagination{font-size:23px;}
  .product-page{display:block;padding:14px 25px 110px;}.product-visual{padding:0;justify-content:center;}.product-visual img{height:640px;width:100%;max-width:520px;}.product-info{padding:8px 0 0;}.product-info h1{font-size:20px;}.big-price{font-size:19px;margin-bottom:23px;}.field-label{margin-bottom:14px;}.size-select{height:49px;}.btn-black{height:49px;margin-top:17px;}.acc-item{font-size:16px;padding:17px 0;}
  .gallery-wrap{padding:20px 20px 95px;}.gallery-item{width:100%;}.gallery-item img{width:100%;height:auto;max-height:620px;object-fit:cover;}.gallery-caption{font-size:17px;}
  .about-wrap{padding:20px 25px 90px;}.about-copy{font-size:24px;line-height:1.22;text-align:center;}
  .login-wrap{min-height:calc(100svh - var(--header-h));padding:82px 26px 100px;}.login-art{width:115%;height:100%;top:0;opacity:.88;object-fit:cover;}.auth-stack{width:min(100%,510px);}.auth-title{font-size:26px;}.auth-form{margin-bottom:42px;}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{height:48px;background:rgba(255,255,255,.12);}
  .cart-wrap{display:block;padding:24px 22px 115px;}.cart-items{display:flex;flex-direction:column;gap:14px;}.cart-card{min-height:170px;grid-template-columns:44% 1fr;}.cart-summary{border-left:0;border-top:2px solid #111;margin-top:35px;padding:25px 0;min-height:0;}.checkout-btn{width:100%;height:50px;}.total-row{font-size:22px;}
  .checkout-wrap{display:block;padding:25px 22px 110px;}.pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;}.pay-chip{font-size:16px;padding:10px 5px;}.checkout-section-title{font-size:26px;}.form-row{grid-template-columns:1fr;}.order-side{margin-top:40px;}.order-line{grid-template-columns:120px 1fr;}.section-wrap{padding:30px 24px 100px;}.section-wrap h1{font-size:31px;}.section-content{font-size:18px;}
}
@media(max-width:480px){
  .mobile-header{padding:0 16px;}.mobile-header .brand{font-size:24px;}.product-grid{gap:25px 12px;}.product-card .media{height:225px;}.product-name{font-size:14px;}.product-price{font-size:14px;}.product-visual img{height:500px;}.about-copy{font-size:20px;}.auth-stack{width:100%;}.checkout-wrap{padding-left:16px;padding-right:16px;}.pay-chip{font-size:14px;}
}

/* =========================================================
   HOME / PAGE 1 — matched to supplied PSD/JPG references.
   Original PSD font families: Benzin Regular/Semibold and
   Lucida Sans Typewriter. Commercial font files are not bundled.
   ========================================================= */
.home{
  --benzin-semibold:"Benzin Semibold","Benzin-Semibold","Arial Black","Arial Bold",Arial,sans-serif;
  --benzin-regular:"Benzin Regular","Benzin-Regular","Century Gothic","Trebuchet MS",Arial,sans-serif;
  --lucida-type:"Lucida Sans Typewriter","LucidaSans-Typewrite","Lucida Console","Courier New",monospace;
  height:100vh;
  min-height:620px;
  overflow:hidden;
  background:#000;
  position:relative;
  isolation:isolate;
}
.home:after{display:none!important;}
.home .hero-image{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
  user-select:none;
  pointer-events:none;
}
.home-center{
  position:absolute;
  z-index:5;
  left:50%;
  top:50.1%;
  transform:translate(-50%,-50%);
  width:550px;
  color:#fff;
  text-align:center;
}
.home-title{
  margin:0 0 35px;
  font-family:var(--benzin-semibold);
  font-weight:700;
  font-size:51px;
  line-height:.92;
  letter-spacing:-2.2px;
  white-space:nowrap;
}
.home-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  align-items:start;
  width:100%;
  font-family:var(--lucida-type);
  font-size:21px;
  line-height:1;
  text-align:left;
}
.home-nav-item{position:relative;min-height:28px;}
.home-nav-main{
  position:relative;
  z-index:4;
  display:inline-block;
  line-height:28px;
  color:#fff;
  transition:opacity .15s ease;
}
.shop-nav-item>.home-nav-main{margin-left:0;}
.login-nav-item{text-align:right;}
.login-nav-item>.home-nav-main{margin-right:0;}
.home-nav-main:hover{opacity:.93;}
.home-flyout{
  position:absolute;
  top:-11px;
  background:rgba(170,170,170,.58);
  color:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  overflow:hidden;
  transform:translateY(-4px) scaleY(.98);
  transform-origin:top;
  transition:opacity .18s ease,transform .23s ease,visibility 0s linear .23s;
  backdrop-filter:blur(.15px);
}
.home-nav-item:hover .home-flyout,
.home-nav-item:focus-within .home-flyout{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scaleY(1);
  transition-delay:0s;
}
.home-flyout a{
  display:block;
  opacity:0;
  transform:translateY(-8px);
  transition:opacity .18s ease,transform .2s ease;
}
.home-nav-item:hover .home-flyout a,
.home-nav-item:focus-within .home-flyout a{opacity:1;transform:translateY(0);}
.home-flyout a:nth-child(1){transition-delay:.03s;}
.home-flyout a:nth-child(2){transition-delay:.06s;}
.home-flyout a:nth-child(3){transition-delay:.09s;}
.home-flyout a:nth-child(4){transition-delay:.12s;}
.home-flyout a:nth-child(5){transition-delay:.15s;}
.home-flyout a:nth-child(6){transition-delay:.18s;}
.shop-flyout{
  left:0;
  width:278px;
  min-height:380px;
  padding:59px 6px 26px;
  text-align:left;
  font-family:var(--benzin-regular);
  font-size:15px;
  line-height:1.45;
  letter-spacing:-.45px;
}
.shop-flyout a{padding:1px 0 0 3px;white-space:nowrap;}
.login-flyout{
  right:-7px;
  width:277px;
  min-height:380px;
  padding:50px 12px 24px;
  text-align:right;
  font-family:var(--benzin-regular);
  font-size:15px;
  line-height:1.45;
  letter-spacing:-.45px;
}
.login-flyout a{padding-right:0;}
.login-flyout-gap{display:block;height:21px;}

.home-mobile-header,.home-mobile-menu{display:none;}















.incoming-time{margin-top:2px;text-align:left;}
.outgoing-time{margin-top:2px;text-align:right;}




.live-message{margin-top:12px!important;}
.desktop-only{display:block;}

@media(max-width:900px){
  .home{
    height:100svh;
    min-height:640px;
    overflow:hidden;
    background:#ddd;
  }
  .home .hero-image{
    content:none!important;
    object-fit:cover;
    object-position:center top;
  }
  .home-center{display:none!important;}
  .home-mobile-header{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:start;
    position:absolute;
    z-index:25;
    top:0;
    left:0;
    right:0;
    height:110px;
    padding:46px 21px 0;
    color:#fff;
    pointer-events:none;
  }
  .home-mobile-menu-button,
  .home-mobile-brand{pointer-events:auto;}
  .home-mobile-menu-button{
    justify-self:start;
    border:0;
    background:transparent;
    color:#fff;
    padding:0;
    font-family:var(--lucida-type);
    font-size:28px;
    line-height:1;
    font-weight:400;
  }
  .home-mobile-brand{
    justify-self:center;
    margin-top:-1px;
    font-family:var(--benzin-semibold);
    font-size:48px;
    font-weight:700;
    line-height:.9;
    letter-spacing:-2px;
    white-space:nowrap;
  }
  .home-mobile-menu{
    display:block;
    position:absolute;
    z-index:20;
    left:20px;
    top:42px;
    width:min(58vw,610px);
    height:auto;
    min-height:842px;
    padding:69px 8px 45px 4px;
    background:rgba(183,183,183,.57);
    opacity:0;
    visibility:hidden;
    transform:translateX(-18px);
    pointer-events:none;
    transition:opacity .2s ease,transform .24s ease,visibility 0s linear .24s;
  }
  .home-mobile-menu.open{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
    pointer-events:auto;
    transition-delay:0s;
  }
  .home-mobile-menu-nav{display:flex;flex-direction:column;align-items:flex-start;}
  .home-mobile-menu-nav a{
    color:#fff;
    font-family:var(--benzin-regular);
    font-size:31px;
    line-height:1.55;
    letter-spacing:-1.15px;
    white-space:nowrap;
    opacity:0;
    transform:translateX(-12px);
    transition:opacity .16s ease,transform .22s ease;
  }
  .home-mobile-menu.open .home-mobile-menu-nav a{opacity:1;transform:translateX(0);}
  .home-mobile-menu.open .home-mobile-menu-nav a:nth-of-type(1){transition-delay:.03s;}
  .home-mobile-menu.open .home-mobile-menu-nav a:nth-of-type(2){transition-delay:.055s;}
  .home-mobile-menu.open .home-mobile-menu-nav a:nth-of-type(3){transition-delay:.08s;}
  .home-mobile-menu.open .home-mobile-menu-nav a:nth-of-type(4){transition-delay:.105s;}
  .home-mobile-menu.open .home-mobile-menu-nav a:nth-of-type(5){transition-delay:.13s;}
  .home-mobile-menu.open .home-mobile-menu-nav a:nth-of-type(6){transition-delay:.155s;}
  .home-mobile-menu.open .home-mobile-menu-nav a:nth-of-type(7){transition-delay:.18s;}
  .home-mobile-menu.open .home-mobile-menu-nav a:nth-of-type(8){transition-delay:.205s;}
  .home-mobile-menu.open .home-mobile-menu-nav a:nth-of-type(9){transition-delay:.23s;}
  .home-mobile-menu.open .home-mobile-menu-nav a:nth-of-type(10){transition-delay:.255s;}
  .home-mobile-menu-gap{height:42px;}
  .home-mobile-menu-gap.small{height:38px;}
  .home-mobile-menu-nav .menu-label-dark{color:#000;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .desktop-only{display:none;}
}

@media(max-width:600px){
  .home-mobile-header{padding-top:30px;height:82px;}
  .home-mobile-menu-button{font-size:20px;}
  .home-mobile-brand{font-size:31px;letter-spacing:-1.35px;}
  .home-mobile-menu{left:12px;top:26px;width:58vw;min-height:56vh;padding:48px 5px 28px 4px;}
  .home-mobile-menu-nav a{font-size:18px;line-height:1.52;letter-spacing:-.65px;}
  .home-mobile-menu-gap{height:21px;}.home-mobile-menu-gap.small{height:19px;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}



.home{--benzin-semibold:"Benzin","Benzin Semibold","Benzin-Semibold","Arial Black",Arial,sans-serif;--benzin-regular:"Benzin","Benzin Regular","Benzin-Regular","Century Gothic","Trebuchet MS",Arial,sans-serif;}
.home-center{top:50.15%;width:540px;}
.home-title{font-size:52px;letter-spacing:-2.55px;margin-bottom:35px;font-weight:700;}
.home-links{font-size:20px;}
.home-nav-main{line-height:28px;}

/* The translucent surface grows diagonally from the corner nearest the trigger. */
.home-flyout{top:-10px;min-height:380px;opacity:1;visibility:visible;pointer-events:none;transform:none;transition:clip-path .34s cubic-bezier(.2,.8,.2,1),background .18s ease;}
.shop-flyout{left:0;clip-path:polygon(0 0,0 0,0 0,0 0);}
.login-flyout{right:-7px;clip-path:polygon(100% 0,100% 0,100% 0,100% 0);}
.shop-nav-item:hover .shop-flyout,.shop-nav-item:focus-within .shop-flyout{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:auto;}
.login-nav-item:hover .login-flyout,.login-nav-item:focus-within .login-flyout{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:auto;}
.home-flyout a{opacity:0;transition:opacity .18s ease,transform .28s cubic-bezier(.2,.8,.2,1);}
.shop-flyout a{transform:translateX(-24px);}
.login-flyout a{transform:translateX(24px);}
.home-nav-item:hover .home-flyout a,.home-nav-item:focus-within .home-flyout a{opacity:1;transform:translateX(0);}
.shop-flyout{padding-top:58px;background:rgba(162,162,162,.60);}
.login-flyout{padding-top:50px;background:rgba(162,162,162,.60);}
.login-flyout-gap{height:20px;}

.home-tools{position:fixed;right:23px;bottom:22px;z-index:30;display:flex;gap:8px;align-items:flex-end;}

.lang-toggle{height:48px;border:0;background:rgba(255,255,255,.92);color:#050505;padding:0 12px;font-family:var(--benzin-regular);font-size:12px;letter-spacing:-.2px;}













@media(max-width:900px){
  .home-tools{right:20px;bottom:31px;gap:7px;}.lang-toggle{height:64px;font-size:15px;padding:0 13px;}
  
}
@media(max-width:600px){
  .home-tools{right:11px;bottom:19px;gap:5px;}.lang-toggle{height:42px;font-size:10px;padding:0 8px;}
  
}

/* PAGE 1 hotfix v3 — exact hero scale + reliable hover states */
@media (min-width:901px){
  .home .hero-image{
    object-fit:contain!important;
    object-position:center center!important;
    background:#000;
  }
  .home-center{width:550px!important;}
  .home-title{font-size:52px!important;line-height:.92!important;letter-spacing:-2.2px!important;}
  .home-links{font-size:20px!important;}

  /* Closed by default. JS adds .is-open only to the active menu. */
  .home-flyout{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    clip-path:polygon(0 0,0 0,0 0,0 0)!important;
    transition:clip-path .32s cubic-bezier(.22,.8,.2,1),opacity .12s ease,visibility 0s linear .34s!important;
  }
  .login-flyout{clip-path:polygon(100% 0,100% 0,100% 0,100% 0)!important;}
  .home-nav-item.is-open .home-flyout{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;
    transition-delay:0s!important;
  }
  .home-flyout a{opacity:0!important;}
  .shop-flyout a{transform:translateX(-24px)!important;}
  .login-flyout a{transform:translateX(24px)!important;}
  .home-nav-item.is-open .home-flyout a{opacity:1!important;transform:translateX(0)!important;}

  .shop-flyout{width:278px!important;min-height:380px!important;padding:59px 6px 26px!important;}
  .login-flyout{width:277px!important;min-height:380px!important;padding:50px 12px 24px!important;}
  .shop-flyout a,.login-flyout a{white-space:nowrap!important;font-size:15px!important;line-height:1.45!important;}

  /* Keep language selector small so it does not alter the reference layout. */
  .home-tools{gap:6px!important;}
  .lang-toggle{height:48px!important;font-size:10px!important;padding:0 8px!important;}
}





/* PAGE 1 v4 — reference-scale correction (1920×1080 master) */
@media (min-width:901px){
  /* +25% versus the previous contain pass. At 1920×1080 this is almost the
     exact source-to-reference scale of the supplied master image. */
  .home .hero-image{
    object-fit:contain!important;
    object-position:center center!important;
    transform:translateY(7.5vh) scale(1.25)!important;
    transform-origin:50% 50%!important;
    background:#000!important;
  }

  /* Move the brand/navigation group upward without changing its proportions. */
  .home-center{
    top:48.35%!important;
    width:550px!important;
  }
  .home-title{
    font-size:52px!important;
    line-height:.92!important;
    letter-spacing:-2.2px!important;
    margin-bottom:35px!important;
  }
  .home-links{font-size:20px!important;}

  /* Fixed reference flyout depth: the translucent panel stops well above the
     bottom edge instead of stretching with the viewport. */
  .home-flyout{
    top:-13px!important;
    height:388px!important;
    min-height:0!important;
    bottom:auto!important;
    overflow:hidden!important;
  }
  .shop-flyout{
    width:280px!important;
    padding:59px 7px 24px!important;
  }
  .login-flyout{
    width:280px!important;
    padding:50px 12px 24px!important;
  }

  
  .home-tools{
    right:22px!important;
    bottom:25px!important;
    gap:8px!important;
  }
  
  .lang-toggle{
    height:48px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }

  
  
  
  
  
  
  
  
  
}






@media (min-width:901px){
  /* The supplied 1920×1080 design uses the original 2078×1386 hero at
     essentially 1:1 scale, cropped ~79px left/right and ~53px from the top.
     Scale from viewport WIDTH so the composition stays identical to the master. */
  .home .hero-image{
    width:108.2291667vw!important; /* 2078 / 1920 */
    height:auto!important;
    max-width:none!important;
    left:-4.1145833vw!important;   /* -79 / 1920 */
    top:-2.7604167vw!important;    /* -53 / 1920 */
    right:auto!important;
    bottom:auto!important;
    object-fit:fill!important;
    object-position:initial!important;
    transform:none!important;
    transform-origin:initial!important;
    background:#000!important;
  }

  /* Reference title crop comes directly from the supplied design. This keeps
     the default DEMI DEVILLE wordmark pixel-identical without redistributing
     the commercial font. If the admin changes the brand text, CSS falls back
     to the exact local font family name from the PSD. */
  .home-center{
    top:48.35%!important;
    width:540px!important;
  }
  .home-title{
    font-family:"Benzin-Semibold","Benzin Semibold",Arial,Helvetica,sans-serif!important;
    font-weight:400!important;
    font-size:56px!important;
    line-height:.93!important;
    letter-spacing:-1.15px!important;
    margin:0 0 35px!important;
    white-space:nowrap!important;
  }
  .home-title.reference-brand{
    width:540px!important;
    height:52px!important;
    margin:0 0 35px!important;
    background:url("/assets/images/brand-title-ref-sharp-20261011.png") center/540px 52px no-repeat!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-shadow:none!important;
    cursor:pointer!important;
  }

  /* SHOP and LOGIN line up with the visible left/right edges of the wordmark. */
  .home-links{
    width:530px!important;
    margin:0 auto!important;
    grid-template-columns:1fr 1fr!important;
    font-family:var(--lucida-type)!important;
    font-size:20px!important;
  }
  .shop-nav-item>.home-nav-main{margin-left:0!important;}
  .login-nav-item>.home-nav-main{margin-right:0!important;}

  /* 20% narrower translucent surfaces. */
  .shop-flyout,
  .login-flyout{
    width:224px!important;
    height:388px!important;
    min-height:0!important;
    bottom:auto!important;
  }
  .shop-flyout{left:0!important;padding:59px 7px 24px!important;}
  .login-flyout{right:0!important;padding:50px 10px 24px!important;}
  .shop-flyout a,.login-flyout a{
    font-size:14px!important;
    line-height:1.5!important;
  }
}




























/* Home SHOP / LOGIN flyout item hover underline. */
.home .shop-flyout a,
.home .login-flyout a{
  position:relative;
}
.home .shop-flyout a::after,
.home .login-flyout a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transition:transform .22s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.home .shop-flyout a::after{transform-origin:left center;}
.home .login-flyout a::after{transform-origin:right center;}
.home .shop-flyout a:hover::after,
.home .shop-flyout a:focus-visible::after,
.home .login-flyout a:hover::after,
.home .login-flyout a:focus-visible::after{
  transform:scaleX(1);
}

/* =========================================================
   SHOP desktop precision pass — supplied 1920×1080 reference.
   Scoped to SHOP only; mobile and all other pages keep their old styles.
   ========================================================= */
@media (min-width:901px){
  .shop-page{
    width:100vw;
    height:100vh;
    min-height:0;
    margin:0;
    overflow:hidden;
    background:#fff;
  }
  .shop-page .shop-stage{
    position:relative;
    width:100vw;
    height:100vh;
    overflow:hidden;
    background:#fff;
  }
  .shop-page .shop-canvas{
    --shop-scale:1;
    position:absolute;
    left:0;
    top:0;
    width:1920px;
    height:1080px;
    overflow:hidden;
    transform:scale(var(--shop-scale));
    transform-origin:0 0;
    background:#fff;
    border:2px solid #111;
  }

  /* Header — exact reference positions/sizes. Existing links remain in place. */
  .shop-page .site-header{
    position:absolute;
    inset:0 0 auto 0;
    z-index:70;
    width:1920px;
    height:88px;
    padding:29px 38px 0 28px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:start;
    background:transparent;
  }
  .shop-page .site-header .nav-side{
    position:relative;
    z-index:74;
    display:flex;
    align-items:flex-start;
    gap:66px;
    font-size:0;
    line-height:1;
  }
  .shop-page .site-header .nav-side.right{
    justify-content:flex-end;
    gap:64px;
  }
  .shop-page .site-header .nav-side>a{
    display:block;
    height:17px;
    flex:0 0 auto;
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% 100%;
    color:transparent;
    font-size:0;
    transition:filter .12s ease;
  }
  .shop-page .site-header .nav-side:not(.right)>a:nth-child(1){width:53px;background-image:url("/assets/images/shop-nav-shop.png");}
  .shop-page .site-header .nav-side:not(.right)>a:nth-child(2){width:95px;background-image:url("/assets/images/shop-nav-gallery.png");}
  .shop-page .site-header .nav-side:not(.right)>a:nth-child(3){width:69px;background-image:url("/assets/images/shop-nav-about.png");}
  .shop-page .site-header .nav-side.right>a:nth-child(1){width:120px;background-image:url("/assets/images/shop-nav-instagram.png");}
  .shop-page .site-header .nav-side.right>a:nth-child(2){width:95px;background-image:url("/assets/images/shop-nav-contact.png");}
  .shop-page .site-header .nav-side.right>a:nth-child(3){width:65px;background-image:url("/assets/images/shop-nav-login.png");}
  .shop-page .site-header .nav-side>a.is-flyout-active{filter:invert(1);}
  .shop-page .site-header .brand{
    position:absolute;
    z-index:76;
    left:50%;
    top:31px;
    width:326px;
    height:28px;
    transform:translateX(-50%);
    background:url("/assets/images/shop-brand-sharp-20261011.png") center/326px 28px no-repeat;
    color:transparent;
    font-size:0;
    line-height:0;
    cursor:pointer;
  }

  /* Product placement/copy — the old live copy stays in DOM as a fallback. */
  .shop-page .shop-wrap{
    position:absolute;
    inset:0;
    width:1920px;
    height:1080px;
    min-height:0;
    padding:0;
    display:block;
    overflow:hidden;
  }
  .shop-page .product-grid{
    position:absolute;
    inset:0;
    display:block;
    width:1920px;
    height:1080px;
  }
  .shop-page .product-card{
    position:absolute;
    display:block;
    width:auto;
    text-align:center;
    z-index:2;
  }
  .shop-page .product-card .media{
    display:block;
    overflow:visible;
    height:auto;
  }
  .shop-page .product-card .product-art{
    display:block;
    width:auto;
    height:auto;
    max-width:none;
    max-height:none;
    object-fit:initial;
  }
  .shop-page .product-card-1{left:31px;top:200px;width:306px;height:365px;}
  .shop-page .product-card-1 .media{width:306px;height:285px;}
  .shop-page .product-card-2{left:482px;top:197px;width:266px;height:370px;}
  .shop-page .product-card-2 .media{width:266px;height:312px;}
  .shop-page .product-card-3{left:922px;top:191px;width:253px;height:390px;}
  .shop-page .product-card-3 .media{width:253px;height:301px;}
  .shop-page .product-card-4{left:104px;top:587px;width:144px;height:420px;}
  .shop-page .product-card-4 .media{width:144px;height:336px;overflow:hidden;}
  .shop-page .product-card-4 .product-art{width:144px;height:384px;transform:translateY(-48px);}

  .shop-page .product-reference-copy{
    position:absolute;
    inset:0;
    display:block;
    pointer-events:none;
  }
  .shop-page .product-reference-copy img{
    position:absolute;
    display:block;
    max-width:none;
    width:auto;
    height:auto;
  }
  .shop-page .has-reference-copy>.product-live-copy{display:none;}
  .shop-page .product-card-1 .product-reference-label{left:78px;top:313px;width:151px;height:15px;}
  .shop-page .product-card-1 .product-reference-detail{left:142px;top:343px;width:22px;height:17px;}
  .shop-page .product-card-2 .product-reference-label{left:51px;top:316px;width:164px;height:18px;}
  .shop-page .product-card-2 .product-reference-detail{left:77px;top:344px;width:112px;height:17px;}
  .shop-page .product-card-3 .product-reference-label{left:89px;top:322px;width:75px;height:18px;}
  .shop-page .product-card-3 .product-reference-detail{left:68px;top:350px;width:118px;height:17px;}
  .shop-page .product-card-4 .product-reference-label{left:11px;top:363px;width:123px;height:15px;}
  .shop-page .product-card-4 .product-reference-detail{left:35px;top:391px;width:75px;height:17px;}

  /* Any additional products keep the previous grid-style fallback below the reference four. */
  .shop-page .product-card:nth-child(n/**/+5){position:relative;display:inline-block;left:auto;top:auto;width:280px;margin:620px 0 0 36px;vertical-align:top;}
  .shop-page .product-card:nth-child(n/**/+5) .media{height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .shop-page .product-card:nth-child(n/**/+5) .product-art{max-width:100%;max-height:100%;width:auto;height:auto;}
  .shop-page .product-card:nth-child(n/**/+5) .product-live-copy{display:block;}

  /* Footer / three pagination numbers. */
  .shop-page .shop-footer{
    position:absolute;
    z-index:12;
    left:50%;
    bottom:10px;
    width:155px;
    height:58px;
    margin:0;
    padding:0;
    transform:translateX(-50%);
    text-align:center;
  }
  .shop-page .shop-pagination{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:42px;
    height:30px;
  }
  .shop-page .shop-page-number{
    position:relative;
    display:block;
    flex:none;
    height:30px;
    padding:0;
    border:0;
    background-color:transparent;
    background-position:center top;
    background-repeat:no-repeat;
    color:transparent;
    font-size:0;
    line-height:0;
  }
  .shop-page .shop-page-number:nth-child(1){width:14px;background-image:url("/assets/images/shop-page-1.png");}
  .shop-page .shop-page-number:nth-child(2){width:29px;background-image:url("/assets/images/shop-page-2.png");}
  .shop-page .shop-page-number:nth-child(3){width:28px;background-image:url("/assets/images/shop-page-3.png");}
  .shop-page .shop-page-number:nth-child(n/**/+4){width:28px;color:#000;font:700 26px/30px Arial,sans-serif;}
  .shop-page .shop-page-indicator{display:none!important;}
  .shop-page .shop-terms{
    width:110px;
    height:18px;
    margin:10px auto 0;
    background:url("/assets/images/shop-terms.png") center/110px 18px no-repeat;
    color:transparent;
    font-size:0;
  }

  /* SHOP and LOGIN dropdowns — same directional reveal as home. */
  .shop-page .shop-header-flyout{
    position:absolute;
    z-index:71;
    display:block;
    overflow:hidden;
    pointer-events:none;
    background:rgba(0,0,0,.663);
    transition:clip-path .25s cubic-bezier(.2,.8,.2,1);
  }
  .shop-page .shop-header-flyout-left{
    left:32px;
    top:31px;
    width:364px;
    height:562px;
    clip-path:polygon(0 0,0 0,0 100%,0 100%);
  }
  .shop-page .shop-header-flyout-right{
    right:31px;
    top:20px;
    width:364px;
    height:242px;
    clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);
  }
  .shop-page .shop-header-flyout.is-open{
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    pointer-events:auto;
  }
  .shop-page .shop-header-flyout nav{
    position:absolute;
    display:flex;
    flex-direction:column;
    margin:0;
    font-family:"Benzin Regular","Benzin-Regular","Arial Narrow",Arial,sans-serif;
    font-size:14px;
    line-height:24px;
    letter-spacing:-.25px;
    white-space:nowrap;
  }
  .shop-page .shop-header-flyout-left nav{left:3px;top:55px;align-items:flex-start;text-align:left;}
  .shop-page .shop-header-flyout-right nav{right:5px;top:43px;align-items:flex-end;text-align:right;}
  .shop-page .shop-header-flyout a{
    position:relative;
    display:block;
    width:max-content;
    color:#fff;
  }
  .shop-page .shop-header-flyout-gap{display:block;height:20px;}
  .shop-page .shop-header-flyout a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:1px;
    height:1px;
    background:currentColor;
    transform:scaleX(0);
    transition:transform .22s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
  }
  .shop-page .shop-header-flyout-left a::after{transform-origin:left center;}
  .shop-page .shop-header-flyout-right a::after{transform-origin:right center;}
  .shop-page .shop-header-flyout a:hover::after,
  .shop-page .shop-header-flyout a:focus-visible::after{transform:scaleX(1);}

  
  
  
  
  
  
  
  
  .shop-page .shop-reference-chat{display:block;}
  .shop-page .shop-reference-start{
    display:block!important;
    width:216px!important;
    height:68px!important;
    margin:0 auto!important;
    font-size:15px!important;
  }
  .shop-page .shop-reference-thread{top:137px!important;}
  .shop-page .shop-reference-composer{display:flex!important;}
}

/* =========================================================
   SHOP correction pass — only the requested SHOP layout/UI fixes.
   Keeps the previous implementation in place and overrides it here.
   ========================================================= */
@media (min-width:901px){
  .shop-page .shop-canvas{
    --shop-inverse-scale:1;
  }

  /* Header: keep both navigation groups on their own edges and the brand exactly centered. */
  .shop-page .site-header{
    display:block;
    padding:0;
  }
  .shop-page .site-header .nav-side,
  .shop-page .site-header .nav-side.right{
    position:absolute;
    top:29px;
    margin:0;
  }
  .shop-page .site-header .nav-side:not(.right){
    left:28px;
    right:auto;
    justify-content:flex-start;
  }
  .shop-page .site-header .nav-side.right{
    left:auto;
    right:28px;
    justify-content:flex-end;
  }
  .shop-page .site-header .brand{
    left:50%;
    top:29px;
    transform:translateX(-50%);
  }

  /* Product area: use the full available width, with a maximum of five items per row. */
  .shop-page .product-grid{
    left:0;
    right:0;
    top:190px;
    bottom:auto;
    width:100%;
    height:800px;
    display:grid;
    grid-template-columns:repeat(var(--shop-columns,5),minmax(0,1fr));
    grid-auto-rows:390px;
    column-gap:0;
    row-gap:12px;
    align-items:start;
    justify-items:stretch;
  }
  .shop-page .product-card,
  .shop-page .product-card:nth-child(n/**/+5){
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    height:390px;
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    vertical-align:initial;
    text-align:center;
  }
  .shop-page .product-card .media,
  .shop-page .product-card:nth-child(n/**/+5) .media,
  .shop-page .product-card-1 .media,
  .shop-page .product-card-2 .media,
  .shop-page .product-card-3 .media,
  .shop-page .product-card-4 .media{
    width:100%;
    height:310px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
  }
  .shop-page .product-card .product-art,
  .shop-page .product-card:nth-child(n/**/+5) .product-art,
  .shop-page .product-card-4 .product-art{
    width:auto;
    height:auto;
    max-width:306px;
    max-height:310px;
    transform:none;
    object-fit:contain;
  }
  .shop-page .product-reference-copy{display:none;}
  .shop-page .has-reference-copy>.product-live-copy,
  .shop-page .product-live-copy{
    display:block;
    width:100%;
    margin-top:0;
    padding:0 8px;
  }
  .shop-page .product-name,
  .shop-page .product-price{
    display:block;
    font-family:var(--condensed);
    font-weight:400;
    line-height:1.2;
  }
  .shop-page .product-name{font-size:18px;margin-top:0;}
  .shop-page .product-price{font-size:17px;margin-top:8px;}

  /* Pagination exists only when there is more than one real page. */
  .shop-page .shop-footer{
    width:360px;
    height:62px;
    bottom:8px;
  }
  .shop-page .shop-pagination{
    position:relative;
    width:max-content;
    height:31px;
    margin:0 auto;
    gap:35px;
  }
  .shop-page .shop-pagination.is-hidden{display:none;}
  .shop-page .shop-page-number,
  .shop-page .shop-page-number:nth-child(1),
  .shop-page .shop-page-number:nth-child(2),
  .shop-page .shop-page-number:nth-child(3),
  .shop-page .shop-page-number:nth-child(n/**/+4){
    width:auto;
    min-width:24px;
    height:31px;
    padding:0;
    background:none;
    color:#000;
    font-family:"Benzin Semibold","Benzin-Semibold","Arial Black",Arial,sans-serif;
    font-size:26px;
    font-weight:700;
    line-height:31px;
    text-align:center;
  }
  .shop-page .shop-page-indicator{
    display:block!important;
    position:absolute;
    left:0;
    top:31px;
    width:24px;
    height:2px;
    background:#111;
    opacity:0;
    transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .12s ease;
  }
  .shop-page .shop-footer.is-single-page .shop-page-indicator{display:none!important;}
  .shop-page .shop-footer.is-single-page .shop-terms{margin-top:0;}

  /* Fly-outs: the translucent field begins at the real page edges, not mid-header. */
  .shop-page .shop-header-flyout{
    overflow:hidden;
  }
  .shop-page .shop-header-flyout-left{
    left:0;
    top:0;
    width:396px;
    height:590px;
  }
  .shop-page .shop-header-flyout-right{
    right:0;
    top:0;
    width:396px;
    height:268px;
  }
  .shop-page .shop-header-flyout nav{
    font-size:17px;
    line-height:27px;
    letter-spacing:-.3px;
  }
  .shop-page .shop-header-flyout-left nav{
    left:29px;
    top:71px;
  }
  .shop-page .shop-header-flyout-right nav{
    right:29px;
    top:54px;
  }
  .shop-page .shop-header-flyout-gap{height:22px;}

  
  
  
  
  
}

@media (min-width:901px){
  /* Slightly larger top navigation text, while preserving the supplied artwork/font. */
  .shop-page .site-header .nav-side>a{height:20px;}
  .shop-page .site-header .nav-side:not(.right)>a:nth-child(1){width:62px;}
  .shop-page .site-header .nav-side:not(.right)>a:nth-child(2){width:112px;}
  .shop-page .site-header .nav-side:not(.right)>a:nth-child(3){width:81px;}
  .shop-page .site-header .nav-side.right>a:nth-child(1){width:141px;}
  .shop-page .site-header .nav-side.right>a:nth-child(2){width:112px;}
  .shop-page .site-header .nav-side.right>a:nth-child(3){width:76px;}
}


@media (min-width:901px){
  /* Fill the browser edge-to-edge. The two axes are fitted separately so
     wide desktop viewports do not leave an unused white strip on the right. */
  .shop-page .shop-canvas{
    --shop-scale-x:var(--shop-scale,1);
    --shop-scale-y:var(--shop-scale,1);
    transform:scale(var(--shop-scale-x),var(--shop-scale-y));
    transform-origin:0 0;
  }

  /* Restore the exact reference navigation artwork scale. */
  .shop-page .site-header .nav-side>a{height:17px;}
  .shop-page .site-header .nav-side:not(.right)>a:nth-child(1){width:53px;}
  .shop-page .site-header .nav-side:not(.right)>a:nth-child(2){width:95px;}
  .shop-page .site-header .nav-side:not(.right)>a:nth-child(3){width:69px;}
  .shop-page .site-header .nav-side.right>a:nth-child(1){width:120px;}
  .shop-page .site-header .nav-side.right>a:nth-child(2){width:95px;}
  .shop-page .site-header .nav-side.right>a:nth-child(3){width:65px;}

  /* Product captions: use the supplied reference artwork for the original
     products so font, weight and tracking match the screenshot exactly. */
  .shop-page .product-card.has-reference-copy>.product-live-copy{display:none;}
  .shop-page .product-card.has-reference-copy .product-reference-copy{
    position:relative;
    inset:auto;
    width:100%;
    height:52px;
    margin-top:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    pointer-events:none;
  }
  .shop-page .product-card.has-reference-copy .product-reference-copy img,
  .shop-page .product-card-1 .product-reference-label,
  .shop-page .product-card-1 .product-reference-detail,
  .shop-page .product-card-2 .product-reference-label,
  .shop-page .product-card-2 .product-reference-detail,
  .shop-page .product-card-3 .product-reference-label,
  .shop-page .product-card-3 .product-reference-detail,
  .shop-page .product-card-4 .product-reference-label,
  .shop-page .product-card-4 .product-reference-detail{
    position:static;
    left:auto;
    top:auto;
    display:block;
    width:auto;
    height:auto;
    max-width:none;
    max-height:none;
  }
  .shop-page .product-card-1 .product-reference-label{width:151px;height:15px;}
  .shop-page .product-card-1 .product-reference-detail{width:22px;height:17px;}
  .shop-page .product-card-2 .product-reference-label{width:164px;height:18px;}
  .shop-page .product-card-2 .product-reference-detail{width:112px;height:17px;}
  .shop-page .product-card-3 .product-reference-label{width:75px;height:18px;}
  .shop-page .product-card-3 .product-reference-detail{width:118px;height:17px;}
  .shop-page .product-card-4 .product-reference-label{width:123px;height:15px;}
  .shop-page .product-card-4 .product-reference-detail{width:75px;height:17px;}

  /* Fallback caption style for any products without reference caption art. */
  .shop-page .product-name,
  .shop-page .product-price{
    font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif;
    font-weight:400;
    letter-spacing:-.35px;
    line-height:1.08;
  }
  .shop-page .product-name{font-size:17px;margin-top:0;}
  .shop-page .product-price{font-size:16px;margin-top:8px;}

  /* The jeans reference cut contains an old floating 55$ above the image.
     Crop only that unused top strip; product data/copy remains untouched. */
  .shop-page .product-card-4 .media{overflow:hidden;}
  .shop-page .product-card-4 .product-art{
    max-height:none;
    transform:translateY(-38px);
  }

  
  
  
  
}



@media (min-width:901px){
  
  
  
  
  
  
  
  
  
  
  
  .shop-page .shop-reference-chat{
    display:none!important;
  }
}


@media (min-width:901px){
  .shop-page{
    
    
    
  }

  
  

  
  
  

  /* Strong black outline from the supplied reference so the white panel does
     not merge into the page background. */
  
  

  /* The email form keeps the home-page proportions inside the scaled panel. */
  
  
  
  
  
  
  
  
}







/* =========================================================
   LOGIN / REGISTER reference screen — requested 14.09.2026.
   Desktop geometry follows the supplied 1098 × 616 reference.
   Existing site styles remain above unchanged.
   ========================================================= */
@media (min-width:901px){
  body.login-page{
    width:100vw;
    height:100vh;
    min-height:0;
    overflow:hidden;
    background:#fff;
  }
  .login-page .login-canvas{
    --login-scale-x:1;
    --login-scale-y:1;
    position:absolute;
    left:50%;
    top:50%;
    width:1098px;
    height:616px;
    overflow:hidden;
    background:#fff;
    transform:translate(-50%,-50%) scale(var(--login-scale-x),var(--login-scale-y));
    transform-origin:center center;
  }

  /* Header — exact placement from the supplied LOGIN reference. */
  .login-page .site-header{
    position:absolute;
    left:0;
    top:0;
    z-index:30;
    width:1098px;
    height:58px;
    padding:0;
    display:block;
    background:transparent;
  }
  .login-page .site-header .nav-side,
  .login-page .site-header .nav-side.right{
    position:absolute;
    top:15px;
    display:flex;
    align-items:center;
    gap:37px;
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:18px;
  }
  .login-page .site-header .nav-side:not(.right){left:16px;}
  .login-page .site-header .nav-side.right{right:17px;justify-content:flex-end;}
  .login-page .site-header .brand{
    position:absolute;
    left:50%;
    top:15px;
    transform:translateX(-50%);
    font-family:var(--display);
    font-size:24px;
    font-weight:900;
    line-height:18px;
    letter-spacing:-1.25px;
    white-space:nowrap;
  }

  /* Main reference plane begins at the physical top of the screenshot. */
  .login-page .login-wrap{
    position:absolute;
    inset:0;
    z-index:1;
    min-height:0;
    width:1098px;
    height:616px;
    padding:0;
    margin:0;
    display:block;
    overflow:hidden;
  }
  .login-page .login-art{
    position:absolute;
    z-index:0;
    left:50%;
    top:27px;
    width:480px;
    height:auto;
    max-width:none;
    object-fit:contain;
    opacity:.94;
    transform:translateX(-50%);
    pointer-events:none;
    user-select:none;
  }

  /* Register / login stack — 303 px controls, matching the reference. */
  .login-page .auth-stack{
    position:absolute;
    z-index:2;
    left:50%;
    top:115px;
    width:305px;
    transform:translateX(-50%);
    text-align:center;
  }
  .login-page .auth-title{
    font-family:var(--condensed);
    font-size:18px;
    font-weight:400;
    line-height:22px;
    margin:0 0 8px;
  }
  .login-page .auth-form{
    width:305px;
    margin:0;
  }
  .login-page .auth-form input[type=text],
  .login-page .auth-form input[type=email],
  .login-page .auth-form input[type=password]{
    display:block;
    width:305px;
    height:25px;
    margin:0 0 4px;
    padding:0 14px;
    border:1.5px solid #111;
    border-radius:0;
    outline:0;
    background:rgba(255,255,255,.03);
    font-family:var(--condensed);
    font-size:11px;
    font-weight:400;
    line-height:23px;
    box-shadow:none;
  }
  .login-page .auth-form input::placeholder{color:#161616;opacity:1;}
  .login-page .check-row{
    width:305px;
    height:13px;
    margin:3px 0 9px;
    display:flex;
    align-items:center;
    gap:4px;
    text-align:left;
    font-family:var(--condensed);
    font-size:11px;
    font-weight:400;
    line-height:13px;
    white-space:nowrap;
  }
  .login-page .check-row input{
    appearance:none;
    -webkit-appearance:none;
    flex:0 0 13px;
    width:13px;
    height:13px;
    margin:0;
    border:1.5px solid #111;
    border-radius:0;
    background:#fff;
    position:relative;
  }
  .login-page .check-row input:checked:after{
    content:"";
    position:absolute;
    left:3px;
    top:0px;
    width:4px;
    height:8px;
    border:solid #000;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
  }
  .login-page .auth-form .btn-black{
    display:block;
    width:303px;
    height:25px;
    margin:0 auto;
    padding:0;
    border:0;
    border-radius:0;
    background:#000;
    color:#fff;
    font-family:var(--condensed);
    font-size:17px;
    font-weight:400;
    line-height:25px;
  }
  .login-page #registerForm .check-row:last-of-type{margin-bottom:18px;}
  .login-page #registerForm{margin-bottom:35px;}
  .login-page #loginForm .check-row{margin-bottom:21px;}
  .login-page #loginForm .btn-black{margin-top:0;}

  .login-page .auth-message{
    position:absolute;
    left:50%;
    top:-31px;
    z-index:5;
    width:305px;
    margin:0;
    padding:4px 8px;
    transform:translateX(-50%);
    background:rgba(255,255,255,.92);
    border:1px solid rgba(0,0,0,.22);
    font-size:11px;
    line-height:14px;
    display:none;
  }
  .login-page .auth-message.show{display:block;}
  .login-page .user-panel{
    position:absolute;
    z-index:3;
    left:50%;
    top:150px;
    width:305px;
    transform:translateX(-50%);
    text-align:center;
    background:rgba(255,255,255,.88);
    border:1px solid #111;
    padding:20px;
    display:none;
  }
  .login-page .user-panel .btn-black{
    height:34px;
    margin-top:10px;
    font-family:var(--condensed);
    font-size:15px;
  }

  
  
}
@media (max-width:900px){
  .login-page .login-canvas{position:static;width:auto;height:auto;transform:none;}
}


@media (min-width:901px){
  /* Keep the reference-size LOGIN composition instead of enlarging it on
     larger displays. The page remains completely visible with no scrolling. */
  .login-page .login-canvas{
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    width:1098px!important;
    height:616px!important;
    transform:translate(-50%,-50%) scale(var(--login-scale-x,1),var(--login-scale-y,1))!important;
    transform-origin:center center!important;
    overflow:hidden!important;
  }

  /* Same compact top navigation geometry visible on the SHOP reference. */
  .login-page .site-header{
    width:1098px!important;
    height:58px!important;
  }
  .login-page .site-header .nav-side,
  .login-page .site-header .nav-side.right{
    top:15px!important;
    gap:37px!important;
    font-size:14px!important;
    line-height:18px!important;
    font-weight:400!important;
  }
  .login-page .site-header .nav-side:not(.right){left:16px!important;}
  .login-page .site-header .nav-side.right{right:17px!important;}
  .login-page .site-header .brand{
    left:50%!important;
    top:15px!important;
    transform:translateX(-50%)!important;
    font-size:24px!important;
    line-height:18px!important;
    font-weight:900!important;
    letter-spacing:-1.25px!important;
  }

  /* Preserve the supplied background/artwork size exactly. */
  .login-page .login-wrap{width:1098px!important;height:616px!important;}
  .login-page .login-art{
    left:50%!important;
    top:27px!important;
    width:480px!important;
    max-width:none!important;
    transform:translateX(-50%)!important;
  }

  
  

  
  
  
  
  
  
  
  
}


@media (min-width:901px){
  html,
  body.login-page{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.login-page{
    position:fixed!important;
    inset:0!important;
  }

  /* Full browser plane with no outer/top/bottom strip. */
  .login-page .login-canvas{
    position:fixed!important;
    inset:0!important;
    left:0!important;
    top:0!important;
    width:100vw!important;
    height:100vh!important;
    min-width:100vw!important;
    min-height:100vh!important;
    transform:none!important;
    transform-origin:0 0!important;
    overflow:hidden!important;
    border:0!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }

  /* LOGIN art/forms remain the exact 1098×616 composition, but resize
     with ONE uniform factor so nothing becomes wider than the reference. */
  .login-page .login-wrap{
    position:absolute!important;
    inset:auto!important;
    left:50%!important;
    top:50%!important;
    width:1098px!important;
    height:616px!important;
    margin:0!important;
    padding:0!important;
    transform:translate(-50%,-50%) scale(var(--login-content-scale,1))!important;
    transform-origin:center center!important;
    overflow:hidden!important;
  }

  /* Header is no longer part of the enlarged LOGIN plane.
     These are the same compact positions/sizes as the supplied SHOP-scale
     reference: exact font scale, centered brand and edge navigation. */
  .login-page .site-header{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    width:100vw!important;
    height:58px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    background:transparent!important;
  }
  .login-page .site-header .nav-side,
  .login-page .site-header .nav-side.right{
    position:absolute!important;
    top:15px!important;
    display:flex!important;
    align-items:center!important;
    gap:37px!important;
    margin:0!important;
    transform:none!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:18px!important;
    letter-spacing:0!important;
  }
  .login-page .site-header .nav-side:not(.right){
    left:16px!important;
    right:auto!important;
    justify-content:flex-start!important;
  }
  .login-page .site-header .nav-side.right{
    left:auto!important;
    right:17px!important;
    justify-content:flex-end!important;
  }
  .login-page .site-header .brand{
    position:absolute!important;
    left:50%!important;
    top:15px!important;
    width:auto!important;
    height:auto!important;
    transform:translateX(-50%)!important;
    background:none!important;
    color:#050505!important;
    font-family:var(--display)!important;
    font-size:24px!important;
    font-weight:900!important;
    line-height:18px!important;
    letter-spacing:-1.25px!important;
    white-space:nowrap!important;
  }

  
  
}


@media (min-width:901px){
  html,
  body.login-page{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.login-page{
    position:fixed!important;
    inset:0!important;
  }

  /* One untouched 1098×616 reference plane, enlarged uniformly from width. */
  .login-page .login-canvas{
    position:fixed!important;
    left:0!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    width:1098px!important;
    height:616px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
    transform:scale(var(--login-screen-scale,1))!important;
    transform-origin:0 0!important;
  }

  /* Restore the exact 1098×616 reference geometry inside the plane. */
  .login-page .login-wrap{
    position:absolute!important;
    inset:0!important;
    left:0!important;
    top:0!important;
    width:1098px!important;
    height:616px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:hidden!important;
    transform:none!important;
    transform-origin:0 0!important;
  }

  /* Header is part of the same reference plane and therefore scales with it. */
  .login-page .site-header{
    position:absolute!important;
    left:0!important;
    top:0!important;
    right:auto!important;
    width:1098px!important;
    height:58px!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    transform:none!important;
    background:transparent!important;
  }
  .login-page .site-header .nav-side,
  .login-page .site-header .nav-side.right{
    position:absolute!important;
    top:15px!important;
    display:flex!important;
    align-items:center!important;
    gap:37px!important;
    margin:0!important;
    transform:none!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:18px!important;
    letter-spacing:0!important;
  }
  .login-page .site-header .nav-side:not(.right){
    left:16px!important;
    right:auto!important;
    justify-content:flex-start!important;
  }
  .login-page .site-header .nav-side.right{
    left:auto!important;
    right:17px!important;
    justify-content:flex-end!important;
  }
  .login-page .site-header .brand{
    position:absolute!important;
    left:50%!important;
    top:15px!important;
    width:auto!important;
    height:auto!important;
    transform:translateX(-50%)!important;
    color:#050505!important;
    font-family:var(--display)!important;
    font-size:24px!important;
    font-weight:900!important;
    line-height:18px!important;
    letter-spacing:-1.25px!important;
    white-space:nowrap!important;
  }

  
  
}


@media (min-width:901px){
  /* Menu: same compact/typewriter look as the supplied design, 3px smaller
     than the previous 14px LOGIN override. */
  .login-page .site-header .nav-side,
  .login-page .site-header .nav-side.right{
    font-family:"Lucida Sans Typewriter","Lucida Console","Courier New",monospace!important;
    font-size:11px!important;
    font-weight:400!important;
    line-height:15px!important;
    letter-spacing:-.15px!important;
  }

  /* Brand: preserve accepted size/position, remove excessive heaviness. */
  .login-page .site-header .brand{
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:24px!important;
    font-weight:700!important;
    line-height:18px!important;
    letter-spacing:-1.15px!important;
  }

  .login-page .site-header .nav-side,
  .login-page .site-header .brand{z-index:4!important;}
  .login-page .site-header .nav-side>a{position:relative!important;z-index:5!important;}
  .login-page .site-header .nav-side>a.is-flyout-active{color:#fff!important;}

  /* SHOP / LOGIN fly-outs on the LOGIN page. They live on the accepted
     1098px reference plane and therefore follow the same overall scale. */
  .login-page .login-header-flyout{
    position:absolute!important;
    top:0!important;
    z-index:2!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background:rgba(0,0,0,.66)!important;
    transition:clip-path .25s cubic-bezier(.2,.8,.2,1)!important;
  }
  .login-page .login-header-flyout-left{
    left:0!important;
    width:208px!important;
    height:322px!important;
    clip-path:polygon(0 0,0 0,0 100%,0 100%)!important;
  }
  .login-page .login-header-flyout-right{
    right:0!important;
    width:208px!important;
    height:149px!important;
    clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)!important;
  }
  .login-page .login-header-flyout.is-open{
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;
    pointer-events:auto!important;
  }
  .login-page .login-header-flyout nav{
    position:absolute!important;
    display:flex!important;
    flex-direction:column!important;
    margin:0!important;
    font-family:"Benzin Regular","Benzin-Regular","Arial Narrow",Arial,sans-serif!important;
    font-size:10px!important;
    font-weight:400!important;
    line-height:14px!important;
    letter-spacing:-.15px!important;
    white-space:nowrap!important;
  }
  .login-page .login-header-flyout-left nav{
    left:16px!important;
    top:47px!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  .login-page .login-header-flyout-right nav{
    right:17px!important;
    top:37px!important;
    align-items:flex-end!important;
    text-align:right!important;
  }
  .login-page .login-header-flyout a{
    position:relative!important;
    display:block!important;
    width:max-content!important;
    color:#fff!important;
  }
  .login-page .login-header-flyout-gap{display:block!important;height:13px!important;}
  .login-page .login-header-flyout a::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:1px!important;
    background:currentColor!important;
    transform:scaleX(0)!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;
    pointer-events:none!important;
  }
  .login-page .login-header-flyout-left a::after{transform-origin:left center!important;}
  .login-page .login-header-flyout-right a::after{transform-origin:right center!important;}
  .login-page .login-header-flyout a:hover::after,
  .login-page .login-header-flyout a:focus-visible::after{transform:scaleX(1)!important;}

  
  
  
  
  
}


@media (min-width:901px){
  /* The LOGIN header is moved to <body> by auth.js and rendered on the same
     1920×1080 reference plane as SHOP. This makes its positions, artwork and
     apparent size identical to SHOP at every desktop viewport. */
  body.login-page>#desktopHeader.site-header{
    position:fixed!important;
    left:0!important;
    top:0!important;
    right:auto!important;
    width:1920px!important;
    height:88px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
    z-index:300!important;
    background:transparent!important;
    transform:scale(var(--login-shop-header-scale-x,1),var(--login-shop-header-scale-y,1))!important;
    transform-origin:0 0!important;
  }
  body.login-page>#desktopHeader .nav-side,
  body.login-page>#desktopHeader .nav-side.right{
    position:absolute!important;
    top:29px!important;
    z-index:304!important;
    display:flex!important;
    align-items:flex-start!important;
    margin:0!important;
    padding:0!important;
    gap:66px!important;
    font-size:0!important;
    line-height:1!important;
    transform:none!important;
  }
  body.login-page>#desktopHeader .nav-side:not(.right){
    left:28px!important;
    right:auto!important;
    justify-content:flex-start!important;
  }
  body.login-page>#desktopHeader .nav-side.right{
    left:auto!important;
    right:28px!important;
    justify-content:flex-end!important;
    gap:64px!important;
  }
  body.login-page>#desktopHeader .nav-side>a{
    position:relative!important;
    z-index:305!important;
    display:block!important;
    flex:0 0 auto!important;
    height:17px!important;
    margin:0!important;
    padding:0!important;
    background-position:left top!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    transition:filter .12s ease!important;
  }
  body.login-page>#desktopHeader .nav-side:not(.right)>a:nth-child(1){width:53px!important;background-image:url("/assets/images/shop-nav-shop.png")!important;}
  body.login-page>#desktopHeader .nav-side:not(.right)>a:nth-child(2){width:95px!important;background-image:url("/assets/images/shop-nav-gallery.png")!important;}
  body.login-page>#desktopHeader .nav-side:not(.right)>a:nth-child(3){width:69px!important;background-image:url("/assets/images/shop-nav-about.png")!important;}
  body.login-page>#desktopHeader .nav-side.right>a:nth-child(1){width:120px!important;background-image:url("/assets/images/shop-nav-instagram.png")!important;}
  body.login-page>#desktopHeader .nav-side.right>a:nth-child(2){width:95px!important;background-image:url("/assets/images/shop-nav-contact.png")!important;}
  body.login-page>#desktopHeader .nav-side.right>a:nth-child(3){width:65px!important;background-image:url("/assets/images/shop-nav-login.png")!important;}
  body.login-page>#desktopHeader .nav-side>a.is-flyout-active{filter:invert(1)!important;}

  body.login-page>#desktopHeader .brand{
    position:absolute!important;
    z-index:306!important;
    left:50%!important;
    top:29px!important;
    width:326px!important;
    height:28px!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    background:url("/assets/images/shop-brand-sharp-20261011.png") center/326px 28px no-repeat!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    letter-spacing:0!important;
    cursor:pointer!important;
  }

  /* Exact SHOP directional fly-outs, using the existing LOGIN fly-out DOM. */
  body.login-page>#desktopHeader .login-header-flyout{
    position:absolute!important;
    z-index:301!important;
    display:block!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background:rgba(0,0,0,.663)!important;
    transition:clip-path .25s cubic-bezier(.2,.8,.2,1)!important;
  }
  body.login-page>#desktopHeader .login-header-flyout-left{
    left:32px!important;
    top:31px!important;
    width:364px!important;
    height:562px!important;
    clip-path:polygon(0 0,0 0,0 100%,0 100%)!important;
  }
  body.login-page>#desktopHeader .login-header-flyout-right{
    right:31px!important;
    top:20px!important;
    width:364px!important;
    height:242px!important;
    clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)!important;
  }
  body.login-page>#desktopHeader .login-header-flyout.is-open{
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;
    pointer-events:auto!important;
  }
  body.login-page>#desktopHeader .login-header-flyout nav{
    position:absolute!important;
    display:flex!important;
    flex-direction:column!important;
    margin:0!important;
    padding:0!important;
    font-family:"Benzin Regular","Benzin-Regular","Arial Narrow",Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:24px!important;
    letter-spacing:-.25px!important;
    white-space:nowrap!important;
  }
  body.login-page>#desktopHeader .login-header-flyout-left nav{left:3px!important;top:55px!important;align-items:flex-start!important;text-align:left!important;}
  body.login-page>#desktopHeader .login-header-flyout-right nav{right:5px!important;top:43px!important;align-items:flex-end!important;text-align:right!important;}
  body.login-page>#desktopHeader .login-header-flyout a{
    position:relative!important;
    display:block!important;
    width:max-content!important;
    color:#fff!important;
  }
  body.login-page>#desktopHeader .login-header-flyout-gap{display:block!important;height:20px!important;}
  body.login-page>#desktopHeader .login-header-flyout a::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:1px!important;
    height:1px!important;
    background:currentColor!important;
    transform:scaleX(0)!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;
    pointer-events:none!important;
  }
  body.login-page>#desktopHeader .login-header-flyout-left a::after{transform-origin:left center!important;}
  body.login-page>#desktopHeader .login-header-flyout-right a::after{transform-origin:right center!important;}
  body.login-page>#desktopHeader .login-header-flyout a:hover::after,
  body.login-page>#desktopHeader .login-header-flyout a:focus-visible::after{transform:scaleX(1)!important;}

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}


@media (min-width:901px){
  /* Top menu: +5px in height from the current 17px reference artwork.
     Widths are scaled by the same ratio so the supplied SHOP artwork keeps
     its original proportions. The centered brand keeps the exact SHOP art. */
  body.login-page>#desktopHeader .nav-side>a{
    height:22px!important;
  }
  body.login-page>#desktopHeader .nav-side:not(.right)>a:nth-child(1){width:69px!important;}
  body.login-page>#desktopHeader .nav-side:not(.right)>a:nth-child(2){width:123px!important;}
  body.login-page>#desktopHeader .nav-side:not(.right)>a:nth-child(3){width:89px!important;}
  body.login-page>#desktopHeader .nav-side.right>a:nth-child(1){width:155px!important;}
  body.login-page>#desktopHeader .nav-side.right>a:nth-child(2){width:123px!important;}
  body.login-page>#desktopHeader .nav-side.right>a:nth-child(3){width:84px!important;}

  body.login-page>#desktopHeader .brand{
    top:31px!important;
    width:326px!important;
    height:28px!important;
    background:url("/assets/images/shop-brand-sharp-20261011.png") center/326px 28px no-repeat!important;
  }

  
  

  
  
  
  
  
  
  
  
  
  
  
  
}


@media (min-width:901px){
  /* 1) Top header menu: current 22px artwork height -> 19px (-3px).
     Widths are reduced proportionally so the original SHOP artwork is not distorted. */
  body.login-page>#desktopHeader .nav-side>a{
    height:19px!important;
  }
  body.login-page>#desktopHeader .nav-side:not(.right)>a:nth-child(1){width:60px!important;}
  body.login-page>#desktopHeader .nav-side:not(.right)>a:nth-child(2){width:106px!important;}
  body.login-page>#desktopHeader .nav-side:not(.right)>a:nth-child(3){width:77px!important;}
  body.login-page>#desktopHeader .nav-side.right>a:nth-child(1){width:134px!important;}
  body.login-page>#desktopHeader .nav-side.right>a:nth-child(2){width:106px!important;}
  body.login-page>#desktopHeader .nav-side.right>a:nth-child(3){width:73px!important;}

  /* 2) Keep the exact SHOP brand drawing, but use a subtly thinned (~10%) version. */
  body.login-page>#desktopHeader .brand{
    background-image:url("/assets/images/shop-brand-light-sharp-20261011.png")!important;
    background-size:326px 28px!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
  }

  /* 3 + 5) Remove the Impact-heavy look from form fields, labels, titles and buttons. */
  body.login-page .auth-title{
    font-family:"Arial Narrow",Arial,Helvetica,sans-serif!important;
    font-weight:400!important;
  }
  body.login-page .auth-form input[type=text],
  body.login-page .auth-form input[type=email],
  body.login-page .auth-form input[type=password],
  body.login-page .check-row{
    font-family:"Arial Narrow",Arial,Helvetica,sans-serif!important;
    font-weight:400!important;
  }
  body.login-page .auth-form .btn-black,
  body.login-page .user-panel .btn-black{
    font-family:"Arial Narrow",Arial,Helvetica,sans-serif!important;
    font-weight:400!important;
  }

  
  

  
  
}


@media (min-width:901px){
  /* 1) Top menu: exactly -1.5px from the current 19px artwork height.
     Widths follow the same ratio so the raster text is not distorted. */
  body.login-page>#desktopHeader .nav-side>a{
    height:17.5px!important;
  }
  body.login-page>#desktopHeader .nav-side:not(.right)>a:nth-child(1){width:55.26px!important;}
  body.login-page>#desktopHeader .nav-side:not(.right)>a:nth-child(2){width:97.63px!important;}
  body.login-page>#desktopHeader .nav-side:not(.right)>a:nth-child(3){width:70.92px!important;}
  body.login-page>#desktopHeader .nav-side.right>a:nth-child(1){width:123.42px!important;}
  body.login-page>#desktopHeader .nav-side.right>a:nth-child(2){width:97.63px!important;}
  body.login-page>#desktopHeader .nav-side.right>a:nth-child(3){width:67.24px!important;}

  /* 2) Exact type family from the supplied PSD for Register/Login,
     input text, checkbox captions and auth buttons. */
  body.login-page .auth-title,
  body.login-page .auth-form input[type=text],
  body.login-page .auth-form input[type=email],
  body.login-page .auth-form input[type=password],
  body.login-page .auth-form input::placeholder,
  body.login-page .check-row,
  body.login-page .auth-form .btn-black,
  body.login-page .user-panel .btn-black{
    font-family:"Bahnschrift Light Condensed","Bahnschrift",sans-serif!important;
    font-weight:300!important;
    font-stretch:condensed!important;
    text-shadow:none!important;
    -webkit-text-stroke:0!important;
  }

  
  
}

/* =========================================================
   LOGIN — SHOP/LOGIN fly-out alignment refinement.
   Requested 14.09.2026. Only the translucent fly-out panels
   and their submenu typography/spacing are adjusted.
   ========================================================= */
@media (min-width:901px){
  /* Start the translucent field at the real page edge so the
     SHOP / LOGIN header item is never cut by the panel edge. */
  body.login-page>#desktopHeader .login-header-flyout-left{
    left:0!important;
    top:0!important;
    height:477.7px!important; /* 562px - 15% */
  }
  body.login-page>#desktopHeader .login-header-flyout-right{
    right:0!important;
    top:0!important;
    height:205.7px!important; /* 242px - 15% */
  }

  /* Submenu text +15%, with a little more air between rows. */
  body.login-page>#desktopHeader .login-header-flyout nav{
    font-size:16.1px!important;
    line-height:28px!important;
  }
  body.login-page>#desktopHeader .login-header-flyout-left nav{
    left:3px!important;
    top:58px!important;
  }
  body.login-page>#desktopHeader .login-header-flyout-right nav{
    right:5px!important;
    top:49px!important;
  }
  body.login-page>#desktopHeader .login-header-flyout-gap{
    height:23px!important;
  }
}

/* =========================================================
   LOGIN — submenu start alignment + requested size/spacing.
   Requested 14.09.2026. Only SHOP/LOGIN fly-out submenu text
   alignment, size and row spacing are adjusted.
   ========================================================= */
@media (min-width:901px){
  /* Align submenu text with the corresponding top-level item. */
  body.login-page>#desktopHeader .login-header-flyout-left nav{
    left:28px!important;
    right:auto!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  body.login-page>#desktopHeader .login-header-flyout-right nav{
    right:28px!important;
    left:auto!important;
    align-items:flex-end!important;
    text-align:right!important;
  }

  /* +10% from the current 16.1px submenu text; +2px row spacing. */
  body.login-page>#desktopHeader .login-header-flyout nav{
    font-size:17.71px!important;
    line-height:30px!important;
  }
  body.login-page>#desktopHeader .login-header-flyout-gap{
    height:25px!important;
  }
}

/* =========================================================
   LOGIN — prevent right LOGIN fly-out submenu clipping.
   Requested 15.09.2026. Only panel height is adjusted so all
   existing submenu rows remain fully visible.
   ========================================================= */
@media (min-width:901px){
  body.login-page>#desktopHeader .login-header-flyout-right{
    height:230px!important;
    min-height:230px!important;
  }
}

/* =========================================================
   GALLERY — reuse current LOGIN chrome exactly.
   Requested 15.09.2026. Gallery content itself is untouched.
   ========================================================= */
@media (min-width:901px){
  body.gallery-page>#desktopHeader.site-header{
    position:fixed!important;
    left:0!important;
    top:0!important;
    right:auto!important;
    width:1920px!important;
    height:88px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
    z-index:300!important;
    background:transparent!important;
    transform:scale(var(--gallery-header-scale-x,1),var(--gallery-header-scale-y,1))!important;
    transform-origin:0 0!important;
  }
  body.gallery-page>#desktopHeader .nav-side,
  body.gallery-page>#desktopHeader .nav-side.right{
    position:absolute!important;
    top:29px!important;
    z-index:304!important;
    display:flex!important;
    align-items:flex-start!important;
    margin:0!important;
    padding:0!important;
    gap:66px!important;
    font-size:0!important;
    line-height:1!important;
    transform:none!important;
  }
  body.gallery-page>#desktopHeader .nav-side:not(.right){
    left:28px!important;
    right:auto!important;
    justify-content:flex-start!important;
  }
  body.gallery-page>#desktopHeader .nav-side.right{
    left:auto!important;
    right:28px!important;
    justify-content:flex-end!important;
    gap:64px!important;
  }
  body.gallery-page>#desktopHeader .nav-side>a{
    position:relative!important;
    z-index:305!important;
    display:block!important;
    flex:0 0 auto!important;
    height:17.5px!important;
    margin:0!important;
    padding:0!important;
    background-position:left top!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    transition:filter .12s ease!important;
  }
  body.gallery-page>#desktopHeader .nav-side:not(.right)>a:nth-child(1){width:55.26px!important;background-image:url("/assets/images/shop-nav-shop.png")!important;}
  body.gallery-page>#desktopHeader .nav-side:not(.right)>a:nth-child(2){width:97.63px!important;background-image:url("/assets/images/shop-nav-gallery.png")!important;}
  body.gallery-page>#desktopHeader .nav-side:not(.right)>a:nth-child(3){width:70.92px!important;background-image:url("/assets/images/shop-nav-about.png")!important;}
  body.gallery-page>#desktopHeader .nav-side.right>a:nth-child(1){width:123.42px!important;background-image:url("/assets/images/shop-nav-instagram.png")!important;}
  body.gallery-page>#desktopHeader .nav-side.right>a:nth-child(2){width:97.63px!important;background-image:url("/assets/images/shop-nav-contact.png")!important;}
  body.gallery-page>#desktopHeader .nav-side.right>a:nth-child(3){width:67.24px!important;background-image:url("/assets/images/shop-nav-login.png")!important;}
  body.gallery-page>#desktopHeader .nav-side>a.is-flyout-active{filter:invert(1)!important;}

  body.gallery-page>#desktopHeader .brand{
    position:absolute!important;
    z-index:306!important;
    left:50%!important;
    top:31px!important;
    width:326px!important;
    height:28px!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    background-color:transparent!important;
    background-image:url("/assets/images/shop-brand-light-sharp-20261011.png")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:326px 28px!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    letter-spacing:0!important;
    cursor:pointer!important;
  }

  body.gallery-page>#desktopHeader .gallery-header-flyout{
    position:absolute!important;
    z-index:301!important;
    display:block!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background:rgba(0,0,0,.663)!important;
    transition:clip-path .25s cubic-bezier(.2,.8,.2,1)!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout-left{
    left:0!important;
    top:0!important;
    width:364px!important;
    height:477.7px!important;
    clip-path:polygon(0 0,0 0,0 100%,0 100%)!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout-right{
    right:0!important;
    top:0!important;
    width:364px!important;
    height:230px!important;
    min-height:230px!important;
    clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout.is-open{
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;
    pointer-events:auto!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout nav{
    position:absolute!important;
    display:flex!important;
    flex-direction:column!important;
    margin:0!important;
    padding:0!important;
    font-family:"Benzin Regular","Benzin-Regular","Arial Narrow",Arial,sans-serif!important;
    font-size:17.71px!important;
    font-weight:400!important;
    line-height:30px!important;
    letter-spacing:-.25px!important;
    white-space:nowrap!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout-left nav{
    left:28px!important;
    right:auto!important;
    top:58px!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout-right nav{
    right:28px!important;
    left:auto!important;
    top:49px!important;
    align-items:flex-end!important;
    text-align:right!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout a{
    position:relative!important;
    display:block!important;
    width:max-content!important;
    color:#fff!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout-gap{display:block!important;height:25px!important;}
  body.gallery-page>#desktopHeader .gallery-header-flyout a::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:1px!important;
    height:1px!important;
    background:currentColor!important;
    transform:scaleX(0)!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;
    pointer-events:none!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout-left a::after{transform-origin:left center!important;}
  body.gallery-page>#desktopHeader .gallery-header-flyout-right a::after{transform-origin:right center!important;}
  body.gallery-page>#desktopHeader .gallery-header-flyout a:hover::after,
  body.gallery-page>#desktopHeader .gallery-header-flyout a:focus-visible::after{transform:scaleX(1)!important;}

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}


/* =========================================================
   GALLERY — menu/link usability + exact content alignment.
   15.09.2026: only Gallery page adjustments.
   ========================================================= */
@media (min-width:901px){
  /* Keep every visible header item and every flyout item clickable. */
  body.gallery-page>#desktopHeader .nav-side,
  body.gallery-page>#desktopHeader .nav-side>a,
  body.gallery-page>#desktopHeader .brand,
  body.gallery-page>#desktopHeader .gallery-header-flyout,
  body.gallery-page>#desktopHeader .gallery-header-flyout a{
    pointer-events:auto!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout a{
    z-index:2!important;
    cursor:pointer!important;
    text-decoration:none!important;
  }

  /* The gallery card starts directly under the GALLERY header item.
     149px is the exact GALLERY x-position in the 1920px header reference;
     it scales with the same horizontal factor as the header. */
  body.gallery-page .gallery-wrap{
    padding-top:81px!important;
    padding-right:0!important;
    padding-bottom:60px!important;
    padding-left:calc(149px * var(--gallery-header-scale-x,1))!important;
  }

  /* Match the light/narrow caption from the supplied Gallery reference. */
  body.gallery-page .gallery-caption{
    font-family:"Bahnschrift Light Condensed","Arial Narrow",Arial,sans-serif!important;
    font-weight:300!important;
    font-stretch:condensed!important;
    letter-spacing:0!important;
  }

  /* LOGIN flyout: preserve the visual gap from LOGIN to CART and give
     every submenu row the same comfortable spacing. */
  body.gallery-page>#desktopHeader .gallery-header-flyout-right nav{
    top:54px!important;
    row-gap:3px!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout-left nav{
    row-gap:3px!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout nav>a{
    line-height:27px!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout-gap{
    height:22px!important;
  }
  body.gallery-page>#desktopHeader .gallery-header-flyout-right{
    height:252px!important;
    min-height:252px!important;
  }
}

/* =========================================================
   GALLERY — exact PSD caption + image start + LOGIN/CART gap.
   Requested 15.09.2026. Gallery page only.
   ========================================================= */
@media (min-width:901px){
  /* Figure's browser default margin was shifting the image ~40px to the right.
     Keep the gallery wrapper aligned under GALLERY and remove only that default. */
  body.gallery-page .gallery-item{
    margin:0!important;
  }

  /* Exact text style from "Главная страницца Gallery.psd":
     Bahnschrift-LightCondense, 12 px, no faux bold, tracking 0. */
  body.gallery-page .gallery-caption{
    font-family:"Bahnschrift Light Condensed","Bahnschrift-LightCondense","Arial Narrow",Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:300!important;
    font-style:normal!important;
    font-stretch:condensed!important;
    letter-spacing:0!important;
    line-height:1.2!important;
  }

  /* +3px between the top-level LOGIN item and CART. */
  body.gallery-page>#desktopHeader .gallery-header-flyout-right nav{
    top:57px!important;
  }
}


/* =========================================================
   ABOUT — reuse current LOGIN chrome exactly.
   Requested 15.09.2026. About content itself is untouched.
   ========================================================= */
@media (min-width:901px){
  body.about-page>#desktopHeader.site-header{
    position:fixed!important;
    left:0!important;
    top:0!important;
    right:auto!important;
    width:1920px!important;
    height:88px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
    z-index:300!important;
    background:transparent!important;
    transform:scale(var(--gallery-header-scale-x,1),var(--gallery-header-scale-y,1))!important;
    transform-origin:0 0!important;
  }
  body.about-page>#desktopHeader .nav-side,
  body.about-page>#desktopHeader .nav-side.right{
    position:absolute!important;
    top:29px!important;
    z-index:304!important;
    display:flex!important;
    align-items:flex-start!important;
    margin:0!important;
    padding:0!important;
    gap:66px!important;
    font-size:0!important;
    line-height:1!important;
    transform:none!important;
  }
  body.about-page>#desktopHeader .nav-side:not(.right){
    left:28px!important;
    right:auto!important;
    justify-content:flex-start!important;
  }
  body.about-page>#desktopHeader .nav-side.right{
    left:auto!important;
    right:28px!important;
    justify-content:flex-end!important;
    gap:64px!important;
  }
  body.about-page>#desktopHeader .nav-side>a{
    position:relative!important;
    z-index:305!important;
    display:block!important;
    flex:0 0 auto!important;
    height:17.5px!important;
    margin:0!important;
    padding:0!important;
    background-position:left top!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    transition:filter .12s ease!important;
  }
  body.about-page>#desktopHeader .nav-side:not(.right)>a:nth-child(1){width:55.26px!important;background-image:url("/assets/images/shop-nav-shop.png")!important;}
  body.about-page>#desktopHeader .nav-side:not(.right)>a:nth-child(2){width:97.63px!important;background-image:url("/assets/images/shop-nav-gallery.png")!important;}
  body.about-page>#desktopHeader .nav-side:not(.right)>a:nth-child(3){width:70.92px!important;background-image:url("/assets/images/shop-nav-about.png")!important;}
  body.about-page>#desktopHeader .nav-side.right>a:nth-child(1){width:123.42px!important;background-image:url("/assets/images/shop-nav-instagram.png")!important;}
  body.about-page>#desktopHeader .nav-side.right>a:nth-child(2){width:97.63px!important;background-image:url("/assets/images/shop-nav-contact.png")!important;}
  body.about-page>#desktopHeader .nav-side.right>a:nth-child(3){width:67.24px!important;background-image:url("/assets/images/shop-nav-login.png")!important;}
  body.about-page>#desktopHeader .nav-side>a.is-flyout-active{filter:invert(1)!important;}

  body.about-page>#desktopHeader .brand{
    position:absolute!important;
    z-index:306!important;
    left:50%!important;
    top:31px!important;
    width:326px!important;
    height:28px!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    background-color:transparent!important;
    background-image:url("/assets/images/shop-brand-light-sharp-20261011.png")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:326px 28px!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    letter-spacing:0!important;
    cursor:pointer!important;
  }

  body.about-page>#desktopHeader .gallery-header-flyout{
    position:absolute!important;
    z-index:301!important;
    display:block!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background:rgba(0,0,0,.663)!important;
    transition:clip-path .25s cubic-bezier(.2,.8,.2,1)!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout-left{
    left:0!important;
    top:0!important;
    width:364px!important;
    height:477.7px!important;
    clip-path:polygon(0 0,0 0,0 100%,0 100%)!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout-right{
    right:0!important;
    top:0!important;
    width:364px!important;
    height:230px!important;
    min-height:230px!important;
    clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout.is-open{
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;
    pointer-events:auto!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout nav{
    position:absolute!important;
    display:flex!important;
    flex-direction:column!important;
    margin:0!important;
    padding:0!important;
    font-family:"Benzin Regular","Benzin-Regular","Arial Narrow",Arial,sans-serif!important;
    font-size:17.71px!important;
    font-weight:400!important;
    line-height:30px!important;
    letter-spacing:-.25px!important;
    white-space:nowrap!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout-left nav{
    left:28px!important;
    right:auto!important;
    top:58px!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout-right nav{
    right:28px!important;
    left:auto!important;
    top:49px!important;
    align-items:flex-end!important;
    text-align:right!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout a{
    position:relative!important;
    display:block!important;
    width:max-content!important;
    color:#fff!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout-gap{display:block!important;height:25px!important;}
  body.about-page>#desktopHeader .gallery-header-flyout a::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:1px!important;
    height:1px!important;
    background:currentColor!important;
    transform:scaleX(0)!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;
    pointer-events:none!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout-left a::after{transform-origin:left center!important;}
  body.about-page>#desktopHeader .gallery-header-flyout-right a::after{transform-origin:right center!important;}
  body.about-page>#desktopHeader .gallery-header-flyout a:hover::after,
  body.about-page>#desktopHeader .gallery-header-flyout a:focus-visible::after{transform:scaleX(1)!important;}

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}


/* =========================================================
   ABOUT — menu/link usability + exact content alignment.
   15.09.2026: only About page adjustments.
   ========================================================= */
@media (min-width:901px){
  /* Keep every visible header item and every flyout item clickable. */
  body.about-page>#desktopHeader .nav-side,
  body.about-page>#desktopHeader .nav-side>a,
  body.about-page>#desktopHeader .brand,
  body.about-page>#desktopHeader .gallery-header-flyout,
  body.about-page>#desktopHeader .gallery-header-flyout a{
    pointer-events:auto!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout a{
    z-index:2!important;
    cursor:pointer!important;
    text-decoration:none!important;
  }

  /* The gallery card starts directly under the GALLERY header item.
     149px is the exact GALLERY x-position in the 1920px header reference;
     it scales with the same horizontal factor as the header. */
  body.about-page .gallery-wrap{
    padding-top:81px!important;
    padding-right:0!important;
    padding-bottom:60px!important;
    padding-left:calc(149px * var(--gallery-header-scale-x,1))!important;
  }

  /* Match the light/narrow caption from the supplied About reference. */
  body.about-page .gallery-caption{
    font-family:"Bahnschrift Light Condensed","Arial Narrow",Arial,sans-serif!important;
    font-weight:300!important;
    font-stretch:condensed!important;
    letter-spacing:0!important;
  }

  /* LOGIN flyout: preserve the visual gap from LOGIN to CART and give
     every submenu row the same comfortable spacing. */
  body.about-page>#desktopHeader .gallery-header-flyout-right nav{
    top:54px!important;
    row-gap:3px!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout-left nav{
    row-gap:3px!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout nav>a{
    line-height:27px!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout-gap{
    height:22px!important;
  }
  body.about-page>#desktopHeader .gallery-header-flyout-right{
    height:252px!important;
    min-height:252px!important;
  }
}

/* =========================================================
   ABOUT — exact PSD caption + image start + LOGIN/CART gap.
   Requested 15.09.2026. About page only.
   ========================================================= */
@media (min-width:901px){
  /* Figure's browser default margin was shifting the image ~40px to the right.
     Keep the gallery wrapper aligned under GALLERY and remove only that default. */
  body.about-page .gallery-item{
    margin:0!important;
  }

  /* Exact text style from "Главная страницца About.psd":
     Bahnschrift-LightCondense, 12 px, no faux bold, tracking 0. */
  body.about-page .gallery-caption{
    font-family:"Bahnschrift Light Condensed","Bahnschrift-LightCondense","Arial Narrow",Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:300!important;
    font-style:normal!important;
    font-stretch:condensed!important;
    letter-spacing:0!important;
    line-height:1.2!important;
  }

  /* +3px between the top-level LOGIN item and CART. */
  body.about-page>#desktopHeader .gallery-header-flyout-right nav{
    top:57px!important;
  }
}


/* =========================================================
   ABOUT — exact PSD typography/art placement.
   The typography is rasterized directly from the supplied PSD,
   preserving every PSD font/run exactly without shipping font files.
   ========================================================= */
body.about-page{
  margin:0!important;
  min-height:100vh!important;
  background:#fff!important;
  overflow:hidden!important;
}
@media (min-width:901px){
  body.about-page .about-wrap{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
    z-index:1!important;
  }
  body.about-page .about-design-canvas{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1920px!important;
    height:1080px!important;
    transform:scale(var(--gallery-header-scale-x,1),var(--gallery-header-scale-y,1))!important;
    transform-origin:0 0!important;
    pointer-events:none!important;
  }
  body.about-page .about-copy-art{
    position:absolute!important;
    left:200px!important;
    top:100px!important;
    width:1520px!important;
    height:520px!important;
    object-fit:contain!important;
    object-position:left top!important;
    display:block!important;
    max-width:none!important;
  }
  body.about-page>#desktopHeader{z-index:300!important;}
  
  
}
@media (max-width:900px){
  body.about-page{overflow:auto!important;}
  body.about-page .about-wrap{padding:78px 12px 90px!important;}
  body.about-page .about-design-canvas{position:static!important;width:100%!important;height:auto!important;transform:none!important;}
  body.about-page .about-copy-art{position:static!important;width:100%!important;height:auto!important;display:block!important;}
}

/* =========================================================
   PRODUCT DETAIL — exact 1920×1080 PSD layout + interactive panels.
   Requested 15.09.2026. Product page only.
   Fonts found in the supplied PSD: Benzin Regular/Medium/Semibold + Arial Narrow.
   ========================================================= */
body.product-detail-page{
  margin:0!important;
  min-height:100vh!important;
  background:#fff!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:#000 #fff;
}
body.product-detail-page::-webkit-scrollbar{width:9px;}
body.product-detail-page::-webkit-scrollbar-track{background:#fff;}
body.product-detail-page::-webkit-scrollbar-thumb{background:#000;border-radius:0;}

@media (min-width:901px){
  body.product-detail-page .product-page-shell{
    position:relative!important;
    width:100vw!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.product-detail-page #productPage.product-page{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1920px!important;
    min-width:1920px!important;
    min-height:1080px!important;
    height:1080px;
    margin:0!important;
    padding:0!important;
    display:block!important;
    transform:scale(var(--product-scale-x,1),var(--product-scale-y,1))!important;
    transform-origin:0 0!important;
    background:#fff!important;
    overflow:visible!important;
  }

  body.product-detail-page .product-visual{
    position:absolute!important;
    left:198px!important;
    top:272px!important;
    width:555px!important;
    height:704px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  body.product-detail-page .product-visual img{
    display:block!important;
    width:555px!important;
    height:704px!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center top!important;
  }

  body.product-detail-page .product-info{
    position:absolute!important;
    left:1216px!important;
    top:254px!important;
    width:604px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    color:#000!important;
    font-family:"Benzin Regular","Benzin-Regular","Inter",Arial,sans-serif!important;
  }
  body.product-detail-page .product-info h1{
    margin:0 0 8px!important;
    padding:0!important;
    font-family:"Benzin Semibold","Benzin-Semibold","Inter",Arial,sans-serif!important;
    font-size:25px!important;
    font-weight:600!important;
    line-height:1.15!important;
    letter-spacing:-.45px!important;
    text-align:center!important;
  }
  body.product-detail-page .big-price{
    margin:0 0 27px!important;
    padding:0!important;
    font-family:"Benzin Medium","Benzin-Medium","Inter",Arial,sans-serif!important;
    font-size:26px!important;
    font-weight:500!important;
    line-height:1.05!important;
    letter-spacing:-.35px!important;
    text-align:center!important;
  }
  body.product-detail-page .product-info .rule{
    width:100%!important;
    margin:0 0 29px!important;
    border:0!important;
    border-top:1px solid #111!important;
  }
  body.product-detail-page .field-label{
    margin:0 0 25px!important;
    padding:0!important;
    font-family:"Benzin Medium","Benzin-Medium","Inter",Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:500!important;
    line-height:1!important;
    letter-spacing:-.2px!important;
  }

  body.product-detail-page .size-picker{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.product-detail-page .size-toggle{
    display:block!important;
    width:100%!important;
    height:56px!important;
    margin:0!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    border:1px solid #111!important;
    border-radius:0!important;
    background:#fff!important;
    color:#000!important;
    cursor:pointer!important;
    font-family:"Arial Narrow","Bahnschrift Light Condensed",Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:54px!important;
    text-align:center!important;
  }
  body.product-detail-page .size-menu{
    display:none!important;
    width:100%!important;
    margin:0!important;
    padding:14px 0 15px!important;
    box-sizing:border-box!important;
    background:#919191!important;
  }
  body.product-detail-page .size-picker.open .size-menu{display:block!important;}
  body.product-detail-page .size-option{
    display:grid!important;
    grid-template-columns:44px 78px!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    min-height:31px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    cursor:pointer!important;
    font-family:"Arial Narrow","Bahnschrift Light Condensed",Arial,sans-serif!important;
    font-size:21px!important;
    font-weight:400!important;
    line-height:1!important;
    letter-spacing:4px!important;
    text-align:left!important;
  }
  body.product-detail-page .size-option:hover,
  body.product-detail-page .size-option.selected{background:rgba(0,0,0,.08)!important;}
  body.product-detail-page .size-option-index{text-align:right!important;padding-right:15px!important;}
  body.product-detail-page .size-option-value{text-align:left!important;}
  body.product-detail-page .size-select-native{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.product-detail-page .btn-black{
    display:block!important;
    width:100%!important;
    height:55px!important;
    margin:26px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#000!important;
    color:#fff!important;
    cursor:pointer!important;
    font-family:"Arial Narrow","Bahnschrift Light Condensed",Arial,sans-serif!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:55px!important;
    text-align:center!important;
  }
  body.product-detail-page .btn-black + .btn-black{margin-top:8px!important;}

  body.product-detail-page .accordion{
    width:100%!important;
    margin:26px 0 0!important;
    padding:0!important;
  }
  body.product-detail-page .acc-item{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:1px solid #111!important;
    box-sizing:border-box!important;
    font-family:inherit!important;
  }
  body.product-detail-page .acc-item:last-child{border-bottom:1px solid #111!important;}
  body.product-detail-page .acc-trigger{
    display:block!important;
    width:100%!important;
    min-height:59px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#000!important;
    cursor:pointer!important;
    font-family:"Benzin Medium","Benzin-Medium","Inter",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:500!important;
    line-height:59px!important;
    letter-spacing:-.25px!important;
    text-align:left!important;
  }
  body.product-detail-page .acc-content{
    display:none!important;
    width:100%!important;
    margin:0!important;
    padding:0 4px 18px!important;
    box-sizing:border-box!important;
    color:#000!important;
    font-family:"Arial Narrow","Bahnschrift Light Condensed",Arial,sans-serif!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.25!important;
    white-space:pre-wrap!important;
  }
  body.product-detail-page .acc-item.open .acc-content{display:block!important;}

  /* Product content stays under the shared internal chrome. */
  body.product-detail-page>#desktopHeader{z-index:300!important;}
  
  
}

@media (max-width:900px){
  body.product-detail-page .product-page-shell{min-height:100svh;}
  body.product-detail-page #productPage.product-page{display:block!important;padding:14px 25px 110px!important;}
  body.product-detail-page .size-toggle{width:100%;height:49px;border:1px solid #111;background:#fff;}
  body.product-detail-page .size-menu{display:none;background:#919191;padding:10px 0;}
  body.product-detail-page .size-picker.open .size-menu{display:block;}
  body.product-detail-page .size-option{display:block;width:100%;padding:8px 12px;border:0;background:transparent;color:#fff;text-align:center;}
  body.product-detail-page .size-select-native{display:none;}
  body.product-detail-page .acc-trigger{display:block;width:100%;border:0;background:transparent;text-align:left;font:inherit;padding:0;color:#000;}
}


@media (min-width:901px){
  body.product-detail-page .product-info{
    left:1213px!important;
    width:608px!important;
  }
  body.product-detail-page .product-info h1{
    font-family:"Benzin Semibold","Benzin-Semibold","Century Gothic","Arial Black",Arial,sans-serif!important;
    font-size:25px!important;
    font-weight:600!important;
    line-height:1!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .big-price{
    font-family:"Benzin Medium","Benzin-Medium","Century Gothic",Arial,sans-serif!important;
    font-size:26px!important;
    font-weight:500!important;
    line-height:1!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .product-info .rule{
    width:608px!important;
  }
  body.product-detail-page .field-label{
    font-family:"Benzin Medium","Benzin-Medium","Century Gothic",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:500!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .size-picker,
  body.product-detail-page .size-toggle,
  body.product-detail-page .size-menu,
  body.product-detail-page .btn-black,
  body.product-detail-page .accordion{
    width:606px!important;
  }
  body.product-detail-page .size-toggle{
    height:58px!important;
    line-height:56px!important;
    font-family:"Arial Narrow","Bahnschrift Light Condensed",Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .size-menu{
    min-height:129px!important;
    padding:12px 0 13px!important;
  }
  body.product-detail-page .size-option{
    min-height:31px!important;
    font-family:"Arial Narrow","Bahnschrift Light Condensed",Arial,sans-serif!important;
    font-size:20px!important;
    font-weight:400!important;
    line-height:31px!important;
    letter-spacing:3.5px!important;
  }
  body.product-detail-page .btn-black{
    height:58px!important;
    margin-top:25px!important;
    font-family:"Arial Narrow","Bahnschrift Light Condensed",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:400!important;
    line-height:58px!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .btn-black + .btn-black{
    margin-top:4px!important;
  }
  body.product-detail-page .accordion{
    margin-top:22px!important;
  }
  body.product-detail-page .acc-item{
    width:608px!important;
  }
  body.product-detail-page .acc-trigger{
    min-height:67px!important;
    font-family:"Benzin Medium","Benzin-Medium","Century Gothic",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:500!important;
    line-height:67px!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .acc-content{
    font-family:"Arial Narrow","Bahnschrift Light Condensed",Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.18!important;
  }
}


@media (min-width:901px){
  body.product-detail-page .product-visual{
    left:150px!important;
    top:186px!important;
    width:694px!important;
    height:880px!important;
  }
  body.product-detail-page .product-visual img{
    width:694px!important;
    height:880px!important;
  }

  body.product-detail-page .product-info{
    left:1212px!important;
    top:252px!important;
    width:647px!important;
  }
  body.product-detail-page .product-info h1{
    font-family:"Eurostile Extended","Eurostile Extended #2","Eurostile","Microgramma D Extended","Microgramma","Montserrat","Benzin Medium",Arial,sans-serif!important;
    font-size:24px!important;
    font-weight:500!important;
    line-height:1.08!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .big-price{
    font-family:"Eurostile Extended","Eurostile Extended #2","Eurostile","Microgramma D Extended","Microgramma","Montserrat","Benzin Regular",Arial,sans-serif!important;
    font-size:25px!important;
    font-weight:500!important;
    line-height:1.02!important;
    letter-spacing:0!important;
    margin:0 0 26px!important;
  }
  body.product-detail-page .product-info .rule{
    width:647px!important;
    margin:0 0 26px!important;
  }
  body.product-detail-page .field-label{
    font-family:"Eurostile Extended","Eurostile","Microgramma","Montserrat","Benzin Medium",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:500!important;
    letter-spacing:0!important;
    margin:0 0 22px!important;
  }
  body.product-detail-page .size-picker,
  body.product-detail-page .size-toggle,
  body.product-detail-page .size-menu,
  body.product-detail-page .btn-black,
  body.product-detail-page .accordion{
    width:647px!important;
  }
  body.product-detail-page .size-toggle{
    height:57px!important;
    line-height:55px!important;
    font-family:"Helvetica Neue Condensed","Helvetica Condensed","Arial Narrow",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:600!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .size-menu{
    min-height:138px!important;
    padding:12px 0 14px!important;
    background:#919191!important;
  }
  body.product-detail-page .size-option{
    grid-template-columns:54px 148px!important;
    column-gap:16px!important;
    justify-content:center!important;
    min-height:35px!important;
    font-family:"Eurostile Extended","Eurostile Extended #2","Eurostile","Microgramma D Extended","Microgramma","Montserrat",Arial,sans-serif!important;
    font-size:24px!important;
    font-weight:700!important;
    line-height:35px!important;
    letter-spacing:2.2px!important;
    text-align:center!important;
  }
  body.product-detail-page .size-option-index{
    display:block!important;
    text-align:right!important;
    padding-right:0!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .size-option-value{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:148px!important;
    text-align:center!important;
    letter-spacing:2.2px!important;
  }
  body.product-detail-page .btn-black{
    height:57px!important;
    margin-top:21px!important;
    font-family:"Helvetica Neue Condensed","Helvetica Condensed","Arial Narrow",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:700!important;
    line-height:57px!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .btn-black + .btn-black{
    margin-top:4px!important;
  }
  body.product-detail-page .accordion{
    margin-top:18px!important;
  }
  body.product-detail-page .acc-item{
    width:647px!important;
  }
  body.product-detail-page .acc-trigger{
    min-height:63px!important;
    font-family:"Eurostile Extended","Eurostile Extended #2","Eurostile","Microgramma D Extended","Microgramma","Montserrat","Benzin Medium",Arial,sans-serif!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:63px!important;
    letter-spacing:.5px!important;
  }
  body.product-detail-page .acc-content{
    padding:0 4px 17px!important;
    font-family:"Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.28!important;
  }
}


@media (min-width:901px){
  body.product-detail-page .product-info{
    left:1213px!important;
    top:257px!important;
    width:606px!important;
  }

  /* PSD layer: Human Uniform Longsleeve Black&White — 605×25 @ 1217,257 */
  body.product-detail-page .product-info h1{
    width:606px!important;
    margin:0 0 13px!important;
    padding:0!important;
    font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;
    font-size:25px!important;
    font-weight:500!important;
    line-height:25px!important;
    letter-spacing:0!important;
    text-align:center!important;
  }

  /* PSD layer: 90$ — 70×25 @ 1500,299 */
  body.product-detail-page .big-price{
    width:606px!important;
    margin:0 0 30px!important;
    padding:0!important;
    font-family:"Benzin Regular","Benzin-Regular","Benzin",Arial,sans-serif!important;
    font-size:25px!important;
    font-weight:400!important;
    line-height:25px!important;
    letter-spacing:0!important;
    text-align:center!important;
  }

  /* PSD rule: 606×3 @ 1215,355 */
  body.product-detail-page .product-info .rule{
    width:606px!important;
    margin:0 0 34px!important;
    border:0!important;
    border-top:1px solid #111!important;
  }

  /* PSD layer: SIZE* — 59×13 @ 1217,393 */
  body.product-detail-page .field-label{
    width:606px!important;
    margin:0 0 30px!important;
    padding:0!important;
    font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:500!important;
    line-height:17px!important;
    letter-spacing:0!important;
  }

  /* PSD select frame: 606×58 @ 1213,436 */
  body.product-detail-page .size-picker,
  body.product-detail-page .size-toggle,
  body.product-detail-page .size-menu,
  body.product-detail-page .btn-black,
  body.product-detail-page .accordion{
    width:606px!important;
  }
  body.product-detail-page .size-toggle{
    height:58px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #111!important;
    font-family:"Arial Narrow","ArialNarrow",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:400!important;
    line-height:56px!important;
    letter-spacing:0!important;
    text-align:center!important;
  }

  /* PSD open size panel: 605×129 @ 1214,491 */
  body.product-detail-page .size-menu{
    min-height:129px!important;
    padding:13px 0 14px!important;
    background:#919191!important;
  }
  body.product-detail-page .size-option{
    display:grid!important;
    grid-template-columns:34px 94px!important;
    column-gap:20px!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    min-height:31px!important;
    margin:0!important;
    padding:0!important;
    font-family:"Benzin Regular","Benzin-Regular","Benzin",Arial,sans-serif!important;
    font-size:20px!important;
    font-weight:400!important;
    line-height:31px!important;
    letter-spacing:2px!important;
    text-align:center!important;
  }
  body.product-detail-page .size-option-index{
    padding:0!important;
    text-align:right!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .size-option-value{
    display:block!important;
    padding:0!important;
    text-align:center!important;
    letter-spacing:2px!important;
    white-space:pre!important;
  }

  /* PSD buttons: Arial Narrow, 606×58; text layers are 17px high. */
  body.product-detail-page .btn-black{
    height:58px!important;
    margin-top:9px!important;
    padding:0!important;
    font-family:"Arial Narrow","ArialNarrow",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:400!important;
    line-height:58px!important;
    letter-spacing:0!important;
    text-align:center!important;
  }
  body.product-detail-page .btn-black + .btn-black{
    margin-top:4px!important;
  }

  /* PSD accordion begins at y772. */
  body.product-detail-page .accordion{
    margin-top:21px!important;
  }
  body.product-detail-page .acc-item{
    width:606px!important;
  }
  body.product-detail-page .acc-trigger{
    min-height:66px!important;
    margin:0!important;
    padding:0!important;
    font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:500!important;
    line-height:66px!important;
    letter-spacing:0!important;
    text-align:left!important;
  }
  body.product-detail-page .acc-content{
    margin:0!important;
    padding:0 0 17px!important;
    font-family:"Arial Narrow","ArialNarrow",Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:18px!important;
    letter-spacing:0!important;
  }
}


@media (min-width:901px){
  /* Slightly larger right block so the desktop product detail matches the
     supplied visual reference more closely. */
  body.product-detail-page .product-info{
    width:647px!important;
  }

  /* 1) Main product title + price: Eurostile/Microgramma, bold. */
  body.product-detail-page .product-info h1,
  body.product-detail-page .big-price{
    font-family:"Eurostile Extended","Eurostile Extended #2","Eurostile","Microgramma D Extended","Microgramma","Square 721 Extended",Arial,sans-serif!important;
    font-style:normal!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-align:center!important;
  }
  body.product-detail-page .product-info h1{
    width:647px!important;
    margin:0 0 10px!important;
    font-size:25px!important;
    font-weight:700!important;
    line-height:1.08!important;
  }
  body.product-detail-page .big-price{
    width:647px!important;
    margin:0 0 30px!important;
    font-size:25px!important;
    font-weight:700!important;
    line-height:1.04!important;
  }
  body.product-detail-page .product-info .rule{
    width:647px!important;
    margin:0 0 29px!important;
  }

  /* 2) Section headings / technical labels: Eurostile bold uppercase. */
  body.product-detail-page .field-label,
  body.product-detail-page .acc-trigger{
    font-family:"Eurostile Extended","Eurostile Extended #2","Eurostile","Microgramma D Extended","Microgramma","Square 721 Extended",Arial,sans-serif!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
  }
  body.product-detail-page .field-label{
    width:647px!important;
    margin:0 0 24px!important;
    font-size:17px!important;
    line-height:1!important;
  }
  body.product-detail-page .accordion,
  body.product-detail-page .size-picker,
  body.product-detail-page .size-toggle,
  body.product-detail-page .size-menu,
  body.product-detail-page .btn-black{
    width:647px!important;
  }
  body.product-detail-page .acc-item{width:647px!important;}
  body.product-detail-page .acc-trigger{
    min-height:57px!important;
    padding:0!important;
    font-size:17px!important;
    line-height:57px!important;
  }

  /* 3) Buttons / select text: Futura/Century Gothic, regular with more air. */
  body.product-detail-page .size-toggle,
  body.product-detail-page .btn-black{
    font-family:"Futura","Futura PT","Century Gothic","Avenir Next",Arial,sans-serif!important;
    letter-spacing:.018em!important;
    font-style:normal!important;
  }
  body.product-detail-page .size-toggle{
    height:58px!important;
    border:1px solid #8b8b8b!important;
    background:#fff!important;
    margin:0!important;
    padding:0 18px!important;
    font-size:17px!important;
    font-weight:400!important;
    line-height:56px!important;
    text-transform:none!important;
    text-align:center!important;
  }
  body.product-detail-page .btn-black{
    height:58px!important;
    margin-top:11px!important;
    border:0!important;
    background:#000!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:58px!important;
    text-transform:none!important;
    text-align:center!important;
  }
  body.product-detail-page .btn-black + .btn-black{margin-top:6px!important;}

  /* 4) Open size dropdown: dark grey + Eurostile bold white text. */
  body.product-detail-page .size-menu{
    min-height:129px!important;
    margin-top:0!important;
    padding:10px 0 12px!important;
    border:1px solid #6f6f6f!important;
    border-top:0!important;
    background:#909090!important;
  }
  body.product-detail-page .size-option{
    display:grid!important;
    grid-template-columns:42px 124px!important;
    column-gap:16px!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    min-height:31px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    font-family:"Eurostile Extended","Eurostile Extended #2","Eurostile","Microgramma D Extended","Microgramma","Square 721 Extended",Arial,sans-serif!important;
    font-size:20px!important;
    font-weight:700!important;
    line-height:31px!important;
    letter-spacing:1.6px!important;
    text-align:center!important;
  }
  body.product-detail-page .size-option:hover,
  body.product-detail-page .size-option.selected{
    background:rgba(255,255,255,.10)!important;
  }
  body.product-detail-page .size-option-index{
    display:block!important;
    padding:0!important;
    text-align:right!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .size-option-value{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:124px!important;
    padding:0!important;
    text-align:center!important;
    letter-spacing:1.6px!important;
    white-space:pre!important;
  }

  /* 5) Product description body: Futura/Century Gothic regular. */
  body.product-detail-page .acc-content{
    padding:0 0 14px!important;
    font-family:"Futura","Futura PT","Century Gothic","Avenir Next",Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
}

/* =========================================================
   PRODUCT DETAIL — PSD FONT MATCH V2
   Requested 15.09.2026 after side-by-side comparison.
   Only product-detail typography / scale is adjusted.
   ========================================================= */
@media (min-width:901px){
  body.product-detail-page{
    --product-font-display:"Eurostile Extended","Eurostile Extended #2","Eurostile LT Extended","Eurostile","Microgramma D Extended","Microgramma","Square 721 Extended","Bank Gothic Medium BT",Arial,sans-serif;
    --product-font-ui:"Futura","Futura PT","Century Gothic","Avenir Next",Arial,sans-serif;
  }

  /* Title + price exactly in the wide Microgramma/Eurostile family. */
  body.product-detail-page .product-info h1,
  body.product-detail-page .big-price{
    font-family:var(--product-font-display)!important;
    font-style:normal!important;
    font-stretch:expanded!important;
    font-kerning:normal!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-align:center!important;
    color:#000!important;
  }
  body.product-detail-page .product-info h1{
    font-size:33px!important;
    font-weight:800!important;
    line-height:1.02!important;
    margin:0 0 8px!important;
  }
  body.product-detail-page .big-price{
    font-size:26px!important;
    font-weight:800!important;
    line-height:1.03!important;
    margin:0 0 28px!important;
  }

  /* Technical headings and accordion labels. */
  body.product-detail-page .field-label,
  body.product-detail-page .acc-trigger{
    font-family:var(--product-font-display)!important;
    font-style:normal!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
    color:#000!important;
  }
  body.product-detail-page .field-label{
    font-size:18px!important;
    line-height:1!important;
    margin:0 0 21px!important;
  }
  body.product-detail-page .acc-trigger{
    font-size:18px!important;
    line-height:57px!important;
  }

  /* Closed select + action buttons: Futura/Century-Gothic, lighter and airy. */
  body.product-detail-page .size-toggle,
  body.product-detail-page .btn-black{
    font-family:var(--product-font-ui)!important;
    font-style:normal!important;
    text-transform:none!important;
    text-align:center!important;
  }
  body.product-detail-page .size-toggle{
    font-size:16px!important;
    font-weight:400!important;
    letter-spacing:.08em!important;
    line-height:56px!important;
  }
  body.product-detail-page .btn-black{
    font-size:16px!important;
    font-weight:400!important;
    letter-spacing:.12em!important;
    line-height:58px!important;
  }

  /* Size dropdown rows: much larger Eurostile text, centered. */
  body.product-detail-page .size-menu{
    background:#8f8f8f!important;
    padding:13px 0 14px!important;
    min-height:136px!important;
  }
  body.product-detail-page .size-option{
    grid-template-columns:50px 156px!important;
    column-gap:18px!important;
    min-height:34px!important;
    font-family:var(--product-font-display)!important;
    font-size:28px!important;
    font-weight:700!important;
    line-height:34px!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .size-option-index{
    text-align:right!important;
    font-family:var(--product-font-display)!important;
    font-size:28px!important;
    font-weight:700!important;
    line-height:34px!important;
  }
  body.product-detail-page .size-option-value{
    justify-content:center!important;
    text-align:center!important;
    font-family:var(--product-font-display)!important;
    font-size:28px!important;
    font-weight:700!important;
    line-height:34px!important;
    letter-spacing:0!important;
    white-space:pre!important;
  }

  /* Accordion body copy: Futura/Century Gothic, clean and lighter. */
  body.product-detail-page .acc-content{
    font-family:var(--product-font-ui)!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.38!important;
    letter-spacing:0!important;
    color:#111!important;
  }
}

/* =========================================================
   PRODUCT DETAIL — IMAGE + TITLE + SIZE MENU REFINEMENT
   Requested after comparison on 2026-09-15.
   Fixes:
   1) product image clipped at the bottom,
   2) title/price should be medium weight and match the reference family,
   3) size menu rows should be ~25% smaller and semi-bold.
   ========================================================= */
@media (min-width:901px){
  body.product-detail-page .product-visual{
    overflow:visible!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
  }
  body.product-detail-page .product-visual img{
    width:min(720px,92%)!important;
    max-width:720px!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center top!important;
    display:block!important;
    margin-top:8px!important;
  }

  /* Title + price: same Eurostile/Microgramma family, but medium / semi-bold,
     less heavy than before. */
  body.product-detail-page .product-info h1,
  body.product-detail-page .big-price{
    font-family:"Eurostile Extended","Eurostile Extended #2","Eurostile LT Extended","Eurostile","Microgramma D Extended","Microgramma","Square 721 Extended","Bank Gothic Medium BT",Arial,sans-serif!important;
    font-style:normal!important;
    font-stretch:expanded!important;
    letter-spacing:0!important;
    text-transform:none!important;
    color:#000!important;
  }
  body.product-detail-page .product-info h1{
    font-size:23px!important;
    font-weight:600!important;
    line-height:1.02!important;
    margin:0 0 8px!important;
  }
  body.product-detail-page .big-price{
    font-size:22px!important;
    font-weight:600!important;
    line-height:1.03!important;
    margin:0 0 26px!important;
  }

  /* Size dropdown block closer to the design, with smaller text. */
  body.product-detail-page .size-menu{
    min-height:114px!important;
    padding:8px 0 9px!important;
  }
  body.product-detail-page .size-option{
    grid-template-columns:28px 98px!important;
    column-gap:10px!important;
    min-height:24px!important;
    font-family:"Eurostile Extended","Eurostile Extended #2","Eurostile LT Extended","Eurostile","Microgramma D Extended","Microgramma","Square 721 Extended","Bank Gothic Medium BT",Arial,sans-serif!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:24px!important;
    letter-spacing:.02em!important;
  }
  body.product-detail-page .size-option-index{
    font-size:15px!important;
    font-weight:600!important;
    line-height:24px!important;
    padding:0!important;
    text-align:right!important;
  }
  body.product-detail-page .size-option-value{
    width:98px!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:24px!important;
    letter-spacing:.02em!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:pre!important;
  }
}


@media (min-width:901px){
  body.product-detail-page{
    --product-benzin-medium:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif;
    --product-benzin-regular:"Benzin Regular","Benzin-Regular","Benzin",Arial,sans-serif;
    --product-arial-narrow:"Arial Narrow","ArialNarrow","Liberation Sans Narrow",Arial,sans-serif;
  }

  body.product-detail-page .product-page-shell{
    position:relative!important;
    width:100vw!important;
    min-height:100vh!important;
    overflow:visible!important;
  }
  body.product-detail-page #productPage.product-page{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1920px!important;
    min-width:1920px!important;
    min-height:1080px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    background:#fff!important;
    overflow:visible!important;
    transform:scale(var(--product-scale-x,1),var(--product-scale-y,1))!important;
    transform-origin:0 0!important;
  }

  /* Product image: full garment, never cropped or covered by a white source rectangle. */
  body.product-detail-page .product-visual{
    position:absolute!important;
    left:224px!important;
    top:301px!important;
    width:560px!important;
    height:650px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.product-detail-page .product-visual img{
    display:block!important;
    width:548px!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center top!important;
    background:transparent!important;
  }

  /* Right information column — 606px PSD master width. */
  body.product-detail-page .product-info{
    position:absolute!important;
    left:1214px!important;
    top:257px!important;
    width:606px!important;
    margin:0!important;
    padding:0!important;
    color:#000!important;
    box-sizing:border-box!important;
    font-family:var(--product-benzin-regular)!important;
  }

  body.product-detail-page .product-info h1{
    display:block!important;
    width:606px!important;
    margin:0 0 13px!important;
    padding:0!important;
    font-family:var(--product-benzin-medium)!important;
    font-size:25px!important;
    font-weight:500!important;
    font-style:normal!important;
    line-height:25px!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    text-align:center!important;
    text-transform:none!important;
  }
  body.product-detail-page .big-price{
    display:block!important;
    width:606px!important;
    margin:0 0 30px!important;
    padding:0!important;
    font-family:var(--product-benzin-regular)!important;
    font-size:25px!important;
    font-weight:400!important;
    font-style:normal!important;
    line-height:25px!important;
    letter-spacing:0!important;
    text-align:center!important;
  }
  body.product-detail-page .product-info .rule{
    display:block!important;
    width:606px!important;
    height:1px!important;
    margin:0 0 34px!important;
    padding:0!important;
    border:0!important;
    border-top:1px solid #111!important;
  }
  body.product-detail-page .field-label{
    display:block!important;
    width:606px!important;
    margin:0 0 30px!important;
    padding:0!important;
    font-family:var(--product-benzin-medium)!important;
    font-size:17px!important;
    font-weight:500!important;
    line-height:17px!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
  }

  body.product-detail-page .size-picker,
  body.product-detail-page .size-toggle,
  body.product-detail-page .size-menu,
  body.product-detail-page .btn-black,
  body.product-detail-page .accordion{
    width:606px!important;
    box-sizing:border-box!important;
  }
  body.product-detail-page .size-picker{margin:0!important;padding:0!important;}
  body.product-detail-page .size-toggle{
    display:block!important;
    height:58px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #111!important;
    border-radius:0!important;
    background:#fff!important;
    color:#000!important;
    font-family:var(--product-arial-narrow)!important;
    font-size:17px!important;
    font-weight:400!important;
    font-style:normal!important;
    line-height:56px!important;
    letter-spacing:0!important;
    text-align:center!important;
    text-transform:none!important;
  }

  body.product-detail-page .size-menu{
    display:none!important;
    min-height:0!important;
    margin:0!important;
    padding:14px 0 15px!important;
    border:0!important;
    background:#919191!important;
  }
  body.product-detail-page .size-picker.open .size-menu{display:block!important;}
  body.product-detail-page .size-option{
    display:grid!important;
    grid-template-columns:34px 94px!important;
    column-gap:20px!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    min-height:31px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    cursor:pointer!important;
    font-family:var(--product-benzin-regular)!important;
    font-size:20px!important;
    font-weight:400!important;
    line-height:31px!important;
    letter-spacing:2px!important;
    text-align:center!important;
  }
  body.product-detail-page .size-option:hover,
  body.product-detail-page .size-option.selected{background:rgba(0,0,0,.08)!important;}
  body.product-detail-page .size-option-index{
    display:block!important;
    padding:0!important;
    text-align:right!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .size-option-value{
    display:block!important;
    padding:0!important;
    text-align:center!important;
    letter-spacing:2px!important;
    white-space:pre!important;
  }
  body.product-detail-page .size-select-native{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.product-detail-page .btn-black{
    display:block!important;
    height:58px!important;
    margin:9px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#000!important;
    color:#fff!important;
    font-family:var(--product-arial-narrow)!important;
    font-size:17px!important;
    font-weight:400!important;
    font-style:normal!important;
    line-height:58px!important;
    letter-spacing:0!important;
    text-align:center!important;
    text-transform:none!important;
  }
  body.product-detail-page .btn-black + .btn-black{margin-top:4px!important;}

  body.product-detail-page .accordion{
    margin:21px 0 0!important;
    padding:0!important;
  }
  body.product-detail-page .acc-item{
    display:block!important;
    width:606px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:1px solid #111!important;
    box-sizing:border-box!important;
  }
  body.product-detail-page .acc-item:last-child{border-bottom:1px solid #111!important;}
  body.product-detail-page .acc-trigger{
    display:block!important;
    width:100%!important;
    min-height:66px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#000!important;
    font-family:var(--product-benzin-medium)!important;
    font-size:17px!important;
    font-weight:500!important;
    font-style:normal!important;
    line-height:66px!important;
    letter-spacing:0!important;
    text-align:left!important;
    text-transform:uppercase!important;
  }
  body.product-detail-page .acc-content{
    display:none!important;
    width:100%!important;
    margin:0!important;
    padding:0 0 17px!important;
    box-sizing:border-box!important;
    color:#000!important;
    font-family:var(--product-arial-narrow)!important;
    font-size:16px!important;
    font-weight:400!important;
    font-style:normal!important;
    line-height:18px!important;
    letter-spacing:0!important;
    white-space:pre-wrap!important;
  }
  body.product-detail-page .acc-item.open .acc-content{display:block!important;}
}

/* =========================================================
   PRODUCT DETAIL — FINAL LIVE PSD GEOMETRY CORRECTION
   Keeps the page fully dynamic. Coordinates are measured from the supplied
   1920×1080 PSD/reference, not from a static full-page screenshot.
   ========================================================= */
@media (min-width:901px){
  /* Exact product-image box from the PSD reference. */
  body.product-detail-page .product-visual{
    left:226px!important;
    top:298px!important;
    width:543px!important;
    height:643px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  body.product-detail-page .product-visual img{
    width:auto!important;
    height:auto!important;
    max-width:543px!important;
    max-height:643px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center top!important;
  }

  /* Exact vertical rhythm from the 1920×1080 PSD. */
  body.product-detail-page .product-info h1{
    margin-bottom:17px!important;
  }
  body.product-detail-page .big-price{
    margin-bottom:32px!important;
  }
  body.product-detail-page .product-info .rule{
    margin-bottom:36px!important;
  }
  body.product-detail-page .field-label{
    margin-bottom:28px!important;
  }
  body.product-detail-page .btn-black{
    margin-top:25px!important;
  }
  body.product-detail-page .size-picker.open + .btn-black{
    margin-top:13px!important;
  }
  body.product-detail-page .btn-black + .btn-black{
    margin-top:4px!important;
  }
  body.product-detail-page .accordion{
    margin-top:22px!important;
  }

  /* PSD font names and weights. These use the exact local font if it is
     installed; the fallbacks preserve geometry without shipping font files. */
  body.product-detail-page .product-info h1{
    font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;
    font-size:25px!important;
    font-weight:500!important;
    line-height:25px!important;
    white-space:nowrap!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .big-price{
    font-family:"Benzin Regular","Benzin-Regular","Benzin",Arial,sans-serif!important;
    font-size:25px!important;
    font-weight:400!important;
    line-height:25px!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .field-label,
  body.product-detail-page .acc-trigger{
    font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;
    font-weight:500!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .size-toggle,
  body.product-detail-page .btn-black,
  body.product-detail-page .acc-content{
    font-family:"Arial Narrow","ArialNarrow","Liberation Sans Narrow",Arial,sans-serif!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .size-option,
  body.product-detail-page .size-option-index,
  body.product-detail-page .size-option-value{
    font-family:"Benzin Regular","Benzin-Regular","Benzin",Arial,sans-serif!important;
    font-size:20px!important;
    font-weight:400!important;
    line-height:31px!important;
  }
}

/* Every product uses the same live 543×643 visual area. */
@media (min-width:901px){
  body.product-detail-page .product-visual img{
    width:100%!important;
    height:100%!important;
    max-width:543px!important;
    max-height:643px!important;
    object-fit:contain!important;
  }
}

/* Benzin fallback shaping: live DOM text, never a static page image. */
@media (min-width:901px){
  body.product-detail-page .product-title-shape,
  body.product-detail-page .product-price-shape,
  body.product-detail-page .product-medium-shape{
    display:inline-block!important;
  }
  body.product-detail-page.product-benzin-fallback .product-title-shape{
    transform:scaleX(1.327)!important;
    transform-origin:center center!important;
    font-weight:600!important;
  }
  body.product-detail-page.product-benzin-fallback .product-price-shape{
    transform:scaleX(1.68)!important;
    transform-origin:center center!important;
    font-weight:600!important;
  }
  body.product-detail-page.product-benzin-fallback .product-medium-shape{
    transform:scaleX(1.39)!important;
    transform-origin:left center!important;
    font-weight:600!important;
  }

  body.product-detail-page .size-option{
    display:block!important;
    text-align:center!important;
    letter-spacing:0!important;
  }
  body.product-detail-page .size-option-content{
    display:grid!important;
    grid-template-columns:30px 90px!important;
    column-gap:14px!important;
    align-items:center!important;
    justify-content:center!important;
    width:134px!important;
    margin:0 auto!important;
  }
  body.product-detail-page .size-option-index,
  body.product-detail-page .size-option-value{
    width:auto!important;
    letter-spacing:0!important;
  }
}

/* Fallback metric tuning against the supplied PSD at 1920×1080. */
@media (min-width:901px){
  body.product-detail-page.product-benzin-fallback .product-info h1{
    font-size:26px!important;
  }
  body.product-detail-page.product-benzin-fallback .product-title-shape{
    transform:translateY(-2px) scaleX(1.19)!important;
  }
  body.product-detail-page.product-benzin-fallback .big-price{
    font-size:28px!important;
  }
  body.product-detail-page.product-benzin-fallback .product-price-shape{
    transform:translateY(-2px) scaleX(1.52)!important;
  }
  body.product-detail-page.product-benzin-fallback .field-label{
    font-size:18px!important;
  }
  body.product-detail-page.product-benzin-fallback .field-label .product-medium-shape{
    transform:translateY(-2px) scaleX(1.25)!important;
  }
  body.product-detail-page.product-benzin-fallback .acc-trigger .product-medium-shape{
    transform:scaleX(1.39)!important;
  }
}

/* Final fallback glyph metric alignment measured against the PSD render. */
@media (min-width:901px){
  body.product-detail-page.product-benzin-fallback .product-title-shape{
    transform:translateX(2px) translateY(-2px) scaleX(1.186)!important;
  }
  body.product-detail-page.product-benzin-fallback .product-price-shape{
    transform:translateX(18px) translateY(-2px) scaleX(1.52)!important;
  }
  body.product-detail-page.product-benzin-fallback .field-label .product-medium-shape{
    transform:translateX(3px) translateY(-1px) scaleX(1.25)!important;
  }
  body.product-detail-page.product-benzin-fallback .acc-trigger{
    font-size:18px!important;
  }
  body.product-detail-page.product-benzin-fallback .acc-trigger .product-medium-shape{
    transform:scaleX(1.285)!important;
  }
}

/* =========================================================
   PRODUCT DETAIL — SEMIBOLD TITLE + ACCORDION-ONLY SCROLL
   Requested 16.09.2026.
   Keeps the 1920×1080 product canvas fixed; only the lower
   DESCRIPTION/FABRIC/SIZE/DELIVERY area scrolls when opened.
   ========================================================= */
@media (min-width:901px){
  /* The product title must be semibold, not the heavy fallback weight. */
  body.product-detail-page .product-info h1,
  body.product-detail-page .product-info h1 .product-title-shape,
  body.product-detail-page.product-benzin-fallback .product-info h1,
  body.product-detail-page.product-benzin-fallback .product-info h1 .product-title-shape{
    font-weight:500!important;
  }

  /* Do not scroll the whole product screen on desktop. */
  body.product-detail-page{
    overflow-y:hidden!important;
  }

  /* Only the lower information section gets its own scrollbar. */
  body.product-detail-page .accordion{
    width:606px!important;
    height:auto!important;
    max-height:286px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    scrollbar-width:thin!important;
    scrollbar-color:#000 #fff!important;
  }
  body.product-detail-page .accordion::-webkit-scrollbar{
    width:8px!important;
  }
  body.product-detail-page .accordion::-webkit-scrollbar-track{
    background:#fff!important;
  }
  body.product-detail-page .accordion::-webkit-scrollbar-thumb{
    background:#000!important;
    border:0!important;
    border-radius:0!important;
  }
  body.product-detail-page .accordion::-webkit-scrollbar-button{
    display:none!important;
    width:0!important;
    height:0!important;
  }
}

/* =========================================================
   PRODUCT DETAIL — title + price weight refinement
   Requested 16.09.2026. Only title/price weight changed.
   Current title/price weight 625 -> +125 = 750.
   ========================================================= */
@media (min-width:901px){
  body.product-detail-page .product-info h1,
  body.product-detail-page .big-price,
  body.product-detail-page .product-title-shape,
  body.product-detail-page .product-price-shape,
  body.product-detail-page.product-benzin-fallback .product-title-shape,
  body.product-detail-page.product-benzin-fallback .product-price-shape{
    font-weight:750!important;
  }
}

/* =========================================================
   CART — 1920×1080 reference layout + LOGIN chrome.
   Requested 16.09.2026. Main/home page remains untouched.
   ========================================================= */
@media (min-width:901px){
  body.cart-page{
    width:100vw!important;
    height:100vh!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.cart-page .cart-canvas-shell{
    position:fixed!important;
    inset:0!important;
    overflow:hidden!important;
    z-index:1!important;
  }
  body.cart-page .cart-canvas{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1920px!important;
    height:1080px!important;
    transform:scale(var(--cart-scale-x,1),var(--cart-scale-y,1))!important;
    transform-origin:0 0!important;
  }
  body.cart-page .cart-wrap{
    position:relative!important;
    display:block!important;
    width:1920px!important;
    height:1080px!important;
    margin:0!important;
    padding:0!important;
  }

  /* Reference grid: 361×185 cards, 3 columns, fourth item on row 2. */
  body.cart-page .cart-items{
    position:absolute!important;
    left:110px!important;
    top:208px!important;
    width:1139px!important;
    display:grid!important;
    grid-template-columns:repeat(3,361px)!important;
    grid-auto-rows:185px!important;
    column-gap:29px!important;
    row-gap:40px!important;
    align-content:start!important;
  }
  body.cart-page .cart-card{
    position:relative!important;
    width:361px!important;
    height:185px!important;
    min-height:185px!important;
    display:grid!important;
    grid-template-columns:165px 1fr!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#dbdbdb!important;
    border:0!important;
  }
  body.cart-page .cart-card-media{
    width:165px!important;
    height:185px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  body.cart-page .cart-card-media img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:154px!important;
    max-height:163px!important;
    object-fit:contain!important;
    mix-blend-mode:multiply!important;
  }
  body.cart-page .cart-card-copy{
    align-self:start!important;
    padding:21px 12px 0 8px!important;
    font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:400!important;
    line-height:1.36!important;
    letter-spacing:-.25px!important;
    color:#111!important;
  }
  body.cart-page .cart-card-name{max-width:176px!important;}
  body.cart-page .cart-card-price{margin-top:6px!important;}
  body.cart-page .empty-cart{
    grid-column:1 / -1!important;
    width:361px!important;
    padding:0!important;
    font-family:"Arial Narrow",Arial,sans-serif!important;
    font-size:20px!important;
  }

  /* Vertical divider + checkout/total exactly on the reference canvas. */
  body.cart-page .cart-summary{
    position:absolute!important;
    left:1292px!important;
    top:250px!important;
    width:600px!important;
    height:390px!important;
    min-height:390px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-left:5px solid #000!important;
  }
  body.cart-page .checkout-btn{
    position:absolute!important;
    left:231px!important;
    top:-41px!important;
    width:170px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#000!important;
    color:#fff!important;
    font-family:"Benzin Medium","Benzin-Medium","Century Gothic",Arial,sans-serif!important;
    font-size:22px!important;
    font-weight:600!important;
    line-height:44px!important;
    letter-spacing:0!important;
    text-align:center!important;
  }
  body.cart-page .total-row{
    position:absolute!important;
    left:75px!important;
    top:36px!important;
    width:478px!important;
    height:53px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:235px 243px!important;
    align-items:stretch!important;
    border-top:1px solid #111!important;
    font-family:"Benzin Medium","Benzin-Medium","Century Gothic",Arial,sans-serif!important;
    font-size:25px!important;
    font-weight:500!important;
    line-height:52px!important;
    letter-spacing:0!important;
  }
  body.cart-page .total-row span{
    display:block!important;
    height:52px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }
  body.cart-page .total-row span+span{
    border-left:1px solid #111!important;
    padding-left:0!important;
    font-size:27px!important;
  }

  /* Cart icon is the only extra item; all other header graphics remain LOGIN-exact. */
  body.cart-page>#desktopHeader .cart-header-icon{
    order:-1!important;
    width:28px!important;
    height:25px!important;
    min-width:28px!important;
    margin-top:-4px!important;
    margin-right:-40px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='25' viewBox='0 0 28 25'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='square'%3E%3Cpath d='M1 2h3l2.3 12.2h14.9l3-8.6H6.3'/%3E%3Cpath d='M8.2 8.5h14.8M9.4 12h12.3M11 5.5v8.7M16 5.5v8.7M21 5.5v8.7'/%3E%3Ccircle cx='9' cy='20.5' r='1.7' fill='%23000'/%3E%3Ccircle cx='20.5' cy='20.5' r='1.7' fill='%23000'/%3E%3C/g%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:28px 25px!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    filter:none!important;
  }
  body.cart-page>#desktopHeader .cart-header-icon [data-cart-count]{display:none!important;}
}

@media (max-width:900px){
  body.cart-page .cart-canvas-shell{position:static;}
  body.cart-page .cart-canvas{position:static;width:auto;height:auto;transform:none;}
  body.cart-page .cart-wrap{display:block!important;padding:24px 22px 115px!important;height:auto!important;width:auto!important;}
  body.cart-page .cart-items{position:static!important;display:flex!important;flex-direction:column!important;gap:14px!important;width:auto!important;}
  body.cart-page .cart-card{width:100%!important;min-height:170px!important;grid-template-columns:44% 1fr!important;background:#dbdbdb!important;}
  body.cart-page .cart-summary{position:static!important;border-left:0!important;border-top:2px solid #111!important;margin-top:35px!important;padding:25px 0!important;width:auto!important;height:auto!important;min-height:0!important;}
  body.cart-page .checkout-btn,.cart-page .total-row{position:static!important;width:100%!important;}
}


/* =========================================================
   CART — checkout / total label / cart icon refinement
   Requested 16.09.2026.
   Only these three visual details are changed.
   ========================================================= */
@media (min-width:901px){
  /* Check Out: slightly wider black button, lighter text. */
  body.cart-page .checkout-btn{
    width:190px!important;
    left:221px!important;
    font-family:"Benzin Regular","Benzin-Regular","Century Gothic",Arial,sans-serif!important;
    font-weight:450!important;
    letter-spacing:.15px!important;
  }

  /* TOTAL label only: a little heavier. Price stays untouched. */
  body.cart-page .total-row span:first-child{
    font-weight:650!important;
  }

  /* Cart icon: +30% from 28×25, same outline/design. */
  body.cart-page>#desktopHeader .cart-header-icon{
    width:36.4px!important;
    height:32.5px!important;
    min-width:36.4px!important;
    margin-top:-7px!important;
    margin-right:-40px!important;
    background-size:36.4px 32.5px!important;
  }
}


/* =========================================================
   CART — checkout / total / cart icon refinement v2
   Requested 16.09.2026.
   Only these visual details are changed.
   ========================================================= */
@media (min-width:901px){
  /* Check Out: preserve current type size/font, reduce horizontal black padding. */
  body.cart-page .checkout-btn{
    width:auto!important;
    min-width:0!important;
    padding-left:18px!important;
    padding-right:18px!important;
    left:221px!important;
  }

  /* TOTAL: 15% lighter than current 650 ~= 550. Price remains untouched. */
  body.cart-page .total-row span:first-child{
    font-weight:550!important;
  }

  /* Cart icon: 2× larger and positioned immediately before INSTAGRAM. */
  body.cart-page>#desktopHeader .cart-header-icon{
    width:56px!important;
    height:50px!important;
    min-width:56px!important;
    margin-top:-16px!important;
    margin-right:-50px!important;
    background-size:56px 50px!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }
}

/* =========================================================
   INTERNAL HEADER — exact cart icon from supplied cart PSD.
   PSD layer geometry: 40×45 at x=1417, y=14 on 1920×1080.
   The icon appears on internal pages whenever the cart has items;
   cart/checkout keep it visible even when empty.
   ========================================================= */
@media (min-width:901px){
  body:not(.home) > #desktopHeader .global-cart-icon{
    position:absolute!important;
    left:1417px!important;
    top:14px!important;
    width:40px!important;
    height:45px!important;
    min-width:40px!important;
    margin:0!important;
    padding:0!important;
    display:none!important;
    z-index:309!important;
    background-image:url("/assets/images/cart-icon-psd.png")!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-size:40px 45px!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-decoration:none!important;
    filter:none!important;
    transform:none!important;
  }
  body:not(.home) > #desktopHeader .global-cart-icon.has-items,
  body:not(.home) > #desktopHeader .global-cart-icon.cart-current{
    display:block!important;
  }
  body:not(.home) > #desktopHeader .global-cart-icon [data-cart-count]{
    display:none!important;
  }

  /* Total label only: another 25% lighter. Price remains unchanged. */
  body.cart-page .total-row span:first-child{
    font-weight:400!important;
  }
}


/* =========================================================
   GLOBAL INTERNAL CART ICON + MERGED CART QUANTITY
   Requested 16.09.2026.
   - Cart icon is always visible on every internal desktop page.
   - Exact PSD size/position stays 40×45 at x=1417/y=14 on 1920 canvas.
   - Same product + same size is one card with ×2 / ×3 / ...
   ========================================================= */
@media (min-width:901px){
  body:not(.home) > #desktopHeader .global-cart-icon{
    display:block!important;
    left:1417px!important;
    top:14px!important;
    width:40px!important;
    height:45px!important;
    min-width:40px!important;
    background-image:url("/assets/images/cart-icon-psd.png")!important;
    background-size:40px 45px!important;
    background-position:0 0!important;
    background-repeat:no-repeat!important;
  }
  body:not(.home) > #desktopHeader .global-cart-icon [data-cart-count]{
    display:none!important;
  }

  body.cart-page .cart-card-qty{
    margin-top:5px!important;
    font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:600!important;
    line-height:1!important;
    letter-spacing:0!important;
    color:#111!important;
  }
}


/* =========================================================
   FINAL CART FIX — GLOBAL PSD ICON + QUANTITY CONTROLS
   16.09.2026
   ========================================================= */
@media (min-width:901px){
  /* Works whether #desktopHeader is directly under body OR inside the SHOP
     1920×1080 scaled canvas. This prevents "(7)" appearing at top-left. */
  body:not(.home) #desktopHeader .global-cart-icon{
    position:absolute!important;
    display:block!important;
    left:1417px!important;
    top:14px!important;
    width:40px!important;
    height:45px!important;
    min-width:40px!important;
    margin:0!important;
    padding:0!important;
    z-index:309!important;
    background-image:url("/assets/images/cart-icon-psd.png")!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-size:40px 45px!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-decoration:none!important;
    transform:none!important;
    filter:none!important;
  }
  body:not(.home) #desktopHeader .global-cart-icon [data-cart-count]{
    display:none!important;
  }

  /* Quantity UI stays inside the existing grey product card. */
  body.cart-page .cart-card{
    overflow:visible!important;
  }
  body.cart-page .cart-card-copy{
    position:relative!important;
    padding-right:20px!important;
  }
  body.cart-page .cart-card-quantity{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    margin-top:10px!important;
    height:24px!important;
  }
  body.cart-page .cart-qty-btn{
    width:24px!important;
    height:24px!important;
    padding:0!important;
    border:1px solid #111!important;
    background:#fff!important;
    color:#111!important;
    font-family:Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:400!important;
    line-height:21px!important;
    text-align:center!important;
    cursor:pointer!important;
  }
  body.cart-page .cart-qty-input{
    width:38px!important;
    height:24px!important;
    margin:0!important;
    padding:0 3px!important;
    border:1px solid #111!important;
    background:#fff!important;
    color:#111!important;
    font-family:"Arial Narrow",Arial,sans-serif!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:22px!important;
    text-align:center!important;
    appearance:textfield!important;
  }
  body.cart-page .cart-qty-input::-webkit-outer-spin-button,
  body.cart-page .cart-qty-input::-webkit-inner-spin-button{
    -webkit-appearance:none!important;
    margin:0!important;
  }
  body.cart-page .cart-card-remove{
    position:absolute!important;
    right:8px!important;
    top:6px!important;
    z-index:5!important;
    width:24px!important;
    height:24px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#111!important;
    font-family:Arial,sans-serif!important;
    font-size:23px!important;
    font-weight:300!important;
    line-height:22px!important;
    cursor:pointer!important;
  }
  body.cart-page .cart-card-qty{
    display:inline-block!important;
    margin-top:6px!important;
    font-family:"Arial Narrow",Arial,sans-serif!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1!important;
  }
}



@media (min-width:901px){
  body.checkout-page{
    margin:0!important;
    width:100vw!important;
    height:100vh!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.checkout-page .checkout-stage{
    position:absolute!important;
    left:50%!important;
    top:0!important;
    width:1920px!important;
    height:1080px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:translateX(-50%) scale(var(--checkout-scale,1))!important;
    transform-origin:top center!important;
    background:#fff!important;
  }
  body.checkout-page #mobileHeader,
  body.checkout-page #mobileMenu{display:none!important;}

  /* ---------- exact LOGIN/header chrome ---------- */
  body.checkout-page #desktopHeader.site-header{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1920px!important;
    height:88px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
    z-index:300!important;
    background:transparent!important;
    transform:none!important;
  }
  body.checkout-page #desktopHeader .nav-side,
  body.checkout-page #desktopHeader .nav-side.right{
    position:absolute!important;
    top:30px!important;
    z-index:304!important;
    display:flex!important;
    align-items:flex-start!important;
    margin:0!important;
    padding:0!important;
    gap:66px!important;
    font-size:0!important;
    line-height:1!important;
  }
  body.checkout-page #desktopHeader .nav-side:not(.right){left:30px!important;right:auto!important;}
  body.checkout-page #desktopHeader .nav-side.right{right:32px!important;left:auto!important;gap:66px!important;}
  body.checkout-page #desktopHeader .nav-side>a{
    position:relative!important;
    z-index:305!important;
    display:block!important;
    flex:0 0 auto!important;
    height:17px!important;
    margin:0!important;
    padding:0!important;
    background-position:left top!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-decoration:none!important;
  }
  body.checkout-page #desktopHeader .nav-side:not(.right)>a:nth-child(1){width:53px!important;background-image:url("/assets/images/shop-nav-shop.png")!important;}
  body.checkout-page #desktopHeader .nav-side:not(.right)>a:nth-child(2){width:95px!important;background-image:url("/assets/images/shop-nav-gallery.png")!important;}
  body.checkout-page #desktopHeader .nav-side:not(.right)>a:nth-child(3){width:69px!important;background-image:url("/assets/images/shop-nav-about.png")!important;}
  body.checkout-page #desktopHeader .nav-side.right>a:nth-child(1){width:120px!important;background-image:url("/assets/images/shop-nav-instagram.png")!important;}
  body.checkout-page #desktopHeader .nav-side.right>a:nth-child(2){width:95px!important;background-image:url("/assets/images/shop-nav-contact.png")!important;}
  body.checkout-page #desktopHeader .nav-side.right>a:nth-child(3){width:65px!important;background-image:url("/assets/images/shop-nav-login.png")!important;}
  body.checkout-page #desktopHeader .nav-side>a.is-flyout-active{filter:invert(1)!important;}
  body.checkout-page #desktopHeader .brand{
    position:absolute!important;
    z-index:306!important;
    left:797px!important;
    top:32px!important;
    width:326px!important;
    height:28px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    background-image:url("/assets/images/shop-brand-light-sharp-20261011.png")!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-size:326px 28px!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
  }
  body.checkout-page #desktopHeader .global-cart-icon{
    position:absolute!important;
    left:1417px!important;
    top:14px!important;
    width:40px!important;
    height:45px!important;
    margin:0!important;
    padding:0!important;
    background-image:url("/assets/images/cart-icon-psd.png")!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-size:40px 45px!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    z-index:307!important;
  }

  body.checkout-page #desktopHeader .checkout-header-flyout{
    position:absolute!important;
    z-index:301!important;
    display:block!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background:rgba(0,0,0,.663)!important;
    transition:clip-path .25s cubic-bezier(.2,.8,.2,1)!important;
  }
  body.checkout-page #desktopHeader .checkout-header-flyout-left{
    left:0!important;top:0!important;width:364px!important;height:477.7px!important;
    clip-path:polygon(0 0,0 0,0 100%,0 100%)!important;
  }
  body.checkout-page #desktopHeader .checkout-header-flyout-right{
    right:0!important;top:0!important;width:364px!important;height:230px!important;
    clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)!important;
  }
  body.checkout-page #desktopHeader .checkout-header-flyout.is-open{
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;
    pointer-events:auto!important;
  }
  body.checkout-page #desktopHeader .checkout-header-flyout nav{
    position:absolute!important;
    display:flex!important;
    flex-direction:column!important;
    margin:0!important;
    padding:0!important;
    font-family:"Benzin Regular","Benzin-Regular","Arial Narrow",Arial,sans-serif!important;
    font-size:17.71px!important;
    font-weight:400!important;
    line-height:30px!important;
    letter-spacing:-.25px!important;
    white-space:nowrap!important;
  }
  body.checkout-page #desktopHeader .checkout-header-flyout-left nav{left:28px!important;top:58px!important;align-items:flex-start!important;text-align:left!important;}
  body.checkout-page #desktopHeader .checkout-header-flyout-right nav{right:28px!important;top:49px!important;align-items:flex-end!important;text-align:right!important;}
  body.checkout-page #desktopHeader .checkout-header-flyout a{position:relative!important;display:block!important;width:max-content!important;color:#fff!important;text-decoration:none!important;}
  body.checkout-page #desktopHeader .checkout-header-flyout-gap{display:block!important;height:25px!important;}
  body.checkout-page #desktopHeader .checkout-header-flyout a::after{
    content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:1px!important;height:1px!important;background:currentColor!important;
    transform:scaleX(0)!important;transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;
  }
  body.checkout-page #desktopHeader .checkout-header-flyout-left a::after{transform-origin:left center!important;}
  body.checkout-page #desktopHeader .checkout-header-flyout-right a::after{transform-origin:right center!important;}
  body.checkout-page #desktopHeader .checkout-header-flyout a:hover::after,
  body.checkout-page #desktopHeader .checkout-header-flyout a:focus-visible::after{transform:scaleX(1)!important;}

  /* ---------- live checkout composition, exact PSD coordinates ---------- */
  body.checkout-page .checkout-wrap{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1920px!important;
    height:1080px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:hidden!important;
  }
  body.checkout-page .checkout-left{
    position:absolute!important;
    left:360px!important;
    top:169px!important;
    width:535px!important;
    height:798px!important;
  }

  body.checkout-page .pay-methods{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:535px!important;
    height:101px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
  }
  body.checkout-page .pay-chip{
    position:absolute!important;
    height:47px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:#000!important;
    color:#fff!important;
    font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;
    font-size:20px!important;
    font-weight:500!important;
    line-height:47px!important;
    letter-spacing:0!important;
    text-align:center!important;
  }
  body.checkout-page .pay-chip:nth-child(1){left:0!important;top:0!important;width:172px!important;}
  body.checkout-page .pay-chip:nth-child(2){left:181px!important;top:0!important;width:172px!important;}
  body.checkout-page .pay-chip:nth-child(3){left:363px!important;top:0!important;width:172px!important;}
  body.checkout-page .pay-chip:nth-child(4){left:0!important;top:54px!important;width:267px!important;}
  body.checkout-page .pay-chip:nth-child(5){left:271px!important;top:54px!important;width:264px!important;}
  body.checkout-page .pay-chip.active{outline:0!important;box-shadow:none!important;}

  body.checkout-page .checkout-form{
    position:absolute!important;
    left:0!important;
    top:128px!important;
    width:535px!important;
    height:670px!important;
    margin:0!important;
    padding:0!important;
  }
  body.checkout-page .checkout-section-title{
    position:absolute!important;
    left:29px!important;
    top:0!important;
    margin:0!important;
    padding:0!important;
    color:#111!important;
    font-family:"Bahnschrift Light Condensed","Bahnschrift", "Arial Narrow",Arial,sans-serif!important;
    font-stretch:condensed!important;
    font-size:29px!important;
    font-weight:300!important;
    line-height:30px!important;
    letter-spacing:0!important;
  }
  body.checkout-page .checkout-section-title.delivery-title{top:131px!important;}

  body.checkout-page .checkout-form>input,
  body.checkout-page .country-field,
  body.checkout-page .form-row{
    position:absolute!important;
    left:0!important;
    width:535px!important;
    margin:0!important;
  }
  body.checkout-page .checkout-form>input,
  body.checkout-page .form-row input,
  body.checkout-page .country-field select{
    box-sizing:border-box!important;
    height:47px!important;
    margin:0!important;
    padding:0 21px!important;
    border:2px solid #111!important;
    border-radius:0!important;
    background:#fff!important;
    color:#111!important;
    font-family:"Bahnschrift Light Condensed","Bahnschrift","Arial Narrow",Arial,sans-serif!important;
    font-size:19px!important;
    font-weight:300!important;
    line-height:43px!important;
    letter-spacing:0!important;
    outline:0!important;
  }
  body.checkout-page .checkout-form input::placeholder{color:#b7b7b7!important;opacity:1!important;}
  body.checkout-page .checkout-form>input[name="email"]{top:32px!important;}
  body.checkout-page .country-field{top:164px!important;height:47px!important;}
  body.checkout-page .country-field select{width:535px!important;padding-top:11px!important;appearance:auto!important;}
  body.checkout-page .country-label{
    position:absolute!important;z-index:2!important;left:22px!important;top:4px!important;
    font-family:"Bahnschrift Light Condensed","Bahnschrift","Arial Narrow",Arial,sans-serif!important;
    font-size:11px!important;font-weight:300!important;line-height:12px!important;color:#a0a0a0!important;pointer-events:none!important;
  }
  body.checkout-page .form-row{display:grid!important;grid-template-columns:266px 263px!important;gap:6px!important;}
  body.checkout-page .form-row input{width:100%!important;}
  body.checkout-page .form-row:nth-of-type(1){top:214px!important;}
  body.checkout-page .checkout-form>input[name="address"]{top:266px!important;}
  body.checkout-page .checkout-form>input[name="apartment"]{top:316px!important;}
  body.checkout-page .form-row:nth-of-type(2){top:365px!important;}
  body.checkout-page .checkout-form>input[name="phone"]{top:416px!important;}

  body.checkout-page .checkbox-line{
    position:absolute!important;
    left:0!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    height:25px!important;
    margin:0!important;
    padding:0!important;
    color:#111!important;
    font-family:"Bahnschrift Light Condensed","Bahnschrift","Arial Narrow",Arial,sans-serif!important;
    font-size:18px!important;
    font-weight:300!important;
    line-height:25px!important;
  }
  body.checkout-page .checkout-form>label.checkbox-line:nth-of-type(1){top:82px!important;}
  body.checkout-page .save-line{top:465px!important;}
  body.checkout-page .sms-line{top:493px!important;}
  body.checkout-page .checkbox-line input{
    position:relative!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    margin:0!important;
    padding:0!important;
    appearance:none!important;
    border:2px solid #111!important;
    border-radius:0!important;
    background:#fff!important;
  }
  body.checkout-page .checkbox-line input:checked{background:#111!important;}
  body.checkout-page .checkbox-line input:checked::after{
    content:"✓"!important;position:absolute!important;left:3px!important;top:-2px!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:22px!important;line-height:22px!important;
  }
  body.checkout-page .fineprint{
    position:absolute!important;
    left:3px!important;
    top:525px!important;
    width:516px!important;
    height:72px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#999!important;
    font-family:"Bahnschrift Light Condensed","Bahnschrift","Arial Narrow",Arial,sans-serif!important;
    font-size:11px!important;
    font-weight:300!important;
    line-height:15px!important;
  }
  body.checkout-page .review-btn{
    position:absolute!important;
    left:3px!important;
    top:624px!important;
    width:530px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#000!important;
    color:#fff!important;
    font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:500!important;
    line-height:46px!important;
    letter-spacing:0!important;
  }
  body.checkout-page .order-success{display:none!important;}
  body.checkout-page .order-success.show{
    display:block!important;position:absolute!important;left:3px!important;top:680px!important;width:530px!important;padding:10px!important;border:1px solid #111!important;font-size:14px!important;
  }

  /* ---------- order summary ---------- */
  body.checkout-page .order-side{
    position:absolute!important;
    left:1130px!important;
    top:145px!important;
    width:368px!important;
    height:610px!important;
    margin:0!important;
    padding:0!important;
  }
  body.checkout-page .order-list{
    position:absolute!important;
    left:0!important;
    top:17px!important;
    width:368px!important;
    height:394px!important;
    margin:0!important;
    padding:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:#111 transparent!important;
  }
  body.checkout-page .order-list::-webkit-scrollbar{width:4px!important;}
  body.checkout-page .order-list::-webkit-scrollbar-thumb{background:#111!important;}
  body.checkout-page .order-line{
    position:relative!important;
    display:grid!important;
    grid-template-columns:171px 185px!important;
    gap:11px!important;
    width:368px!important;
    height:100px!important;
    margin:0!important;
    padding:0!important;
    align-items:start!important;
  }
  body.checkout-page .order-thumb{
    position:relative!important;
    width:171px!important;
    height:90px!important;
    margin-top:5px!important;
    background:#ddd!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.checkout-page .order-thumb img{
    width:100%!important;
    height:84px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  body.checkout-page .order-qty-stack{
    position:absolute!important;
    right:0!important;
    top:-5px!important;
    width:40px!important;
    height:74px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }
  body.checkout-page .qty-badge{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:31px!important;
    margin:0!important;
    padding:0!important;
    background:#000!important;
    color:#fff!important;
    font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;
    font-size:20px!important;
    font-weight:500!important;
    line-height:31px!important;
  }
  body.checkout-page .size-badge{
    display:block!important;
    margin-top:4px!important;
    color:#111!important;
    font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:16px!important;
  }
  body.checkout-page .order-meta{
    width:185px!important;
    padding-top:14px!important;
    color:#111!important;
    font-family:"Bahnschrift Light Condensed","Bahnschrift","Arial Narrow",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:300!important;
    line-height:23px!important;
    letter-spacing:0!important;
  }
  body.checkout-page .discount{
    position:absolute!important;
    left:0!important;
    top:426px!important;
    width:368px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:283px 85px!important;
  }
  body.checkout-page .discount input,
  body.checkout-page .discount button{
    box-sizing:border-box!important;
    height:46px!important;
    margin:0!important;
    border:1px solid #111!important;
    border-radius:0!important;
    background:#fff!important;
    font-family:"Bahnschrift Light Condensed","Bahnschrift","Arial Narrow",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:300!important;
    line-height:44px!important;
  }
  body.checkout-page .discount input{padding:0 10px!important;}
  body.checkout-page .discount button{padding:0!important;text-align:center!important;}
  body.checkout-page .discount input::placeholder{color:#b0b0b0!important;opacity:1!important;}
  body.checkout-page .sum-row{
    position:absolute!important;
    left:11px!important;
    width:338px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    justify-content:space-between!important;
    color:#111!important;
    font-family:"Bahnschrift Light Condensed","Bahnschrift","Arial Narrow",Arial,sans-serif!important;
    font-size:18px!important;
    font-weight:300!important;
    line-height:23px!important;
  }
  body.checkout-page .sum-row:nth-of-type(1){top:492px!important;}
  body.checkout-page .sum-row:nth-of-type(2){top:523px!important;}
  body.checkout-page .sum-row span{padding:0!important;border:0!important;}
  body.checkout-page .sum-total{
    top:574px!important;
    font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;
    font-size:23px!important;
    font-weight:500!important;
    line-height:23px!important;
  }

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

@media (max-width:900px){
  body.checkout-page{overflow:auto!important;}
  body.checkout-page .checkout-stage{position:static!important;width:auto!important;height:auto!important;transform:none!important;}
  body.checkout-page .checkout-wrap{position:static!important;display:block!important;width:auto!important;height:auto!important;padding:25px 22px 110px!important;overflow:visible!important;}
  body.checkout-page .checkout-left,body.checkout-page .order-side{position:static!important;width:auto!important;height:auto!important;}
  body.checkout-page .pay-methods,body.checkout-page .checkout-form,body.checkout-page .order-list,body.checkout-page .discount,body.checkout-page .sum-row{position:static!important;width:auto!important;height:auto!important;}
  body.checkout-page .pay-methods{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;}
  body.checkout-page .pay-chip{position:static!important;width:auto!important;height:42px!important;line-height:42px!important;font-size:14px!important;}
  body.checkout-page .checkout-form{margin-top:25px!important;}
  body.checkout-page .checkout-section-title,body.checkout-page .checkout-form>input,body.checkout-page .country-field,body.checkout-page .form-row,body.checkout-page .checkbox-line,body.checkout-page .fineprint,body.checkout-page .review-btn{position:static!important;width:100%!important;height:auto!important;margin-bottom:7px!important;}
  body.checkout-page .checkout-form>input,body.checkout-page .form-row input,body.checkout-page .country-field select{height:43px!important;}
  body.checkout-page .form-row{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;}
  body.checkout-page .order-side{margin-top:40px!important;}
  body.checkout-page .order-list{overflow:visible!important;}
  body.checkout-page .order-line{width:100%!important;grid-template-columns:120px 1fr!important;}
  
}


/* =========================================================
   CHECKOUT — FINAL 1920×1080 EDGE-TO-EDGE / NO OVERLAP FIX
   Exact desktop geometry follows the supplied 1920×1080 payment design.
   Only checkout is affected.
   ========================================================= */
@media (min-width:901px){
  body.checkout-page{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    height:auto!important;
    min-height:var(--checkout-stage-height,1080px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#fff!important;
  }
  body.checkout-page .checkout-stage{
    left:50%!important;
    top:0!important;
    width:1920px!important;
    height:1080px!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%) scale(var(--checkout-scale,1))!important;
    transform-origin:top center!important;
  }

  /* Form rows are explicitly named in checkout.html so they cannot collide
     with title DIVs or other form ROWs via nth-of-type. */
  body.checkout-page .checkout-form .email-news-line{
    top:82px!important;
  }
  body.checkout-page .checkout-form .name-row{
    top:214px!important;
  }
  body.checkout-page .checkout-form .postal-row{
    top:365px!important;
  }

  /* Lock all left-column controls to the exact PSD coordinates. */
  body.checkout-page .checkout-form>input[name="email"]{top:32px!important;}
  body.checkout-page .checkout-section-title.delivery-title{top:131px!important;}
  body.checkout-page .country-field{top:164px!important;}
  body.checkout-page .checkout-form>input[name="address"]{top:266px!important;}
  body.checkout-page .checkout-form>input[name="apartment"]{top:316px!important;}
  body.checkout-page .checkout-form>input[name="phone"]{top:416px!important;}
  body.checkout-page .save-line{top:465px!important;}
  body.checkout-page .sms-line{top:493px!important;}
  body.checkout-page .fineprint{top:525px!important;}
  body.checkout-page .review-btn{top:626px!important;}

  /* Summary rows previously used :nth-of-type, which is ambiguous because
     order-list and discount are DIV siblings. Explicit child positions fix it. */
  body.checkout-page .order-side > .sum-row:nth-child(3){top:492px!important;}
  body.checkout-page .order-side > .sum-row:nth-child(4){top:523px!important;}
  body.checkout-page .order-side > .sum-row.sum-total:nth-child(5){top:574px!important;}

  /* Keep the product list inside its own exact area and never let it push
     discount / totals over one another. */
  body.checkout-page .order-list{
    top:17px!important;
    height:400px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  body.checkout-page .discount{top:426px!important;}
}


@media (min-width:901px){
  /* The 1920x1080 checkout artboard itself has no outer spacing. */
  body.checkout-page{
    margin:0!important;
    padding:0!important;
    min-width:0!important;
    min-height:var(--checkout-stage-height,1080px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#fff!important;
  }
  body.checkout-page>#checkoutStage.checkout-stage{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1920px!important;
    height:1080px!important;
    margin:0!important;
    padding:0!important;
    transform:scale(var(--checkout-scale,1))!important;
    transform-origin:0 0!important;
    overflow:visible!important;
  }

  /* LOGIN header copied to CHECKOUT: direct body child, exact reference plane. */
  body.checkout-page>#desktopHeader.site-header{
    position:fixed!important;
    left:0!important;
    top:0!important;
    width:1920px!important;
    height:88px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
    z-index:500!important;
    background:transparent!important;
    transform:scale(var(--checkout-scale,1))!important;
    transform-origin:0 0!important;
  }
  body.checkout-page>#desktopHeader .nav-side,
  body.checkout-page>#desktopHeader .nav-side.right{
    position:absolute!important;
    top:29px!important;
    z-index:504!important;
    display:flex!important;
    align-items:flex-start!important;
    margin:0!important;
    padding:0!important;
    gap:66px!important;
    font-size:0!important;
    line-height:1!important;
    transform:none!important;
  }
  body.checkout-page>#desktopHeader .nav-side:not(.right){left:28px!important;right:auto!important;justify-content:flex-start!important;}
  body.checkout-page>#desktopHeader .nav-side.right{left:auto!important;right:28px!important;justify-content:flex-end!important;gap:64px!important;}
  body.checkout-page>#desktopHeader .nav-side>a{
    position:relative!important;
    z-index:505!important;
    display:block!important;
    flex:0 0 auto!important;
    height:17px!important;
    margin:0!important;
    padding:0!important;
    background-position:left top!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
  }
  body.checkout-page>#desktopHeader .nav-side:not(.right)>a:nth-child(1){width:53px!important;background-image:url("/assets/images/shop-nav-shop.png")!important;}
  body.checkout-page>#desktopHeader .nav-side:not(.right)>a:nth-child(2){width:95px!important;background-image:url("/assets/images/shop-nav-gallery.png")!important;}
  body.checkout-page>#desktopHeader .nav-side:not(.right)>a:nth-child(3){width:69px!important;background-image:url("/assets/images/shop-nav-about.png")!important;}
  body.checkout-page>#desktopHeader .nav-side.right>a:nth-child(1){width:120px!important;background-image:url("/assets/images/shop-nav-instagram.png")!important;}
  body.checkout-page>#desktopHeader .nav-side.right>a:nth-child(2){width:95px!important;background-image:url("/assets/images/shop-nav-contact.png")!important;}
  body.checkout-page>#desktopHeader .nav-side.right>a:nth-child(3){width:65px!important;background-image:url("/assets/images/shop-nav-login.png")!important;}
  body.checkout-page>#desktopHeader .nav-side>a.is-flyout-active{filter:invert(1)!important;}
  body.checkout-page>#desktopHeader .brand{
    position:absolute!important;
    z-index:506!important;
    left:50%!important;
    top:29px!important;
    width:326px!important;
    height:28px!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    background:url("/assets/images/shop-brand-sharp-20261011.png") center/326px 28px no-repeat!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
  }
  body.checkout-page>#desktopHeader .global-cart-icon{
    position:absolute!important;
    left:1417px!important;
    top:14px!important;
    width:40px!important;
    height:45px!important;
    min-width:40px!important;
    margin:0!important;
    padding:0!important;
    z-index:507!important;
    background-image:url("/assets/images/cart-icon-psd.png")!important;
    background-size:40px 45px!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
  }

  /* Same LOGIN fly-out visual/behavior; checkout.js already creates this DOM. */
  body.checkout-page>#desktopHeader .checkout-header-flyout{
    position:absolute!important;
    z-index:501!important;
    display:block!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background:rgba(0,0,0,.663)!important;
    transition:clip-path .25s cubic-bezier(.2,.8,.2,1)!important;
  }
  body.checkout-page>#desktopHeader .checkout-header-flyout-left{left:32px!important;top:31px!important;width:364px!important;height:562px!important;clip-path:polygon(0 0,0 0,0 100%,0 100%)!important;}
  body.checkout-page>#desktopHeader .checkout-header-flyout-right{right:31px!important;top:20px!important;width:364px!important;height:242px!important;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)!important;}
  body.checkout-page>#desktopHeader .checkout-header-flyout.is-open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;pointer-events:auto!important;}
  body.checkout-page>#desktopHeader .checkout-header-flyout nav{position:absolute!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important;font-family:"Benzin Regular","Benzin-Regular","Arial Narrow",Arial,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:24px!important;letter-spacing:-.25px!important;white-space:nowrap!important;}
  body.checkout-page>#desktopHeader .checkout-header-flyout-left nav{left:3px!important;top:55px!important;align-items:flex-start!important;text-align:left!important;}
  body.checkout-page>#desktopHeader .checkout-header-flyout-right nav{right:5px!important;top:43px!important;align-items:flex-end!important;text-align:right!important;}
  body.checkout-page>#desktopHeader .checkout-header-flyout a{position:relative!important;display:block!important;width:max-content!important;color:#fff!important;text-decoration:none!important;}
  body.checkout-page>#desktopHeader .checkout-header-flyout-gap{display:block!important;height:20px!important;}

  
  

  /* REVIEW ORDER: exact visible button position from the PSD/reference. */
  body.checkout-page .checkout-form .review-btn{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute!important;
    left:3px!important;
    top:496px!important;
    z-index:30!important;
    width:530px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#000!important;
    color:#fff!important;
    font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:500!important;
    line-height:46px!important;
    letter-spacing:0!important;
    text-align:center!important;
  }

  /* Exact payment button geometry/font. */
  body.checkout-page .pay-chip{
    font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;
    font-size:20px!important;
    font-weight:500!important;
    line-height:47px!important;
  }
}

/* Requested checkout and LOGIN adjustments. SHOP and the home page keep their layout. */
@media (min-width:901px){
  body.login-page>#desktopHeader .login-header-flyout-right nav{top:58px!important;}
  body.login-page>#desktopHeader .login-header-flyout-right{height:244px!important;min-height:244px!important;}
  body.checkout-page>#desktopHeader .checkout-header-flyout-right nav{top:58px!important;right:28px!important;font-size:17.71px!important;line-height:30px!important;}
  body.checkout-page>#desktopHeader .checkout-header-flyout-left nav{left:28px!important;top:58px!important;font-size:17.71px!important;line-height:30px!important;}
  body.checkout-page>#desktopHeader .checkout-header-flyout-right{right:0!important;top:0!important;height:244px!important;}
  body.checkout-page>#desktopHeader .checkout-header-flyout-left{left:0!important;top:0!important;height:477.7px!important;}
  body.checkout-page>#desktopHeader .checkout-header-flyout-gap{height:25px!important;}

  body.checkout-page .checkout-form .review-btn{top:624px!important;}
  body.checkout-page .checkout-form .fineprint{height:auto!important;max-height:91px!important;overflow:visible!important;}
  body.checkout-page .checkout-form .review-btn,
  body.checkout-page .pay-chip{font-family:"Benzin Medium","Benzin-Medium","Benzin",Arial,sans-serif!important;}

  
  
  
  
  
  
  
  
  
  
  
  
}

/* The original header labels and SHOP product labels are raster images in English. */
@media (min-width:901px){
  html[lang="ru"] body:not(.home) #desktopHeader .nav-side>a:not(.global-cart-icon){background-image:none!important;width:auto!important;height:auto!important;color:#000!important;font:400 16px/22px "Benzin Regular","Benzin-Regular",Arial,sans-serif!important;white-space:nowrap!important;}
  html[lang="ru"] body:not(.home) #desktopHeader .nav-side>a.is-flyout-active{filter:none!important;color:#fff!important;}
  html[lang="ru"] .shop-page .product-reference-copy{display:none!important;}
  html[lang="ru"] .shop-page .product-live-copy{display:block!important;}
  html[lang="ru"] .shop-page .shop-terms{background-image:none!important;color:#111!important;font:400 14px/20px "Arial Narrow",Arial,sans-serif!important;width:auto!important;height:auto!important;}
}
html[lang="ru"] .about-page .about-copy-art{display:none!important;}
.about-copy-ru{display:none;}
html[lang="ru"] .about-copy-ru{display:block;font-family:"Arial Narrow",Arial,sans-serif;font-size:22px;line-height:1.4;max-width:850px;margin:130px auto 0;padding:0 20px;}

/* CHECKOUT: keep the review button below the consent copy in the visible
   1920×1080 reference area. Only the checkout form's vertical rhythm changes. */
@media (min-width:901px){
  body.checkout-page .pay-methods{height:92px!important;}
  body.checkout-page .pay-chip{height:43px!important;line-height:43px!important;}
  body.checkout-page .pay-chip:nth-child(4),
  body.checkout-page .pay-chip:nth-child(5){top:49px!important;}
  body.checkout-page #checkoutForm{top:108px!important;height:695px!important;}
  body.checkout-page #checkoutForm>input,
  body.checkout-page #checkoutForm .form-row input,
  body.checkout-page #checkoutForm .country-field select{height:42px!important;line-height:38px!important;}
  body.checkout-page #checkoutForm .checkout-section-title.delivery-title{top:118px!important;}
  body.checkout-page #checkoutForm>input[name="email"]{top:32px!important;}
  body.checkout-page #checkoutForm .email-news-line{top:78px!important;}
  body.checkout-page #checkoutForm .country-field{top:151px!important;height:42px!important;}
  body.checkout-page #checkoutForm .name-row{top:197px!important;}
  body.checkout-page #checkoutForm>input[name="address"]{top:243px!important;}
  body.checkout-page #checkoutForm>input[name="apartment"]{top:289px!important;}
  body.checkout-page #checkoutForm .postal-row{top:335px!important;}
  body.checkout-page #checkoutForm>input[name="phone"]{top:381px!important;}
  body.checkout-page #checkoutForm .save-line{top:427px!important;}
  body.checkout-page #checkoutForm .sms-line{top:454px!important;}
  body.checkout-page #checkoutForm .fineprint{
    top:482px!important;height:auto!important;max-height:78px!important;
    overflow:visible!important;line-height:14px!important;
  }
  body.checkout-page #checkoutForm .review-btn{top:567px!important;}
}


/* v13 — Terms & Policies page */
.legal-page{max-width:1080px;margin:0 auto;padding:120px 34px 120px;color:#111;}
.legal-copy{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.58;}
.legal-copy.is-hidden{display:none!important;}
.legal-copy h1{margin:0 0 8px;font-family:var(--display);font-size:34px;line-height:1.1;}
.legal-copy .legal-updated{margin:0 0 36px;color:#666;font-size:13px;}
.legal-copy h2{margin:30px 0 10px;font-family:var(--display);font-size:20px;line-height:1.25;}
.legal-copy p{margin:0 0 12px;}
.legal-copy a{color:inherit;text-decoration:underline;text-underline-offset:2px;}
@media (max-width:900px){
  .legal-page{padding:24px 20px 96px;}
  .legal-copy{font-size:14px;line-height:1.5;}
  .legal-copy h1{font-size:24px;}
  .legal-copy .legal-updated{margin-bottom:24px;}
  .legal-copy h2{font-size:16px;margin-top:24px;}
}


/* =========================================================
   v14 — separate legal pages, safe header spacing, centered empty bag
   ========================================================= */
body.terms-page,
body.privacy-page{
  min-height:100vh;
  background:#fff;
  color:#111;
}
body.terms-page .legal-page,
body.privacy-page .legal-page{
  box-sizing:border-box;
  width:min(1180px,calc(100% - 64px));
  max-width:none;
  margin:0 auto;
  padding:118px 0 120px;
}
body.terms-page .legal-copy,
body.privacy-page .legal-copy{
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.55;
}
body.terms-page .legal-copy h1,
body.privacy-page .legal-copy h1{
  margin:0 0 12px;
  font-family:var(--display);
  font-size:36px;
  line-height:1.08;
}
body.terms-page .legal-copy .legal-updated,
body.privacy-page .legal-copy .legal-updated{
  margin:0 0 34px;
  color:#555;
  font-size:13px;
}
body.terms-page .legal-copy h2,
body.privacy-page .legal-copy h2{
  margin:30px 0 10px;
  font-family:var(--display);
  font-size:21px;
  line-height:1.25;
}
body.terms-page .legal-copy p,
body.privacy-page .legal-copy p{margin:0 0 12px;}
body.terms-page .legal-copy ul,
body.privacy-page .legal-copy ul{margin:8px 0 14px 22px;padding:0;}
body.terms-page .legal-copy li,
body.privacy-page .legal-copy li{margin:5px 0;}
body.terms-page .legal-copy a,
body.privacy-page .legal-copy a{color:inherit;text-decoration:underline;text-underline-offset:2px;}
body.terms-page .legal-copy.is-hidden,
body.privacy-page .legal-copy.is-hidden{display:none!important;}
body.shop-page .shop-legal-links{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin-top:12px;
  white-space:nowrap;
}
body.shop-page .shop-legal-links a{
  color:#111;
  text-decoration:none;
  font:400 12px/16px Arial,sans-serif;
}
body.shop-page .shop-legal-links .legal-separator{font:400 12px/16px Arial,sans-serif;}
body.cart-page.cart-is-empty .cart-summary{display:none!important;}
body.cart-page.cart-is-empty .cart-wrap{
  display:block!important;
  width:100%!important;
  min-height:calc(100vh - 88px)!important;
  padding:0!important;
}
body.cart-page.cart-is-empty .cart-items{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:calc(100vh - 88px)!important;
  margin:0!important;
  padding:0!important;
}
body.cart-page.cart-is-empty .empty-cart{
  position:static!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  text-align:center!important;
}
@media (max-width:900px){
  body.terms-page .legal-page,
  body.privacy-page .legal-page{
    width:100%;
    margin:0;
    padding:88px 20px 108px;
  }
  body.terms-page .legal-copy,
  body.privacy-page .legal-copy{font-size:14px;line-height:1.5;}
  body.terms-page .legal-copy h1,
  body.privacy-page .legal-copy h1{font-size:25px;line-height:1.12;}
  body.terms-page .legal-copy h2,
  body.privacy-page .legal-copy h2{font-size:17px;margin-top:24px;}
  body.shop-page .shop-footer .shop-page-indicator{display:none!important;}
  body.shop-page .shop-page-number,
  body.shop-page .shop-page-number:nth-child(n){background:none!important;border:0!important;box-shadow:none!important;text-decoration:none!important;}
  body.shop-page .shop-page-number::before{content:none!important;display:none!important;}
  body.shop-page .shop-page-number.is-active::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    bottom:-3px!important;
    width:20px!important;
    height:2px!important;
    background:#111!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
  }
  body.shop-page .shop-legal-links{gap:7px;margin-top:12px;}
  body.shop-page .shop-legal-links a,
  body.shop-page .shop-legal-links .legal-separator{font:400 10px/14px var(--mobile-copy,"Arial Narrow",Arial,sans-serif)!important;}
  body.cart-page.cart-is-empty .cart-wrap,
  body.cart-page.cart-is-empty .cart-items{min-height:calc(100dvh - 64px)!important;}
  body.cart-page.cart-is-empty .empty-cart{
    font:400 18px/1.3 var(--mobile-copy,"Arial Narrow",Arial,sans-serif)!important;
    text-align:center!important;
  }
}


/* =========================================================
   v15 — legal pages must scroll on desktop/mobile
   ========================================================= */
html.legal-root{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
html.legal-root body.terms-page,
html.legal-root body.privacy-page{
  position:relative!important;
  height:auto!important;
  min-height:100vh!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
html.legal-root body.terms-page .legal-page,
html.legal-root body.privacy-page .legal-page{
  position:relative!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}