/* ============================================================
   plomba (WP-тема) — redesign.css
   КОПІЯ design-reference/css/plomba-redesign.css (редизайн-2026).
   Правити синхронно з еталоном!

   ЗАМІНИ СЕЛЕКТОРІВ (JoomShopping -> наша тема), зведена таблиця:
   ┌──────────────────────────────┬──────────────────────────────┐
   │ Було (Joomla/JoomShopping)   │ Стало (тема plomba)          │
   ├──────────────────────────────┼──────────────────────────────┤
   │ #comjshop_list_product       │ .pl-catalog                  │
   └──────────────────────────────┴──────────────────────────────┘
   Все інше (.product, .image_block, .jshop_img, .mainblock,
   .name, .product_title, .custom_status*, .jshop_price,
   .base_price, .atcounter, .button_buy1, .button_detail,
   .buttons, .pl-actions, .productfull, .pl-features, .pl-tabs,
   .related_products) — БЕЗ ЗМІН: наші PHP-шаблони відтворюють
   ту саму розмітку (woocommerce/content-product.php,
   woocommerce/single-product.php), щоб цей файл лишався
   максимально ідентичним еталону.
   Секція 3 (чекаут OneStepCheckout) поки не задіяна у WP —
   лишена як довідка для майбутнього шаблона чекаута.
   ============================================================ */

/* ============================================================
   plomba.org.ua — редизайн 2026 (категорія / товар / чекаут)
   Підключається плагіном plugins/system/plombcss (addStyleSheet).
   Прототипи: /proto/index.html, /proto/product.html, /proto/checkout.html
   Правити ТУТ, не в темі asplomb (Pinegrow перезапише тему).
   ============================================================ */

:root{
    --pl-orange:#fa8b23;
    --pl-orange-d:#e8641b;
    --pl-green:#5cad1b;
    --pl-green-d:#4e9916;
    --pl-instock:#1e9e3e;
    --pl-preorder:#c50a0a;
    --pl-ready:#1f6fe0;
    --pl-text:#555;
    --pl-head:#2b2b2b;
    --pl-muted:#8a8a8a;
    --pl-border:#ececec;
    --pl-bg-card:#f6f6f6;
    --pl-shadow:0 4px 18px rgba(0,0,0,.07);
}

/* ============================================================
   1. КАТЕГОРІЯ — картки товарів (.jshop_list_product)
   PHP не змінювався: стилізуємо наявну розмітку cartajax.
   ============================================================ */

:is(.pl-catalog, .related_products) .row-flex{display:flex;flex-wrap:wrap;}
:is(.pl-catalog, .related_products) .row-flex > [class*="col-"]{display:flex;margin-bottom:14px;float:none;}

:is(.pl-catalog, .related_products) .product{
    position:relative;
    display:flex;flex-direction:column;
    width:100%;
    background:var(--pl-bg-card);
    border:1px solid #e6e6e6;
    padding:12px;
    transition:box-shadow .2s;
}
:is(.pl-catalog, .related_products) .product:hover{box-shadow:0 6px 18px rgba(0,0,0,.10);z-index:5;}

/* фото — квадрат на білому */
:is(.pl-catalog, .related_products) .product .image{margin-bottom:10px;}
:is(.pl-catalog, .related_products) .product .image_block{
    position:relative;background:#fff;border:1px solid rgba(0,0,0,.08);overflow:hidden;
}
:is(.pl-catalog, .related_products) .product .image_block a{display:block;}
:is(.pl-catalog, .related_products) .product .jshop_img{
    width:100%;aspect-ratio:1/1;object-fit:contain;padding:8px;display:block;height:auto;
}

/* назва: 3 рядки + плавний попап при hover */
:is(.pl-catalog, .related_products) .product .mainblock{display:flex;flex-direction:column;flex:1 1 auto;}
:is(.pl-catalog, .related_products) .product .mainblock .name{
    position:relative;min-height:59px!important;margin-bottom:8px;flex-grow:0!important;
}
:is(.pl-catalog, .related_products) .product .name .product_title{margin:0;}
:is(.pl-catalog, .related_products) .product .name .product_title a{
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
    font-size:14px;font-weight:600;color:#333;text-align:center;line-height:1.4;
    border-radius:4px;transition:color .2s ease;
}
:is(.pl-catalog, .related_products) .product .name:hover .product_title{
    position:absolute;top:-6px;left:-6px;right:-6px;z-index:6;
    background:var(--pl-bg-card);box-shadow:0 4px 10px rgba(0,0,0,.12);
    border-radius:4px;padding:6px 8px;
}
:is(.pl-catalog, .related_products) .product .name:hover .product_title a{
    -webkit-line-clamp:unset;overflow:visible;color:var(--pl-orange);
}

/* статуси — кольорові бейджі з рамкою (перекриває inline-CSS плагіна custom_statuses) */
/* зовнішню рамку малює плагін custom_statuses — гасимо, рамка лишається тільки на бейджі */
.custom_status_outer,.custom_status_outer1{margin:0 0 10px!important;border:0!important;padding:0!important;}
.custom_status{
    display:block;text-align:center;font-weight:600!important;font-size:13px!important;
    border:1px solid currentColor;border-radius:6px;padding:5px 6px!important;
    background:transparent!important;line-height:1.3;
}
.custom_status.custom_status_instock{color:var(--pl-instock)!important;}
.custom_status.custom_status_2{color:var(--pl-preorder)!important;}
.custom_status.custom_status_3{color:var(--pl-orange)!important;}
.custom_status.custom_status_4{color:var(--pl-ready)!important;}

/* ціни */
:is(.pl-catalog, .related_products) .old_price{
    color:#aaa;text-decoration:line-through;font-size:15px;font-weight:400;margin:0;
}
:is(.pl-catalog, .related_products) .jshop_price{
    display:flex;align-items:baseline;justify-content:center;gap:8px;
    color:var(--pl-orange);font-size:22px;font-weight:700;margin-bottom:2px;
}
/* ціна завжди оранжева, і при знижці теж (прибрано червоний варіант на прохання Андрія) */
:is(.pl-catalog, .related_products) .base_price{
    text-align:center;color:var(--pl-muted);font-size:12px;margin-bottom:12px;
}
:is(.pl-catalog, .related_products) .description{display:none;}
:is(.pl-catalog, .related_products) .userGroupsPrices{display:none;}

/* блок покупки cartajax — притиснути до низу картки */
:is(.pl-catalog, .related_products) form.cartajaxattributes{margin-top:auto;display:flex;flex-direction:column;}
:is(.pl-catalog, .related_products) form.cartajaxattributes > br{display:none;}

/* вибір кольору (нативний select + прев'ю-картинка кольору) */
:is(.pl-catalog, .related_products) .cartajax_attr_group_1,
:is(.pl-catalog, .related_products) [class*="cartajax_attr_group_"]{margin-bottom:8px;}
:is(.pl-catalog, .related_products) .cartajaxattributes-fieldset-wrapper{
    display:flex;align-items:center;gap:8px;
}
:is(.pl-catalog, .related_products) .cartajaxattributes select{
    flex:1 1 auto;height:40px;padding:0 10px;border:1px solid #d8d8d8;border-radius:6px;
    background:#fff;font-size:14px;color:#333;cursor:pointer;max-width:100%;
}
:is(.pl-catalog, .related_products) .cartajaxattributes select:hover{border-color:var(--pl-orange);}
:is(.pl-catalog, .related_products) .cartajaxattributes-fieldset-wrapper img{
    flex:0 0 auto;width:26px;height:26px;object-fit:cover;border-radius:4px;
    border:1px solid rgba(0,0,0,.2);
}

/* лічильник кількості */
:is(.pl-catalog, .related_products) .atcounter{
    display:flex;align-items:center;justify-content:center;
    border:1px solid #d8d8d8;border-radius:6px;background:#fff;overflow:hidden;
    margin:0 auto 8px;width:fit-content;
}
:is(.pl-catalog, .related_products) .atcounter button{
    flex:0 0 auto;width:34px;height:38px;border:0;background:#fff;color:#555;font-size:18px;cursor:pointer;
    line-height:1;transition:.12s;box-sizing:border-box;
}
:is(.pl-catalog, .related_products) .atcounter button:hover{background:#f0f0f0;color:var(--pl-orange);}
:is(.pl-catalog, .related_products) .atcounter input.product-qty-count{
    flex:0 0 auto;width:64px;height:38px;border:0;border-left:1px solid #eee;border-right:1px solid #eee;
    text-align:center;font-size:15px;color:#333;background:#fff;border-radius:0;margin:0;box-sizing:border-box;
    min-width:0;
}

/* кнопки: «У кошик» (зелена) + «Детальніше» (оранжева) */
:is(.pl-catalog, .related_products) :is(a,button).button_buy1{
    font-family:inherit;cursor:pointer;padding:0;
    display:flex;align-items:center;justify-content:center;gap:8px;
    height:42px;border-radius:4px;font-size:12px;font-weight:700;
    background:var(--pl-green)!important;border:0!important;color:#fff!important;
    text-transform:none;transition:background .15s;white-space:nowrap;
    box-shadow:none!important;text-shadow:none!important;
}
:is(.pl-catalog, .related_products) :is(a,button).button_buy1:hover{background:var(--pl-green-d)!important;}
:is(.pl-catalog, .related_products) .pl-actions{display:flex;gap:8px;}
:is(.pl-catalog, .related_products) .pl-actions > :is(a,button){flex:1 1 0;min-width:0;}
/* обидві кнопки однакової ширини 50/50 (перебиває flex-basis:auto у button_detail) */
.pl-catalog .pl-actions > :is(a,button).button_buy1,
.pl-catalog .pl-actions > a.button_detail{flex:1 1 0!important;width:auto!important;padding:0 4px;}
/* слайдер "З цим товаром купують": ті самі рівні кнопки 50/50, що і в каталозі */
.related_products .pl-actions{gap:6px;}
.related_products .pl-actions > :is(a,button).button_buy1,
.related_products .pl-actions > a.button_detail{
    flex:1 1 0!important;width:auto!important;min-width:0;padding:0 4px;
}
/* слайди однакової висоти, картка тягнеться на всю висоту слайда */
.related_products .slick-track{display:flex!important;}
.related_products .slick-slide{height:auto!important;display:flex!important;}
.related_products .slick-slide > div,
.related_products .jshop_related_inner{display:flex;width:100%;}
.related_products .jshop_related_inner .product{height:auto!important;margin-bottom:0!important;}
/* кнопки притиснуті до низу картки (і коли товар без кнопки "У кошик") */
:is(.pl-catalog, .related_products) .mainblock > .buttons{margin-top:auto;}
:is(.pl-catalog, .related_products) .buttons{margin-top:8px;display:flex;}
:is(.pl-catalog, .related_products) :is(.buttons, .pl-actions) a.button_detail{
    flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:8px;
    height:42px;border-radius:6px;font-size:12px;font-weight:700;
    background:var(--pl-orange)!important;border:0!important;color:#fff!important;
    transition:background .15s;box-shadow:none!important;text-shadow:none!important;
}
:is(.pl-catalog, .related_products) :is(.buttons, .pl-actions) a.button_detail:hover{background:var(--pl-orange-d)!important;}

/* мобільна версія карток: компактніше, кнопки-іконки */
@media(max-width:767px){
    :is(.pl-catalog, .related_products) .product{padding:9px;}
    :is(.pl-catalog, .related_products) .product .name .product_title a{font-size:13px;}
    :is(.pl-catalog, .related_products) .jshop_price{font-size:19px;}
    :is(.pl-catalog, .related_products) .base_price{font-size:11px;margin-bottom:8px;}
    :is(.pl-catalog, .related_products) .atcounter button{width:28px;}
    :is(.pl-catalog, .related_products) .atcounter input.product-qty-count{width:56px;font-size:14px;}
    :is(.pl-catalog, .related_products) :is(a,button).button_buy1,
    :is(.pl-catalog, .related_products) :is(.buttons, .pl-actions) a.button_detail{height:46px;font-size:0;gap:0;}
    :is(.pl-catalog, .related_products) :is(a,button).button_buy1:before{
        content:"";width:24px;height:24px;background:#fff;
        -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") no-repeat center/contain;
        mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") no-repeat center/contain;
    }
    :is(.pl-catalog, .related_products) :is(.buttons, .pl-actions) a.button_detail:before{
        content:"";width:24px;height:24px;background:#fff;
        -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center/contain;
        mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center/contain;
    }
}

/* ============================================================
   2. СТОРІНКА ТОВАРУ (.productfull)
   ============================================================ */

.productfull{color:var(--pl-text);}

/* заголовок

   ШРИФТ. На бойовому заголовок картки — це <p class="product_title_h1">, тож
   він успадковує Open Sans з body. У нас це <h1> (SEO), а h1 у original/
   template.css має font-family:Roboto — через це dev малював заголовок Roboto
   700, а бойовий Open Sans 700 (замір 03.09.2026, /plombirovochnye-naklejki/
   plomby-naklejki-garantijnye-tyvek-19kh30-mm-pechat-ofset). Повертаємо стек
   бойового body, розмір/накреслення/інтерліньяж уже збігались.

   ВІДСТУП ЗВЕРХУ. Бойовий перед заголовком друкує розпірку
   <div class="nvg_clear"></div> заввишки 5px (product_default.php). Шаблон
   товару правити не можна (працює інший агент), тому даємо той самий 5px
   через margin-top: .col-md-6 — grid-item (.pf-grid), він створює власний
   контекст форматування, тож margin не «схлопується» назовні й дає рівно ті
   самі +5px, що й розпірка бойового. */
.productfull .product_title_h1{
    font-family:"Open Sans",Arial,"Arial Unicode MS",Helvetica,sans-serif;
    font-size:24px;font-weight:700;color:var(--pl-head);line-height:1.28;
    margin-top:5px;margin-bottom:10px;
}
.productfull .col-md-6 > hr{display:none;}

/* ── галерея ── */
.productfull .image_middle{
    position:relative;border:1px solid var(--pl-border);border-radius:12px;overflow:hidden;
    background:#fff;
}
.productfull #list_product_image_middle{display:block;}
/* тільки головні фото (img id="main_image_..."), НЕ іконка лупи search.png у .text_zoom */
.productfull #list_product_image_middle a.lightbox img[id^="main_image"]{
    width:100%;aspect-ratio:1/1;object-fit:contain;padding:18px;cursor:zoom-in;
    transition:transform .35s ease;display:block;height:auto;
}
.productfull .image_middle:hover a.lightbox img[id^="main_image"]{transform:scale(1.06);}
/* іконка "Збільшити зображення" — маленька, в рядок з текстом */
.productfull .text_zoom{padding:0 0 8px;}
.productfull .text_zoom img{
    width:16px!important;height:16px!important;aspect-ratio:auto!important;
    padding:0!important;display:inline-block;vertical-align:middle;
}
/* стрілки галереї (додаються JS-ом) */
.productfull .pl-gnav{
    position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;
    background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.18);border:0;cursor:pointer;
    display:flex;align-items:center;justify-content:center;color:#555;font-size:20px;z-index:3;transition:.15s;
    padding:0;line-height:1;
}
.productfull .pl-gnav:hover{background:var(--pl-orange);color:#fff;}
.productfull .pl-gnav--prev{left:12px;}
.productfull .pl-gnav--next{right:12px;}

/* міні-фото: горизонтальний ряд під головним фото (перебиває вертикальну колонку
   з default_div.css, де ID-селектор #list_product_image_thumb + flex-direction:column) */
.productfull .jshop_img_description{
    display:block!important;margin-top:12px;text-align:left;
    max-height:none!important;overflow:visible!important;
}
.productfull #list_product_image_thumb{
    display:flex!important;flex-direction:row!important;gap:9px;flex-wrap:wrap;justify-content:flex-start;
}
.productfull .jshop_img_thumb{
    width:66px;height:66px;object-fit:cover;border:2px solid var(--pl-border);border-radius:8px;
    cursor:pointer;transition:.18s;opacity:.7;margin:0!important;
}
.productfull .jshop_img_thumb:hover{opacity:1;border-color:#f0c89a;}
.productfull .jshop_img_thumb.pl-active{border-color:var(--pl-orange);opacity:1;}

/* ── блок переваг (статичний HTML у лівій колонці) ── */
.pl-features{margin-top:18px;display:grid;gap:4px;text-align:left;}
.pl-feat{
    display:flex;align-items:center;gap:13px;padding:11px 13px;font-size:13.5px;color:#444;
    background:var(--pl-bg-card);border-radius:9px;transition:.15s;line-height:1.45;
}
.pl-feat:hover{background:#fff3e6;}
.pl-feat b{color:var(--pl-head);font-weight:600;}
.pl-feat__ic{
    flex:0 0 auto;width:42px;height:42px;border-radius:11px;
    display:flex;align-items:center;justify-content:center;
}
.pl-feat__ic svg{width:22px;height:22px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.pl-ic-orange{background:#fff1e0;}.pl-ic-orange svg{stroke:#f58220;}
.pl-ic-green{background:#e8f6df;}.pl-ic-green svg{stroke:#3aa31a;}
.pl-ic-purple{background:#f0eafe;}.pl-ic-purple svg{stroke:#7c4dff;}
.pl-ic-red{background:#fde7e7;}.pl-ic-red svg{stroke:#e23030;}
.pl-ic-navy{background:#e6edf7;}.pl-ic-navy svg{stroke:#13507f;}
.pl-feat--rich{align-items:flex-start;}
.pl-feat__body{display:flex;flex-direction:column;gap:7px;}
.pl-feat__logos{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.pl-pl{
    height:26px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;
    border:1px solid #e8e8e8;border-radius:6px;background:#fff;font-size:11px;font-weight:700;
    line-height:1;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#444;
}
.pl-pl-visa{color:#1a1f71;font-style:italic;font-size:13px;letter-spacing:.5px;}
.pl-pl-mc{color:#222;}
.pl-pl-mc .mc{position:relative;width:26px;height:16px;flex:0 0 auto;}
.pl-pl-mc .mc:before,.pl-pl-mc .mc:after{content:"";position:absolute;top:0;width:16px;height:16px;border-radius:50%;}
.pl-pl-mc .mc:before{left:0;background:#eb001b;}
.pl-pl-mc .mc:after{right:0;background:#f79e1b;mix-blend-mode:multiply;}
.pl-pl-cash{color:#3aa31a;background:#f1faea;border-color:#d6efc2;height:auto;min-height:26px;padding:4px 9px;white-space:normal;line-height:1.3;}
.pl-payimg{height:26px;width:auto;display:inline-block;}
.pl-pl-np{background:#da291c;color:#fff;border-color:#da291c;}
.pl-pl svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.pl-feat--guarantee{background:linear-gradient(135deg,#fff6f6,#fdeaea);border:1px solid #f8d6d6;}
.pl-feat--guarantee .pl-feat__sub{font-size:12.5px;color:#a23b3b;margin-top:2px;}
.pl-feat--guarantee .pl-feat__sub b{color:#c52020;}

/* ── прайс за кількістю (тіри) ── */
.productfull .price_prod_qty_list_head{
    font-weight:600;color:var(--pl-head);font-size:13px;margin-bottom:8px;letter-spacing:.2px;
}
.productfull .price_prod_qty_list{
    border:1px solid var(--pl-border);border-radius:11px;overflow:hidden;margin-bottom:18px;
}
.productfull .price_prod_qty_list > div{
    display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid #f1f1f1;
    cursor:pointer;font-size:14px;transition:.15s;
}
.productfull .price_prod_qty_list > div:first-child{border-top:0;}
.productfull .price_prod_qty_list > div:hover{background:#fffaf3;}
.productfull .price_prod_qty_list > div.pl-tier-active{background:#fff3e6;}
.productfull .price_prod_qty_list .qty_from{color:#444;flex:0 0 auto;min-width:110px;}
.productfull .price_prod_qty_list > div.pl-tier-active .qty_from{color:var(--pl-orange-d);font-weight:700;}
.productfull .price_prod_qty_list .qty_price{margin-left:auto;font-weight:700;color:var(--pl-head);font-size:15px;}
.productfull .price_prod_qty_list > div.pl-tier-active .qty_price{color:var(--pl-orange-d);}
.productfull .price_prod_qty_list .per_piece{font-weight:400;color:var(--pl-muted);font-size:12px;}

/* ── ціна ── */
.productfull .prod_price{
    font-size:13px;color:var(--pl-muted);margin-bottom:8px;
}
.productfull .prod_price .price-wrapper{display:block;color:var(--pl-muted);font-size:13px;margin-top:2px;}
.productfull .prod_price #block_price{
    display:inline-block;font-size:36px;font-weight:800;color:var(--pl-orange);line-height:1.1;
}
.productfull .prod_base_price{color:var(--pl-muted);font-size:13px;margin-top:4px;}
.productfull .prod_base_price #block_basic_price{color:#555;font-weight:700;}
.productfull .old_price{color:#aaa;font-size:14px;}
.productfull .old_price #old_price{text-decoration:line-through;}
.productfull .prod_price_incorrect_qty{color:var(--pl-preorder);font-size:13px;}

/* мін. замовлення (siteInfo prod-info) */
.productfull .prod-info{
    display:block;background:#fff8ee;border:1px solid #f6e2c5;color:#9a6a1e;
    font-size:12.5px;padding:9px 13px;border-radius:9px;margin-bottom:14px;
}

/* ── кількість ── */
.productfull .prod_qty_all{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
.productfull .prod_qty{font-weight:600;color:var(--pl-head);font-size:13px;}
.productfull .prod_qty_input{width:180px!important;height:52px!important;}
.productfull .prod_qty_input #quantity{
    border:1px solid #dcdcdc!important;border-radius:10px!important;font-size:18px;font-weight:700;
    color:var(--pl-head);
}
.productfull #quantityControls .quantity-plus,
.productfull #quantityControls .quantity-minus{
    height:52px!important;min-width:46px!important;max-width:46px!important;
    font-size:20px;color:#666;background:transparent!important;border:0!important;z-index:2;
    cursor:pointer;transition:.12s;
}
.productfull #quantityControls .quantity-plus:hover,
.productfull #quantityControls .quantity-minus:hover{color:var(--pl-orange);}

/* ── матриця кольорів (addon deployed_list_attribut) ── */
.productfull #newAttr{margin:6px 0 16px;}
.productfull #newAttr .header{margin-bottom:8px;}
.productfull #newAttr .newAttrTitle1{font-weight:600;color:var(--pl-head);font-size:13px;}
.productfull #newAttr .newAttrTitle2{font-size:12px;color:var(--pl-muted);}
/* УВАГА: у аддона .scroll-box має max-height:205px + overflow-y:auto (видно ~3 кольори).
   overflow:hidden тут ЗАБОРОНЕНО — ховає кольори без смуги прокрутки (інцидент 16.07).
   Піднімаємо висоту, щоб 5-7 кольорів було видно одразу, далі — видимий скрол. */
.productfull #newAttr .scroll-box{
    border:1px solid var(--pl-border);border-radius:11px;
    max-height:430px!important;overflow-y:auto!important;
    scrollbar-width:thin;
}
.productfull #newAttr .scroll-box::-webkit-scrollbar{width:8px;}
.productfull #newAttr .scroll-box::-webkit-scrollbar-thumb{background:#dcdcdc;border-radius:8px;}
.productfull #newAttr .scroll-box::-webkit-scrollbar-thumb:hover{background:#c4c4c4;}
.productfull #newAttr .item{
    display:flex;align-items:center;gap:12px;padding:9px 12px;border-top:1px solid #f1f1f1;
    transition:.15s;
}
.productfull #newAttr .item:first-of-type{border-top:0;}
.productfull #newAttr .item:hover{background:#fffaf3;}
.productfull #newAttr .counter{
    display:flex;align-items:center;border:1px solid #dcdcdc;border-radius:8px;background:#fff;overflow:hidden;
}
.productfull #newAttr .counter button{
    width:34px;height:38px;border:0;background:#fff;color:#666;font-size:17px;cursor:pointer;transition:.12s;
}
.productfull #newAttr .counter button:hover{background:#f4f4f4;color:var(--pl-orange);}
.productfull #newAttr .counter input{
    width:64px;height:38px;border:0;border-left:1px solid #eee;border-right:1px solid #eee;
    text-align:center;font-size:15px;color:var(--pl-head);font-weight:600;background:#fff;margin:0;
}
.productfull #newAttr .color-box img{
    width:34px;height:34px;object-fit:cover;border-radius:8px;border:1px solid rgba(0,0,0,.2);display:block;
}
.productfull #newAttr .label{font-size:14px;color:#333;}

/* ── доп. послуги (аккордеон друку) ── */
.productfull .free_attr_prices{
    border:1px solid var(--pl-border);border-radius:11px;margin:0 0 16px;overflow:hidden;
}
.productfull .freeattr-accordion-head{
    display:flex;align-items:center;gap:11px;padding:14px 15px;cursor:pointer;background:#fafafa;
    font-weight:600;color:var(--pl-head);transition:.15s;
}
.productfull .freeattr-accordion-head:hover{background:#f3f3f3;}
.productfull .freeattr-accordion-head:before{
    content:"";flex:0 0 auto;width:34px;height:34px;border-radius:8px;background:#e7f0fd;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f6fe0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 14h12v8H6z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:center;background-size:19px;
}
.productfull .freeattr-accordion-arrow{margin-left:auto;color:#bbb;transition:transform .2s;}
.productfull .freeattr-accordion-arrow:before{content:"▼";font-size:12px;}
.productfull .freeattr-accordion-head.active .freeattr-accordion-arrow{transform:rotate(180deg);}
.productfull .print-options{border-top:1px solid var(--pl-border);}
.productfull .print-options-inner{padding:16px;}
.productfull .checkbox-grid-title{
    font-size:13px;color:#777;margin-bottom:14px;background:#fff8ee;padding:8px 12px;border-radius:8px;
}
.productfull .checkbox-grid-title b{color:#333;}
.productfull .freeattr-checkbox{
    display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #eee;border-radius:9px;
    margin-bottom:8px;font-size:13.5px;cursor:pointer;transition:.15s;font-weight:400;line-height:1.4;
}
.productfull .freeattr-checkbox:hover{border-color:#f0c89a;background:#fffaf3;}
.productfull .free_attr_prices_info{
    padding:10px 16px 14px;font-size:12.5px;color:#777;
}
.productfull .file-upload-area{
    border:2px dashed #cfcfcf;border-radius:10px;max-width:none;justify-content:center;
    padding:12px;color:#999;transition:.15s;
}
.productfull .file-upload-area:hover{border-color:var(--pl-orange);color:var(--pl-orange);background:#fffaf3;}

/* ── коментар до товару ── */
.productfull .product-comment textarea{
    border:1.5px dashed #555;border-radius:14px;padding:11px 15px;min-height:70px;
    font-family:inherit;font-size:14px;transition:.15s;
}
.productfull .product-comment textarea:focus{outline:none;border-color:var(--pl-orange);}
.productfull .product-comment-label{font-weight:600;font-size:13px;color:var(--pl-head);}

/* ── примітка менеджера ── */
.pl-mgr-note{
    display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:14px;background:#f0f7ff;
    border:1px solid #d3e6fb;border-radius:11px;font-size:13.5px;color:#2c5a8c;line-height:1.45;
}
.pl-mgr-note svg{width:26px;height:26px;flex:0 0 auto;stroke:#1f6fe0;fill:none;stroke-width:2;}
.pl-mgr-note b{color:#1f6fe0;}
.pl-mgr-note a{color:#1f6fe0;font-weight:700;text-decoration:none;}

/* ── кнопки купівлі ── */
.productfull .prod_buttons .buttons{display:flex;gap:13px;margin:4px 0 14px;flex-wrap:wrap;}
.productfull .prod_buttons .buttons .button_buy{
    flex:1 1 0;height:52px;border-radius:6px;font-size:15px;font-weight:700;
    display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;
    padding:0 20px;border:0!important;transition:.15s;white-space:nowrap;
    box-shadow:none!important;text-shadow:none!important;background-image:none!important;
}
.productfull .prod_buttons .buttons .button_buy.button_buy_go_to_cart{
    background:var(--pl-orange)!important;color:#fff!important;
}
.productfull .prod_buttons .buttons .button_buy.button_buy_go_to_cart:hover{background:var(--pl-orange-d)!important;}
.productfull .prod_buttons .buttons .button_buy:not(.button_buy_go_to_cart){
    background:var(--pl-green)!important;color:#fff!important;
}
.productfull .prod_buttons .buttons .button_buy:not(.button_buy_go_to_cart):hover{background:var(--pl-green-d)!important;}
@media(max-width:480px){
    .productfull .prod_buttons .buttons{flex-direction:column;}
    .productfull .prod_buttons .buttons .button_buy{flex:1 1 auto;width:100%;}
}
.productfull .visa-mc{margin-bottom:10px;}

/* ── вкладки Опис / Відгуки ── */
.pl-tabs{margin-top:36px;clear:both;}
.pl-tabs__nav{display:flex;gap:6px;border-bottom:2px solid var(--pl-border);flex-wrap:wrap;}
.pl-tabs__nav button{
    border:0;background:none;padding:13px 22px;font-size:15px;font-weight:600;color:#999;
    cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:.15s;
}
.pl-tabs__nav button:hover{color:var(--pl-orange);}
.pl-tabs__nav button.active{color:var(--pl-orange);border-bottom-color:var(--pl-orange);}
.pl-tabs__pane{display:none;padding:20px 4px;font-size:14.5px;color:#555;}
.pl-tabs__pane.active{display:block;animation:plfade .25s;}
@keyframes plfade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.pl-tabs__pane .jshop_prod_description{padding:0;}

/* Вкладені вкладки Опис/Характеристики/Інформація для замовлення (.rl_tabs
   всередині опису товару). На бойовому обгортка має класи
   `rl_tabs align_justify outline_content`, тому спрацьовує правило
   tabs_style.min.css `.rl_tabs.align_justify > ul.nav-tabs{margin-bottom:-1px}`
   (мінус 1px «підсовує» панель під лінію вкладок). У нашій розмітці цих
   класів немає, тож вигравало загальне `.rl_tabs > .nav{margin-bottom:18px}` —
   панель відʼїжджала на 19px нижче за бойову (замір 03.09.2026: прод -1px,
   dev 18px). Дотягуємо селектором тієї ж таблиці, шаблон не чіпаємо. */
.jshop_prod_description .rl_tabs > ul.nav-tabs{margin-bottom:-1px;}
/* Той самий блок вкладок дає ще дві розбіжності через відсутні класи
   (заміри 03.09.2026 на /plombirovochnye-naklejki/plomby-naklejki-
   garantijnye-tyvek-19kh30-mm-pechat-ofset):
   1) `outline_content` малює навколо панелі рамку 1px #ddd без верхньої
      сторони (tabs_style.min.css) — у нас панель була без рамки (−1px висоти);
   2) на бойовому після .rl_tabs усередині опису є ще один вузол, тому
      `.rl_tabs:last-child{margin-bottom:0}` там НЕ спрацьовує і лишається
      базовий `margin-bottom:1em` = 14.5px; у нас .rl_tabs — останній
      нащадок, тож відступ обнулявся.
   Разом це 15.5px, на які все нижче вкладок (блок «З цим товаром купують»,
   футер) стояло вище за бойове. */
.jshop_prod_description .rl_tabs > .tab-content{
    border:1px solid #ddd;border-top:0;border-radius:0 0 4px 4px;
}
.jshop_prod_description .rl_tabs:last-child{margin-bottom:1em;}

/* ── кількість: базова розкладка (на бойовому — inline <style> шаблону,
      у WP-темі переносимо сюди; overrides вище лишаються без змін) ── */
.productfull .prod_qty_input{position:relative;width:120px;height:35px;}
.productfull .prod_qty_input #quantity{
    width:100%;height:100%;border:1px solid #ccc;text-align:center;background:#fff;
}
.productfull #quantityControls .quantity-plus{
    position:absolute;right:0;top:0;height:35px;min-width:35px;max-width:35px;
    font-weight:900;background:#fff;border:1px solid #ccc;cursor:pointer;
}
.productfull #quantityControls .quantity-minus{
    position:absolute;left:0;top:0;height:35px;min-width:35px;max-width:35px;
    font-weight:900;background:none;border:none;border-right:1px solid #ccc;cursor:pointer;
}

/* ── вибір кольору (Woo variations_form, нативний select) ── */
.productfull .pl-variations{margin:0 0 14px;}
.productfull .pl-variation-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
.productfull .pl-variation-row__label{font-weight:600;color:var(--pl-head);font-size:13px;flex:0 0 auto;margin:0;}
.productfull .pl-variation-row select{
    flex:1 1 auto;max-width:280px;height:44px;padding:0 12px;border:1px solid #d8d8d8;border-radius:10px;
    background:#fff;font-size:14px;color:#333;cursor:pointer;
}
.productfull .pl-variation-row select:hover,
.productfull .pl-variation-row select:focus{border-color:var(--pl-orange);outline:none;}
/* кнопку «У кошик» глушить штатний JS Woo, поки вариація не обрана */
.productfull .single_variation_wrap{flex:1 1 0;display:flex;}
.productfull .woocommerce-variation-add-to-cart{display:flex;flex:1 1 0;}
.productfull .woocommerce-variation-add-to-cart .single_add_to_cart_button{flex:1 1 0;}
.productfull .single_add_to_cart_button.disabled,
.productfull .single_add_to_cart_button.wc-variation-selection-needed{opacity:.55;cursor:not-allowed;}

/* схожі товари: успадковують стиль карток каталогу */
.productfull .related{margin-top:30px;}

/* ── «З цим товаром покупають»: власна карусель (без slick) ── */
.related_header1{
    font-size:14px;font-weight:700;color:var(--pl-orange);text-transform:uppercase;
    line-height:20px;margin:5px 0 16px;text-align:left;
}
@media(max-width:767px){
    .related_header1{font-size:28px;line-height:40px;}
}
.pl-rel-viewport{overflow:hidden;}
.pl-rel-viewport .related_products{
    display:flex;flex-wrap:nowrap;transition:transform .35s ease;will-change:transform;
}
.pl-rel-viewport .jshop_related_inner{
    flex:0 0 25%;max-width:25%;width:auto;box-sizing:border-box;padding:0 7px;display:flex;
}
.pl-rel-viewport .jshop_related_inner .product{width:100%;height:auto;margin-bottom:0;}
@media(max-width:991px){
    .pl-rel-viewport .jshop_related_inner{flex:0 0 33.3333%;max-width:33.3333%;}
}
@media(max-width:599px){
    .pl-rel-viewport .jshop_related_inner{flex:0 0 50%;max-width:50%;}
}
.custom-slider-controls{
    display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;
}
.custom-slider-controls .slick-js-arrow{
    width:38px;height:38px;border:1px solid #ddd;border-radius:50%;background:#fff;cursor:pointer;
    position:relative;transition:.15s;flex:0 0 auto;
}
.custom-slider-controls .slick-js-arrow:hover:not(:disabled){border-color:var(--pl-orange);}
.custom-slider-controls .slick-js-arrow:disabled{opacity:.35;cursor:default;}
.custom-slider-controls .slick-js-arrow:before{
    content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;
    border-top:2px solid #666;border-right:2px solid #666;
}
.custom-slider-controls .custom-prev:before{transform:translate(-30%,-50%) rotate(-135deg);}
.custom-slider-controls .custom-next:before{transform:translate(-70%,-50%) rotate(45deg);}
.custom-slider-controls .slick-js-arrow:hover:not(:disabled):before{border-color:var(--pl-orange);}
.custom-slider-controls .custom-js-dots{display:flex;gap:8px;}
.custom-slider-controls .pl-rel-dot{
    width:10px;height:10px;border-radius:50%;border:0;background:#ddd;cursor:pointer;padding:0;transition:.15s;
}
.custom-slider-controls .pl-rel-dot.is-active{background:var(--pl-orange);}

/* ============================================================
   3. ЧЕКАУТ (OneStepCheckout)
   Тема asplomb ВЖЕ дає: grid-розкладку кроків (step2..step5),
   кастомні радіо-кружки .bd-radio (input прихований, кружок =
   label::before/::after), підсвітку .cf-shipping-active-wrapper.
   Тут — лише навершя у стилі прототипу, механіку не чіпаємо.
   ============================================================ */

.checkout-form .cf-title{font-size:28px;font-weight:700;color:var(--pl-head);}

/* картки кроків (замість нижніх ліній теми) */
.checkout-form .cf-step-2,
.checkout-form .cf-step-3,
.checkout-form .cf-step-4{
    border:1px solid var(--pl-border);border-radius:14px;padding:22px;background:#fff;
}
.checkout-form .cf-step-title,
.checkout-form h6.cf-step-title{
    display:flex;align-items:center;gap:12px;margin:0 0 18px;
    font-size:18px;font-weight:700;color:var(--pl-head);
}
.checkout-form .cf-step-title-num{
    flex:0 0 auto;background:var(--pl-orange);color:#fff;font-weight:700;font-size:15px;
    margin-right:0;
}
@media (min-width:992px){
    .checkout-form .cf-step-inner{margin-left:0;} /* тема відступала 42px — у картці зайве */
}

/* помилки кроків */
#step2errors:not(:empty),#step3errors:not(:empty),#step4errors:not(:empty){
    margin:0 0 14px;padding:12px 16px;border:1px solid #f5c6cb;background:#fdeaea;color:#b02a37;
    border-radius:10px;font-size:14px;
}

/* ── оплата: радіо-картки (радіо-механіку теми не чіпаємо) ── */
.checkout-form #table_payments .bd-radio{
    padding:15px 15px 15px 20px;border:1.5px solid var(--pl-border);border-radius:11px;
    margin-bottom:11px;transition:border-color .15s,background .15s;background:#fff;cursor:pointer;
}
.checkout-form #table_payments .bd-radio:hover{border-color:#f0c89a;}
.checkout-form #table_payments .bd-radio:has(input:checked){
    border-color:var(--pl-orange);background:#fffaf3;
}
.checkout-form #table_payments .radio-label{
    font-size:15px;font-weight:700;color:var(--pl-head);margin:0 0 3px;line-height:1.35;
}
.checkout-form #table_payments .payment_image{display:block;margin:0 0 8px;}
.checkout-form #table_payments .payment_image img{max-height:26px;width:auto;display:block;}
/* лого ПриватБанку — картинку обрізано від прозорих полів (157x27),
   висота як у бейджів карт, вирівняно по лівому краю тексту */
.checkout-form #table_payments .payment_image img[src*="PrivatBank"]{max-height:30px;margin:0 0 2px;}
.checkout-form #table_payments .payment-description{
    display:block;color:var(--pl-muted);font-size:12.5px;line-height:1.45;font-weight:400;
}
.checkout-form #table_payments .payment-description p{margin:0 0 3px;}
.checkout-form .table > tbody > tr > td{padding:0;}

/* ── доставка: радіо-картки ── */
.checkout-form [data-shipping=wrapper]{
    padding:15px 15px 15px 20px;border:1.5px solid var(--pl-border);border-radius:11px;
    margin:0 0 11px;transition:border-color .15s,background .15s;background:#fff;
}
.checkout-form [data-shipping=wrapper]:hover{border-color:#f0c89a;}
.checkout-form [data-shipping=wrapper].cf-shipping-active-wrapper{
    border:1.5px solid var(--pl-orange);background:#fffaf3;padding:15px 15px 15px 20px;
}
@media (min-width:992px){
    .checkout-form .cf-shipping-active-wrapper{margin:0 0 11px;} /* тема зсувала -15px */
}
.checkout-form [data-shipping=wrapper] .radio-label{
    font-size:15px;font-weight:700;color:var(--pl-head);margin:0;
}
.checkout-form .shipping_descr{font-size:12.5px;color:var(--pl-muted);margin:4px 0 0;}
.checkout-form .jshop_shipping_method{margin-left:26px;}
.checkout-form .shipping_form input[type=text],
.checkout-form .shipping_form select,
.checkout-form .shipping_form textarea{
    width:100%;border:1px solid #e4e4e4;background:#f6f6f6;border-radius:9px;
    padding:14px 16px;font-size:14px;color:#444;transition:.15s;margin:0;box-sizing:border-box;
    height:auto;line-height:1.2;
}
.checkout-form .shipping_form input:focus,
.checkout-form .shipping_form select:focus{outline:none;border-color:var(--pl-orange);background:#fff;}

/* ── замовник: поля ── */
#oneStepCheckoutForm .form-control{
    border:1px solid #e4e4e4;background:#f6f6f6;border-radius:9px;
    padding:14px 16px;font-size:14px;color:#444;transition:.15s;box-shadow:none;height:auto;line-height:1.2;
}
#oneStepCheckoutForm .form-control:focus{outline:none;border-color:var(--pl-orange);background:#fff;box-shadow:none;}
#oneStepCheckoutForm .os-value .requiredtext{color:var(--pl-orange);}

/* зручний спосіб зв'язку — чіпси */
#oneStepCheckoutForm .contact-method{border:0;padding:0;margin-bottom:10px;}
#oneStepCheckoutForm .contact-method legend{
    font-size:13px;color:#777;margin-bottom:7px;border:0;font-weight:400;
}
#oneStepCheckoutForm .contact-method > div{display:inline-block;margin:0 8px 8px 0;}
#oneStepCheckoutForm .contact-method label{
    display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1.5px solid var(--pl-border);
    border-radius:30px;font-size:13px;cursor:pointer;transition:.15s;margin:0;font-weight:400;color:#555;
    background:#fff;position:relative;
}
#oneStepCheckoutForm .contact-method label:hover{border-color:#f0c89a;}
#oneStepCheckoutForm .contact-method label:has(input:checked){
    border-color:var(--pl-orange);background:#fffaf3;color:var(--pl-orange-d);font-weight:600;
}
#oneStepCheckoutForm .contact-method input[type=radio]{
    position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none;left:10px;top:10px;
}

/* ── підсумок замовлення (сайдбар) ── */
.checkout-form .cf-sidebar{
    background:#fff;border:1px solid var(--pl-border);border-radius:14px;overflow:hidden;
    box-shadow:var(--pl-shadow);padding:0;margin:0;
}
.checkout-form .cf-sidebar .cf-step-title,
.checkout-form .cf-sidebar h3.cf-step-title{
    padding:17px 18px;background:#f7f7f7;border-bottom:1px solid var(--pl-border);margin:0;
    font-size:17px;
}
.checkout-form .cf-sidebar .cf-step-inner{padding:0 18px;}
.cf-step-5 .free-shipping-info{margin:14px 0;}
.cf-step-5 #error_min_max_price_order.uk-alert-danger{
    margin:14px 0;padding:12px 14px;border-radius:9px;background:#fdeaea;border:1px solid #f5c6cb;color:#b02a37;
    font-size:13px;
}

/* товари у підсумку */
.cf-step-5 table.minicart{width:100%;margin:0;border:0;}
.cf-step-5 table.minicart td,.cf-step-5 table.minicart th{
    border:0;padding:5px 0;font-size:13px;vertical-align:middle;
}
.cf-step-5 table.minicart th{
    color:#999;font-size:11px;text-transform:uppercase;letter-spacing:.3px;font-weight:600;
}
.checkout-form .cf-product-info-wrapper{
    display:block;position:relative;padding:6px 26px 0 0;
}
.checkout-form .cf-product-img-link{
    display:flex;align-items:center;gap:11px;font-size:13px;color:var(--pl-head);font-weight:600;
    line-height:1.35;text-decoration:none;
}
.checkout-form .cf-product-img-link img{
    flex:0 0 auto;width:54px;height:54px;max-width:54px;object-fit:cover;
    border:1px solid #eee;border-radius:8px;padding:0;background:#fff;
}
.cf-step-5 .cf-product-info-wrapper > a[title]{
    position:absolute;top:8px;right:2px;color:#ccc;font-size:15px;transition:.12s;
}
.cf-step-5 .cf-product-info-wrapper > a[title]:hover{color:#e23030;}
.cf-step-5 .jshop_cart_attribute{margin:2px 0;font-size:12px;color:#777;}
.cf-step-5 .jshop_cart_attribute .name{color:#999;}
.cf-step-5 table.minicart hr{margin:6px 0;border-color:#f3f3f3;}
.cf-step-5 .basic_price{font-size:11px;color:#aaa;}

/* підсумкові суми */
.cf-step-5 .jshop_subtotal{width:100%;margin:0;border:0;}
.cf-step-5 .jshop_subtotal td{border:0;padding:5px 0;font-size:14px;}
.cf-step-5 .jshop_subtotal td.name{color:#555;text-align:left;}
.cf-step-5 .jshop_subtotal td.value{text-align:right;color:var(--pl-head);font-weight:600;}
.checkout-form .jshop_subtotal tr.total td{padding-top:10px;border-top:1.5px dashed #ddd;}
.checkout-form .jshop_subtotal tr.total td.name{font-size:15px;font-weight:600;color:var(--pl-head);}
.checkout-form .jshop_subtotal tr.total td.value{font-size:24px;font-weight:800;color:var(--pl-orange);}

/* контакт-преференс + кнопки (лежать поза .cf-step-inner — дати бокові відступи) */
.checkout-form .cf-sidebar .contact_preference{padding:0 18px;}
.checkout-form .cf-sidebar .checkout-butons{padding:8px 18px 16px;}
.checkout-form .cf-sidebar .row_no_return,
.checkout-form .cf-sidebar .row_agb{padding:0 18px;}
.checkout-form .cf-sidebar > hr,
.checkout-form .cf-sidebar .contact_preference hr{margin-left:18px;margin-right:18px;}
.cf-step-5 .contact_preference{font-size:13px;}
.cf-step-5 .contact_preference .radio-option{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.cf-step-5 .contact_preference input[type=radio]{accent-color:var(--pl-orange);margin:0;}
.cf-step-5 .contact_preference label{margin:0;font-weight:400;color:#555;cursor:pointer;}
.cf-step-5 .cf-sidebar hr{border-color:#eee;}
.cf-step-5 .checkout-butons{display:flex;gap:10px;padding:8px 0 14px;}
.cf-step-5 .checkout-butons > *{flex:1 1 0;height:50px;border-radius:9px;font-weight:700;font-size:12px;
    display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.2px;
    padding:0 10px;white-space:nowrap;transition:.15s;cursor:pointer;text-decoration:none;
    box-shadow:none!important;text-shadow:none!important;background-image:none!important;width:auto;
}
.cf-step-5 .checkout-butons a.btn{
    background:#fff!important;border:1.5px solid var(--pl-orange)!important;color:var(--pl-orange)!important;
}
.cf-step-5 .checkout-butons a.btn:hover{background:#fff3e6!important;}
.cf-step-5 .checkout-butons button.button_order_finish{
    background:var(--pl-green)!important;border:0!important;color:#fff!important;
}
.cf-step-5 .checkout-butons button.button_order_finish:hover{background:var(--pl-green-d)!important;}

/* коментар до замовлення (сайдбар) */
.cf-step-5 .order-comment-block{padding:0 0 16px;margin-top:0!important;}
.cf-step-5 .order-comment-block .os-name{font-size:13px!important;font-weight:600!important;color:var(--pl-head);}
.cf-step-5 .order-comment-block textarea{
    border:1px solid #e0e0e0!important;border-radius:9px!important;min-height:64px!important;
    padding:10px 13px!important;font-size:13px;background:#fff;
}
.cf-step-5 .order-comment-block textarea:focus{outline:none;border-color:var(--pl-orange)!important;}

/* купон */
.cf-step-5 .rabatt_input{display:flex;gap:8px;padding:0 0 14px;}
.cf-step-5 .rabatt_input input[type=text]{
    flex:1 1 auto;height:42px;border:1px solid #e4e4e4;background:#f6f6f6;border-radius:9px;padding:0 13px;
}
.cf-step-5 .rabatt_input input[type=button]{
    height:42px;border-radius:9px;border:1.5px solid var(--pl-orange);background:#fff;color:var(--pl-orange);
    font-weight:700;padding:0 14px;cursor:pointer;
}

/* сторінка товару: біле тло замість сірого (тема робила #f6f6f6) */
.jshop.productfull{background:#fff;}
.productfull .prod_buttons .buttons > *{margin:0!important;}