/* Блок {% style %} #0 из sections/main-product.liquid темы HH (строки 1-63).
 * Порт секции его ПОТЕРЯЛ ЦЕЛИКОМ: он весь под @media min-width:861px, поэтому
 * на приёмке мобайла 390 не проявлялся ни разу. На ПК 1280 он задаёт
 * body{--page-width:124rem} — ширину ВСЕХ секций страницы товара (1240 против
 * наших 1200) — и прячет верхний выбор вкуса .new-variant-picker.
 * Извлечён скриптом из темы, не переписан руками. Цикл Г, ПК, 2026-08-30.
 * ⚠️ Обновлять при каждом `shopify theme pull`: живёт в самом .liquid, не в assets/.
 */
/* --- PDP buying-form polish (desktop only) --- */
  @media screen and (min-width:861px){
    /* [width-unify 2026-07-07] widen ALL PDP page sections to 1240px on EVERY product (previously only on products with pdp-trip-timeline → their Bestsellers/you-might-also-like were 1200/narrow). Now uniform full width like proxie-5ct. */
    body{ --page-width:124rem; }
    .section-featured-product.page-width{ padding-left:0 !important; padding-right:0 !important; }
    /* [A] remove top CHOOSE FLAVOR picker (flavor still chosen in Step 2) */
    .new-variant-picker{ display:none !important; }
    /* [E] FLAVOR N: label — fit inside container */
    .variant-option_title{ font-size:14px !important; white-space:nowrap; }
    /* [D] flavor value — bigger + bolder */
    .selected-variant span, .product-variant{ font-size:16px !important; font-weight:600 !important; }
    /* [C] clearer dropdown */
    .selected-variant{ font-weight:700 !important; }
    .product-variant:hover{ background:rgba(0,0,0,.22) !important; }
    /* [C] currently-selected flavor stands out (darker) */
    .product-variant.pv-current{ background:rgba(0,0,0,.34) !important; font-weight:700 !important; }
    /* [B] compact + uniform buying-panel internal spacing (etalon = Step1 -> boxes ~14px) */
    .boxes-title{ margin-bottom:20px !important; }
    .choose-variants-block-title, .purchase-options-wrapper-title{ margin-top:12px !important; margin-bottom:8px !important; }
    .variant-option_title{ margin-top:5px !important; margin-bottom:5px !important; }
    .variant-input_container{ margin-bottom:4px !important; }
    .choose-variants-block{ padding-top:0 !important; padding-bottom:0 !important; }
    /* title box -> Step 1 : was mb:50px (huge). Match step spacing */
    .product-boxes-container > .product-information{ margin-bottom:4px !important; }
    /* [F] uniform 16px spacing between all buying-column blocks (accordion stays tight) */
    .product-information-container > *{ margin-top:0 !important; margin-bottom:16px !important; }
    .product-information-container > .product__accordion{ margin-bottom:0 !important; }
    .product-information-container > .bundle{ margin-top:16px !important; }

    /* === round 2 (2026-07-05): full-width fills, step align, price, benefits, spacing === */
    /* [B2] purple buy-box fills full card width (kill side margins = removes thin cream line) */
    /* [B2b] top corners match the cream card's inner radius (25px card - 1px border = 24px)
       so purple fills the corners flush to the outline instead of leaving cream wedges */
    .product-boxes-container{ margin-left:0 !important; margin-right:0 !important; border-top-left-radius:24px !important; border-top-right-radius:24px !important; }
    /* [B9] accordions fill full card width (was 91%) */
    .product__accordion{ width:100% !important; }
    /* [B14] ALL buy-box content shares the white title block's 20px inset (etalon) */
    .boxes_block{ padding-left:20px !important; padding-right:20px !important; }
    .purchase-options-wrapper-title{ padding-left:20px !important; padding-right:20px !important; }
    .purchase-options{ padding-left:20px !important; padding-right:20px !important; }
    .purchase-price-footer,
    .free-delivery-container{ padding-left:20px !important; padding-right:20px !important; }
    /* [B15] compact pack boxes (~-40% height) + tighter internal row spacing */
    .box{ padding:8px !important; }
    .box_title{ margin-bottom:4px !important; }
    .box_discount{ margin-bottom:4px !important; font-size:19px !important; }
    .box-price{ margin-bottom:4px !important; line-height:1.15 !important; font-size:19px !important; }
    /* [B16] compact flavor rows */
    .variant-option_title{ min-height:44px !important; }
    .selected-variant{ padding:10px 14px !important; }
    /* [B3] tighten gap: one-time-purchase -> price */
    .purchase-price-footer{ margin-top:8px !important; margin-bottom:4px !important; }
    /* [B4] price fills the One-time column; [B5b] benefits start at Subscribe's left edge */
    .purchase-price-footer{ align-items:flex-start !important; gap:14px !important; }
    .purchase-price-footer .price-container{ flex:1 1 0 !important; }
    .purchase-price-footer .final-price{ font-size:80px !important; line-height:1; text-align:center; }
    .purchase-price-footer .price-row-top{ justify-content:center; }
    .purchase-price-footer .benefits-container{ flex:1 1 0 !important; align-items:flex-start !important; }
    /* [B8] kill big internal paddings so the uniform 16px block gap governs */
    .payments{ padding-top:0 !important; padding-bottom:0 !important; }
  }