/* LASO: one storefront background and one product-card presentation. */
html body, html body main:first-of-type {background-color:#f8ecde !important;}

/* Reference card: homepage "Новинки". */
html body .laso-products-section {margin:52px 0 !important;}
html body .laso-products-head {display:flex !important;align-items:center !important;justify-content:space-between !important;gap:20px !important;margin-bottom:24px !important;}
html body .laso-products-head h2 {margin:0 !important;color:#292929 !important;font-size:30px !important;font-weight:700 !important;}
html body .laso-products-all {display:inline-flex !important;align-items:center !important;gap:9px !important;color:#fe7200 !important;font-size:14px !important;font-weight:600 !important;}
html body .laso-products-grid {display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:16px !important;opacity:1 !important;}
html body .laso-product-card, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item {display:flex !important;min-width:0 !important;flex-direction:column !important;overflow:hidden !important;border:1px solid #eee7df !important;border-radius:22px !important;background:#fff !important;transition:transform .22s ease,box-shadow .22s ease !important;}
html body .laso-product-card:hover, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item:hover {transform:translateY(-5px) !important;box-shadow:0 15px 35px rgba(70,45,25,.1) !important;}
html body .laso-product-image, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__image {position:relative !important;isolation:isolate !important;display:flex !important;flex:0 0 auto !important;align-items:center !important;justify-content:center !important;width:100% !important;height:auto !important;aspect-ratio:1/1 !important;min-height:0 !important;margin:0 !important;padding:16px !important;overflow:hidden !important;background:#f7f3f0 !important;}
html body .laso-product-image::before, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__image::before {content:"" !important;position:absolute !important;z-index:0 !important;top:50% !important;left:50% !important;width:72% !important;aspect-ratio:1/1 !important;border-radius:50% !important;background:#fff !important;transform:translate(-50%,-50%) !important;pointer-events:none !important;}
html body .laso-product-image img, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__image img {position:relative !important;z-index:1 !important;display:block !important;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important;object-position:center !important;}
html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__image > a {position:relative !important;z-index:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:100% !important;}
html body .laso-product-image img[src$=".jpg"], html body .laso-product-image img[src$=".jpeg"] {mix-blend-mode:multiply !important;}
html body .laso-product-card:hover .laso-product-image, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item:hover .product-thumb__image {background:#fff !important;}
html body .laso-product-body, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__caption {display:grid !important;flex:1 1 auto !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-rows:auto auto 1fr auto !important;column-gap:10px !important;min-height:0 !important;padding:14px 16px 16px !important;}
html body .laso-product-name, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__name {grid-column:1/-1 !important;grid-row:1 !important;min-height:0 !important;margin:0 0 9px !important;color:#3a3028 !important;font-size:14px !important;font-weight:600 !important;line-height:1.4 !important;}
html body .laso-product-rating, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__rating {grid-column:1/-1 !important;grid-row:2 !important;margin:12px 0 !important;color:#f4a340 !important;}
html body .laso-product-price, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__price {grid-column:1 !important;grid-row:4 !important;align-self:center !important;display:flex !important;align-items:center !important;gap:8px !important;margin:0 !important;color:#242424 !important;font-size:18px !important;}
html body .laso-product-price span, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .price-old {color:#999 !important;text-decoration:line-through !important;}
html body .laso-product-price strong, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .price-new {color:#242424 !important;font-size:18px !important;font-weight:700 !important;}
html body .laso-product-cart, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__add-to-cart {grid-column:2 !important;grid-row:4 !important;align-self:center !important;min-width:105px !important;min-height:40px !important;margin:0 !important;padding:8px 14px !important;border:1px solid #e2c7a5 !important;border-radius:20px !important;background:transparent !important;color:#3a3028 !important;font-size:14px !important;font-weight:600 !important;line-height:1.4 !important;cursor:pointer !important;}
html body .laso-product-cart.is-disabled, html body .laso-product-cart:disabled {border-color:#ddd3c8 !important;color:#777 !important;cursor:not-allowed !important;}
html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__cart {grid-column:2 !important;grid-row:4 !important;align-self:center !important;display:block !important;width:auto !important;height:auto !important;margin:0 !important;}
html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__price-cart {grid-column:1/-1 !important;grid-row:4 !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;gap:10px !important;}
html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__price-cart .product-thumb__price, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__price-cart .product-thumb__cart {grid-row:1 !important;}
html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__price-cart .product-thumb__cart {grid-column:2 !important;}
html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .price-tax {display:none !important;}
html body .laso-auto-related-section .uni-module__wrapper.laso-products-grid, html body .viewed-module.laso-products-section .uni-module__wrapper.laso-products-grid {display:grid !important;opacity:1 !important;margin:0 !important;}
html body #product-product .laso-auto-related-section, html body #product-product .viewed-module.laso-products-section {background:transparent !important;padding:0 !important;}
html body #product-product .laso-auto-related-section {padding-inline:10px !important;}
/* Новинки: separate card rows and the result count by 5px. */
html body #product-uni-latest .products-block.row.row-flex {row-gap:5px !important;}
html body #product-uni-latest .products-block + .pagination-text {margin-top:5px !important;}

/* Blend opaque JPEGs with the existing circle in native product cards sitewide. */
html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__image > a:has(img[src$=".jpg"]),
html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__image > a:has(img[src$=".jpeg"]) {mix-blend-mode:multiply !important;}
@media(max-width:1199px){html body .laso-products-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}}
@media(max-width:991px){html body .laso-products-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media(max-width:575px){
  html body .laso-products-section{margin:38px 0 !important;}
  html body .laso-products-head h2{font-size:25px !important;}
  html body .laso-products-all{font-size:12px !important;}
  html body .laso-products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  html body .laso-product-image, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__image{flex-basis:auto !important;height:auto !important;min-height:0 !important;padding:12px !important;}
  html body .laso-product-body, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__caption{min-height:0 !important;padding:12px 13px 14px !important;}
  html body .laso-product-name, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__name{font-size:12px !important;}
  html body .laso-product-price strong, html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .price-new{font-size:16px !important;}
}

/* Catalog selectors have higher specificity in the generated CSS. */
html body .product-layout.product-grid .product-thumb.uni-item .product-thumb__image {height:auto !important;min-height:0 !important;flex-basis:auto !important;aspect-ratio:1/1 !important;padding:16px !important;background:#f7f3f0 !important;}
html body .product-layout.product-grid .product-thumb.uni-item .product-thumb__caption {display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-rows:auto auto 1fr auto !important;min-height:0 !important;padding:14px 16px 16px !important;}
html body .product-layout.product-grid .product-thumb.uni-item .product-thumb__name {min-height:0 !important;margin:0 0 9px !important;}
html body .product-layout.product-grid .product-thumb.uni-item .product-thumb__price {grid-column:1 !important;grid-row:4 !important;align-self:center !important;width:auto !important;margin:0 !important;color:#242424 !important;}
html body .product-layout.product-grid .product-thumb.uni-item .product-thumb__cart {grid-column:2 !important;grid-row:4 !important;width:auto !important;}
html body .product-layout.product-grid .product-thumb.uni-item .product-thumb__add-to-cart {width:auto !important;min-width:105px !important;border:1px solid #e6d3bd !important;background:transparent !important;color:#3b2b27 !important;}
@media(max-width:575px){html body .product-layout.product-grid .product-thumb.uni-item .product-thumb__image{padding:12px !important;}html body .product-layout.product-grid .product-thumb.uni-item .product-thumb__caption{padding:12px 13px 14px !important;}}

/* The reference places the crossed-out price before the sale price. */
html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__price .price-old {order:1 !important;}
html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__price .price-new {order:2 !important;}
html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__add-to-cart:disabled,
html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item .product-thumb__add-to-cart.disabled {border-color:#ddd3c8 !important;color:#777 !important;cursor:not-allowed !important;}


/* =========================================================
   LASO PRODUCT CARD — STOCK STATUS RESPONSIVE FIX
   Только адаптация текста "Немає в наявності".
   Высота и структура карточек НЕ изменяются.
   ========================================================= */

html body .laso-product-cart.is-disabled,
html body .laso-product-cart:disabled {
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.15px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

@media (max-width: 1199px) {
    html body .laso-product-cart.is-disabled,
    html body .laso-product-cart:disabled {
        font-size: 10.5px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}

@media (max-width: 767px) {
    html body .laso-product-cart.is-disabled,
    html body .laso-product-cart:disabled {
        font-size: 9.5px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        letter-spacing: -0.25px !important;
    }
}

html body #product-category .laso-product-card button.laso-product-cart.is-disabled {
    white-space: nowrap !important;
}


/* =========================================================
   LASO PRODUCT CARD — MOBILE PRICE / CART COLLISION FIX
   Только мобильная версия.
   Высота и структура карточки НЕ изменяются.
   Desktop / tablet НЕ затрагиваются.
   ========================================================= */

@media (max-width:575px) {

    /* Оставляем те же две колонки, только уменьшаем расстояние между ними */
    html body .laso-product-body,
    html body :is(.uni-module,.product-layout.product-grid)
    .product-thumb.uni-item .product-thumb__caption {
        column-gap:4px !important;
    }

    /* Цена остаётся на прежнем месте */
    html body .laso-product-price,
    html body :is(.uni-module,.product-layout.product-grid)
    .product-thumb.uni-item .product-thumb__price {
        min-width:0 !important;
    }

    html body .laso-product-price strong,
    html body :is(.uni-module,.product-layout.product-grid)
    .product-thumb.uni-item .price-new {
        font-size:15px !important;
        line-height:1.2 !important;
    }

    /* Обычная кнопка "В кошик" */
    html body .laso-product-cart,
    html body :is(.uni-module,.product-layout.product-grid)
    .product-thumb.uni-item .product-thumb__add-to-cart {
        min-width:68px !important;
        padding-left:5px !important;
        padding-right:5px !important;
        font-size:11px !important;
        white-space:nowrap !important;
    }

    /* Более длинный текст "Немає в наявності" */
    html body .laso-product-cart.is-disabled,
    html body .laso-product-cart:disabled {
        min-width:68px !important;
        padding-left:3px !important;
        padding-right:3px !important;
        font-size:8px !important;
        letter-spacing:-0.2px !important;
        white-space:nowrap !important;
    }
}


/* =========================================================
   LASO INFORMATION PAGES
   Universal layout for OpenCart Information pages
   ========================================================= */

html body .laso-info-page {
    padding:0 0 60px;
    color:#332c27;
}

html body .laso-info-page .container {
    max-width:1440px;
}

/* HERO */
html body .laso-info-hero {
    position:relative;
    display:flex;
    min-height:280px;
    margin:24px 0 42px;
    overflow:hidden;
    border-radius:28px;
    background:#eee7df;
}

html body .laso-info-hero__content {
    position:relative;
    z-index:2;
    display:flex;
    width:58%;
    padding:38px 48px 44px;
    flex-direction:column;
    justify-content:space-between;
}

html body .laso-info-breadcrumb {
    margin:0;
    padding:0;
    background:transparent;
}

html body .laso-info-breadcrumb > li,
html body .laso-info-breadcrumb > li a {
    color:#85776c;
    font-size:13px;
}

html body .laso-info-hero__title {
    max-width:760px;
    margin:55px 0 0;
    color:#342b25;
    font-size:48px;
    font-weight:700;
    line-height:1.05;
}

/* Decorative right side */
html body .laso-info-hero__visual {
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    width:48%;
    height:100%;
    overflow:hidden;
}

html body .laso-info-hero__shape {
    position:absolute;
    display:block;
    border-radius:50%;
}

html body .laso-info-hero__shape--1 {
    width:290px;
    height:290px;
    top:-75px;
    right:-20px;
    background:#d7bda4;
}

html body .laso-info-hero__shape--2 {
    width:210px;
    height:210px;
    right:185px;
    bottom:-80px;
    background:#c79c77;
}

html body .laso-info-hero__shape--3 {
    width:145px;
    height:145px;
    right:45px;
    bottom:-25px;
    background:#6f4938;
}

/* CONTENT */
html body .laso-info-layout {
    margin-left:0;
    margin-right:0;
}

html body .laso-info-main {
    padding-left:0;
    padding-right:0;
}

html body .laso-info-content.uni-wrapper {
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
}

html body .laso-info-content h2 {
    margin:0 0 22px;
    color:#302824;
    font-size:32px;
    font-weight:700;
    line-height:1.15;
}

html body .laso-info-content h3 {
    margin:0 0 12px;
    color:#332b26;
    font-size:20px;
    font-weight:700;
}

html body .laso-info-content p,
html body .laso-info-content li {
    color:#665b53;
    font-size:15px;
    line-height:1.7;
}

/* Section */
html body .laso-info-section {
    margin:0 0 54px;
}

/* Intro */
html body .laso-info-intro {
    max-width:900px;
    margin:0 0 36px;
    color:#665b53;
    font-size:17px;
    line-height:1.65;
}

/* Cards */
html body .laso-info-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

html body .laso-info-card {
    min-width:0;
    padding:28px;
    border:1px solid #e9e1da;
    border-radius:22px;
    background:#fff;
}

html body .laso-info-card__icon {
    display:flex;
    width:54px;
    height:54px;
    margin:0 0 24px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f0e7df;
    color:#6f4938;
    font-size:22px;
}

html body .laso-info-card h3 {
    margin-bottom:10px;
}

html body .laso-info-card p:last-child {
    margin-bottom:0;
}

/* Note */
html body .laso-info-note {
    margin-top:26px;
    padding:24px 28px;
    border-radius:20px;
    background:#f4eee9;
}

html body .laso-info-note strong {
    display:block;
    margin-bottom:7px;
    color:#382f29;
    font-size:16px;
}

/* Two columns */
html body .laso-info-columns {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

/* Mobile */
@media(max-width:991px) {
    html body .laso-info-hero {
        min-height:240px;
    }

    html body .laso-info-hero__content {
        width:68%;
        padding:30px 34px 36px;
    }

    html body .laso-info-hero__title {
        margin-top:45px;
        font-size:40px;
    }

    html body .laso-info-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:575px) {
    html body .laso-info-page {
        padding-bottom:38px;
    }

    html body .laso-info-hero {
        min-height:205px;
        margin:14px 0 30px;
        border-radius:20px;
    }

    html body .laso-info-hero__content {
        width:78%;
        padding:22px 22px 27px;
    }

    html body .laso-info-hero__title {
        margin-top:34px;
        font-size:31px;
        line-height:1.08;
    }

    html body .laso-info-hero__visual {
        width:48%;
        opacity:.8;
    }

    html body .laso-info-hero__shape--1 {
        width:190px;
        height:190px;
        top:-50px;
        right:-70px;
    }

    html body .laso-info-hero__shape--2 {
        width:135px;
        height:135px;
        right:45px;
        bottom:-65px;
    }

    html body .laso-info-hero__shape--3 {
        width:95px;
        height:95px;
        right:-10px;
        bottom:-15px;
    }

    html body .laso-info-content h2 {
        font-size:26px;
    }

    html body .laso-info-grid,
    html body .laso-info-columns {
        grid-template-columns:1fr;
        gap:12px;
    }

    html body .laso-info-card {
        padding:22px;
        border-radius:18px;
    }

    html body .laso-info-section {
        margin-bottom:38px;
    }
}


/* =========================================================
   LASO INFORMATION — BIG CENTERED YOUTUBE VIDEO
   ========================================================= */

html body .laso-info-video-section {
    text-align:center;
}

html body .laso-info-video-section h2 {
    text-align:center;
    margin:0 0 24px !important;
}

html body .laso-info-video {
    width:100%;
    max-width:980px;
    margin:0 auto;
    overflow:hidden;
    border-radius:24px;
    background:#000;
    aspect-ratio:16/9;
}

html body .laso-info-video iframe {
    display:block;
    width:100%;
    height:100%;
    border:0;
}

@media (max-width: 767px) {
    html body .laso-info-video-section h2 {
        margin-bottom:18px !important;
    }

    html body .laso-info-video {
        max-width:100%;
        border-radius:18px;
    }
}

/* LASO: mobile sale prices above the cart button. */
@media (max-width:575px) {
  html body .laso-product-card:has(.laso-product-price span) .laso-product-body,
  html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item:has(.price-old) .product-thumb__caption {
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto 1fr auto auto !important;
    row-gap:8px !important;
  }
  html body .laso-product-card:has(.laso-product-price span) .laso-product-price,
  html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item:has(.price-old) .product-thumb__price {
    grid-column:1/-1 !important;
    grid-row:4 !important;
    width:100% !important;
    min-width:0 !important;
    flex-wrap:wrap !important;
    gap:4px 8px !important;
    font-size:14px !important;
    line-height:1.3 !important;
  }
  html body .laso-product-card:has(.laso-product-price span) .laso-product-price > *,
  html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item:has(.price-old) :is(.price-old,.price-new) {
    white-space:nowrap !important;
  }
  html body .laso-product-card:has(.laso-product-price span) .laso-product-cart,
  html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item:has(.price-old) .product-thumb__cart {
    grid-column:1/-1 !important;
    grid-row:5 !important;
    justify-self:stretch !important;
    width:100% !important;
    min-width:0 !important;
  }
  html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item:has(.price-old) .product-thumb__add-to-cart {
    width:100% !important;
    min-width:0 !important;
  }
  html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item:has(.price-old) .product-thumb__price-cart {
    grid-column:1/-1 !important;
    grid-row:4 / 6 !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px !important;
  }
  html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item:has(.price-old) .product-thumb__price-cart .product-thumb__price {
    grid-column:1 !important;
    grid-row:1 !important;
  }
  html body :is(.uni-module,.product-layout.product-grid) .product-thumb.uni-item:has(.price-old) .product-thumb__price-cart .product-thumb__cart {
    grid-column:1 !important;
    grid-row:2 !important;
  }
}


/* LASO: размеры категорий на мобильных устройствах */
@media (max-width:767px) {
  html body #laso-category-carousel .laso-category-carousel__item {
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  html body #laso-category-carousel .laso-category-carousel__link {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    padding:12px 8px !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }

  html body #laso-category-carousel img.laso-category-carousel__image {
    position:static !important;
    display:block !important;
    width:100% !important;
    max-width:140px !important;
    height:130px !important;
    max-height:130px !important;
    margin:0 auto !important;
    object-fit:contain !important;
    transform:none !important;
  }

  html body #laso-category-carousel .laso-category-carousel__name {
    position:static !important;
    display:block !important;
    width:100% !important;
    margin:12px 0 0 !important;
    font-size:14px !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere !important;
    transform:none !important;
  }
}


/* LASO: убрать полосу под шапкой на всём сайте */
html body .main-menu.set-before::before {
    display: none !important;
}

/* LASO: оформление заказа — 20261001 */
html body #checkout-checkout {
    color: #3b2b27;
}

html body #checkout-checkout #content > h1 {
    margin-bottom: 26px;
    color: #3b2b27;
    font-weight: 700;
}

html body #checkout-checkout #accordion > .panel {
    margin-bottom: 14px;
    border: 1px solid #e8ded4;
    border-radius: 20px;
    background: #fff;
    box-shadow: none;
}

html body #checkout-checkout #accordion > .panel > .panel-heading {
    padding: 19px 22px;
    border: 0;
    border-radius: 20px 20px 0 0;
    background: #f3ede7;
    color: #3b2b27;
}

html body #checkout-checkout .panel-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}

html body #checkout-checkout .panel-title > a {
    display: block;
    color: #3b2b27 !important;
    text-decoration: none;
}

html body #checkout-checkout .panel-body {
    padding: 22px;
    border-top: 1px solid #eee7df;
}

html body #checkout-checkout .form-control {
    min-height: 46px;
    border: 1px solid #ded5cc;
    border-radius: 12px;
    background: #fff;
    color: #3b2b27;
    box-shadow: none;
}

html body #checkout-checkout .form-control:focus {
    border-color: #a88777;
    box-shadow: 0 0 0 3px rgba(168, 135, 119, 0.14);
}

html body #checkout-checkout .control-label {
    margin-bottom: 8px;
    color: #3b2b27;
}

html body #checkout-checkout input[type="radio"],
html body #checkout-checkout input[type="checkbox"] {
    accent-color: #3b2b27;
}

html body #checkout-checkout #collapse-shipping-method textarea,
html body #checkout-checkout #collapse-payment-method textarea {
    height: 90px !important;
    min-height: 90px;
    resize: vertical;
}

html body #checkout-checkout .buttons {
    margin-top: 20px;
}

html body #checkout-checkout .btn-primary {
    min-height: 44px;
    padding: 11px 22px;
    border: 1px solid #3b2b27 !important;
    border-radius: 24px;
    background: #3b2b27 !important;
    color: #fff !important;
    font-weight: 600;
    white-space: normal;
    box-shadow: none;
}

html body #checkout-checkout .btn-primary:hover,
html body #checkout-checkout .btn-primary:focus {
    border-color: #594138 !important;
    background: #594138 !important;
}

html body #checkout-checkout .btn-primary:disabled,
html body #checkout-checkout .btn-primary.disabled {
    opacity: 0.55;
}

html body #checkout-checkout #collapse-checkout-confirm .table {
    margin-bottom: 20px;
    border-color: #e8ded4;
    color: #3b2b27;
}

html body #checkout-checkout #collapse-checkout-confirm .table td {
    padding: 13px 12px;
    border-color: #e8ded4;
    vertical-align: middle;
}

html body #checkout-checkout #collapse-checkout-confirm thead {
    background: #f3ede7;
    font-weight: 600;
}

html body #checkout-checkout #collapse-checkout-confirm tbody a {
    color: #3b2b27;
}

html body #checkout-checkout #collapse-checkout-confirm tbody small {
    display: inline-block;
    margin-top: 5px;
    color: #76665c;
}

@media (max-width: 767px) {
    html body #checkout-checkout #content > h1 {
        font-size: 24px;
        line-height: 1.25;
    }

    html body #checkout-checkout #accordion > .panel > .panel-heading {
        padding: 16px;
    }

    html body #checkout-checkout .panel-body {
        padding: 16px;
    }

    html body #checkout-checkout .panel-title {
        font-size: 15px;
    }

    html body #checkout-checkout .buttons .pull-right,
    html body #checkout-checkout #collapse-checkout-confirm .buttons .pull-right {
        float: none !important;
        width: 100%;
        text-align: left;
    }

    html body #checkout-checkout .buttons .btn-primary {
        display: block;
        width: 100%;
        margin-top: 12px;
    }

    html body #checkout-checkout #collapse-checkout-confirm .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    html body #checkout-checkout #collapse-checkout-confirm .table {
        min-width: 480px;
    }
}

/* =========================================================
   LASO — PREORDER CONFLICT ONLY
   2026-10-06

   Рабочие карточки не меняются.

   Mobile:
   - только "Під замовлення": цена сверху, кнопка снизу.

   Desktop / tablet:
   - обычный "Під замовлення" остаётся рядом с ценой;
   - только "Під замовлення" + акционная цена:
     цены сверху, кнопка снизу.

   "В кошик" этим блоком не затрагивается.
   ========================================================= */

/* MOBILE: только preorder */
@media (max-width:575px) {
    html body .laso-product-card:has(.laso-product-cart.is-preorder) .laso-product-body {
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:auto auto 1fr auto auto !important;
        row-gap:8px !important;
        column-gap:0 !important;
    }

    html body .laso-product-card:has(.laso-product-cart.is-preorder) .laso-product-price {
        grid-column:1/-1 !important;
        grid-row:4 !important;
        width:100% !important;
        min-width:0 !important;
    }

    html body .laso-product-card:has(.laso-product-cart.is-preorder) .laso-product-cart.is-preorder {
        grid-column:1/-1 !important;
        grid-row:5 !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        justify-self:stretch !important;
        white-space:nowrap !important;
    }
}

/* DESKTOP / TABLET: только preorder + акционная цена */
@media (min-width:576px) {
    html body .laso-product-card:has(.laso-product-cart.is-preorder):has(.laso-product-price span) .laso-product-body {
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:auto auto 1fr auto auto !important;
        row-gap:8px !important;
        column-gap:0 !important;
    }

    html body .laso-product-card:has(.laso-product-cart.is-preorder):has(.laso-product-price span) .laso-product-price {
        grid-column:1/-1 !important;
        grid-row:4 !important;
        width:100% !important;
        min-width:0 !important;
        flex-wrap:wrap !important;
    }

    html body .laso-product-card:has(.laso-product-cart.is-preorder):has(.laso-product-price span) .laso-product-cart.is-preorder {
        grid-column:1/-1 !important;
        grid-row:5 !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        justify-self:stretch !important;
        white-space:nowrap !important;
    }
}


/* LASO — FINAL MOBILE PREORDER FIX */
@media (max-width:575px) {

    html body .laso-product-card:has(.laso-product-cart.is-preorder) .laso-product-body {
        grid-template-columns:1fr !important;
        grid-template-rows:auto auto 1fr auto auto !important;
        row-gap:8px !important;
        column-gap:0 !important;
    }

    html body .laso-product-card:has(.laso-product-cart.is-preorder) .laso-product-price {
        grid-column:1 !important;
        grid-row:4 !important;
        width:100% !important;
        min-width:0 !important;
    }

    html body .laso-product-card:has(.laso-product-cart.is-preorder) .laso-product-cart.is-preorder {
        grid-column:1 !important;
        grid-row:5 !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        margin:0 !important;
        justify-self:stretch !important;
        white-space:nowrap !important;
    }
}