/** Shopify CDN: Minification failed

Line 12:0 Unexpected "@media"

**/
Е/*
  LUXEL — Mobile PDP CSS (CLEAN)
  - Deduplicated & consolidated
  - Mobile only: max-width 749px
*/

@media (max-width: 749px){

  /* =========================
     GLOBAL RHYTHM & SPACING
     ========================= */
  body{
    padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  }
  .section--tight{
    --context-section-spacing-block-end: 10px !important;
    padding-bottom: 10px !important;
  }
  safe-sticky.product-info{
    gap: 8px !important;
    row-gap: 8px !important;
  }
  .product-info__block-item{
    margin: 0 !important;
  }

  /* =========================
     HIDE / COMPACT
     ========================= */
  .product-info__vendor{
    display: none !important;
  }
  .product-info__offer-list{
    display: none !important;
  }
  .product-info__block-group.product-info__offer-list{
    display: none !important;
  }

  /* =========================
     TITLE
     ========================= */
  .product-info__block-item[data-block-type="title"]{
    margin-bottom: 10px !important;
  }

  /* =========================
     PRICE
     ========================= */
  .price-list{
    align-items: baseline !important;
    display: flex !important;
    gap: 8px !important;
  }
  .price-list sale-price{
    line-height: 1 !important;
  }
  .price-list compare-at-price{
    line-height: 1 !important;
    transform: translateY(-1px);
  }

  /* =========================
     PAYMENT TERMS
     ========================= */
  shopify-payment-terms{
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
  .shopify-payment-terms{
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
  .shopify-payment-terms a{
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
  .product-info__block-item[data-block-type="payment-terms"]{
    margin-bottom: 12px !important;
  }

  /* =========================
     LUXEL PER-ONE (CUSTOM LIQUID)
     ========================= */
  .product-info__block-item[data-block-id="liquid_RAfzRG"]{
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
  }
  .product-info__block-item[data-block-id="liquid_RAfzRG"] .luxel-perone{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .product-info__block-item[data-block-id="liquid_RAfzRG"] .luxel-perone__row{
    align-items: baseline !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
  }
  .product-info__block-item[data-block-id="liquid_RAfzRG"] .luxel-perone__best{
    margin: 0 !important;
    padding: 0 !important;
  }
  .product-info__block-item[data-block-id="liquid_RAfzRG"] .luxel-perone__save{
    font-size: 15px !important;
    line-height: 1.35 !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
  }
  .product-info__block-item[data-block-id="liquid_RAfzRG"] .luxel-perone__badge{
    align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: 12px !important;
    line-height: 1 !important;
    margin: 0 0 4px 0 !important;
    padding: 4px 8px !important;
  }
  .product-info__block-item[data-block-id="liquid_RAfzRG"] .luxel-perone__label{
    font-size: 15px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
  }
  .product-info__block-item[data-block-id="liquid_RAfzRG"] .luxel-perone__value{
    font-size: 15px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }


  /* =========================
     VARIANT PICKER (Quantity Set)
     ========================= */
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"]{
    margin-bottom: 16px !important;
    margin-top: 6px !important;
  }
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"] .text-subdued{
    font-size: 15px !important;
    line-height: 1.3 !important;
  }
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"] .h-stack.gap-2{
    gap: 6px !important;
    margin: 0 0 6px 0 !important;
  }
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"] label.block-swatch{
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    min-height: 38px !important;
    overflow: visible !important;
    padding: 8px 6px !important;
    position: relative !important;
    white-space: nowrap !important;
    width: 100% !important;
  }
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"] .h-stack.gap-2 span{
    font-size: 15px !important;
    line-height: 1.3 !important;
  }
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"] label.block-swatch::after{
    background: #dc2626;
    border-radius: 999px;
    color: #fff;
    content: "";
    display: none;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    padding: 4px 6px;
    pointer-events: none;
    position: absolute;
    right: 0px;
    top: -10px;
    z-index: 20;
  }
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"] .h-stack.gap-2 .text-subdued{
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"] input:checked + label.block-swatch{
    box-shadow: none !important;
  }
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"] label.block-swatch[aria-checked="true"]{
    box-shadow: none !important;
  }
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"] label.block-swatch:nth-of-type(2)::after{
    content: "5%";
    display: inline-flex;
  }
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"] label.block-swatch:nth-of-type(3)::after{
    content: "8%";
    display: inline-flex;
  }
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"] label.block-swatch:nth-of-type(4)::after{
    content: "12%";
    display: inline-flex;
  }
  .product-info__block-item[data-block-id="variant_picker_kWEJpb"] .variant-picker__option-values.wrap.gap-2{
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* =========================
     VARIANT PICKER (Universal)
     ========================= */
  .product-info__block-item[data-block-type="variant-picker"]{
    margin-bottom: 16px !important;
  }
  .product-info__block-item[data-block-type="variant-picker"] + *{
    margin-top: 16px !important;
  }
  .product-info__block-item[data-block-type="variant-picker"] .text-subdued{
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
  .product-info__block-item[data-block-type="variant-picker"] label.block-swatch{
    border-radius: 999px !important;
    font-size: 13px !important;
    min-height: 38px !important;
    padding: 8px 6px !important;
    white-space: nowrap !important;
  }
  .product-info__block-item[data-block-type="variant-picker"] .h-stack.gap-2 span{
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
  .product-info__block-item[data-block-type="variant-picker"] .variant-picker__option-values{
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }


  /* =========================
     QUANTITY SELECTOR
     ========================= */
  .product-info__block-item[data-block-type="quantity-selector"]{
    margin-bottom: 24px !important;
    margin-top: 0 !important;
  }
  .product-info__block-item[data-block-type="quantity-selector"] .block-label{
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
  }
  .product-info__block-item[data-block-type="quantity-selector"] .quantity-selector{
    height: 40px !important;
    min-height: 40px !important;
  }
  .product-info__block-item[data-block-type="quantity-selector"] .quantity-selector__input{
    font-size: 14px !important;
    height: 36px !important;
    line-height: 1 !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .product-info__block-item[data-block-type="quantity-selector"] .quantity-selector__button{
    align-items: center !important;
    display: inline-flex !important;
    height: 36px !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    width: 36px !important;
  }
  .product-info__block-item[data-block-type="quantity-selector"] .quantity-selector__button svg{
    display: block !important;
    height: 12px !important;
    margin: 0 !important;
    opacity: 0.75 !important;
    transform: scale(0.85) !important;
    width: 12px !important;
  }

  /* =========================
     BUY BUTTONS
     ========================= */
  .product-info__block-item[data-block-id="buy_buttons"]{
    margin-bottom: 24px !important;
    margin-top: 8px !important;
  }
  .product-info__block-item[data-block-id="buy_buttons"] .h-stack.gap-4{
    gap: 8px !important;
  }
  .product-info__block-item[data-block-id="buy_buttons"] .shopify-payment-button__more-options{
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin-top: 6px !important;
  }

  /* =========================
     ASSOCIATED / VARIATIONS
     ========================= */
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"]{
    margin-bottom: 24px !important;
    margin-top: 0 !important;
  }
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"] p{
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 0 0 6px 0 !important;
  }
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"] price-list{
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"] .text-on-sale{
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"] .text-subdued{
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"] .horizontal-product{
    padding: 0 !important;
  }
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"] .horizontal-product-list{
    border-radius: 12px !important;
    padding: 8px !important;
  }
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"] .horizontal-product__cta{
    margin: 0 !important;
    padding: 0 !important;
  }
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"] .horizontal-product__info{
    gap: 3px !important;
  }
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"] .horizontal-product__info a{
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"] .horizontal-product__info .text-sm{
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"] .horizontal-product__cta .button--sm{
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    height: 32px !important;
    padding: 0 10px !important;
  }
  .product-info__block-item[data-block-id="associated_products_Rfe4Py"] .horizontal-product__info .text-sm.bold{
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }
  .product-info__block-item[data-block-type="product-variations"]{
    margin: 0 0 12px 0 !important;
  }
  .product-info__block-item[data-block-type="associated-products"]{
    margin-bottom: 24px !important;
    margin-top: 0 !important;
  }
  .product-info__block-item[data-block-type="product-variations"] .h-stack.gap-2{
    gap: 6px !important;
    margin: 0 0 8px 0 !important;
  }
  .product-info__block-item[data-block-type="product-variations"] label.color-swatch{
    border-radius: 12px !important;
    height: 44px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 44px !important;
  }
  .product-info__block-item[data-block-type="product-variations"] .h-stack.gap-2 span{
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  .product-info__block-item[data-block-type="product-variations"] label.color-swatch img{
    display: block !important;
    height: 100% !important;
    object-fit: cover !important;
    width: 100% !important;
  }
  .product-info__block-item[data-block-type="product-variations"] .h-stack.gap-2 .text-subdued{
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  .product-info__block-item[data-block-type="product-variations"]
  input:checked + label.color-swatch{
    outline: 2px solid rgba(0,0,0,0.25) !important;
    outline-offset: 2px !important;
  }
  .product-info__block-item[data-block-type="product-variations"]
  .variant-picker__option-values.wrap.gap-2{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* =========================
     BUY IT WITH (COMPLEMENTARY)
     ========================= */
  .product-info__complementary-products p{
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 0 0 6px 0 !important;
  }
  .product-info__complementary-products price-list{
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .product-info__complementary-products .text-on-sale{
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }
  .product-info__complementary-products .text-subdued{
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
  .product-info__complementary-products .horizontal-product{
    padding: 0 !important;
  }
  .product-info__complementary-products .horizontal-product-list{
    border-radius: 12px !important;
    padding: 8px !important;
  }
  .product-info__complementary-products .horizontal-product__cta{
    margin: 0 !important;
    padding: 0 !important;
  }
  .product-info__complementary-products .horizontal-product__info{
    gap: 3px !important;
  }
  .product-info__complementary-products .horizontal-product__info a{
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }
  .product-info__complementary-products .horizontal-product__info .text-sm{
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }
  .product-info__complementary-products .horizontal-product__cta .button--sm{
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    height: 32px !important;
    padding: 0 10px !important;
  }

  /* =========================
     ANNOUNCEMENT BAR
     ========================= */
  .shopify-section--announcement-bar{
    position: sticky;
    z-index: 10000 !important;
  }
  [id*="__announcement-bar"].shopify-section{
    position: sticky;
    z-index: 10000 !important;
  }

  /* =========================
     HEADER STICKY
     ========================= */
  header.shopify-section{
    position: sticky;
    z-index: 9999 !important;
  }
  .shopify-section--header{
    position: sticky;
    z-index: 9999 !important;
  }
  [id*="__header"].shopify-section{
    position: sticky;
    z-index: 9999 !important;
  }
  #shopify-section-sections--header{
    position: sticky;
    z-index: 9999 !important;
  }

  /* =========================
     SPECIFICATION TABLE
     ========================= */
  .shopify-section--specification-table{
    --context-section-spacing-block-end: 12px !important;
    --context-section-spacing-block-start: 12px !important;
    --section-spacing-block: 12px !important;
    --section-stack-spacing: 12px !important;
    padding-bottom: 12px !important;
    padding-top: 12px !important;
  }
  .shopify-section--specification-table .section{
    padding-bottom: 12px !important;
    padding-top: 12px !important;
  }
  .shopify-section--specification-table .feature-chart{
    margin-top: 8px !important;
  }
  .shopify-section--specification-table .section-stack{
    gap: 8px !important;
  }
  .shopify-section--specification-table .section__inner{
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .shopify-section--specification-table .feature-chart__row{
    padding: 6px 0 !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .shopify-section--specification-table .section-stack__main{
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .shopify-section--specification-table .feature-chart__value{
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
  .shopify-section--specification-table .feature-chart__toggle{
    font-size: 13px !important;
    margin-top: 8px !important;
  }
  .shopify-section--specification-table .feature-chart__heading{
    font-size: 12px !important;
    line-height: 1.2 !important;
    margin: 0 0 2px 0 !important;
  }
  .shopify-section--specification-table .feature-chart__value p{
    font-size: 10px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
  .shopify-section--specification-table .section-stack__intro p{
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 0 10px 0 !important;
  }
  .shopify-section--specification-table .section-stack__intro h2{
    font-size: 20px !important;
    line-height: 1.15 !important;
    margin: 0 0 10px 0 !important;
  }
  .shopify-section--specification-table .feature-chart__table-row{
    padding-block-end: 8px !important;
    padding-block-start: 8px !important;
  }
  .shopify-section--specification-table .section-stack__intro p:nth-of-type(n+3){
    display: none !important;
  }
  .shopify-section--specification-table .feature-chart__row + .feature-chart__row{
    border-top-color: rgba(0,0,0,0.08) !important;
  }

  /* =========================
     MISC (everything else)
     ========================= */
  .luxel-perone{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
  }
  .section-stack{
    gap: 0;
  }
  .luxel-perone__best{
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .luxel-perone__save{
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
  .luxel-perone__badge{
    background: rgba(34,197,94,0.12) !important;
    color: #166534 !important;
  }
  .luxel-perone__label{
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
  .luxel-perone__value{
    font-size: 15px !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 749px){

  /* =========================
     BLOG POSTS (Customer Photo Reviews) — compact mobile
     ========================= */

  /* Section header (title + view all) */
  .shopify-section--blog-posts .section-header{
    margin-bottom: 10px !important;
    row-gap: 6px !important;
  }
  .shopify-section--blog-posts .section-header .h2{
    font-size: 22px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.01em !important;
  }
  .shopify-section--blog-posts .section-header .text-with-icon{
    font-size: 13px !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
  }

  /* Make the horizontal list feel tighter */
  .shopify-section--blog-posts .blog-posts{
    padding-top: 4px !important;
  }

  /* Cards width: smaller = easier scrolling */
  .shopify-section--blog-posts .scroll-area{
    gap: 12px !important;
  }
  .shopify-section--blog-posts .scroll-area > *{
    width: 78% !important;       /* было ~90-100% визуально */
    max-width: 320px !important; /* чтобы не раздувалось */
  }

  /* Image: smaller + 4:5 portrait */
  .shopify-section--blog-posts img{
    border-radius: 16px !important;
  }
  .shopify-section--blog-posts .blog-post-card__image,
  .shopify-section--blog-posts .article-card__image,
  .shopify-section--blog-posts .card__media{
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }
  .shopify-section--blog-posts .blog-post-card__image img,
  .shopify-section--blog-posts .article-card__image img,
  .shopify-section--blog-posts .card__media img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Card text — smaller + tighter */
  .shopify-section--blog-posts .blog-post-card__info,
  .shopify-section--blog-posts .article-card__info,
  .shopify-section--blog-posts .card__content{
    padding-top: 10px !important;
  }

  .shopify-section--blog-posts .blog-post-card__title,
  .shopify-section--blog-posts .article-card__title,
  .shopify-section--blog-posts .card__heading{
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
  }

  .shopify-section--blog-posts p,
  .shopify-section--blog-posts .rte,
  .shopify-section--blog-posts .text-subdued{
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  /* Meta/date row */
  .shopify-section--blog-posts .blog-post-card__meta,
  .shopify-section--blog-posts .article-card__meta,
  .shopify-section--blog-posts .card__meta{
    font-size: 12px !important;
    line-height: 1.2 !important;
    margin-top: 8px !important;
  }
}

@media (max-width: 749px){

  /* =========================
     Customer Photo Reviews (blog-posts) — tighten spacing
     ========================= */

  /* Less outer padding of the whole section (kills the huge “bottom space”) */
  .shopify-section--blog-posts .section.section-blends.section-full{
    padding-bottom: 14px !important;
    margin-bottom: 0 !important;
  }

  /* Tighten header spacing */
  .shopify-section--blog-posts .section-header{
    row-gap: 4px !important;
    margin-bottom: 8px !important;
  }

  /* Cards closer to each other */
  .shopify-section--blog-posts .blog-posts.scroll-area.bleed.md\:unbleed{
    gap: 10px !important;             /* было визуально больше */
    padding-bottom: 6px !important;   /* убираем “воздух” снизу */
    margin-bottom: 0 !important;
  }

  /* Make cards a bit narrower so scroll feels faster */
  .shopify-section--blog-posts blog-post-card{
    width: 74% !important;         /* было очень широко */
    max-width: 310px !important;
  }

  /* Image: keep nice rounded but slightly tighter */
  .shopify-section--blog-posts .blog-post-card__figure{
    border-radius: 16px !important;
    overflow: hidden !important;
    margin-bottom: 8px !important; /* меньше расстояние фото -> текст */
  }

  /* Text block: меньше отступов */
  .shopify-section--blog-posts .blog-post-card__info{
    padding-top: 0 !important;
    gap: 6px !important;
  }

  /* Title / excerpt tighter */
  .shopify-section--blog-posts .blog-post-card__info .h6,
  .shopify-section--blog-posts .blog-post-card__info .h5,
  .shopify-section--blog-posts .blog-post-card__info .h4{
    margin: 0 0 4px 0 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  .shopify-section--blog-posts .blog-post-card__info p{
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  /* Date/meta row: меньше и ближе */
  .shopify-section--blog-posts .blog-post-card__info time,
  .shopify-section--blog-posts .blog-post-card__info .blog-post-card__meta,
  .shopify-section--blog-posts .blog-post-card__info .text-subdued{
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  /* If there is a dedicated meta wrapper — tighten it hard */
  .shopify-section--blog-posts .blog-post-card__info > :last-child{
    margin-top: 6px !important;
  }
}

@media (max-width: 749px){
  /* Hide Before/After image section on mobile */
  .shopify-section--before-after-image{
    display: none !important;
  }
}

@media (max-width: 749px){
  .shopify-section--multiple-images-with-text{
    display: none !important;
  }
}

@media (max-width: 749px){
  .shopify-section--hot-spots,
  .shopify-section--impact-text,
  .shopify-section--multi-column{
    display: none !important;
  }
}


@media (max-width: 749px){

  /* === Base mobile spacing for blended sections (restore rhythm) === */
  .section.section-blends.section-full{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .section.section-blends.section-full > *{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 0px !important;
  }

  #main .section {
    padding-block-end: 20px !important;
  }

  .footer {
    text-align: center;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

}

@media (max-width: 749px){

  /* =========================
     Product recommendations ("You may also like") — compact + aligned
     ========================= */

  /* 1) Fix header spacing so it never overlaps cards */
  .shopify-section--product-recommendations .section.section-blends.section-full{
    padding-top: 16px !important;
    padding-bottom: 8px !important;
  }
  .shopify-section--product-recommendations .section-header{
    margin-bottom: 12px !important;
  }
  .shopify-section--product-recommendations .section-header .prose{
    padding-block-start: 20px !important;
    margin: 0 !important;
  }
  .shopify-section--product-recommendations .section-header .prose > .h2{
    margin: 0 !important;
    font-size: 26px !important;   /* меньше/аккуратнее */
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
  }

  /* 2) Cards: reduce “fatness” */
  .shopify-section--product-recommendations product-card,
  .shopify-section--product-recommendations .product-card{
    border-radius: 16px !important;
  }

  .shopify-section--product-recommendations .product-card__info,
  .shopify-section--product-recommendations .product-card__content{
    padding: 12px !important;     /* было слишком много */
  }

  /* 3) Title: force 2 lines with clamp, so everything aligns */
  .shopify-section--product-recommendations .product-card__title,
  .shopify-section--product-recommendations .product-card__title a{
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;

    /* min-height: calc(1.2em * 2) !important; keeps same height even for short titles */
  }

  /* 4) Price + rating: smaller */
  .shopify-section--product-recommendations .price-list,
  .shopify-section--product-recommendations price-list{
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .shopify-section--product-recommendations .rating,
  .shopify-section--product-recommendations .rating-text,
  .shopify-section--product-recommendations .rating-count{
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  /* 5) Swatches/variants row tighter */
  .shopify-section--product-recommendations .color-swatch-list,
  .shopify-section--product-recommendations .variant-swatch-list{
    margin-top: 8px !important;
    gap: 6px !important;
  }
}


@media (max-width: 749px){

  /* Product recommendations — remove extra margin under title */
  .shopify-section--product-recommendations
  .product-card__title{
    margin-bottom:0px !important; /* вместо дефолтного большого */
  }

}

/* @media (max-width: 749px){
  .product-info__block-item[data-block-type="liquid"] .mob-offers{
    display: none !important;
  }
  .product-info__block-item[data-block-type="liquid"] .mob-offers{
    height: 0 !important;
    overflow: hidden !important;
  }
} */


/* ===================================================================================================================================================================
    DESKTOP
====================================================================================================================================================================== */

/* search-drawer on header */
.search-drawer {
  z-index: 10000;
}

/* navigation-drawer on header */
.navigation-drawer {
  z-index: 10000;
}


/* =========================
    Sales on product packs
    ========================= */
.product-info__block-item[data-block-type="variant-picker"]
fieldset.variant-picker__option:nth-of-type(2)
label.block-swatch{
  overflow: visible !important;
  position: relative !important;
}
.product-info__block-item[data-block-type="variant-picker"]
fieldset.variant-picker__option:nth-of-type(2)
label.block-swatch::after{
  background: #dc2626;
  border-radius: 999px;
  color: #fff;
  content: "";
  display: none;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  padding: 4px 6px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -10px;
  z-index: 20;
}
.product-info__block-item[data-block-type="variant-picker"]
fieldset.variant-picker__option:nth-of-type(2)
label.block-swatch:nth-of-type(2)::after{
  content: "5%";
  display: inline-flex;
}
.product-info__block-item[data-block-type="variant-picker"]
fieldset.variant-picker__option:nth-of-type(2)
label.block-swatch:nth-of-type(3)::after{
  content: "8%";
  display: inline-flex;
}
.product-info__block-item[data-block-type="variant-picker"]
fieldset.variant-picker__option:nth-of-type(2)
label.block-swatch:nth-of-type(4)::after{
  content: "12%";
  display: inline-flex;
}




/* =========================
    MOBILE OFFERS (mob-offers)
    ========================= */
.mob-offers{
  display: grid !important;
  gap: 8px;
  grid-template-columns: 1fr !important;
  margin: 0 0 16px 0;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
}
.mob-offers__icon{
  flex: 0 0 auto;
  font-size: 16px;
  line-height: 1;
}
.mob-offers__line{
  align-items: center;
  border-radius: 999px;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 8px;
  line-height: 1.15;
  min-height: 52px;
  padding: 10px 12px;
  white-space: normal;
}
.mob-offers__text{
  display: block;
}
.mob-offers__line--bulk{
  background: rgba(124,58,237,0.14);
  color: #5b21b6;
}
.mob-offers__line--ship{
  background: rgba(34,197,94,0.12);
  color: #166534;
}
.mob-offers__text strong{
  font-weight: 700;
}

/* MOB OFFERS — one row */
.mob-offers{
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
}

.mob-offers__line{
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
}

/* text alignment */
.mob-offers__text{
  font-size: 13px !important;
  line-height: 1.3 !important;
}

.mob-offers__text strong{
  font-size: 13px !important;
}

/* icons don’t jump */
.mob-offers__icon{
  flex-shrink: 0 !important;
}


.article-navigation__view-all {
  margin-top: 1.5rem;
  text-align: center;
}

.article-navigation__view-all .text-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}


/* PRODUCT — Luxel per-item: remove big green highlight box */
.luxel-perone--best{
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}


/* PRODUCT — Fix Smoke swatch (Impact) */
.color-swatch.rounded-full[style*="smoke"]{
  --swatch-background: #9ca3af !important; /* neutral grey */
}


/* @media DESKTOP — Luxel offers (REF LOOK) */
@media (min-width: 990px){

  .luxel-pdp-info-row{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 96px !important;
    max-width: 620px !important;
    margin: 10px auto 12px !important;
  }

  .luxel-pdp-info{
    display: grid !important;
    grid-template-rows: 34px auto 26px; /* icon / text / chevron */
    justify-items: center !important;
    align-items: start !important;
    text-align: center !important;
  }

  /* icons stack: two imgs, show one */
  .luxel-pdp-info__icon{
    width: 30px !important;
    height: 30px !important;
    display: block !important;
    margin: 0 !important;
  }
  .luxel-icon--on{ display: none !important; }
  .luxel-icon--off{ display: block !important; opacity: .55 !important; }

  /* ACTIVE STATES via body classes */
  body.luxel-ship-on .luxel-pdp-info--ship .luxel-icon--on{ display: block !important; }
  body.luxel-ship-on .luxel-pdp-info--ship .luxel-icon--off{ display: none !important; }

  body.luxel-bulk-on .luxel-pdp-info--bulk .luxel-icon--on{ display: block !important; }
  body.luxel-bulk-on .luxel-pdp-info--bulk .luxel-icon--off{ display: none !important; }

  .luxel-pdp-info__title{
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
  }
  .luxel-pdp-info__sub{
    margin-top: 6px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    opacity: .85 !important;
  }
  .luxel-pdp-info__chev{
    font-size: 18px !important;
    opacity: .7 !important;
    transform: translateY(-2px);
  }
}

/* @media DESKTOP — put Color (left) + Offers (right) on one row */
@media (min-width: 990px){

  /* 1) Make product-info a 2-column grid (only for the top area) */
  safe-sticky.product-info{
    display: grid !important;
    grid-template-columns: 260px 1fr !important; /* left: Color, right: offers */
    column-gap: 36px !important;
    align-items: start !important;
  }

  /* 2) Force the Color block into the left column */
  safe-sticky.product-info .product-info__block-item[data-block-type="product-variations"]{
    grid-column: 1 !important;
    margin-top: 24px !important;
  }

  /* 3) Force your Offers Custom Liquid into the right column */
  safe-sticky.product-info .product-info__block-item[data-block-id="liquid_Yanram"]{
    grid-column: 2 !important;
    margin: 0 !important;
  }

  /* 4) Make offers row compact on desktop right side */
  safe-sticky.product-info .product-info__block-item[data-block-id="liquid_Yanram"] .luxel-pdp-info-row{
    max-width: 520px !important;
    margin: 0 !important;
    gap: 64px !important;
  }

  /* 5) Keep everything else below full width */
  safe-sticky.product-info > .product-info__block-item:not([data-block-type="product-variations"]):not([data-block-id="liquid_Yanram"]){
    grid-column: 1 / -1 !important;
  }
}

/* ===============================
   FIX PDP OFFERS VERTICAL ALIGN
   =============================== */
@media (min-width: 990px){

  /* 1. УБИРАЕМ GAP между блоками PDP */
  safe-sticky.product-info{
    row-gap: 0 !important;
    --product-info-block-spacing: 0 !important;
  }

  /* 2. УБИРАЕМ ВСЕ ОТСТУПЫ У CUSTOM LIQUID */
  safe-sticky.product-info
  .product-info__block-item[data-block-id="liquid_Yanram"]{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3. ПОДНИМАЕМ OFFERS БЛОК к цветам */
  #luxelOffers{
    margin-top: -18px !important;   /* ← КЛЮЧЕВОЕ ЧИСЛО (обычно -14…-22) */
    margin-bottom: 0 !important;
  }

  /* 4. ВЫРАВНИВАЕМ Quantity: по стрелке */
  .product-info__block-item[data-block-type="product-variations"]{
    margin-bottom: 4px !important;
  }

  /* 5. УБИРАЕМ "VG margin" у Quantity label */
  .product-info__block-item
  .quantity-selector__label,
  .product-info__block-item
  label[for*="Quantity"],
  .product-info__block-item
  .block-label{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
  }

  /* 6. ЧУТЬ ПОДНИМАЕМ СТРЕЛКИ */
  #luxelOffers .luxel-pdp-info__chev{
    margin-top: 12px !important;  /* было слишком низко */
  }

}

/* MOBILE — hide Luxel Offers + Quantity (temporary) */
@media (max-width: 989px){

  /* Offers block (liquid_Yanram) */
  safe-sticky.product-info .product-info__block-item[data-block-id="liquid_Yanram"]{
    display: none !important;
  }

  /* Quantity custom block (liquid_f6hM9) */
  safe-sticky.product-info .product-info__block-item[data-block-id="liquid_f6hM9"]{
    display: none !important;
  }

}


/* =========================================================
   TEMP: HIDE CUSTOM QUANTITY + OFFERS ON MOBILE
   ========================================================= */

@media (max-width: 989px){

  /* Hide unified quantity block */
  #luxelQtyUnified{
    display: none !important;
  }

  /* Hide offers block (free shipping / 15% off) */
  #luxelOffers{
    display: none !important;
  }

  /* Optional: remove extra spacing from liquid blocks */
  .product-info__block-item[data-block-type="liquid"]{
    margin: 0 !important;
    padding: 0 !important;
  }

}

/* @media (min-width: 750px){
  .product-info__block-item[data-block-type="liquid"]{
    display: none !important;
  }
} */

/* Align "More payment options" with "You save" */
#more-payment-options-link {
  margin-top: 4px !important;
}

/* =========================
   ADD "Price:" before amount (Impact theme)
   ========================= */

/* Контейнер: цена + рейтинг */
.product-info__price .rating-with-text{
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important; /* расстояние между ценой и рейтингом */
}

/* Сам price-list */
.product-info__price price-list{
  display: inline-flex !important;
  align-items: baseline !important;
  margin: 0 !important;
}

/* Добавляем "Price:" */
.product-info__price price-list::before{
  content: "Price:" !important;
  margin-right: -6px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  color: rgba(0,0,0,.75) !important;
}

/* Размер самой цены */
.product-info__price sale-price{
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}

.product-info__block-item[data-block-type="price"]{
  margin-block-start: 0px !important;
  margin-block-end: 0px !important;
}

.product-info__block-item[data-block-id="payment_terms"]{
  --product-info-block-spacing: 0px !important;
}

/* ===== Payment terms typography (only text smaller, amount stays big) ===== */

/* основной текст */
.product-info__payment-terms {
  font-size: 16px !important;     /* как Price */
  line-height: 1.2 !important;
  color: rgba(0,0,0,.75) !important;
  font-weight: 400 !important;
}

#luxelOffers .luxel-pdp-info__title{

  letter-spacing: 0.02em !important;  /* 0.03em слишком разрежает */
  line-height: 1.1 !important;

  white-space: nowrap !important;     /* ✅ больше не будет 2 строки */
  overflow: hidden !important;
  text-overflow: ellipsis !important; /* если вдруг не влезет */
}


/* SUBTEXT: всегда в одну строку (не переносить) */
#luxelOffers .luxel-pdp-info__sub{
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;  /* на крайний случай, чтобы не ломало верстку */
}

/* iPad / узкий desktop: чуть уменьшаем sub, чтобы точно влезало в 1 строку */
@media (min-width: 990px) and (max-width: 1199px){
  #luxelOffers .luxel-pdp-info__sub{
    font-size: 13px !important;
  }
}

/* iPad / narrow desktop: perfect centering for +/- inside stepper */
@media (min-width: 990px) and (max-width: 1199px){

  /* Stepper width tuning */
  #luxelQtyUnified .luxel-stepper{
    grid-template-columns: 46px 1fr 46px !important; /* было 48px */
  }
  #luxelQtyUnified .luxel-stepper__btn{
    width: 46px !important;
    height: 52px !important; /* у тебя в iPad уже 52 обычно */
  }

  /* Value strictly centered */
  #luxelQtyUnified .luxel-stepper__val{
    justify-self: center !important;
    text-align: center !important;
  }

  /* Optical centering of icons (so + doesn't feel stuck to the right) */
  #luxelQtyUnified .luxel-stepper__btn[data-act="dec"] .luxel-stepper__ico{
    transform: translateX(1px) !important;   /* минус чуть вправо */
  }
  #luxelQtyUnified .luxel-stepper__btn[data-act="inc"] .luxel-stepper__ico{
    transform: translateX(-2px) !important;  /* плюс чуть влево */
  }
}

/* Buy buttons block margin */
.product-info > .product-info__block-item[data-block-type="buy-buttons"]{
  margin-top: 24px !important;
  margin-bottom: 24px;
}


/* Kill Impact inline padding-bottom on <buy-buttons> */
safe-sticky.product-info .product-info__block-item[data-block-type="buy-buttons"] buy-buttons{
  padding-bottom: 0 !important;
}

/* Button container: enable container queries */
.lx-atc-split{
  container-type: inline-size;
}

/* Default = ALWAYS one line */
.lx-atc-split{
  flex-direction: row !important;
  white-space: nowrap !important;
}

/* Only when the button itself is narrow -> switch to 2 lines */
@container (max-width: 260px){
  .lx-atc-split{
    flex-direction: column !important;
    white-space: normal !important;
    gap: 2px !important;
  }
  .lx-atc-split .lx-atc-label{ font-size: 13px !important; }
  .lx-atc-split .lx-atc-price{ font-size: 18px !important; }
}

/* Make "More payment options" match the hint text style */
#more-payment-options-link,
.shopify-payment-button__more-options{
  font-size: 16px !important;          /* как слева */
  font-weight: 400 !important;         /* не жирный */
  line-height: 1.2 !important;
  color: rgba(0,0,0,.65) !important;   /* тот же цвет */
  text-decoration-thickness: 1px;      /* аккуратная линия */
}

/* Tablet / narrow: чуть меньше, чтобы не выбивался */
@media (max-width: 1199px){
  #more-payment-options-link,
  .shopify-payment-button__more-options{
    font-size: 14px !important;
  }
}

/* ===============================
   Equal spacing under BOTH buttons
   =============================== */

/* 1) Убираем любые стандартные отступы у More payment options */
#more-payment-options-link,
.shopify-payment-button__more-options{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 2) Даём одинаковый отступ снизу контейнера кнопок */
.safe-sticky.product-info
  .product-info__block-item[data-block-type="buy-buttons"]
  buy-buttons{
  padding-bottom: 46px !important; /* ← РОВНО КАК ПОД ЛЕВОЙ КНОПКОЙ */
}

/* 3) Выравниваем визуально текст под правой кнопкой */
#more-payment-options-link{
  display: inline-block !important;
  margin-top: 10px !important;     /* ← тот же визуальный зазор, что у хинта */
}

/* ===============================
   BUY IT WITH (Complementary products) — WORKING
   =============================== */

/* Заголовок "Buy it with:" */
safe-sticky.product-info
  .product-info__block-item[data-block-type="associated-products"]
  .product-info__complementary-products > h2,
safe-sticky.product-info
  .product-info__block-item[data-block-type="associated-products"]
  h2 {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin: 0 0 12px !important;
  color: rgba(0,0,0,.85) !important;
}

/* Весь блок (контейнер) — скругление 12 */
safe-sticky.product-info
  .product-info__block-item[data-block-type="associated-products"]
  .product-info__complementary-products,
safe-sticky.product-info
  .product-info__block-item[data-block-type="associated-products"]{
  border-radius: 12px !important;   /* ✅ 12, НЕ 112 */
}

/* Внутренняя карточка товара */
safe-sticky.product-info
  .product-info__block-item[data-block-type="associated-products"]
  .horizontal-product{
  border-radius: 12px !important;
  padding: 16px !important;
}

/* Название товара */
safe-sticky.product-info
  .product-info__block-item[data-block-type="associated-products"]
  .horizontal-product__title{
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  margin: 0 0 6px !important;
}

/* Цена */
safe-sticky.product-info
  .product-info__block-item[data-block-type="associated-products"]
  .price,
safe-sticky.product.info
  .product-info__block-item[data-block-type="associated-products"]
  .price-item{
  font-size: 15px !important;
  line-height: 1.2 !important;
}

/* Старая цена */
safe-sticky.product-info
  .product-info__block-item[data-block-type="associated-products"]
  .price-item--regular{
  font-size: 14px !important;
  opacity: .6 !important;
}

/* Кнопка +Add */
safe-sticky.product-info
  .product-info__block-item[data-block-type="associated-products"]
  button,
safe-sticky.product-info
  .product-info__block-item[data-block-type="associated-products"]
  .horizontal-product__add{
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* Tablet: чуть компактнее */
@media (max-width: 1199px){
  safe-sticky.product-info
    .product-info__block-item[data-block-type="associated-products"]
    .horizontal-product{
    padding: 14px !important;
  }

  safe-sticky.product-info
    .product-info__block-item[data-block-type="associated-products"]
    .horizontal-product__title{
    font-size: 15px !important;
  }

  safe-sticky.product-info
    .product-info__block-item[data-block-type="associated-products"]
    .price,
  safe-sticky.product-info
    .product-info__block-item[data-block-type="associated-products"]
    .price-item{
    font-size: 14px !important;
  }
}



/* =========================
   HIDE mob-offers ON DESKTOP
   ========================= */
@media (min-width: 990px){
  .mob-offers{
    display: none !important;
  }
}

/* =========================
   PRICE — match Figma (Impact)
   Price label: 18px / 28.8, Regular
   Amount: same line, clean spacing
   ========================= */

/* Контейнер "Price + rating" */
.product-info__price .rating-with-text{
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

/* price-list как строка */
.product-info__price price-list.price-list--lg{
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

/* "Price:" — как в дизайне */
.product-info__price price-list.price-list--lg::before{
  display: none !important;
  content: "Price:" !important;
  font-size: 18px !important;
  line-height: 28.8px !important; /* 18 * 1.6 */
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: rgba(0,0,0,.65) !important; /* близко к text-secondary */
  margin: 0 !important;
  padding: 0 !important;
}

/* Сама цена */
.product-info__price price-list.price-list--lg sale-price,
.product-info__price price-list.price-list--lg .price-item--sale{
  font-size: 22px !important;
  line-height: 28.8px !important;
  font-weight: 500 !important; /* если в макете сумма чуть плотнее */
  letter-spacing: 0 !important;
}

/* Старая цена (если есть) — аккуратно меньше */
.product-info__price price-list.price-list--lg compare-at-price,
.product-info__price price-list.price-list--lg .price-item--regular{
  font-size: 16px !important;
  line-height: 25.6px !important;
  font-weight: 400 !important;
  transform: translateY(-1px) !important;
}

/* Убираем твой старый хак с -6px, если он где-то остался */
.product-info__price price-list::before{
  margin-right: 0 !important;
}

/* =========================
   BUY IT WITH label — match Price/Color
   ========================= */
safe-sticky.product-info .product-info__complementary-products .h-stack > p{
  font-size: 18px !important;
  line-height: 28.8px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: rgba(0,0,0,.65) !important;
}

/* =========================
   BUY IT WITH — correct rounding (12px)
   ========================= */
safe-sticky.product-info
.product-info__complementary-products
.horizontal-product-list{
  border-radius: 12px !important;
  overflow: hidden !important; /* ⬅️ КЛЮЧЕВО */
}


/* REMOVE extra bottom gap under buy-buttons (your old reserve space) */
safe-sticky.product-info
.product-info__block-item[data-block-type="buy-buttons"]
buy-buttons{
  padding-bottom: 0 !important;
}


/* =========================================================
   LUXEL OFFERS MOBILE — lift + perfect centering over "5+"
   ========================================================= */
@media (max-width: 989px){

  /* Lift the whole offers row closer to Color line */
  #luxelOffersMobile{
    margin-top: -22px !important;   /* ✅ подними ближе к Color (подбирай -16…-28) */
    margin-bottom: 6px !important;
  }

  /* Keep it in the 4-col grid and place ship above 5+ (col 3) */
  #luxelOffersMobile{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    align-items: start !important;
  }

  /* Card sits in column 3 (above 5+) */
  #luxelOffersMobile .luxel-offers-mob__card--ship{
    grid-column: 3 !important;
    justify-self: center !important;

    /* micro-centering tweak (because visual center differs from grid center) */
    transform: translateX(-2px) !important; /* ✅ подстройка -1…-4px если надо */
  }

  /* Slightly tighter vertical rhythm so it doesn't feel "low" */
  #luxelOffersMobile .luxel-offers-mob__card{
    grid-template-rows: 28px auto 16px !important;
  }

  #luxelOffersMobile .luxel-offers-mob__title{
    font-size: 15px !important;
    line-height: 1.1 !important;
  }

  #luxelOffersMobile .luxel-offers-mob__sub{
    font-size: 13px !important;
    line-height: 1.15 !important;
    margin-top: 3px !important;
  }

  #luxelOffersMobile .luxel-offers-mob__chev{
    margin-top: 16px !important;
  }
}

@media (max-width: 989px){

  /* 1. Контейнер offers = та же сетка, что и quantity */
  #luxelOffersMobile{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important; /* должен совпадать с gap у quantity */
    align-items: start !important;

    /* твой подъём */
    margin-top: -95px !important;
    margin-bottom: 8px !important;
  }

  /* 2. ЖЁСТКО ставим Free shipping в колонку 3 (5+) */
  #luxelOffersMobile .luxel-offers-mob__card--ship{
    grid-column: 3 !important;   /* ← КЛЮЧ */
    justify-self: center !important;
    align-self: start !important;

    /* ❌ убираем любые ручные смещения */
    transform: none !important;
    left: auto !important;
    right: auto !important;
  }

  /* 3. Чуть подчистим карточку, чтобы визуальный центр был честным */
  #luxelOffersMobile .luxel-offers-mob__card{
    width: max-content !important; /* не растягиваться */
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
}

@media (max-width: 989px){
  #luxelOffersMobile .luxel-offers-mob__card--ship{
    transform: translateX(7px) !important; /* попробуй 3–6px */
  }
}

.product-info__block-item[data-block-type="payment-terms"]{
  opacity: .9 !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 989px){
  safe-sticky.product-info
  .product-info__block-item{
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media (max-width: 989px){
  /* Убираем верхний отступ */
  safe-sticky.product-info
  .product-info__block-item{
    margin-top: 0 !important;
  }

  /* Оставляем нижний */
  safe-sticky.product-info
  .product-info__block-item{
    margin-bottom: 16px !important;
  }
}

@media (max-width: 989px){
  safe-sticky.product-info
  .product-info__block-item[data-block-id="liquid_f6hM9"],
  safe-sticky.product-info
  .product-info__block-item[data-block-id="liquid_pjGfAz"]{
    margin-top: -20 !important;
    margin-bottom: 16px !important;
  }
}

@media (max-width: 989px){
  .section.section--tight.section-boxed{
    padding-bottom: 0 !important;
  }
}

/* =========================================================
   LUXEL — FINAL MOBILE OVERRIDES (put at VERY END)
   ========================================================= */
@media (max-width: 749px){

  /* ---------- 1) Fix "About..." typography (too huge) ---------- */
  .section.section-blends.section-full .prose .h2,
  .section.section-blends.section-full h2.h2{
    font-size: 22px !important;   /* было слишком большое */
    line-height: 1.15 !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 10px !important;
  }

  .section.section-blends.section-full .prose p,
  .section.section-blends.section-full p{
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  /* ---------- 2) Remove extra bottom padding in tight boxed section ---------- */
  .section.section--tight.section-boxed{
    padding-bottom: 0 !important;
  }

  /* ---------- 3) Normalize PDP block spacing (no crazy jumps) ---------- */
  safe-sticky.product-info .product-info__block-item{
    margin-top: 0 !important;         /* ты хотел сверху 0 */
    margin-bottom: 20px !important;   /* низ 16 */
  }

  /* ---------- 4) Quantity custom liquid: allow lift but valid units ---------- */
  safe-sticky.product-info
  .product-info__block-item[data-block-id="liquid_f6hM9"],
  safe-sticky.product.info
  .product-info__block-item[data-block-id="liquid_pjGfAz"]{
    margin-top: 0 !important;
    margin-bottom: 16px !important;
  }

  /* ---------- 5) Offers mobile: keep ONE truth (no conflicts) ---------- */
  #luxelOffersMobile{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    align-items: start !important;

    /* твой рабочий лифт + боковой bleed */
    margin: -85px -16px 0 !important;
  }

  #luxelOffersMobile .luxel-offers-mob__card--ship{
    grid-column: 3 !important;         /* над 5+ */
    justify-self: center !important;
    transform: translateX(7px) !important; /* твой микросдвиг */
  }

  /* ---------- 6) Buy-buttons: no phantom padding-bottom from old hacks ---------- */
  safe-sticky.product-info
  .product-info__block-item[data-block-type="buy-buttons"]
  buy-buttons{
    padding-bottom: 0 !important;
  }
}

/* =========================================================
   LUXEL — Mobile: About + Feature chart (spec table) compact
   ========================================================= */
@media (max-width: 749px){

  /* ---------- ABOUT section: title + text ---------- */
  .section.section-blends.section-full .prose > .h2,
  .section.section-blends.section-full .prose h2.h2{
    font-size: 22px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 10px 0 !important;
  }

  .section.section-blends.section-full .prose p{
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  /* remove huge <br> feeling (your text has lots of <br>) */
  .section.section-blends.section-full .prose br{
    display: none !important;
  }

  /* ---------- FEATURE CHART (specification table) ---------- */

  .shopify-section--specification-table .feature-chart{
    margin-top: 8px !important;
  }

  /* rows tighter */
  .shopify-section--specification-table .feature-chart__table-row,
  .shopify-section--specification-table .feature-chart__row,
  .feature-chart__table-row{
    padding-block-start: 8px !important;
    padding-block-end: 8px !important;
  }

  /* heading smaller */
  .feature-chart__heading,
  .feature-chart__heading.bold,
  .feature-chart__heading strong,
  .feature-chart__heading b,
  .feature-chart__heading div,
  .feature-chart__heading span,
  div.feature-chart__heading.bold{
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  /* value smaller */
  .feature-chart__value,
  .feature-chart__value p,
  div.feature-chart__value.prose{
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
  }

  /* reduce overall table padding */
  .feature-chart__table,
  .feature-chart__table-row{
    margin: 0 !important;
  }

  /* ---------- "View all" button compact ---------- */
  .feature-chart__toggle,
  .feature-chart__toggle button,
  .feature-chart__toggle .text-with-icon{
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  .feature-chart__toggle{
    margin-top: 8px !important;
    padding: 8px 0 !important;
  }

  /* make chevron a bit thicker and slightly bigger */
  .feature-chart__toggle .icon,
  .feature-chart__toggle svg{
    width: 14px !important;
    height: 14px !important;
  }
  .feature-chart__toggle svg path{
    stroke-width: 2 !important;
  }
}

@media (max-width: 749px){

  /* Feature chart — remove side padding so text aligns with page */
  .feature-chart,
  .feature-chart__table,
  .feature-chart__table.divide-y.scroll-area{
    padding-left: 10px !important;
    padding-right: 0 !important;
  }

  /* Also kill padding that Impact sometimes puts on rows */
  .feature-chart__table-row{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Headings + values — no inner padding */
  .feature-chart__heading,
  .feature-chart__value{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 749px){
  #shopify-section-template--17509949931614__specification_table_fBR8RC
  .section-stack,
  #shopify-section-template--17509949931614__specification_table_fBR8RC
  .section-stack__intro,
  #shopify-section-template--17509949931614__specification_table_fBR8RC
  .section-stack__main,
  #shopify-section-template--17509949931614__specification_table_fBR8RC
  .prose{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #shopify-section-template--17509949931614__specification_table_fBR8RC
  .feature-chart__table{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* =========================================================
   PRODUCT VARIATION — Clear color (soft beige / glass look)
   Only for Clear swatch
   ========================================================= */

/* Target Clear swatch by inline gradient */
.color-swatch.rounded-full[style*="clear"]{
  --swatch-background: linear-gradient(
    135deg,
    #f4f1ec 0%,   /* тёплый беж */
    #ebe6df 45%,
    #f7f4ef 100%
  ) !important;

  background: var(--swatch-background) !important;
  border: 1px solid rgba(0,0,0,.12) !important;
}

/* Slight inner highlight to feel like glass */
.color-swatch.rounded-full[style*="clear"]::after{
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.45),
    rgba(255,255,255,0)
  );
  pointer-events: none;
}

/* Selected state — keep it clean, not heavy */
.color-swatch.rounded-full.is-selected[style*="clear"],
.color-swatch.rounded-full[aria-checked="true"][style*="clear"]{
  outline: 2px solid rgba(0,0,0,.25) !important;
  outline-offset: 2px !important;
}

/* =========================================================
   FIX: Clear/empty swatch not visible (Impact)
   Covers both color-swatch and block-swatch variants
   ========================================================= */

/* 1) If swatch background is transparent/empty -> give soft beige glass */
.variant-picker .color-swatch,
.variant-picker label.color-swatch,
.variant-picker label.block-swatch{
  background-color: var(--swatch-background) !important;
}

/* 2) Target "clear" by aria-label OR by inline style OR by URL token */
.variant-picker [aria-label*="Clear" i].color-swatch,
.variant-picker [aria-label*="Clear" i].block-swatch,
.variant-picker .color-swatch[style*="clear" i],
.variant-picker .block-swatch[style*="clear" i],
.variant-picker .color-swatch[style*="#fff" i],
.variant-picker .block-swatch[style*="#fff" i]{
  --swatch-background: linear-gradient(135deg, #f4f1ec 0%, #ebe6df 45%, #f7f4ef 100%) !important;
  border: 1px solid rgba(0,0,0,.12) !important;
}

/* 3) Extra: if it's just empty (no background image/color), still show it */
.variant-picker .color-swatch:empty,
.variant-picker .block-swatch:empty{
  background: linear-gradient(135deg, #f4f1ec 0%, #ebe6df 45%, #f7f4ef 100%) !important;
  border: 1px solid rgba(0,0,0,.12) !important;
}

/* 4) subtle highlight like glass */
.variant-picker .color-swatch[aria-label*="Clear" i]::after,
.variant-picker .block-swatch[aria-label*="Clear" i]::after{
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0));
  pointer-events: none;
}



@media (max-width: 700px){
  .shopify-section--specification-table .section-blends .section-stack__main {
    padding-left: 20px;
    padding-right: 20px;
  }

  .feature-chart {
    border-radius: 12px;
    overflow: hidden;
    background: rgb(237, 237, 237);
  }

  .feature-chart__table {
    border-radius: inherit;
  }

}


@media screen and (min-width: 700px) {
    #shopify-section-template--17509948457054__slideshow {
        display: none !important;
    }
}

@media screen and (max-width: 699px) {
    #shopify-section-template--17509948457054__slideshow_4kG4wg {
        display: none !important;
    }
}

.slideshow { 
    padding-bottom: 0 !important;
    padding-top: 48px;
}
.slideshow--boxed{
  padding-bottom: 0 !important;
  padding-top: 48px;
} 
.slideshow--multiple-slides {
  padding-bottom: 0 !important;
  padding-top: 48px;
}

/* Убираем закругления и тени для обеих секций слайдшоу */
#shopify-section-template--17509948457054__slideshow,
#shopify-section-template--17509948457054__slideshow_4kG4wg {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* Если закругление наложено на обертку медиа (картинку/видео) */
#shopify-section-template--17509948457054__slideshow .slideshow__media,
#shopify-section-template--17509948457054__slideshow_4kG4wg .slideshow__media {
    border-radius: 0 !important;
}

/* Нацеливаемся на сам контейнер слайдера внутри секции */
#shopify-section-template--17509948457054__slideshow .slideshow,
#shopify-section-template--17509948457054__slideshow_4kG4wg .slideshow {
    border-radius: 0 !important; /* Убирает закругление углов */
    box-shadow: none !important;  /* Убирает тень, если она есть */
}

/* Убираем фоновый градиент (тень) у слайдов */
.slideshow__slide-background {
    display: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* Убираем тень у самого контейнера слайдера */
.slideshow {
    box-shadow: none !important;
    border: none !important;
}

/* Убираем затемнение, которое может быть наложено на медиа (overlay) */
.slideshow__media::after {
    display: none !important;
}

/* Обнуляем фон всей секции, чтобы он не просвечивал снизу */
#shopify-section-template--17509948457054__slideshow,
#shopify-section-template--17509948457054__slideshow_4kG4wg {
    background: transparent !important;
}




/* ####### Фикс чтобы не прыгало видео в карточке товара #######*/
.shopify-section--main-product .product-gallery__media {
  aspect-ratio: 1 / 1;
  width: 100%;
  background: #fff;
  overflow: hidden;
  position: relative;
}

.shopify-section--main-product .product-gallery__thumbnail-list {
    align-items: center
}

.shopify-section--main-product .product-gallery__media > img,
.shopify-section--main-product .product-gallery__media > video-media,
.shopify-section--main-product .product-gallery__media > iframe {
  width: 100%;
  height: 100%;
  display: block;
}

.shopify-section--main-product .product-gallery__media > img {
  object-fit: contain;
}

.shopify-section--main-product .product-gallery__media video-media img,
.shopify-section--main-product .product-gallery__media video-media iframe {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  align-items: center
}

.shopify-section--main-product media-carousel.product-gallery__media-list[style] {
  max-height: none !important;
}


/* DESKTOP */
@media (min-width: 768px) {
  .shopify-section--main-product .section-boxed {
    margin-top: 76px !important;
    margin-bottom: 96px !important;
    padding-top: 48px !important;
  }

  .section .section-boxed .bg-custom .text-custom {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  
  #shopify-section-template--17509949833310__related_products_jcDD4X .section-boxed {
    padding: 45px !important;
    box-sizing: border-box;
  }

  #shopify-section-template--17509949833310__related_products_jcDD4X .scroll-area {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #shopify-section-template--17509949833310__related_products_jcDD4X .bleed {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .section-full {
    padding-bottom: 0px !important;
    margin-bottom: 96px !important;
  }
}

@media (max-width: 768px) {

  /* твой padding */
  #shopify-section-template--17509949833310__related_products_jcDD4X .section-boxed {
    padding: 20px !important;
  }

  /* ВАЖНО: убираем bleed */
  #shopify-section-template--17509949833310__related_products_jcDD4X .scroll-area {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #shopify-section-template--17509949833310__related_products_jcDD4X .bleed {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

}


/* ЛАМПЫ: делаем цену как у тележек */
.product-card .price-list sale-price.text-subdued,
.product-card .price-list sale-price {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: rgba(26, 26, 26, 0.7) !important; /* как у carts */
  opacity: 1 !important;
}

/* если у ламп есть старая цена */
.product-card .price-list compare-at-price,
.product-card .price-list compare-at-price.text-subdued {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: rgba(26, 26, 26, 0.7) !important;
  opacity: 1 !important;
}

/* если нужна зачёркнутая старая цена как у carts */
.product-card .price-list compare-at-price.line-through {
  text-decoration-thickness: 1px !important;
}

.shopify-section--product-recommendations .rating-with-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.shopify-section--product-recommendations .product-card__title {
  display: block !important;
  width: 100% !important;
  min-height: calc(1.28em * 2) !important;
  line-height: 1.28 !important;
  margin-bottom: 6px !important;
}

.shopify-section--product-recommendations .product-card__title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.28 !important;
  min-height: calc(1.28em * 2) !important;
}

.shopify-section--product-recommendations .price-list {
  margin-top: 0 !important;
}

@media screen and (max-width: 749px) {
  scroll-carousel.is-scrollable {
    /* Плавное затухание правого края (последние 15% ширины) */
    -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%);
    mask-image: linear-gradient(to right, black 85%, transparent 100%);
    
    /* Добавляем отступ справа, чтобы контент не упирался в край экрана при полной прокрутке */
    padding-right: 20px !important; 
  }
}


@media screen and (max-width: 767px) {
  .shopify-section--specification-table {
    display: none !important;
  }
}