/* card-v2 (09.10.2026, NZM-1236; правка 2 — одне підкреслення відгуків, «Купити» по центру): нова картка товару Flakes у стилі сайту. Підключається лише в product.twig. */
body.body-product-product{--v2-orange:#F75E02;--v2-yellow:#FCD672;--v2-muted:#5E5A52;--v2-line:#E6E2D8}

/* ---------- Порядок секцій сторінки: перший екран → стрічка → «Як їсти» → відгуки → про продукт → питання → разом купують → рецепти ---------- */
body.body-product-product #main-content{display:flex;flex-direction:column}
body.body-product-product #main-content > *{order:20}
body.body-product-product #main-content > .section-product-page-block{order:1}
body.body-product-product #main-content > div:not([class]){order:2}
body.body-product-product #main-content > .v2-howto{order:3}
body.body-product-product #main-content > #testimonials{order:4}
body.body-product-product #main-content > #product-description-block{order:5}
body.body-product-product #main-content > .section-faq-block{order:6}
body.body-product-product #main-content > .section-related-product-block{order:7}
body.body-product-product #main-content > .t2-flavor-recipes{order:8}
/* Прибрані з картки: рецепти-дубль, банер Instagram, форма «Залишились питання?» */
body.body-product-product #main-content > .section-blog-items-recipes,
body.body-product-product #main-content > .section-banner-plates,
body.body-product-product #main-content > .section-form-subscribe{display:none}

/* ---------- Перший екран: порядок блоків у правій колонці ---------- */
body.body-product-product .product-page-content-wrapper{display:flex;flex-direction:column}
body.body-product-product .product-page-header-wrapper{order:1}
body.body-product-product .product-page-meta{order:2}
body.body-product-product .product-page-short-description{order:3}
body.body-product-product .product-page-variations{order:5}
body.body-product-product .product-data{order:7}
body.body-product-product .v2-ship{order:8}
body.body-product-product .v2-adv{order:9}
body.body-product-product .v2-delivery{order:10}
body.body-product-product .product-page-content-wrapper > .alert{order:11}
body.body-product-product .card-delivery,
body.body-product-product .product-page-info-blocks,
body.body-product-product .product-page-content-wrapper .share-social-buttons,
body.body-product-product .product-page-meta-sku,
body.body-product-product .product-data .product-wishlist-button{display:none}

/* Назва */
body.body-product-product .product-page-header-wrapper h1{margin:0;font-size:19px;line-height:25px;font-weight:800;text-transform:uppercase}

/* Рейтинг одним рядком */
body.body-product-product .product-page-meta{display:flex;justify-content:flex-start;align-items:center;margin:8px 0 0}
body.body-product-product .product-page-meta-reviews{display:flex;align-items:center;column-gap:8px;flex-wrap:nowrap}
body.body-product-product .product-page-meta-rating{display:flex;column-gap:2px}
body.body-product-product .product-page-meta-rating i{font-size:16px}
body.body-product-product .product-page-meta-rating-value{margin:0;font-size:15px;line-height:20px;font-weight:800}
body.body-product-product .product-page-meta-reviews-text,
body.body-product-product .product-page-meta-reviews-text a{font-size:14px;line-height:20px;font-weight:700;color:#684130;white-space:nowrap}
body.body-product-product .product-page-meta-reviews-text{text-decoration:none}
body.body-product-product .product-page-meta-reviews-text a{text-decoration:underline;text-underline-offset:3px}

/* Короткий опис — одразу під рейтингом, без заголовка */
body.body-product-product .product-page-short-description{margin:12px 0 0}
body.body-product-product .product-page-short-description-header{display:none}
body.body-product-product .product-page-short-description-text{font-size:15px;line-height:21px}
body.body-product-product .product-page-short-description-text a{display:none}

/* Смак і вага */
body.body-product-product .product-page-variations{margin-top:16px;display:flex;flex-direction:column;row-gap:14px}
body.body-product-product .variation-attribute-wrapper{display:flex;flex-direction:column;align-items:stretch;row-gap:8px;column-gap:0}
body.body-product-product .variation-attribute-header{font-size:14px;line-height:19px;font-weight:700}
body.body-product-product .variation-attribute-items{display:flex;flex-wrap:wrap;gap:8px}
body.body-product-product .variation-attribute-items .variation-attribute-item{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 13px;border:1px solid #000;border-radius:50px;background:#fff;color:#000;font-size:14px;line-height:18px;text-decoration:none}
body.body-product-product .variation-attribute-items .variation-attribute-item.checked{background:var(--v2-orange);border-color:var(--v2-orange);color:#fff;font-weight:700}
body.body-product-product .variation-attribute-items .v2-vol-item{flex:1 1 0;min-width:0;height:52px;flex-direction:column;padding:0 6px}
body.body-product-product .v2-vol-name{display:block;font-size:15px;line-height:19px;font-weight:800;white-space:nowrap}
body.body-product-product .v2-vol-price{display:block;font-size:13px;line-height:17px;font-weight:400;white-space:nowrap}

/* Ціна, кількість, кнопка: ціна й порції ліворуч, кількість праворуч, кнопка на всю ширину */
body.body-product-product .product-data .product-page-buy-form{margin-top:16px}
body.body-product-product .product-data .product-page-buy-form-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:0;align-items:end}
body.body-product-product .product-data .product-page-buy-form-price-wrapper{grid-column:1;grid-row:1;width:auto;order:0}
body.body-product-product .product-page-buy-form .product-item-price,
body.body-product-product .product-page-buy-form .product-special-price{justify-content:flex-start;column-gap:6px}
body.body-product-product .product-data .v2-portions{grid-column:1;grid-row:2;margin-top:2px;font-size:12px;line-height:16px;color:var(--v2-muted)}
body.body-product-product .product-data .product-page-buy-form-quantity{grid-column:2;grid-row:1 / span 2;align-self:end;width:auto;order:0}
body.body-product-product .product-data .product-page-buy-form-button-buy-wrapper{grid-column:1 / -1;grid-row:3;width:100%;margin-top:14px;order:0}
body.body-product-product .product-data .product-page-buy-button{display:flex;align-items:center;justify-content:center;column-gap:10px;width:100%;height:60px;padding:0 20px;border-radius:60px;font-size:19px;font-weight:800}

/* Смужка до безкоштовної доставки */
body.body-product-product .v2-ship{margin-top:14px}
body.body-product-product .v2-ship-text{margin-bottom:6px;font-size:13px;line-height:18px;font-weight:700}
body.body-product-product .v2-ship-bar{height:6px;border-radius:3px;background:#F0EDE6;overflow:hidden}
body.body-product-product .v2-ship-bar span{display:block;height:6px;border-radius:3px;background:var(--v2-orange)}

/* Переваги */
body.body-product-product .v2-adv{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
body.body-product-product .v2-adv-item{display:flex;align-items:center;gap:10px;font-size:13px;line-height:17px;font-weight:700}
body.body-product-product .v2-adv-ico{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--v2-yellow);color:#000;display:flex;align-items:center;justify-content:center}
body.body-product-product .v2-adv-b{font-size:18px;font-weight:900}

/* Доставка, оплата, гарантія — один блок у рамці */
body.body-product-product .v2-delivery{margin-top:20px;border:1px solid #000;border-radius:10px;padding:2px 14px}
body.body-product-product .v2-delivery-row{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #000;font-size:13px;line-height:18px}
body.body-product-product .v2-delivery-row:last-child{border-bottom:0}
body.body-product-product .v2-delivery-row b{font-size:14px}
body.body-product-product .v2-delivery-ico{flex-shrink:0;color:#000}
body.body-product-product .v2-delivery-html,
body.body-product-product .v2-delivery-html p{margin:0;font-size:13px;line-height:18px}

/* «Як їсти» */
body.body-product-product .v2-howto{margin:4px 0 40px}
body.body-product-product .v2-h2{margin:0;font-size:20px;line-height:26px;font-weight:800;text-transform:uppercase;text-align:center}
body.body-product-product .v2-howto-lead{margin:6px 0 16px;font-size:15px;line-height:21px;text-align:center}
body.body-product-product .v2-howto-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -12px;padding:0 12px;scrollbar-width:none}
body.body-product-product .v2-howto-list::-webkit-scrollbar{display:none}
body.body-product-product .v2-howto-item{flex:0 0 210px;margin:0;scroll-snap-align:start}
body.body-product-product .v2-howto-item img{display:block;width:210px;height:260px;object-fit:cover;border-radius:10px}
body.body-product-product .v2-howto-item figcaption{margin-top:10px;font-size:14px;line-height:19px;font-weight:700;text-transform:uppercase;text-align:center}

/* Артикул у «Характеристиках» */
body.body-product-product .v2-sku{margin-top:12px;color:var(--v2-muted)}

/* ---------- Телефон ---------- */
@media screen and (max-width:991px){
    body.body-product-product #product-description-block .section-product-page-content-block-tabs::before{content:"Про продукт";display:block;margin:0 0 14px;font-size:20px;line-height:26px;font-weight:800;text-transform:uppercase;text-align:center}
    body.body-product-product .item-thumbnail-gallery-wrapper{display:none}
    body.body-product-product .product-page-content-wrapper{margin-top:12px}
    /* Липка панель: лише «В наявності», ціна і «Купити» */
    body.body-product-product .product-page-buy-form-fixed .product-page-buy-form-quantity{display:none}
    body.body-product-product .product-page-buy-form-fixed .product-page-buy-form-bottom{display:flex;flex-wrap:nowrap;align-items:center;column-gap:12px;row-gap:0}
    body.body-product-product .product-page-buy-form-fixed .product-page-buy-form-price-wrapper{flex:1 1 auto;width:auto;order:0}
    body.body-product-product .product-page-buy-form-fixed .product-page-buy-form-button-buy-wrapper{flex:0 0 auto;width:auto;order:0}
    body.body-product-product .product-page-buy-form-fixed .product-page-buy-button{display:flex;align-items:center;justify-content:center;column-gap:8px;height:52px;padding:0 28px;border-radius:60px}
}

/* ---------- Комп'ютер ---------- */
@media screen and (min-width:992px){
    body.body-product-product .product-page-header-wrapper h1{font-size:28px;line-height:36px}
    body.body-product-product .product-page-meta-rating i{font-size:18px}
    body.body-product-product .product-page-meta-rating-value{font-size:17px}
    body.body-product-product .product-page-meta-reviews-text,
    body.body-product-product .product-page-meta-reviews-text a{font-size:15px}
    body.body-product-product .product-page-short-description-text{font-size:17px;line-height:26px}
    body.body-product-product .variation-attribute-header{font-size:15px}
    body.body-product-product .variation-attribute-items .variation-attribute-item{height:40px;padding:0 18px;font-size:15px}
    body.body-product-product .variation-attribute-items .v2-vol-item{height:56px}
    body.body-product-product .product-data .product-page-buy-button{height:64px;font-size:20px}
    body.body-product-product .product-data .v2-portions{font-size:14px;line-height:19px}
    body.body-product-product .v2-ship-text{font-size:14px}
    body.body-product-product .v2-delivery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;padding:4px 18px}
    body.body-product-product .v2-delivery-row:nth-last-child(-n+2){border-bottom:0}
    body.body-product-product .v2-delivery-row,
    body.body-product-product .v2-delivery-html,
    body.body-product-product .v2-delivery-html p{font-size:14px;line-height:20px}
    body.body-product-product .v2-adv{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
    body.body-product-product .v2-adv-item{flex-direction:column;text-align:center;gap:8px;font-size:14px;line-height:18px}
    body.body-product-product .v2-adv-ico{width:48px;height:48px}
    body.body-product-product .v2-howto{margin:8px 0 72px}
    body.body-product-product .v2-h2{font-size:28px;line-height:34px}
    body.body-product-product .v2-howto-lead{margin:8px 0 28px;font-size:17px}
    body.body-product-product .v2-howto-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;margin:0;padding:0}
    body.body-product-product .v2-howto-item img{width:100%;height:340px}
    body.body-product-product .v2-howto-item figcaption{margin-top:14px;font-size:17px}
}