/* SNK: лише font-size через змінні.
   Джерела: style.min.css; all.css; smartcheckout.css; oct-images-gallery.css;
   ocfilter: catalog/view/theme/default/stylesheet/ocfilter/core.css + mobile.css. */

:root {
    /* Глобальний корінь rem (було 17px). */
    --snk-root-px: 16px;
    --snk-body: 1.2rem;

    /* Утиліти теми .fsz-* (style.min.css). */
    --snk-fsz-10: 0.625rem;
    --snk-fsz-11: 0.688rem;
    --snk-fsz-12: 0.75rem;
    --snk-fsz-13: 0.813rem;
    --snk-fsz-14: 0.875rem;
    --snk-fsz-16: 1rem;
    --snk-fsz-18: 1.125rem;
    --snk-fsz-20: 1.25rem;
    --snk-fsz-22: 1.375rem;
    --snk-fsz-24: 1.5rem;
    --snk-fsz-32: 2rem;

    /* Заголовки Oct (style.min.css). */
    --snk-h1: 1.875rem;
    --snk-h2: 1.625rem;
    --snk-h3: 1.25rem;
    --snk-h4: 1.125rem;
    --snk-h5: 1rem;
    --snk-h6: 0.875rem;

    /* min-width: 1600px — .fsz-* та h1–h6: окремі варіанти (+10% до базових rem). */
    /*--snk-scale-min1600: 1.1;*/
    --snk-scale-min1600: 1.3;
    --snk-body-min1600: calc(var(--snk-body) * var(--snk-scale-min1600));
    --snk-fsz-10-min1600: calc(var(--snk-fsz-10) * var(--snk-scale-min1600));
    --snk-fsz-11-min1600: calc(var(--snk-fsz-11) * var(--snk-scale-min1600));
    --snk-fsz-12-min1600: calc(var(--snk-fsz-12) * var(--snk-scale-min1600));
    --snk-fsz-13-min1600: calc(var(--snk-fsz-13) * var(--snk-scale-min1600));
    --snk-fsz-14-min1600: calc(var(--snk-fsz-14) * var(--snk-scale-min1600));
    --snk-fsz-16-min1600: calc(var(--snk-fsz-16) * var(--snk-scale-min1600));
    --snk-fsz-18-min1600: calc(var(--snk-fsz-18) * var(--snk-scale-min1600));
    --snk-fsz-20-min1600: calc(var(--snk-fsz-20) * var(--snk-scale-min1600));
    --snk-fsz-22-min1600: calc(var(--snk-fsz-22) * var(--snk-scale-min1600));
    --snk-fsz-24-min1600: calc(var(--snk-fsz-24) * var(--snk-scale-min1600));
    --snk-fsz-32-min1600: calc(var(--snk-fsz-32) * var(--snk-scale-min1600));
    --snk-h1-min1600: calc(var(--snk-h1) * var(--snk-scale-min1600));
    --snk-h2-min1600: calc(var(--snk-h2) * var(--snk-scale-min1600));
    --snk-h3-min1600: calc(var(--snk-h3) * var(--snk-scale-min1600));
    --snk-h4-min1600: calc(var(--snk-h4) * var(--snk-scale-min1600));
    --snk-h5-min1600: calc(var(--snk-h5) * var(--snk-scale-min1600));
    --snk-h6-min1600: calc(var(--snk-h6) * var(--snk-scale-min1600));
    --snk-content-block-body-font-size-min1600: calc(var(--snk-content-block-body-font-size) * var(--snk-scale-min1600));
    /* product/product.twig, oct_popup_view.twig (у бандлі — px). */
    --snk-product-attributes-list-item-font-size: 14px;

    /* --- all.css --- */
    /* @media (max-width: 767.98px) .modal-title */
    --snk-all-modal-title-mobile: var(--snk-fsz-16);
    /* #cartModal .sc-buy-one-click-title */
    --snk-all-cart-buy-one-click-title: 12px;
    /* @media (min-width: 1200px) #loginTabs .nav-link */
    --snk-all-login-tabs-nav-link-xl: var(--snk-fsz-14);
    /* .sc-fixed-contact-icon; @media (min-width: 420px) */
    --snk-all-fixed-contact-icon: 20px;
    --snk-all-fixed-contact-icon-min420: 28px;
    /* .sc-fixed-contact-text; @media (min-width: 420px) */
    --snk-all-fixed-contact-text: 7px;
    --snk-all-fixed-contact-text-min420: 8px;
    /* .sc-fixed-contact-item */
    --snk-all-fixed-contact-item: 14px;
    /* .popover-header; .popover-body */
    --snk-all-popover-header: 1.075rem;
    --snk-all-popover-body: var(--snk-fsz-12);

    /* --- smartcheckout.css --- */
    /* .oct-checkout-block #button-confirm */
    --snk-sc-button-confirm: var(--snk-fsz-14);

    /* --- oct-images-gallery.css --- */
    /* .slider-header: базово; max-width 1200px; max-width 480px */
    --snk-gallery-slider-header: 24px;
    --snk-gallery-slider-header-max1200: 20px;
    --snk-gallery-slider-header-max480: 18px;
    /* .price */
    --snk-gallery-price: 26px;
    /* .slick-arrow (приховування тексту стрілки) */
    --snk-gallery-slick-arrow: 0;

    /* --- style.min.css: заголовки модулів / форми --- */
    /* .sc-module-title; @media (min-width: 768px) */
    --snk-sc-module-title: var(--snk-fsz-12);
    --snk-sc-module-title-min768: var(--snk-fsz-14);
    /* .form-check-label */
    --snk-form-check-label: var(--snk-fsz-12);
    /* .form-control (основний); плейсхолдери — як у Oct */
    --snk-form-control: var(--snk-fsz-14);
    --snk-form-control-placeholder: var(--snk-fsz-14);

    /* .content-block ol, p, ul (style.min.css — було 14px) */
    --snk-content-block-body-font-size: 14px;

    /* --- OCFilter: .ocf-value* (desktop core 13px; mobile.css 16px) --- */
    --snk-ocf-value-font-size: 13px;
    --snk-ocf-value-font-size-mobile: 16px;
}

body {
    font-size: var(--snk-body);
}


html {
    font-size: var(--snk-root-px) !important;
}

.fsz-10 {
    font-size: var(--snk-fsz-10) !important;
}

.fsz-11 {
    font-size: var(--snk-fsz-11) !important;
}

.fsz-12 {
    font-size: var(--snk-fsz-12) !important;
}

.fsz-13 {
    font-size: var(--snk-fsz-13) !important;
}

.fsz-14 {
    font-size: var(--snk-fsz-14) !important;
}

.fsz-16 {
    font-size: var(--snk-fsz-16) !important;
}

.fsz-18 {
    font-size: var(--snk-fsz-18) !important;
}

.fsz-20 {
    font-size: var(--snk-fsz-20) !important;
}

.fsz-22 {
    font-size: var(--snk-fsz-22) !important;
}

.fsz-24 {
    font-size: var(--snk-fsz-24) !important;
}

.fsz-32 {
    font-size: var(--snk-fsz-32) !important;
}

h1, .h1 {
    font-size: var(--snk-h1) !important;
}

h2, .h2 {
    font-size: var(--snk-h2) !important;
}

h3, .h3 {
    font-size: var(--snk-h3) !important;
}

h4, .h4 {
    font-size: var(--snk-h4) !important;
}

h5, .h5 {
    font-size: var(--snk-h5) !important;
}

h6, .h6 {
    font-size: var(--snk-h6) !important;
}

.content-block ol,.content-block span, .content-block b,
.content-block p,
.content-block ul {
    font-size: var(--snk-content-block-body-font-size) !important;
}
@media (max-width: 920px){
    #sc-admin-product-bar{
        display: none!important;
    }
}
@media (max-width: 1600px) {
    .sc-footer-phones a {
        font-size: 16px !important;
    }
}
@media (min-width: 1600px) {
    body {
        font-size: var(--snk-body-min1600) !important;
    }

    .content-block ol, .content-block p, .content-block ul,.content-block span, .content-block b {
        font-size: var(--snk-content-block-body-font-size-min1600) !important;
    }

    .fsz-10 {
        font-size: var(--snk-fsz-10-min1600) !important;
    }

    .fsz-11 {
        font-size: var(--snk-fsz-11-min1600) !important;
    }

    .fsz-12 {
        font-size: var(--snk-fsz-12-min1600) !important;
    }

    .fsz-13 {
        font-size: var(--snk-fsz-13-min1600) !important;
    }

    .fsz-14 {
        font-size: var(--snk-fsz-14-min1600) !important;
    }

    .fsz-16 {
        font-size: var(--snk-fsz-16-min1600) !important;
    }

    .fsz-18 {
        font-size: var(--snk-fsz-18-min1600) !important;
    }

    .fsz-20 {
        font-size: var(--snk-fsz-20-min1600) !important;
    }

    .fsz-22 {
        font-size: var(--snk-fsz-22-min1600) !important;
    }

    .fsz-24 {
        font-size: var(--snk-fsz-24-min1600) !important;
    }

    .fsz-32 {
        font-size: var(--snk-fsz-32-min1600) !important;
    }

    h1, .h1 {
        font-size: var(--snk-h1-min1600) !important;
    }

    h2, .h2 {
        font-size: var(--snk-h2-min1600) !important;
    }

    h3, .h3 {
        font-size: var(--snk-h3-min1600) !important;
    }

    h4, .h4 {
        font-size: var(--snk-h4-min1600) !important;
    }

    h5, .h5 {
        font-size: var(--snk-h5-min1600) !important;
    }

    h6, .h6 {
        font-size: var(--snk-h6-min1600) !important;
    }


    .sc-product-attr,
    .sc-footer-shedule{
      line-height: 20px!important;
    }
    .sc-footer-phones a {
        font-size: 1.3rem !important;
    }
}

.sc-product-content-attributes-list-item {
    font-size: var(--snk-product-attributes-list-item-font-size) !important;
}

/* ========== style.min: модулі / форми ========== */

.sc-module-title {
    font-size: var(--snk-sc-module-title) !important;
}

@media (min-width: 768px) {
    .sc-module-title {
        font-size: var(--snk-sc-module-title-min768) !important;
    }
}

.form-check-label {
    font-size: var(--snk-form-check-label) !important;
}

.form-control {
    font-size: var(--snk-form-control) !important;
}

.form-control::placeholder,
.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-ms-input-placeholder {
    font-size: var(--snk-form-control-placeholder) !important;
}


/* ========== OCFilter (.ocf-value) ========== */

.ocf-value,
.ocf-value:active,
.ocf-value:focus,
.ocf-value:visited,
.ocf-value:hover {
    font-size: var(--snk-ocf-value-font-size) !important;
}

@media (max-width: 767.98px) {
    .ocf-value,
    .ocf-value:active,
    .ocf-value:focus,
    .ocf-value:visited,
    .ocf-value:hover {
        font-size: var(--snk-ocf-value-font-size-mobile) !important;
    }
}

/* ========== all.css ========== */

@media (max-width: 767.98px) {
    .modal-title {
        font-size: var(--snk-all-modal-title-mobile) !important;
    }
}

#cartModal .sc-buy-one-click-title {
    font-size: var(--snk-all-cart-buy-one-click-title) !important;
}

@media (min-width: 1200px) {
    #loginTabs .nav-link {
        font-size: var(--snk-all-login-tabs-nav-link-xl) !important;
    }
}

.sc-fixed-contact-icon {
    font-size: var(--snk-all-fixed-contact-icon) !important;
}

.sc-fixed-contact-text {
    font-size: var(--snk-all-fixed-contact-text) !important;
}

@media (min-width: 420px) {
    .sc-fixed-contact-icon {
        font-size: var(--snk-all-fixed-contact-icon-min420) !important;
    }

    .sc-fixed-contact-text {
        font-size: var(--snk-all-fixed-contact-text-min420) !important;
    }
}

.sc-fixed-contact-item {
    font-size: var(--snk-all-fixed-contact-item) !important;
}

.popover-header {
    font-size: var(--snk-all-popover-header) !important;
}

.popover-body {
    font-size: var(--snk-all-popover-body) !important;
}

/* ========== smartcheckout.css ========== */

.oct-checkout-block #button-confirm {
    font-size: var(--snk-sc-button-confirm) !important;
}

/* ========== oct-images-gallery.css ========== */

.slider-header {
    font-size: var(--snk-gallery-slider-header) !important;
}

@media only screen and (max-width: 1200px) {
    .slider-header {
        font-size: var(--snk-gallery-slider-header-max1200) !important;
    }
}

@media only screen and (max-width: 480px) {
    .slider-header {
        font-size: var(--snk-gallery-slider-header-max480) !important;
    }
}

.price {
    font-size: var(--snk-gallery-price) !important;
}

.slick-arrow {
    font-size: var(--snk-gallery-slick-arrow) !important;
}




/*
 * Канонічні показники — дубль :root (довідник; не застосовується).
 *
:root {
    --snk-root-px: 17px;

    --snk-fsz-10: 0.625rem;
    --snk-fsz-11: 0.688rem;
    --snk-fsz-12: 0.75rem;
    --snk-fsz-13: 0.813rem;
    --snk-fsz-14: 0.875rem;
    --snk-fsz-16: 1rem;
    --snk-fsz-18: 1.125rem;
    --snk-fsz-20: 1.25rem;
    --snk-fsz-22: 1.375rem;
    --snk-fsz-24: 1.5rem;
    --snk-fsz-32: 2rem;

    --snk-h1: 1.875rem;
    --snk-h2: 1.625rem;
    --snk-h3: 1.25rem;
    --snk-h4: 1.125rem;
    --snk-h5: 1rem;
    --snk-h6: 0.875rem;

    --snk-scale-min1600: 1.1;
    --snk-fsz-10-min1600: calc(var(--snk-fsz-10) * var(--snk-scale-min1600));
    --snk-fsz-11-min1600: calc(var(--snk-fsz-11) * var(--snk-scale-min1600));
    --snk-fsz-12-min1600: calc(var(--snk-fsz-12) * var(--snk-scale-min1600));
    --snk-fsz-13-min1600: calc(var(--snk-fsz-13) * var(--snk-scale-min1600));
    --snk-fsz-14-min1600: calc(var(--snk-fsz-14) * var(--snk-scale-min1600));
    --snk-fsz-16-min1600: calc(var(--snk-fsz-16) * var(--snk-scale-min1600));
    --snk-fsz-18-min1600: calc(var(--snk-fsz-18) * var(--snk-scale-min1600));
    --snk-fsz-20-min1600: calc(var(--snk-fsz-20) * var(--snk-scale-min1600));
    --snk-fsz-22-min1600: calc(var(--snk-fsz-22) * var(--snk-scale-min1600));
    --snk-fsz-24-min1600: calc(var(--snk-fsz-24) * var(--snk-scale-min1600));
    --snk-fsz-32-min1600: calc(var(--snk-fsz-32) * var(--snk-scale-min1600));
    --snk-h1-min1600: calc(var(--snk-h1) * var(--snk-scale-min1600));
    --snk-h2-min1600: calc(var(--snk-h2) * var(--snk-scale-min1600));
    --snk-h3-min1600: calc(var(--snk-h3) * var(--snk-scale-min1600));
    --snk-h4-min1600: calc(var(--snk-h4) * var(--snk-scale-min1600));
    --snk-h5-min1600: calc(var(--snk-h5) * var(--snk-scale-min1600));
    --snk-h6-min1600: calc(var(--snk-h6) * var(--snk-scale-min1600));

    --snk-product-attributes-list-item-font-size: 14px;

    --snk-all-modal-title-mobile: var(--snk-fsz-16);
    --snk-all-cart-buy-one-click-title: 12px;
    --snk-all-login-tabs-nav-link-xl: var(--snk-fsz-14);
    --snk-all-fixed-contact-icon: 20px;
    --snk-all-fixed-contact-icon-min420: 28px;
    --snk-all-fixed-contact-text: 7px;
    --snk-all-fixed-contact-text-min420: 8px;
    --snk-all-fixed-contact-item: 14px;
    --snk-all-popover-header: 1.075rem;
    --snk-all-popover-body: var(--snk-fsz-12);

    --snk-sc-button-confirm: var(--snk-fsz-14);

    --snk-gallery-slider-header: 24px;
    --snk-gallery-slider-header-max1200: 20px;
    --snk-gallery-slider-header-max480: 18px;
    --snk-gallery-price: 26px;
    --snk-gallery-slick-arrow: 0;

    --snk-sc-module-title: var(--snk-fsz-12);
    --snk-sc-module-title-min768: var(--snk-fsz-14);
    --snk-form-check-label: var(--snk-fsz-12);
    --snk-form-control: var(--snk-fsz-14);
    --snk-form-control-placeholder: var(--snk-fsz-14);
    --snk-content-block-body-font-size: 14px;
    --snk-ocf-value-font-size: 13px;
    --snk-ocf-value-font-size-mobile: 16px;
}
*/