/* 2026-09-17 — user-requested MOBILE corrections only.
   Keep desktop layouts and unrelated storefront styling untouched. */

/* Cart icon exists only while the bag has products. */
.global-cart-icon:not(.has-items),
.mobile-cart:not(.has-items){display:none!important;}
.cart-card-size{display:none;}

@media (max-width:900px){
  /* ---------- shared mobile header/menu ---------- */
  body.shared-chrome-page #mobileHeader.mobile-header{
    height:58px!important;
    padding:18px 8px 0!important;
  }
  body.shared-chrome-page #mobileHeader .mobile-menu-btn,
  .home #homeMenuOpen.home-mobile-menu-button{
    font:400 17px/22px "DD Oswald","Arial Narrow",Arial,sans-serif!important;
    letter-spacing:0!important;
  }
  body.shared-chrome-page #mobileHeader .brand,
  .home #mobileBrand.home-mobile-brand{
    top:19px!important;
    width:min(50vw,216px)!important;
    height:19px!important;
    max-width:none!important;
    max-height:none!important;
    background-size:100% auto!important;
  }
  body.shared-chrome-page #mobileHeader .mobile-cart{
    right:9px!important;
    top:15px!important;
    width:22px!important;
    height:26px!important;
    background-size:22px 25px!important;
  }

  .home #homeMobileMenu.home-mobile-menu,
  body.shared-chrome-page #mobileMenu.mobile-menu{
    top:18px!important;
    left:7px!important;
    width:min(58.2vw,252px)!important;
    min-height:347px!important;
    max-height:calc(100dvh - 30px)!important;
    padding:32px 2px 16px!important;
    background:rgba(154,154,154,.92)!important;
    backdrop-filter:none!important;
    overflow-x:hidden!important;
  }
  body.shared-chrome-page #mobileMenu nav a,
  .home #homeMobileMenu .home-mobile-menu-nav a{
    font:400 clamp(15px,4vw,17px)/1.43 Arial,sans-serif!important;
    letter-spacing:-.035em!important;
  }
  body.shared-chrome-page #mobileMenu nav .mobile-menu-gap,
  .home #homeMobileMenu .home-mobile-menu-gap{height:25px!important;}
  body.shared-chrome-page #mobileMenu nav .mobile-menu-gap.small,
  .home #homeMobileMenu .home-mobile-menu-gap.small{height:18px!important;}
  body.shared-chrome-page #mobileMenu nav .mobile-login-link,
  .home #homeMobileMenu .menu-label-dark{color:#000!important;}
  body.mobile-menu-open .home #homeMenuOpen.home-mobile-menu-button{color:#000!important;}

  /* ---------- requested darker mobile home background ---------- */
  .home:after{
    display:block!important;
    background:rgba(0,0,0,var(--home-overlay-opacity,.35))!important;
    pointer-events:none!important;
  }
  .home .home-mobile-header{z-index:730!important;}
  .home #homeMobileMenu{z-index:720!important;}
  .home .home-tools{z-index:740!important;}
  

  
  .home .home-tools{
    right:8px!important;
    bottom:10px!important;
    gap:6px!important;
    align-items:flex-end!important;
  }
  
  .home .home-tools .lang-toggle{
    width:70px!important;
    min-width:70px!important;
    height:28px!important;
    padding:0 5px!important;
    font:600 10px/28px Arial,sans-serif!important;
    letter-spacing:0!important;
  }
  

  
  
  
  
  
  
  
  
  
  
  
  
  

  /* ---------- ABOUT: match supplied mobile composition ---------- */
  body.about-page .about-wrap{
    width:100%!important;
    margin:0!important;
    padding:20px 15px 80px!important;
  }
  body.about-page .about-design-canvas{
    width:100%!important;
    height:auto!important;
    transform:none!important;
  }
  body.about-page .about-copy-art{display:none!important;}
  body.about-page .about-copy-mobile{
    display:block!important;
    width:100%!important;
    max-width:400px!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
    color:#111!important;
    font:400 clamp(13px,3.35vw,14.5px)/1.19 "DD Oswald","Arial Narrow",Arial,sans-serif!important;
    letter-spacing:-.02em!important;
  }
  body.about-page .about-copy-mobile strong{
    font-family:Arial,sans-serif!important;
    font-size:1.02em!important;
    font-weight:800!important;
  }
  body.about-page .about-copy-mobile strong:first-of-type{
    display:inline!important;
    padding:0 3px 1px!important;
    background:#050505!important;
    color:#fff!important;
    font-size:1.08em!important;
    line-height:1!important;
  }
  body.about-page .about-copy-mobile em{
    font-style:normal!important;
    text-decoration:none!important;
  }
  body.about-page .about-copy-mobile em:first-of-type{
    font-family:Arial,sans-serif!important;
    font-weight:800!important;
    text-transform:uppercase!important;
  }
  body.about-page .about-copy-mobile em:nth-of-type(2){
    font-family:cursive!important;
    font-weight:700!important;
    font-size:1.08em!important;
    text-decoration:underline!important;
    text-underline-offset:1px!important;
    text-transform:none!important;
  }

  /* ---------- CART: supplied mobile card scale/placement ---------- */
  body.cart-page .cart-wrap{
    width:100%!important;
    margin:0!important;
    padding:16px 25px 78px!important;
  }
  body.cart-page .cart-items{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:28px!important;
    width:100%!important;
  }
  body.cart-page .cart-card{
    display:grid!important;
    grid-template-columns:42% minmax(0,1fr)!important;
    width:min(59vw,255px)!important;
    height:130px!important;
    min-height:130px!important;
    margin:0!important;
    padding:9px 7px!important;
    background:#dedede!important;
    overflow:visible!important;
  }
  body.cart-page .cart-card-media{
    width:100%!important;
    height:112px!important;
  }
  body.cart-page .cart-card-media img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  body.cart-page .cart-card-copy{
    position:relative!important;
    width:100%!important;
    height:112px!important;
    padding:2px 2px 0 5px!important;
  }
  body.cart-page .cart-card-name,
  body.cart-page .cart-card-price{
    font:400 11px/1.25 "DD Oswald","Arial Narrow",Arial,sans-serif!important;
    letter-spacing:-.02em!important;
    overflow-wrap:anywhere!important;
  }
  body.cart-page .cart-card-price{margin-top:5px!important;}
  body.cart-page .cart-card-size{
    display:block!important;
    position:absolute!important;
    right:7px!important;
    bottom:32px!important;
    font:700 21px/1 Arial,sans-serif!important;
    color:#050505!important;
  }
  body.cart-page .cart-card-quantity{
    position:absolute!important;
    right:2px!important;
    bottom:-1px!important;
    width:29px!important;
    height:28px!important;
    margin:0!important;
  }
  body.cart-page .cart-qty-btn{display:none!important;}
  body.cart-page .cart-card-quantity input{
    display:block!important;
    width:29px!important;
    height:28px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    appearance:textfield!important;
    background:#050505!important;
    color:#fff!important;
    text-align:center!important;
    font:700 18px/28px Arial,sans-serif!important;
  }
  body.cart-page .cart-card-quantity input::-webkit-inner-spin-button,
  body.cart-page .cart-card-quantity input::-webkit-outer-spin-button{appearance:none!important;margin:0!important;}
  body.cart-page .cart-card-qty{display:none!important;}
  body.cart-page .cart-card-remove{
    position:absolute!important;
    right:-1px!important;
    top:-2px!important;
    width:16px!important;
    height:16px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#777!important;
    font:400 15px/16px Arial,sans-serif!important;
    text-decoration:none!important;
  }
  body.cart-page .cart-summary{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:100%!important;
    margin:28px 0 0!important;
    padding:0!important;
    border:0!important;
  }
  body.cart-page .checkout-btn{
    width:128px!important;
    min-width:128px!important;
    height:34px!important;
    margin:0 auto 24px!important;
    padding:0 9px!important;
    font:600 16px/34px Arial,sans-serif!important;
  }
  body.cart-page .total-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    min-height:40px!important;
    margin:0!important;
    border-top:1px solid #111!important;
    font:600 18px/40px Arial,sans-serif!important;
    text-align:center!important;
  }
  body.cart-page .total-row span{
    padding:0!important;
    text-align:center!important;
  }
  body.cart-page .total-row span+span{
    border-left:1px solid #111!important;
    padding:0!important;
  }

  /* ---------- CHECKOUT: no empty gap; supplied closed/open summary ---------- */
  body.checkout-page{overflow-y:auto!important;}
  body.checkout-page .checkout-stage{
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.checkout-page .checkout-wrap{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:27px 0 82px!important;
    overflow:visible!important;
  }
  body.checkout-page .checkout-left{display:contents!important;}
  body.checkout-page .mobile-order-toggle{
    order:0!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    width:min(77vw,333px)!important;
    height:28px!important;
    margin:0 auto!important;
    padding:0 15px!important;
    border:1px solid #111!important;
    background:#fff!important;
    color:#111!important;
    font:400 12px/26px "DD Oswald","Arial Narrow",Arial,sans-serif!important;
  }
  body.checkout-page .mobile-order-toggle span:first-child::after{font-size:8px!important;}
  body.checkout-page .order-side{
    order:1!important;
    display:none!important;
    position:static!important;
    width:min(77vw,333px)!important;
    height:auto!important;
    margin:0 auto 6px!important;
    padding:0!important;
  }
  body.checkout-page.mobile-order-open .order-side{display:block!important;}
  body.checkout-page .order-list{
    position:static!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.checkout-page .order-line{
    position:relative!important;
    display:grid!important;
    grid-template-columns:40% minmax(0,1fr)!important;
    gap:9px!important;
    width:100%!important;
    height:74px!important;
    min-height:74px!important;
    margin:0 0 8px!important;
    padding:0!important;
    align-items:start!important;
  }
  body.checkout-page .order-thumb{
    position:relative!important;
    width:100%!important;
    height:74px!important;
    margin:0!important;
    background:#ddd!important;
  }
  body.checkout-page .order-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  body.checkout-page .order-qty-stack{
    position:absolute!important;
    right:0!important;
    top:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:25px!important;
  }
  body.checkout-page .qty-badge{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:23px!important;
    margin:0!important;
    padding:0!important;
    background:#000!important;
    color:#fff!important;
    font:700 15px/23px Arial,sans-serif!important;
  }
  body.checkout-page .size-badge{
    margin-top:2px!important;
    font:700 10px/13px Arial,sans-serif!important;
    color:#111!important;
  }
  body.checkout-page .order-meta{
    width:100%!important;
    padding:8px 0 0!important;
    font:400 11px/1.3 "DD Oswald","Arial Narrow",Arial,sans-serif!important;
    overflow-wrap:anywhere!important;
  }
  body.checkout-page .discount{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr 51px!important;
    width:74%!important;
    height:28px!important;
    margin:9px 0 8px!important;
  }
  body.checkout-page .discount input,
  body.checkout-page .discount button{
    width:100%!important;
    min-width:0!important;
    height:28px!important;
    margin:0!important;
    padding:0 6px!important;
    border:1px solid #111!important;
    background:#fff!important;
    font:400 11px/26px "DD Oswald","Arial Narrow",Arial,sans-serif!important;
  }
  body.checkout-page .sum-row{
    position:static!important;
    display:flex!important;
    justify-content:space-between!important;
    width:68%!important;
    height:auto!important;
    margin:1px 0 0 4%!important;
    padding:0!important;
    font:400 12px/1.25 "DD Oswald","Arial Narrow",Arial,sans-serif!important;
  }
  body.checkout-page .sum-total{
    margin-top:8px!important;
    font:600 17px/1.2 Arial,sans-serif!important;
  }
  body.checkout-page .pay-methods{
    order:2!important;
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:5px!important;
    width:min(77vw,333px)!important;
    height:auto!important;
    margin:5px auto 5px!important;
    padding:0!important;
  }
  body.checkout-page .pay-chip,
  body.checkout-page .pay-chip:nth-child(n){
    position:static!important;
    grid-column:span 2!important;
    width:100%!important;
    height:28px!important;
    padding:0 2px!important;
    border:0!important;
    outline:0!important;
    background:#000!important;
    color:#fff!important;
    font:600 clamp(9px,2.7vw,12px)/28px Arial,sans-serif!important;
    white-space:nowrap!important;
  }
  body.checkout-page .pay-chip:nth-child(4),
  body.checkout-page .pay-chip:nth-child(5){grid-column:span 3!important;}
  body.checkout-page #checkoutForm.checkout-form{
    order:3!important;
    position:static!important;
    display:block!important;
    width:min(77vw,333px)!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body.checkout-page .checkout-section-title,
  body.checkout-page .checkout-section-title.delivery-title{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:0 0 4px!important;
    padding:0 0 0 14px!important;
    font:400 17px/1.2 "DD Oswald","Arial Narrow",Arial,sans-serif!important;
  }
  body.checkout-page .checkout-section-title.delivery-title{margin-top:10px!important;}
  body.checkout-page #checkoutForm>input,
  body.checkout-page #checkoutForm .country-field,
  body.checkout-page #checkoutForm .form-row{
    position:static!important;
    width:100%!important;
    height:auto!important;
    margin:0 0 5px!important;
  }
  body.checkout-page #checkoutForm>input,
  body.checkout-page #checkoutForm .form-row input,
  body.checkout-page #checkoutForm .country-field select{
    position:static!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:28px!important;
    margin:0!important;
    padding:0 15px!important;
    border:1px solid #111!important;
    border-radius:0!important;
    background:#fff!important;
    color:#111!important;
    font:400 12px/26px "DD Oswald","Arial Narrow",Arial,sans-serif!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body.checkout-page #checkoutForm .country-field{
    position:relative!important;
    display:block!important;
    height:28px!important;
  }
  body.checkout-page #checkoutForm .country-field select{
    padding-top:9px!important;
    line-height:16px!important;
  }
  body.checkout-page #checkoutForm .country-label{
    position:absolute!important;
    left:14px!important;
    top:1px!important;
    z-index:2!important;
    font:400 7px/9px "DD Oswald","Arial Narrow",Arial,sans-serif!important;
    color:#999!important;
  }
  body.checkout-page #checkoutForm .form-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }
  body.checkout-page #checkoutForm .checkbox-line{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    width:100%!important;
    height:auto!important;
    min-height:18px!important;
    margin:0 0 4px!important;
    padding:0!important;
    font:400 11px/1.2 "DD Oswald","Arial Narrow",Arial,sans-serif!important;
  }
  body.checkout-page #checkoutForm .checkbox-line input{
    position:relative!important;
    width:12px!important;
    height:12px!important;
    min-width:12px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #111!important;
  }
  body.checkout-page #checkoutForm .fineprint{
    position:static!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0 0 13px!important;
    padding:0!important;
    overflow:visible!important;
    color:#999!important;
    font:400 8px/1.25 "DD Oswald","Arial Narrow",Arial,sans-serif!important;
  }
  body.checkout-page #checkoutForm .review-btn{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:29px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#000!important;
    color:#fff!important;
    font:600 13px/29px Arial,sans-serif!important;
  }
}

@media (max-width:360px){
  /* Keep the same composition on narrow phones without horizontal clipping. */
  .home #homeMobileMenu.home-mobile-menu,
  body.shared-chrome-page #mobileMenu.mobile-menu{width:62vw!important;}
  body.about-page .about-copy-mobile{font-size:12.4px!important;}
  body.cart-page .cart-card{width:66vw!important;}
  body.checkout-page .mobile-order-toggle,
  body.checkout-page .order-side,
  body.checkout-page .pay-methods,
  body.checkout-page #checkoutForm.checkout-form{width:84vw!important;}
}


/* 2026-09-17 follow-up: only requested home dimming/menu/cart/checkout corrections. */
.home:after{
  display:block!important;
  z-index:1!important;
  background:rgba(0,0,0,var(--home-overlay-opacity,.35))!important;
  pointer-events:none!important;
}
.home .hero-image{z-index:0!important;}

.global-cart-icon:not(.has-items),.mobile-cart:not(.has-items){display:none!important;}

@media (max-width:900px){
  /* Internal pages intentionally reuse the exact home mobile-menu composition. */
  .home #homeMobileMenu.home-mobile-menu,
  body.shared-chrome-page #mobileMenu.mobile-menu{
    top:18px!important;left:7px!important;width:min(58.2vw,252px)!important;
    min-height:347px!important;max-height:calc(100dvh - 30px)!important;
    padding:32px 2px 16px!important;background:rgba(154,154,154,.92)!important;
    overflow-x:hidden!important;overflow-y:auto!important;
  }
  .home #homeMobileMenu .home-mobile-menu-nav,
  body.shared-chrome-page #mobileMenu .home-mobile-menu-nav{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    gap:0!important;margin:0!important;padding:0!important;
  }
  .home #homeMobileMenu .home-mobile-menu-nav a,
  body.shared-chrome-page #mobileMenu .home-mobile-menu-nav a{
    display:block!important;width:auto!important;max-width:100%!important;
    margin:0!important;padding:0!important;color:#fff!important;
    font:400 clamp(15px,4vw,17px)/1.43 Arial,sans-serif!important;
    letter-spacing:-.035em!important;white-space:nowrap!important;
    opacity:1!important;transform:none!important;
  }
  .home #homeMobileMenu .home-mobile-menu-gap,
  body.shared-chrome-page #mobileMenu .home-mobile-menu-gap{height:25px!important;flex:none!important;}
  .home #homeMobileMenu .home-mobile-menu-gap.small,
  body.shared-chrome-page #mobileMenu .home-mobile-menu-gap.small{height:18px!important;}
  .home #homeMobileMenu .menu-label-dark,
  body.shared-chrome-page #mobileMenu .menu-label-dark{color:#000!important;}
  body.mobile-menu-open .home #homeMenuOpen.home-mobile-menu-button,
  body.shared-chrome-page.mobile-menu-open #mobileHeader .mobile-menu-btn{color:#000!important;}

  /* Closed: payment buttons begin immediately below Order summary.
     Open: products expand immediately below it and naturally push payment/form downward. */
  body.checkout-page .mobile-order-toggle{margin-bottom:0!important;}
  body.checkout-page .order-side{margin-top:0!important;margin-bottom:5px!important;}
  body.checkout-page .pay-methods{margin-top:5px!important;margin-bottom:5px!important;}
  body.checkout-page #checkoutForm.checkout-form{margin-top:0!important;}
}

/* 2026-09-17 final mobile corrections requested from screenshots 1-5. */
@media (max-width:900px){
  /* MENU: same compact panel everywhere, beginning at the very top so it can sit behind the header/logo. */
  .home #homeMobileMenu.home-mobile-menu,
  body.shared-chrome-page #mobileMenu.mobile-menu{
    top:0!important;
    left:7px!important;
    width:min(58.2vw,252px)!important;
    height:330px!important;
    min-height:330px!important;
    max-height:330px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:47px 2px 14px!important;
    overflow:hidden!important;
    background:rgba(154,154,154,.92)!important;
  }

  /* On inner pages the menu background must continue behind MENU / the logo instead of being cut off by the white header. */
  body.shared-chrome-page.mobile-menu-open #mobileHeader.mobile-header{
    background:transparent!important;
  }

  .home #homeMobileMenu .home-mobile-menu-nav,
  body.shared-chrome-page #mobileMenu .home-mobile-menu-nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
  }
  .home #homeMobileMenu .home-mobile-menu-nav a,
  body.shared-chrome-page #mobileMenu .home-mobile-menu-nav a{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font:400 clamp(15px,4vw,16px)/1.42 Arial,sans-serif!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
    opacity:1!important;
    transform:none!important;
  }
  .home #homeMobileMenu .home-mobile-menu-gap,
  body.shared-chrome-page #mobileMenu .home-mobile-menu-gap{
    height:15px!important;
    flex:none!important;
  }
  .home #homeMobileMenu .home-mobile-menu-gap.small,
  body.shared-chrome-page #mobileMenu .home-mobile-menu-gap.small{
    height:10px!important;
  }

  /* LOGIN is black whenever the mobile menu is open, exactly like MENU. */
  body.mobile-menu-open .home #homeMobileMenu a[href="/login.html"],
  body.shared-chrome-page.mobile-menu-open #mobileMenu a[href="/login.html"]{
    color:#000!important;
  }
  body.mobile-menu-open .home #homeMenuOpen.home-mobile-menu-button,
  body.shared-chrome-page.mobile-menu-open #mobileHeader .mobile-menu-btn{
    color:#000!important;
  }

  /* Empty bag: absolutely no cart icon in the mobile header. */
  body.shared-chrome-page #mobileHeader .mobile-cart:not(.has-items){
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* CHECKOUT: all blocks are packed directly under Order summary with no reserved vertical gaps. */
  body.checkout-page .checkout-wrap{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:0!important;
    padding-top:17px!important;
  }
  body.checkout-page .checkout-left{
    display:contents!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.checkout-page .mobile-order-toggle{
    order:0!important;
    margin:0 auto!important;
  }
  body.checkout-page .order-side{
    order:1!important;
    position:static!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body.checkout-page.mobile-order-open .order-side{
    display:block!important;
    margin-top:0!important;
    padding-top:7px!important;
  }
  body.checkout-page .order-list{
    margin:0!important;
    padding:0!important;
  }
  body.checkout-page .order-line:first-child{
    margin-top:0!important;
  }
  body.checkout-page .pay-methods{
    order:2!important;
    position:static!important;
    margin:20px auto 0!important;
    padding:0!important;
  }
  body.checkout-page.mobile-order-open .pay-methods{
    margin-top:20px!important;
  }
  body.checkout-page #checkoutForm.checkout-form{
    order:3!important;
    position:static!important;
    height:auto!important;
    min-height:0!important;
    margin:20px auto 0!important;
    padding:0!important;
  }
}

/* Empty bag: absolutely no cart icon in the desktop header either. */
body.shared-chrome-page>#desktopHeader .global-cart-icon:not(.has-items){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}



@media (max-width:900px){
  
  
  

  /* Coupon action must stay inside its button even for the longer RU label. */
  body.checkout-page .discount{
    grid-template-columns:minmax(0,1fr) 66px!important;
  }
  body.checkout-page .discount button{
    min-width:66px!important;
    padding:0 2px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
    font-size:10px!important;
    line-height:26px!important;
    text-align:center!important;
  }
  html[lang="ru"] body.checkout-page .discount button{
    font-size:9px!important;
    letter-spacing:-.15px!important;
  }

  /* Remove button: top-left square, same footprint as the black quantity square. */
  body.cart-page .cart-card-remove{
    left:0!important;
    right:auto!important;
    top:0!important;
    width:29px!important;
    min-width:29px!important;
    height:28px!important;
    min-height:28px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#050505!important;
    color:#fff!important;
    font:400 23px/28px Arial,sans-serif!important;
    text-align:center!important;
    text-decoration:none!important;
    cursor:pointer!important;
    z-index:8!important;
  }
}

/* 2026-09-17 — product gallery generated from admin multiple images. */
body.product-detail-page .product-visual{position:relative!important;}
body.product-detail-page .product-customer-thumbs{
  position:absolute;left:70px;bottom:-2px;display:flex;gap:8px;flex-wrap:wrap;max-width:620px;z-index:3;
}
body.product-detail-page .product-customer-thumb{
  width:58px;height:66px;border:1px solid #bfbfbf;background:#fff;padding:2px;cursor:pointer;box-sizing:border-box;
}
body.product-detail-page .product-customer-thumb.is-active{border:2px solid #111;}
body.product-detail-page .product-customer-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;}
body.product-detail-page .btn-black:disabled,body.product-detail-page .size-toggle:disabled{opacity:.45;cursor:not-allowed;}
@media(max-width:900px){
  body.product-detail-page .product-visual{display:flex!important;flex-direction:column!important;align-items:center!important;}
  body.product-detail-page .product-customer-thumbs{position:static!important;width:100%!important;max-width:520px!important;margin:4px auto 12px!important;justify-content:center!important;}
  body.product-detail-page .product-customer-thumb{width:52px!important;height:60px!important;}
}

/* =========================================================
   SHOP adaptive density + PRODUCT multi-image gallery — 17.09.2026
   Keeps the approved desktop/mobile design, only removes excessive empty
   space when the admin changes products-per-page and stabilizes galleries.
   ========================================================= */
@media (min-width:901px){
  body.shop-page .product-grid{
    top:132px!important;
    bottom:92px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    padding:0 48px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(var(--shop-columns,5),minmax(0,1fr))!important;
    grid-template-rows:repeat(var(--shop-rows,1),minmax(0,1fr))!important;
    grid-auto-rows:minmax(0,1fr)!important;
    column-gap:12px!important;
    row-gap:12px!important;
    align-items:center!important;
    align-content:stretch!important;
    justify-items:stretch!important;
  }
  body.shop-page .product-card,
  body.shop-page .product-card:nth-child(n/**/+5){
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.shop-page .product-card .media,
  body.shop-page .product-card:nth-child(n/**/+5) .media,
  body.shop-page .product-card-1 .media,
  body.shop-page .product-card-2 .media,
  body.shop-page .product-card-3 .media,
  body.shop-page .product-card-4 .media{
    width:100%!important;
    height:var(--shop-media-size,310px)!important;
    min-height:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  body.shop-page .product-card .product-art,
  body.shop-page .product-card:nth-child(n/**/+5) .product-art,
  body.shop-page .product-card-4 .product-art{
    width:auto!important;
    height:auto!important;
    max-width:min(92%,var(--shop-media-size,310px))!important;
    max-height:var(--shop-media-size,310px)!important;
    object-fit:contain!important;
    transform:none!important;
  }
  body.shop-page .product-live-copy{
    flex:0 0 auto!important;
    margin-top:8px!important;
  }
  body.shop-page .shop-footer{
    bottom:10px!important;
    z-index:25!important;
  }
}

@media (max-width:900px){
  body.shop-page .shop-stage,
  body.shop-page .shop-canvas{
    min-height:100dvh!important;
  }
  body.shop-page .shop-wrap{
    min-height:100dvh!important;
    padding:24px 10px 138px!important;
    box-sizing:border-box!important;
  }
  body.shop-page .product-grid{
    min-height:calc(100dvh - 205px)!important;
    align-content:start!important;
    box-sizing:border-box!important;
  }
  body.shop-page .product-grid[data-count="1"]{
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }
  body.shop-page .product-grid[data-count="1"] .product-card{
    width:min(88vw,430px)!important;
  }
  body.shop-page .product-grid[data-count="1"] .media{
    height:clamp(280px,51dvh,440px)!important;
    max-height:none!important;
  }
  body.shop-page .product-grid[data-count="1"] .product-art{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
  body.shop-page .product-grid[data-count="2"] .media{
    height:clamp(205px,38dvh,325px)!important;
    max-height:none!important;
  }
  body.shop-page .product-grid[data-count="3"] .media,
  body.shop-page .product-grid[data-count="4"] .media{
    height:clamp(165px,29dvh,245px)!important;
    max-height:none!important;
  }
  body.shop-page .shop-footer{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:44px!important;
    z-index:65!important;
    width:min(94vw,430px)!important;
    height:62px!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    background:rgba(255,255,255,.96)!important;
    pointer-events:auto!important;
  }
  body.shop-page .shop-pagination{
    justify-content:center!important;
    max-width:92vw!important;
    overflow:visible!important;
  }
  body.shop-page .shop-page-indicator{
    top:27px!important;
    width:20px!important;
  }
  body.shop-page .shop-terms{
    margin-top:8px!important;
  }
}

/* Multi-image product gallery: equal square thumbs, +25% scale and arrows. */
body.product-detail-page .product-customer-gallery{
  position:absolute;
  left:calc(100% + 20px);
  top:0;
  z-index:8;
  width:76px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
}
body.product-detail-page .product-customer-thumbs{
  position:static!important;
  left:auto!important;
  bottom:auto!important;
  width:76px!important;
  max-width:76px!important;
  max-height:430px;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  overflow:auto;
  scrollbar-width:none;
}
body.product-detail-page .product-customer-thumbs::-webkit-scrollbar{display:none;}
body.product-detail-page .product-customer-thumb{
  flex:0 0 74px!important;
  width:74px!important;
  height:74px!important;
  min-width:74px!important;
  min-height:74px!important;
  padding:3px!important;
  border:1px solid #bdbdbd!important;
  background:#fff!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
body.product-detail-page .product-customer-thumb.is-active{border:2px solid #111!important;}
body.product-detail-page .product-customer-thumb img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
body.product-detail-page .product-gallery-arrow{
  flex:0 0 28px;
  width:28px;
  height:28px;
  padding:0;
  border:1px solid #111;
  border-radius:50%;
  background:#fff;
  color:#111;
  display:grid;
  place-items:center;
  cursor:pointer;
  font:700 17px/26px Arial,sans-serif;
}
body.product-detail-page .product-gallery-arrow:hover{background:#111;color:#fff;}
body.product-detail-page .product-gallery-prev::before{content:"↑";}
body.product-detail-page .product-gallery-next::before{content:"↓";}

@media (min-width:901px){
  body.product-detail-page #productImage{
    max-height:650px!important;
    object-fit:contain!important;
  }
}

@media (max-width:900px){
  body.product-detail-page .product-visual{
    position:static!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:0 0 8px!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  body.product-detail-page #productImage{
    display:block!important;
    width:82vw!important;
    height:clamp(270px,68vw,390px)!important;
    max-width:520px!important;
    max-height:390px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    flex:0 0 auto!important;
  }
  body.product-detail-page .product-customer-gallery{
    position:static!important;
    left:auto!important;
    top:auto!important;
    width:min(94vw,540px)!important;
    margin:9px auto 12px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
  }
  body.product-detail-page .product-customer-thumbs{
    position:static!important;
    width:auto!important;
    max-width:calc(100% - 76px)!important;
    max-height:none!important;
    margin:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  body.product-detail-page .product-customer-thumb{
    flex:0 0 65px!important;
    width:65px!important;
    min-width:65px!important;
    height:65px!important;
    min-height:65px!important;
  }
  body.product-detail-page .product-gallery-arrow{
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
  }
  body.product-detail-page .product-gallery-prev::before{content:"‹";}
  body.product-detail-page .product-gallery-next::before{content:"›";}
  body.product-detail-page .product-info{
    position:static!important;
    clear:both!important;
    margin-top:0!important;
  }
}

/* =========================================================
   SHOP v6 — low-count fill, fixed mobile pager and stable gallery
   ========================================================= */
@media (min-width:901px){
  body.shop-page .product-grid[data-count="1"]{padding-left:18vw!important;padding-right:18vw!important;}
  body.shop-page .product-grid[data-count="1"] .product-card{max-width:760px!important;justify-self:center!important;}
  body.shop-page .product-grid[data-count="2"]{padding-left:10vw!important;padding-right:10vw!important;column-gap:5vw!important;}
  body.shop-page .product-grid[data-count="1"] .product-live-copy,
  body.shop-page .product-grid[data-count="2"] .product-live-copy{margin-top:12px!important;}
}

@media (max-width:900px){
  body.shop-page .shop-wrap{padding-bottom:126px!important;}
  body.shop-page .product-grid[data-count="1"] .product-card{width:min(92vw,460px)!important;}
  body.shop-page .product-grid[data-count="1"] .media{height:clamp(310px,58dvh,500px)!important;}
  body.shop-page .product-grid[data-count="2"] .media{height:clamp(225px,40dvh,350px)!important;}
  body.shop-page .shop-footer{bottom:8px!important;height:72px!important;background:#fff!important;}
  body.shop-page .shop-footer.is-single-page .shop-page-indicator{display:block!important;}
  body.shop-page .shop-footer.is-single-page .shop-terms{margin-top:8px!important;}
  body.shop-page .shop-page-indicator{display:block!important;top:31px!important;height:2px!important;background:#111!important;}
}

/* Keep mixed portrait/landscape product images inside one stable frame.
   The info block always starts below the gallery and can never be overlapped. */
body.product-detail-page .product-visual{box-sizing:border-box!important;}
body.product-detail-page #productImage{object-fit:contain!important;object-position:center center!important;}
@media (max-width:900px){
  body.product-detail-page #productImage{
    width:min(84vw,520px)!important;
    height:clamp(300px,72vw,410px)!important;
    max-height:410px!important;
  }
  body.product-detail-page .product-customer-gallery{margin-bottom:16px!important;}
  body.product-detail-page .product-info{margin-top:0!important;padding-top:0!important;}
}


/* =========================================================
   v7 — desktop multi-image strip visibility + tuned single-card size
   + editable ABOUT rich text.
   ========================================================= */
@media (min-width:901px){
  body.product-detail-page .product-visual{
    position:absolute!important;
    left:198px!important;
    top:272px!important;
    width:555px!important;
    height:704px!important;
    overflow:visible!important;
    display:block!important;
  }
  body.product-detail-page #productImage{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:555px!important;
    height:650px!important;
    max-width:555px!important;
    max-height:650px!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  body.product-detail-page .product-customer-gallery{
    position:absolute!important;
    left:575px!important;
    top:18px!important;
    width:82px!important;
    min-width:82px!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:40!important;
  }
  body.product-detail-page .product-customer-thumbs{width:82px!important;max-width:82px!important;max-height:510px!important;}
  body.product-detail-page .product-customer-thumb{width:80px!important;min-width:80px!important;height:80px!important;min-height:80px!important;flex-basis:80px!important;}

  /* One item should stay visually close to the reference instead of becoming oversized. */
  body.shop-page .product-grid[data-count="1"]{padding-left:20vw!important;padding-right:20vw!important;}
  body.shop-page .product-grid[data-count="1"] .product-card{max-width:620px!important;}
}

/* Editable ABOUT content is used only after ABOUT is saved in the new admin editor. */
body.about-page.about-rich-mode .about-design-canvas{position:relative!important;}
body.about-page.about-rich-mode .about-rich-content{
  color:#111;
  box-sizing:border-box;
  overflow-wrap:anywhere;
}
@media (min-width:901px){
  body.about-page.about-rich-mode .about-wrap{display:block!important;}
  body.about-page.about-rich-mode .about-design-canvas{
    width:1920px!important;
    min-height:1080px!important;
    margin:0!important;
    transform:scale(var(--gallery-header-scale-x,1),var(--gallery-header-scale-y,1))!important;
    transform-origin:0 0!important;
  }
  body.about-page.about-rich-mode .about-rich-content{
    position:absolute!important;
    left:210px!important;
    top:123px!important;
    width:1500px!important;
    padding:0!important;
    font-size:28px!important;
    line-height:1.38!important;
    text-align:center!important;
  }
}
@media (max-width:900px){
  body.about-page.about-rich-mode .about-wrap{padding:86px 26px 110px!important;}
  body.about-page.about-rich-mode .about-design-canvas{width:100%!important;min-height:0!important;}
  body.about-page.about-rich-mode .about-rich-content{
    position:static!important;
    width:100%!important;
    padding:0!important;
    font-size:18px!important;
    line-height:1.45!important;
    text-align:center!important;
  }
}


/* =========================================================
   v8 — desktop gallery strip placement + stable SHOP rows + gallery rotation
   ========================================================= */
@media (min-width:901px){
  body.product-detail-page .product-visual{
    overflow:visible!important;
  }
  body.product-detail-page #productImage{
    z-index:1!important;
    pointer-events:none!important;
  }
  body.product-detail-page .product-customer-gallery{
    left:auto!important;
    right:-112px!important;
    top:18px!important;
    width:82px!important;
    z-index:120!important;
    pointer-events:auto!important;
  }
  body.product-detail-page .product-customer-thumbs,
  body.product-detail-page .product-customer-thumb,
  body.product-detail-page .product-gallery-arrow{
    pointer-events:auto!important;
    position:relative!important;
    z-index:121!important;
  }

  /* Keep the desktop SHOP at the reference card scale: three fixed columns and
     two visual rows. With one or two items they remain in the first row. */
  body.shop-page .product-grid{
    top:165px!important;
    bottom:88px!important;
    left:36px!important;
    right:auto!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(var(--shop-columns,3),var(--shop-card-width,355px))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:0!important;
    column-gap:var(--shop-column-gap,125px)!important;
    row-gap:18px!important;
    align-items:center!important;
    align-content:stretch!important;
    justify-items:center!important;
  }
  body.shop-page .product-card,
  body.shop-page .product-card:nth-child(n/**/+5){
    width:var(--shop-card-width,355px)!important;
    height:100%!important;
    min-height:0!important;
    justify-content:center!important;
  }
  body.shop-page .product-card .media,
  body.shop-page .product-card:nth-child(n/**/+5) .media,
  body.shop-page .product-card-1 .media,
  body.shop-page .product-card-2 .media,
  body.shop-page .product-card-3 .media,
  body.shop-page .product-card-4 .media{
    height:var(--shop-media-size,305px)!important;
  }
  body.shop-page .product-card .product-art,
  body.shop-page .product-card:nth-child(n/**/+5) .product-art,
  body.shop-page .product-card-4 .product-art{
    max-width:min(100%,var(--shop-media-size,305px))!important;
    max-height:var(--shop-media-size,305px)!important;
  }
  body.shop-page .product-live-copy{margin-top:3px!important;}
}

body.gallery-page .gallery-media{
  width:100%;
  overflow:hidden;
  display:grid;
  place-items:center;
}
body.gallery-page .gallery-media img{
  transform:rotate(var(--gallery-rotation,0deg));
  transform-origin:center center;
}
@media (min-width:901px){
  body.gallery-page .gallery-media{width:458px;height:297px;}
  body.gallery-page .gallery-media img{width:100%!important;height:100%!important;object-fit:contain!important;}
}
@media (max-width:900px){
  body.gallery-page .gallery-media{width:100%;aspect-ratio:1.54/1;}
  body.gallery-page .gallery-media img{width:100%!important;height:100%!important;object-fit:contain!important;}
}

/* =========================================================
   v9 — exact desktop product gallery placement + fixed SHOP 3×2 grid
   ========================================================= */
@media (min-width:901px){
  body.product-detail-page .product-visual{
    overflow:visible!important;
    isolation:isolate!important;
  }
  body.product-detail-page #productImage{
    z-index:1!important;
    pointer-events:none!important;
  }
  body.product-detail-page .product-customer-gallery{
    position:absolute!important;
    left:555px!important;
    right:auto!important;
    top:18px!important;
    width:86px!important;
    min-width:86px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:8px!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:500!important;
    pointer-events:auto!important;
  }
  body.product-detail-page .product-customer-thumbs{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:84px!important;
    max-width:84px!important;
    max-height:510px!important;
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:501!important;
    pointer-events:auto!important;
  }
  body.product-detail-page .product-customer-thumb{
    position:relative!important;
    width:82px!important;
    min-width:82px!important;
    height:82px!important;
    min-height:82px!important;
    flex:0 0 82px!important;
    padding:3px!important;
    margin:0!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    z-index:502!important;
  }
  body.product-detail-page .product-customer-thumb img{pointer-events:none!important;}
  body.product-detail-page .product-gallery-arrow{
    position:relative!important;
    display:grid!important;
    pointer-events:auto!important;
    z-index:503!important;
  }

  body.shop-page .product-grid,
  body.shop-page .product-grid[data-count="1"],
  body.shop-page .product-grid[data-count="2"]{
    position:absolute!important;
    top:165px!important;
    bottom:88px!important;
    left:36px!important;
    right:auto!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(var(--shop-columns,3),var(--shop-card-width,355px))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(0,1fr)!important;
    column-gap:var(--shop-column-gap,125px)!important;
    row-gap:18px!important;
    align-items:center!important;
    align-content:stretch!important;
    justify-items:center!important;
  }
  body.shop-page .product-card,
  body.shop-page .product-card:nth-child(n/**/+5),
  body.shop-page .product-grid[data-count="1"] .product-card,
  body.shop-page .product-grid[data-count="2"] .product-card{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:var(--shop-card-width,355px)!important;
    max-width:var(--shop-card-width,355px)!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:center!important;
  }
  body.shop-page .product-card .media,
  body.shop-page .product-card:nth-child(n/**/+5) .media,
  body.shop-page .product-card-1 .media,
  body.shop-page .product-card-2 .media,
  body.shop-page .product-card-3 .media,
  body.shop-page .product-card-4 .media,
  body.shop-page .product-grid[data-count="1"] .media,
  body.shop-page .product-grid[data-count="2"] .media{
    width:var(--shop-card-width,355px)!important;
    height:var(--shop-media-size,305px)!important;
    min-height:var(--shop-media-size,305px)!important;
  }
  body.shop-page .product-card .product-art,
  body.shop-page .product-card:nth-child(n/**/+5) .product-art,
  body.shop-page .product-grid[data-count="1"] .product-art,
  body.shop-page .product-grid[data-count="2"] .product-art{
    width:auto!important;
    height:auto!important;
    max-width:min(100%,var(--shop-media-size,305px))!important;
    max-height:var(--shop-media-size,305px)!important;
    object-fit:contain!important;
    transform:none!important;
  }
}

/* v9 — CONTACT and ACCOUNT pages */
.contact-page-main,.account-main{box-sizing:border-box;min-height:100vh;padding:150px 7vw 120px;color:#111;background:#fff;}
.contact-card{width:min(760px,100%);margin:0 auto;text-align:center;}.contact-card h1{font:700 clamp(32px,4vw,66px)/1.05 Arial,sans-serif;margin:0 0 28px;}.contact-card p{font:400 clamp(18px,1.7vw,28px)/1.45 Arial,sans-serif;margin:0 auto 34px;}.contact-lines{display:flex;flex-direction:column;gap:13px;align-items:center;font:600 18px/1.35 Arial,sans-serif;}.contact-lines a{color:#111;text-decoration:none;border-bottom:1px solid #111;}
.account-main{max-width:1200px;margin:0 auto;}.account-heading-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px;}.account-heading-row h1{font:800 42px/1 Arial,sans-serif;margin:0;}.account-outline-btn{border:1px solid #111;background:#fff;color:#111;height:42px;padding:0 18px;font-weight:800;cursor:pointer;}.account-section{border-top:1px solid #111;padding:22px 0 30px;}.account-section h2{font:800 17px/1.2 Arial,sans-serif;margin:0 0 18px;}.account-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}.account-profile>div{border:1px solid #d9d9d9;padding:16px;display:flex;flex-direction:column;gap:7px;}.account-profile span,.account-order-meta{font-size:12px;color:#666;}.account-coupons{display:flex;gap:10px;flex-wrap:wrap;}.account-coupon{border:1px solid #111;padding:13px 16px;display:flex;gap:24px;align-items:center;}.account-coupon span{font-weight:800;}.account-orders{display:flex;flex-direction:column;gap:12px;}.account-order{border:1px solid #d9d9d9;padding:15px;}.account-order-head,.account-order-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}.account-order-head{font-weight:800;}.account-order-meta{margin-top:7px;}.account-order-items{display:flex;flex-direction:column;gap:4px;margin-top:12px;font-size:13px;}.account-empty{color:#777;margin:0;}
@media(max-width:900px){.contact-page-main,.account-main{padding:92px 22px 110px;}.contact-card{text-align:left;}.contact-lines{align-items:flex-start;}.account-heading-row h1{font-size:30px;}.account-profile{grid-template-columns:1fr;}}
.discount-status{min-height:14px;margin:4px 0 2px;font-size:11px;line-height:1.2;}.discount-status.ok{color:#176b2d;}.discount-status.error{color:#a51414;}


/* =========================================================
   v10 — requested gallery/cart-summary cleanup
   - no previous/next arrow buttons around product thumbnails
   - checkout summary rows always stay below product cards
   ========================================================= */
body.product-detail-page .product-gallery-arrow{
  display:none!important;
}

@media (min-width:901px){
  /* checkout.html has discountStatus between the coupon block and totals.
     Anchor each row explicitly so Shipping/price can never sit on a product card. */
  body.checkout-page #discountStatus + .sum-row{
    top:492px!important;
  }
  body.checkout-page #discountRow{
    top:523px!important;
  }
  body.checkout-page #discountRow + .sum-row{
    top:523px!important;
  }
  body.checkout-page #discountRow:not([hidden]) + .sum-row{
    top:554px!important;
  }
  body.checkout-page #discountRow + .sum-row + .sum-total{
    top:574px!important;
  }
  body.checkout-page #discountRow:not([hidden]) + .sum-row + .sum-total{
    top:605px!important;
  }
}


/* =========================================================
   v11 — SHOP 4x2 desktop grid, active-page underline, lighter repaint work
   ========================================================= */
body.shop-page .shop-page-indicator{
  display:none!important;
}
body.shop-page .shop-page-number{
  position:relative!important;
}
body.shop-page .shop-page-number.is-active::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-4px!important;
  width:24px!important;
  height:2px!important;
  background:#111!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
}
@media (min-width:901px){
  body.shop-page .product-grid,
  body.shop-page .product-grid[data-count="1"],
  body.shop-page .product-grid[data-count="2"]{
    left:90px!important;
    right:auto!important;
    width:auto!important;
    grid-template-columns:repeat(4,var(--shop-card-width,355px))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(0,1fr)!important;
    column-gap:var(--shop-column-gap,95px)!important;
    row-gap:18px!important;
  }
  body.shop-page .product-card{
    contain:layout style;
  }
}
@media (max-width:900px){
  body.shop-page .shop-page-number.is-active::after{
    bottom:-3px!important;
    width:20px!important;
    height:2px!important;
  }
}


/* =========================================================
   v12 — pagination spacing + dynamic payment methods
   ========================================================= */
body.shop-page .shop-footer{height:70px!important;}
body.shop-page .shop-page-number.is-active::after{bottom:-2px!important;}
body.shop-page .shop-terms{margin-top:15px!important;}
@media (max-width:900px){
  body.shop-page .shop-page-number.is-active::after{bottom:-1px!important;}
  body.shop-page .shop-terms{margin-top:14px!important;}
}
@media (min-width:901px){
  body.checkout-page .pay-methods.dynamic-payments .pay-chip:nth-child(n){
    left:var(--pay-left,0px)!important;
    top:var(--pay-top,0px)!important;
    width:var(--pay-width,172px)!important;
  }
  body.checkout-page .pay-methods.dynamic-payments{height:calc(var(--pay-rows,2) * 54px - 7px)!important;}
  body.checkout-page .pay-methods.dynamic-payments + #checkoutForm.checkout-form{top:var(--pay-form-top,128px)!important;}
}
@media (max-width:900px){
  body.checkout-page .pay-methods.dynamic-payments{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
    height:auto!important;
  }
  body.checkout-page .pay-methods.dynamic-payments .pay-chip:nth-child(n){
    position:static!important;width:auto!important;height:42px!important;line-height:42px!important;grid-column:span 2!important;
  }
  body.checkout-page .pay-methods.dynamic-payments.pay-count-1 .pay-chip{grid-column:span 6!important;}
  body.checkout-page .pay-methods.dynamic-payments.pay-count-2 .pay-chip{grid-column:span 3!important;}
  body.checkout-page .pay-methods.dynamic-payments.pay-count-4 .pay-chip{grid-column:span 3!important;}
  body.checkout-page .pay-methods.dynamic-payments.pay-count-5 .pay-chip:nth-child(n/**/+4){grid-column:span 3!important;}
}


/* =========================================================
   v13 — category pager single underline, approved ABOUT mobile art, centered empty bag
   ========================================================= */
/* Use exactly one active-page underline on every SHOP/category view. */
html body.shop-page .shop-footer .shop-page-indicator{display:none!important;}
html body.shop-page .shop-page-number{border:0!important;border-bottom:0!important;box-shadow:none!important;text-decoration:none!important;}
html body.shop-page .shop-page-number::before{content:none!important;display:none!important;}
html body.shop-page .shop-page-number.is-active::after{
  content:""!important;display:block!important;position:absolute!important;left:50%!important;
  bottom:-5px!important;width:22px!important;height:2px!important;background:#111!important;
  transform:translateX(-50%)!important;pointer-events:none!important;
}
html body.shop-page .shop-terms{display:block!important;text-decoration:none!important;color:#111!important;}
@media (max-width:900px){
  html body.shop-page .shop-page-number.is-active::after{bottom:-4px!important;width:20px!important;}
  html body.shop-page .shop-terms{margin-top:17px!important;}

  /* The supplied mobile ABOUT reference is used as the approved typography artwork. */
  html[lang="en"] body.about-page .about-wrap{padding:10px 8px 96px!important;}
  html[lang="en"] body.about-page .about-design-canvas{width:100%!important;margin:0!important;padding:0!important;}
  html[lang="en"] body.about-page .about-mobile-approved{
    display:block!important;width:100%!important;max-width:410px!important;height:auto!important;
    margin:0 auto!important;padding:0!important;object-fit:contain!important;
  }
  html[lang="en"] body.about-page .about-copy-mobile{
    position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
    clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;
  }
  html[lang="ru"] body.about-page .about-mobile-approved{display:none!important;}

  /* Empty bag message sits in the visual center instead of inheriting card-grid offsets. */
  html body.cart-page.cart-is-empty .cart-items{display:block!important;width:100%!important;}
  html body.cart-page.cart-is-empty .empty-cart{
    position:fixed!important;z-index:25!important;left:50%!important;top:50%!important;
    width:min(86vw,420px)!important;margin:0!important;padding:0!important;
    transform:translate(-50%,-50%)!important;text-align:center!important;
    font:400 20px/1.25 "Arial Narrow",Arial,sans-serif!important;
  }
}
@media (min-width:901px){
  body.about-page .about-mobile-approved{display:none!important;}
}


/* v14 — one mobile page underline only + centered empty bag */
@media (max-width:900px){
  html body.shop-page .shop-footer .shop-page-indicator{display:none!important;opacity:0!important;}
  html body.shop-page .shop-page-number{background:none!important;border:0!important;box-shadow:none!important;text-decoration:none!important;}
  html body.shop-page .shop-page-number::before{content:none!important;display:none!important;}
  html 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;
  }
  html body.cart-page.cart-is-empty .cart-summary{display:none!important;}
  html body.cart-page.cart-is-empty .cart-wrap,
  html 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(100dvh - 64px)!important;margin:0!important;padding:0!important;
  }
  html body.cart-page.cart-is-empty .empty-cart{
    position:static!important;left:auto!important;top:auto!important;width:auto!important;
    margin:0!important;padding:0!important;transform:none!important;text-align:center!important;
  }
}


/* =========================================================
   v15 — separate pager underline from legal links + editable mobile legal footer
   ========================================================= */
body.shop-page .shop-pagination{position:relative!important;}
body.shop-page .shop-page-number{position:relative!important;}
body.shop-page .shop-page-number.is-active::after{bottom:-2px!important;}
body.shop-page .shop-legal-links{margin-top:18px!important;}

@media (max-width:900px){
  html body.shop-page .shop-wrap{padding-bottom:146px!important;}
  html body.shop-page .shop-footer{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    width:min(94vw,430px)!important;
    height:88px!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    background:rgba(255,255,255,.98)!important;
    overflow:visible!important;
    z-index:65!important;
  }
  html body.shop-page .shop-pagination{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:2px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  html body.shop-page .shop-page-number{
    position:relative!important;
    min-width:26px!important;
    height:34px!important;
    line-height:30px!important;
    margin:0 3px!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    text-decoration:none!important;
  }
  html body.shop-page .shop-page-number::before{content:none!important;display:none!important;}
  html body.shop-page .shop-page-number.is-active::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    bottom:0!important;
    width:20px!important;
    height:2px!important;
    background:#111!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
  }
  html body.shop-page .shop-footer .shop-page-indicator{display:none!important;opacity:0!important;}
  html body.shop-page .shop-legal-links{
    position:absolute!important;
    left:50%!important;
    bottom:var(--shop-legal-mobile-bottom,2px)!important;
    transform:translateX(calc(-50% + var(--shop-legal-mobile-offset-x,0px)))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:max-content!important;
    max-width:calc(100vw - 118px)!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    line-height:1.1!important;
    z-index:2!important;
  }
  html body.shop-page .shop-legal-links a,
  html body.shop-page .shop-legal-links .legal-separator{
    font-family:var(--mobile-copy,"Arial Narrow",Arial,sans-serif)!important;
    font-size:var(--shop-legal-mobile-font-size,10px)!important;
    line-height:1.1!important;
    text-decoration:none!important;
  }
}

/* v15 final guard: legal documents are normal scrollable documents. */
html.legal-root,
html.legal-root body.terms-page,
html.legal-root body.privacy-page{
  height:auto!important;
  min-height:100%!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{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}


/* =========================================================
   v16 QUICK FIX — ABOUT must render one copy only.
   Desktop EN: desktop artwork only.
   Mobile EN: approved mobile artwork only.
   RU: text block only; never render EN artworks together.
   ========================================================= */
body.about-page .about-mobile-approved,
body.about-page .about-copy-ru{display:none!important;}

@media (min-width:901px){
  html[lang="en"] body.about-page .about-copy-art{display:block!important;}
  html[lang="en"] body.about-page .about-mobile-approved,
  html[lang="en"] body.about-page .about-copy-mobile,
  html[lang="en"] body.about-page .about-copy-ru{display:none!important;}

  html[lang="ru"] body.about-page .about-copy-art,
  html[lang="ru"] body.about-page .about-mobile-approved,
  html[lang="ru"] body.about-page .about-copy-mobile{display:none!important;}
  html[lang="ru"] body.about-page .about-copy-ru{display:block!important;}
}

@media (max-width:900px){
  html[lang="en"] body.about-page .about-copy-art,
  html[lang="en"] body.about-page .about-copy-mobile,
  html[lang="en"] body.about-page .about-copy-ru{display:none!important;}
  html[lang="en"] body.about-page .about-mobile-approved{display:block!important;}

  html[lang="ru"] body.about-page .about-copy-art,
  html[lang="ru"] body.about-page .about-mobile-approved,
  html[lang="ru"] body.about-page .about-copy-mobile{display:none!important;}
  html[lang="ru"] body.about-page .about-copy-ru{display:block!important;}
}













/* =========================================================
   USER REQUEST — product card media 4:3 only.
   Keep the original image proportions; never stretch/squash artwork.
   ========================================================= */
body.shop-page .product-card .media,
body.shop-page .product-card:nth-child(n/**/+5) .media,
body.shop-page .product-card-1 .media,
body.shop-page .product-card-2 .media,
body.shop-page .product-card-3 .media,
body.shop-page .product-card-4 .media,
body.shop-page .product-grid[data-count="1"] .media,
body.shop-page .product-grid[data-count="2"] .media{
  aspect-ratio:4 / 3!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.shop-page .product-card .product-art,
body.shop-page .product-card:nth-child(n/**/+5) .product-art,
body.shop-page .product-grid[data-count="1"] .product-art,
body.shop-page .product-grid[data-count="2"] .product-art{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}


/* 2026-09-19 — GALLERY keeps each uploaded photo/video in its original aspect ratio.
   16:9, 4:3, 3:4 and other source ratios are displayed without cropping or distortion. */
body.gallery-page:not(.product-detail-page):not(.cart-page) .gallery-media{
  height:auto!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
}
body.gallery-page:not(.product-detail-page):not(.cart-page) .gallery-media img,
body.gallery-page:not(.product-detail-page):not(.cart-page) .gallery-media video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media (min-width:901px){
  body.gallery-page:not(.product-detail-page):not(.cart-page) .gallery-media{width:458px!important;}
}
@media (max-width:900px){
  body.gallery-page:not(.product-detail-page):not(.cart-page) .gallery-media{width:100%!important;}
}

/* 2026-10-09: keep the shared mobile navigation fully accessible.
   A legacy 330px fixed height with overflow:hidden clipped CART/REGISTER
   (and any extra links added in the admin) on every storefront page. */
@media (max-width:900px){
  .home #homeMobileMenu.home-mobile-menu,
  body.shared-chrome-page #mobileMenu.mobile-menu{
    height:max-content!important;
    min-height:0!important;
    max-height:calc(100dvh - 12px - env(safe-area-inset-bottom, 0px))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .home #homeMobileMenu.home-mobile-menu::-webkit-scrollbar,
  body.shared-chrome-page #mobileMenu.mobile-menu::-webkit-scrollbar{display:none;}
}