/* 1. ПРИБИРАЕМ ЛЕВУЮ КОЛОНКУ (ОТМЕНЯЕМ ОТСТУПЫ ОТ ВЕРТИКАЛЬНОГО СЛАЙДЕРА) */
@media (min-width: 1200px) {
    #productImages.ds-product-images { padding-left: 0 !important; }
}

/* 2. РОДИТЕЛЬ: Главное фото -> Снизу наши новые миниатюры */
#productImages .sticky-md-top > .position-relative.pb-1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.ds-product-images-main { order: 1 !important; width: 100% !important; margin: 0 !important; }

/* 3. СТИЛИ НАШЕЙ НОВОЙ ЧИСТОЙ ГАЛЕРЕИ */
.syn-new-gallery-container {
    order: 2 !important; width: 100% !important; max-width: 500px !important; margin-top: 15px !important; margin-bottom: 10px !important;
    display: flex !important; justify-content: flex-start !important; overflow-x: auto !important; gap: 12px !important;
    padding: 10px 5px !important; scrollbar-width: none !important; -ms-overflow-style: none !important;
}
.syn-new-gallery-container::-webkit-scrollbar { display: none !important; }

/* 4. ДИЗАЙН ПЛИТКИ МИНИАТЮРЫ */
.syn-gallery-thumb {
    flex: 0 0 75px !important; width: 75px !important; height: 75px !important; background: #ffffff !important;
    border: 1px solid #EAEAEA !important; border-radius: 8px !important; cursor: pointer !important; padding: 5px !important;
    transition: all 0.3s ease !important; display: flex !important; align-items: center !important; justify-content: center !important;
    overflow: hidden !important; box-shadow: 0 2px 5px rgba(0,0,0,0.03) !important;
}
.syn-gallery-thumb img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
.syn-gallery-thumb:hover { border-color: #bbbbbb !important; box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important; transform: translateY(-2px) !important; }
.syn-gallery-thumb.active { border-color: #171a20 !important; border-width: 2px !important; box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; }

/* ЗАГОЛОВОК H1 */
.syn-product-title {
    font-size: 24px !important; font-weight: 600 !important; color: #171a20 !important; margin-top: 0 !important;
    padding-bottom: 15px !important; margin-bottom: 15px !important; border-bottom: 1px solid #E5E7EB !important;
    line-height: 1.35 !important; letter-spacing: -0.2px !important;
}

/* ОБЕРТКА НАЛИЧИЯ И FOMO */
.syn-stock-premium-wrapper { display: flex !important; align-items: center !important; flex-wrap: wrap !important; width: 100% !important; margin-bottom: 12px !important; border-bottom: 1px dashed #EAEAEA !important; padding-bottom: 18px !important; }
.c-product-amount { display: inline-flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 12px !important; }
.c-product-amount__title { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; font-size: 18px !important; font-weight: 700 !important; }
.c-product-amount__status { display: flex !important; gap: 5px !important; align-items: center !important; flex-shrink: 0 !important; }
.c-product-amount__status > div { width: 14px !important; height: 14px !important; border-radius: 3px !important; background: #EAEAEA !important; }
.c-product-amount__status[data-stock-level="1"] > div:nth-child(1) { background: #FF4D4F !important; }
.c-product-amount__status[data-stock-level="2"] > div:nth-child(1), .c-product-amount__status[data-stock-level="2"] > div:nth-child(2) { background: #FA8C16 !important; }
.c-product-amount__status[data-stock-level="3"] > div:nth-child(1), .c-product-amount__status[data-stock-level="3"] > div:nth-child(2), .c-product-amount__status[data-stock-level="3"] > div:nth-child(3) { background: #FADB14 !important; }
.c-product-amount__status[data-stock-level="4"] > div:nth-child(1), .c-product-amount__status[data-stock-level="4"] > div:nth-child(2), .c-product-amount__status[data-stock-level="4"] > div:nth-child(3), .c-product-amount__status[data-stock-level="4"] > div:nth-child(4) { background: #a0d911 !important; }
.c-product-amount__status[data-stock-level="5"] > div { background: #52c41a !important; }
.c-product-amount__label { font-size: 15px !important; color: #888888 !important; font-weight: 600 !important; white-space: nowrap !important; }

/* FOMO СЧЕТЧИК */
.syn-fomo-inline { display: flex !important; align-items: center !important; font-size: 13px !important; color: #64748b !important; margin-left: 16px !important; padding-left: 16px !important; border-left: 1px solid #E2E8F0 !important; }
.syn-fomo-inline svg { width: 16px !important; height: 16px !important; color: var(--brand-fomo) !important; margin-right: 6px !important; }
.syn-fomo-num { font-size: 15px !important; font-weight: 700 !important; color: var(--brand-fomo) !important; margin-right: 4px !important; }

/* --- КНОПКИ ЖЕЛАНИЯ И СРАВНЕНИЯ В ОДИН РЯД --- */
.syn-actions-inline {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: 16px !important;
    padding-left: 16px !important;
    border-left: 1px solid #E2E8F0 !important;
}
.syn-action-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #9CA3AF !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
}
.syn-action-btn:hover {
    background: #F8FAFC !important;
    border-color: #E2E8F0 !important;
    color: #171a20 !important;
}
.syn-action-btn svg {
    width: 16px !important;
    height: 16px !important;
}

@media (max-width: 767px) {
    .syn-actions-inline {
        margin-left: auto !important;
        padding-left: 0 !important;
        border-left: none !important;
    }
}

/* --- ОБЕРТКА КНОПОК ПОКУПКИ --- */
.ds-product-main-actions.content-block { background: #fcfcfc !important; border: 1px solid #f0f2f5 !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important; padding: 24px 30px !important; margin-top: 0 !important; margin-bottom: 20px !important; transition: box-shadow 0.3s ease !important; }
.ds-product-main-cart { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; align-items: stretch !important; width: 100% !important; }
.ds-product-main-cart .ds-module-quantity, .ds-product-main-cart .ds-product-main-cart-button, .ds-product-main-cart #button-ukrcredits { margin: 0 !important; min-height: 48px !important; }
.ds-module-quantity { flex: 0 0 auto !important; border: 1px solid #EAEAEA !important; border-radius: 8px !important; background: #fff !important; }
.ds-product-main-cart-button { flex: 1 1 auto !important; white-space: nowrap !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 15px !important; font-weight: 600 !important; }

/* --- КРЕДИТНАЯ КНОПКА --- */
#button-ukrcredits { flex: 1 1 auto !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; border: 1px solid #EAEAEA !important; color: #171a20 !important; border-radius: 8px !important; padding: 0 20px !important; font-size: 15px !important; font-weight: 600 !important; transition: all 0.3s ease !important; cursor: pointer !important; box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important; }
#button-ukrcredits:hover { border-color: #00cdce !important; color: #00cdce !important; box-shadow: 0 4px 15px rgba(0, 205, 206, 0.12) !important; transform: translateY(-2px) !important; }
.syn-credit-logos { display: flex !important; align-items: center !important; margin-right: 12px !important; }
.syn-credit-logos img { width: 26px !important; height: 26px !important; max-width: 26px !important; border-radius: 50% !important; object-fit: contain !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; border: 2px solid #ffffff !important; margin: 0 0 0 -10px !important; position: relative !important; background: #fff !important; }
.syn-credit-logos img:first-child { margin-left: 0 !important; z-index: 3 !important; }
.syn-credit-logos img:nth-child(2) { z-index: 2 !important; }
.syn-credit-logos img:nth-child(3) { z-index: 1 !important; }
#button-ukrcredits:hover .syn-credit-logos img { transform: translateY(-2px) !important; }

/* --- КУПИТЬ В 1 КЛИК --- */
.ds-buy-one-click { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; background: #ffffff !important; border: 1px solid #f0f2f5 !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important; padding: 20px 30px !important; margin-top: 0 !important; margin-bottom: 30px !important; transition: box-shadow 0.3s ease !important; }
.ds-buy-one-click > span.dark-text { margin: 0 !important; line-height: 1 !important; font-size: 16px !important; font-weight: 700 !important; }
.ds-buy-one-click form { flex-grow: 1 !important; margin: 0 !important; max-width: 500px !important; }
.ds-buy-one-click .input-group { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; height: 48px !important; background: #ffffff !important; border: 2px solid #EAEAEA !important; border-radius: 8px !important; transition: all 0.3s ease !important; margin-top: 0 !important; }
.ds-buy-one-click .input-group:focus-within { border-color: #00cdce !important; box-shadow: 0 4px 15px rgba(0, 205, 206, 0.1) !important; }
.ds-buy-one-click .syn-phone-icon { position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; color: #9CA3AF !important; width: 18px !important; height: 18px !important; pointer-events: none !important; z-index: 5 !important; }
.ds-buy-one-click .input-group:focus-within .syn-phone-icon { color: #00cdce !important; }
.ds-buy-one-click .one_click_input { width: 100% !important; height: 100% !important; border: none !important; background: transparent !important; padding: 0 110px 0 40px !important; font-size: 15px !important; font-weight: 500 !important; color: #171a20 !important; }
.ds-buy-one-click .input-group-btn { position: absolute !important; right: 4px !important; top: 4px !important; bottom: 4px !important; z-index: 15 !important; }
.ds-buy-one-click .ds-buy-one-click-btn { height: 100% !important; background: #171a20 !important; color: #ffffff !important; border: none !important; border-radius: 6px !important; padding: 0 20px !important; font-size: 14px !important; font-weight: 600 !important; }
.ds-buy-one-click .ds-buy-one-click-btn:hover { background: #00cdce !important; }

/* --- МАКСИМАЛЬНОЕ РАСШИРЕНИЕ КОНТЕЙНЕРА (APPLE STYLE) --- */
#product-product.container-xl, #product-product.container-fluid { max-width: 1650px !important; width: 98% !important; }
@media (min-width: 1200px) {
    #product-product > .row > #column-left, #product-product > .row > #column-right { display: none !important; } 
    #product-product > .row > #content, #content.ds-product-tab-main-content { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
    #productImages.ds-product-images { flex: 0 0 45% !important; max-width: 45% !important; width: 45% !important; padding-right: 30px !important; padding-left: 20px !important; margin-left: 0 !important; }
    #product.ds-product-main { flex: 0 0 55% !important; max-width: 55% !important; width: 55% !important; padding-left: 20px !important; padding-right: 30px !important; }
    #product .ds-product-main-actions, #product .ds-buy-one-click, #product .syn-b2b-box, .syn-acc-v5-wrapper, .syn-video-wrapper-applied { max-width: 100% !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
}

.ds-product-main-content.content-block { padding-left: 20px !important; }
.ds-product-tabs .container-xl { padding-left: 20px !important; margin-left: 0 !important; }
.ds-product-images-main .oct-gallery { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 480px !important; }
.ds-product-images-main .oct-gallery img { max-height: 520px !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; }

/* ======================================================== */
/* --- СТИЛИ УМНОГО АККОРДЕОНА ДОСТАВКИ ---  */
/* ======================================================== */
.ds-product-advantages, .delpayments { display: none !important; }

.syn-acc-v5-wrapper { width: 100%; margin: 25px 0; display: flex; flex-direction: column; border-top: 1px solid #E5E7EB; --brand-color: #171a20; }
.syn-acc-v5-item { border-bottom: 1px solid #E5E7EB; background: #ffffff; }
.syn-acc-v5-header { padding: 18px 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: opacity 0.2s; }
.syn-acc-v5-header:hover { opacity: 0.7; }

/* 9. B2B БЛОК ДЛЯ БРИГАД */
.syn-b2b-box { margin-top: 15px !important; padding: 16px !important; background: #F8F9FA !important; border: 1px solid #EAEAEA !important; border-radius: 12px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; width: 100% !important; }
.syn-b2b-header { display: flex !important; align-items: center !important; gap: 12px !important; }
.syn-b2b-header svg { width: 24px !important; height: 24px !important; color: #00cdce !important; flex-shrink: 0 !important; }
.syn-b2b-text { display: flex !important; flex-direction: column !important; }
.syn-b2b-text strong { font-size: 14px !important; font-weight: 700 !important; color: #171a20 !important; }
.syn-b2b-text span { font-size: 13px !important; color: #666666 !important; margin-top: 2px !important; line-height: 1.2 !important; }
.syn-b2b-contacts { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; }
.syn-b2b-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 38px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.2s ease !important; padding: 0 14px !important; gap: 6px !important; }
.syn-b2b-btn.viber { background: #E1E3FA !important; color: #7360F2 !important; }
.syn-b2b-btn.viber:hover { background: #7360F2 !important; color: #fff !important; }
.syn-b2b-btn.tg { background: #E3F2FA !important; color: #0088CC !important; }
.syn-b2b-btn.tg:hover { background: #0088CC !important; color: #fff !important; }
.syn-b2b-btn.phone { background: #171a20 !important; color: #ffffff !important; flex-grow: 1 !important; }
.syn-b2b-btn.phone:hover { background: #00cdce !important; color: #ffffff !important; }
.syn-b2b-btn svg { width: 16px !important; height: 16px !important; fill: currentColor; }
.syn-b2b-btn.phone svg { fill: none; stroke: currentColor; stroke-width: 2; }

/* СТРОГИЕ РАЗМЕРЫ ИКОНОК */
.syn-acc-v5-title { font-size: 15px !important; font-weight: 800 !important; color: #111827 !important; margin: 0 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; display: flex !important; align-items: center !important; gap: 12px !important; }
.syn-acc-v5-title svg { width: 22px !important; height: 22px !important; min-width: 22px !important; color: #111827 !important; flex-shrink: 0 !important; }
.syn-acc-v5-arrow { width: 18px !important; height: 18px !important; min-width: 18px !important; transition: transform 0.3s ease !important; color: #111827 !important; flex-shrink: 0 !important; }
.syn-acc-v5-item.is-open .syn-acc-v5-arrow { transform: rotate(180deg) !important; color: var(--brand-color) !important; }

.syn-dlv-icon { width: 28px !important; height: 28px !important; min-width: 28px !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.syn-dlv-icon svg { width: 28px !important; height: 28px !important; max-width: 28px !important; }
.syn-sl-icon { width: 24px !important; height: 24px !important; min-width: 24px !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.syn-sl-icon svg { width: 24px !important; height: 24px !important; max-width: 24px !important; color: var(--brand-color) !important; }

/* КНОПКА "НАШЛИ ДЕШЕВЛЕ" */
.ds-product-main-price { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 15px !important; margin-bottom: 20px !important; }
.ds-product-main-price .ds-price-new { font-size: 32px !important; font-weight: 700 !important; color: #171a20 !important; line-height: 1 !important; letter-spacing: -0.5px !important; margin: 0 !important; }
.ds-product-main-price .ds-price-old { font-size: 18px !important; color: #999999 !important; text-decoration: line-through !important; font-weight: 500 !important; margin-right: 5px !important; }
.syn-found-cheaper-btn { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 8px 14px !important; background: #F4F5F7 !important; border-radius: 8px !important; color: #666666 !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; transition: all 0.2s ease !important; border: 1px solid transparent !important; text-decoration: none !important; line-height: 1 !important; }
.syn-found-cheaper-btn:hover { background: #ffffff !important; border-color: #00cdce !important; color: #00cdce !important; box-shadow: 0 4px 12px rgba(0, 205, 206, 0.12) !important; transform: translateY(-1px) !important; }

/* БЛОК БЫСТРОЙ ОТПРАВКИ (КАПСУЛА) */
.syn-capsule-status { display: inline-flex !important; align-items: center !important; padding: 6px 20px 6px 6px !important; border-radius: 50px !important; margin-top: 5px !important; margin-bottom: 0 !important; gap: 8px !important; width: fit-content !important; }
.syn-capsule-status.is-store { background: linear-gradient(90deg, #dcfce7 0%, rgba(220, 252, 231, 0) 100%) !important; color: #14532d !important; }
.syn-capsule-status.is-supplier { background: linear-gradient(90deg, #ffedd5 0%, rgba(255, 237, 213, 0) 100%) !important; color: #7c2d12 !important; }
.syn-capsule-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 26px !important; height: 26px !important; border-radius: 50% !important; background: #ffffff !important; box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important; flex-shrink: 0 !important; }
.syn-capsule-status.is-store .syn-capsule-icon { color: #16a34a !important; } .syn-capsule-status.is-supplier .syn-capsule-icon { color: #ea580c !important; }
.syn-capsule-text { font-size: 14px !important; font-weight: 700 !important; margin: 0 !important; line-height: 1 !important; letter-spacing: 0.2px !important; }
.syn-capsule-tooltip { display: flex !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 16px !important; border-radius: 50% !important; background: rgba(0,0,0,0.08) !important; color: #718096 !important; font-size: 11px !important; font-weight: 800 !important; cursor: help !important; margin-left: 2px !important; transition: all 0.2s ease !important; border: none !important; line-height: 1 !important; }
.syn-capsule-tooltip:hover { background: rgba(0,0,0,0.2) !important; color: #171a20 !important; }

/* АНИМАЦИЮ БЕРЕТ НА СЕБЯ JQUERY */
.syn-acc-v5-content { display: none; } 
.syn-acc-v5-inner { padding: 0 0 24px 0 !important; }

.syn-dlv-row { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; padding: 14px 0 !important; border-bottom: 1px dashed #E5E7EB !important; }
.syn-dlv-row:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
.syn-dlv-left { display: flex !important; align-items: flex-start !important; gap: 12px !important; flex-grow: 1 !important; }
.syn-dlv-name { font-size: 15px !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 4px 0 !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; line-height: 1.2 !important; }
.syn-dlv-desc { font-size: 13px !important; color: #6B7280 !important; line-height: 1.4 !important; margin: 0 !important; }
.syn-dlv-note { margin-top: 14px !important; padding: 12px 14px !important; border-radius: 10px !important; background: #F8FAFC !important; border: 1px solid #E5E7EB !important; display: flex !important; align-items: flex-start !important; gap: 10px !important; color: #64748B !important; font-size: 12px !important; line-height: 1.45 !important; }
.syn-dlv-note svg { width: 16px !important; height: 16px !important; min-width: 16px !important; margin-top: 1px !important; color: var(--brand-color) !important; }
.syn-dlv-right { text-align: right !important; min-width: 140px !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; }

.syn-status-text { font-size: 14px !important; font-weight: 700 !important; display: flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; }
.syn-c-green { color: #059669 !important; }
.syn-c-orange { color: #D97706 !important; }
.syn-c-gray { color: #6B7280 !important; font-size: 12px !important; margin-top: 4px !important; font-weight: 500 !important; display: block !important; }
.syn-status-dot { font-size: 18px !important; line-height: 0 !important; }
.syn-dot-pulse { display: inline-block !important; width: 8px !important; height: 8px !important; background-color: #059669 !important; border-radius: 50% !important; box-shadow: 0 0 0 rgba(5, 150, 105, 0.4) !important; animation: synPulseStrict 2s infinite !important; }
@keyframes synPulseStrict { 0% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.4); } 70% { box-shadow: 0 0 0 6px rgba(5, 150, 105, 0); } 100% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0); } }

.syn-free-tag { border: 1px solid #10B981 !important; color: #10B981 !important; font-size: 10px !important; padding: 1px 5px !important; border-radius: 4px !important; text-transform: uppercase !important; font-weight: 800 !important; line-height: 1.2 !important; }

.syn-pickup-details { margin-top: 10px !important; padding-left: 14px !important; border-left: 2px solid var(--brand-color) !important; width: 100% !important; box-sizing: border-box !important; }
.syn-pickup-address { font-size: 14px !important; font-weight: 700 !important; color: #111827 !important; display: block !important; margin-bottom: 2px !important; }
.syn-pickup-time { font-size: 12px !important; color: #6B7280 !important; display: block !important; margin-bottom: 10px !important; }
.syn-nav-buttons { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }
.syn-route-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 6px 12px !important; font-size: 11px !important; font-weight: 700 !important; color: #374151 !important; border: 1px solid #D1D5DB !important; border-radius: 4px !important; text-decoration: none !important; }
.syn-route-btn svg { width: 14px !important; height: 14px !important; stroke: currentColor !important; fill: none !important; }

.syn-sl-list { display: flex !important; flex-direction: column !important; gap: 16px !important; padding-top: 8px !important; }
.syn-sl-item { display: flex !important; align-items: flex-start !important; gap: 12px !important; }
.syn-sl-text b { display: block !important; font-size: 14px !important; font-weight: 700 !important; color: #111827 !important; margin-bottom: 2px !important; }
.syn-sl-text span { font-size: 13px !important; color: #6B7280 !important; line-height: 1.4 !important; display: block !important; }

@media (max-width: 1199px) { .ds-product-main-cart { gap: 10px !important; } #button-ukrcredits { flex: 0 0 100% !important; width: 100% !important; margin-top: 4px !important; } }
@media (max-width: 991px) { .ds-product-main-actions.content-block { padding: 16px !important; } .ds-buy-one-click { flex-direction: column !important; align-items: flex-start !important; gap: 15px !important; padding: 16px !important; } .ds-buy-one-click form { max-width: 100% !important; } }
@media (max-width: 767px) { .syn-gallery-thumb { flex: 0 0 65px !important; width: 65px !important; height: 65px !important; } .syn-product-title { font-size: 20px !important; } .syn-stock-premium-wrapper { gap: 10px !important; } .syn-fomo-inline { width: 100% !important; margin-left: 0 !important; padding-left: 0 !important; border-left: none !important; margin-top: 2px !important; } }
@media (max-width: 576px) { .syn-dlv-row { flex-direction: column !important; gap: 10px !important; } .syn-dlv-right { text-align: left !important; padding-left: 40px !important; align-items: flex-start !important; } .syn-nav-buttons { width: 100% !important; flex-direction: column !important; } }
@media (min-width: 1600px) { .syn-product-title { font-size: 28px !important; } .ds-product-main-price .ds-price-new { font-size: 36px !important; } }

/* ======================================================== */
/* АВТО-СТИЛИ ДЛЯ ВИДЕО ИЗ АДМИНКИ (В ЛЮБОМ МЕСТЕ КАРТОЧКИ) */
/* ======================================================== */

#product iframe[src*="youtube"],
.ds-product-tab-main-content iframe[src*="youtube"], 
.syn-video-wrapper-applied {
    max-width: 500px !important; /* Ограничиваем ширину */
    width: 100% !important;
    aspect-ratio: 16 / 9; /* Жесткие пропорции, чтобы не сплющило */
    height: auto !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #EAEAEA !important;
    display: block !important;
    margin: 20px 0 30px 0 !important; /* Отступы сверху и снизу */
}

/* Если визуальный редактор админки случайно обернул видео в параграф */
#product p:has(iframe),
.ds-product-tab-main-content p:has(iframe) {
    display: flex;
    justify-content: flex-start;
    margin: 0 !important;
}

@media (max-width: 767px) {
    #product iframe[src*="youtube"],
    .ds-product-tab-main-content iframe[src*="youtube"] {
        max-width: 100% !important; /* На телефонах на всю ширину */
        border-radius: 8px !important;
    }
}

/* ПРЕМИУМ-БЛОК ДЛЯ ВИДЕО ИЗ АДМИНКИ */
.syn-video-admin-wrapper { background: #ffffff; border: 1px solid #EAEAEA; border-radius: 12px; padding: 20px; margin-top: 15px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); width: 100%; }
.syn-video-header { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; }
.syn-video-icon { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; background: #FFF0F0; border-radius: 8px; color: #FF0000; flex-shrink: 0; }
.syn-video-icon svg { width: 20px; height: 20px; }
.syn-video-title { display: flex; flex-direction: column; }
.syn-video-title strong { font-size: 15px; font-weight: 700; color: #171a20; line-height: 1.2; }
.syn-video-title span { font-size: 12px; color: #6B7280; }
.syn-video-content { width: 100%; }
.syn-video-content iframe { width: 100% !important; aspect-ratio: 16 / 9; height: auto !important; border-radius: 8px !important; border: 1px solid #f0f2f5 !important; display: block; }
.syn-video-content p { margin: 0 !important; padding: 0 !important; line-height: 0; }

/* ======================================================== */
/* ПРЕМИУМ-ДИЗАЙН НАВИГАЦИОННЫХ ТАБОВ (ЛЕГКИЙ МИНИМАЛИЗМ)   */
/* ======================================================== */
.ds-product-tabs {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    padding: 0 !important;
    margin-top: 20px !important;
    z-index: 1020 !important;
}
.ds-product-tabs-box {
    gap: 32px !important; /* Больше воздуха между табами */
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
}
.ds-product-tabs-box::-webkit-scrollbar { display: none !important; }

.ds-product-tabs-item {
    position: relative !important;
    background: transparent !important;
    color: #6B7280 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 18px 0 !important; /* Отступы только сверху и снизу */
    border-radius: 0 !important;
    border: none !important;
    transition: color 0.3s ease !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    box-shadow: none !important;
}
.ds-product-tabs-item:hover {
    color: #111827 !important;
    background: transparent !important;
}
.ds-product-tabs-item.active {
    color: #111827 !important;
    font-weight: 700 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Изящная выезжающая линия под активным табом */
.ds-product-tabs-item::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #171a20;
    transform: scaleX(0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: right;
}
.ds-product-tabs-item.active::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* Легкий бейдж счетчика отзывов */
.ds-product-tabs-badge {
    background: rgba(255, 77, 79, 0.08) !important;
    color: #FF4D4F !important;
    border-radius: 6px !important;
    padding: 2px 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    margin-left: 6px !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.ds-product-tabs-item.active .ds-product-tabs-badge {
    background: #FF4D4F !important;
    color: #ffffff !important;
}

/* --- СТИЛИ ДЛЯ КВАДРАТНЫХ КАРТОЧЕК РЕКОМЕНДАЦИЙ (ПРАВАЯ КОЛОНКА) --- */
.syn-horizontal-upsell-wrapper {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px;
    margin-top: 15px;
    display: none; /* Скрыт по умолчанию, пока JS не найдет товары */
}
.syn-horizontal-upsell-list {
    display: flex;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 8px;
}
.syn-horizontal-upsell-list::-webkit-scrollbar { height: 6px; }
.syn-horizontal-upsell-list::-webkit-scrollbar-track { background: transparent; }
.syn-horizontal-upsell-list::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }

.syn-sq-card {
    flex: 0 0 110px;
    width: 110px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    text-decoration: none;
    transition: border-color 0.2s;
    position: relative;
}
.syn-sq-card:hover { border-color: #00cdce; }
.syn-sq-card img { width: 55px; height: 55px; object-fit: contain; margin-bottom: 8px; }
.syn-sq-card .sq-title { font-size: 11px; font-weight: 600; color: #1e293b; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 6px; }
.syn-sq-card:hover .sq-title { color: #00cdce; }
.syn-sq-card .sq-price { font-size: 13px; font-weight: 800; color: #1e293b; line-height: 1; }
.syn-sq-card .sq-price.has-discount { color: #e3000f; }
.syn-sq-card .sq-old-price { font-size: 10px; text-decoration: line-through; color: #9CA3AF; margin-bottom: 2px; line-height: 1; }
.syn-sq-cart-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 22px;
    height: 22px;
    background: #f1f5f9;
    border: none;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #475569;
    cursor: pointer;
    transition: all 0.2s;
}
.syn-sq-cart-btn:hover { background: #00cdce; color: #fff; }
.syn-sq-cart-btn svg { width: 12px; height: 12px; }


/* SYNERGY PRODUCT CARD EXTRACTED V20260627 */
.ds-product-fixed-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-width: 0 !important;
    padding-right: 10px !important;
}
.ds-product-fixed-meta .ds-price-new,
.ds-product-fixed-meta .ds-price-old {
    line-height: 1.05 !important;
}
.syn-mobile-delivery-status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #059669 !important;
    white-space: nowrap !important;
    max-width: 190px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.syn-mobile-delivery-status.is-orange { color: #D97706 !important; }
.syn-mobile-delivery-status.is-gray { color: #6B7280 !important; }
.syn-mobile-delivery-status::before {
    content: '';
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    flex-shrink: 0 !important;
}
@media (max-width: 374px) {
    .syn-mobile-delivery-status { max-width: 145px !important; font-size: 10px !important; }
    .ds-product-fixed-btns .button-text { font-size: 11px !important; }
}