:root {

	/* COLORS */

    /* Brand / theme */
    --sy-color-primary: var(--fs-color-primary);
    --sy-color-secondary: var(--fs-color-secondary);

    --sy-color-background-primary: #ffffff;
    --sy-color-background-secondary: #f7fafd;
    --sy-color-background-error: #fae9ed;
    --sy-color-background-success: #ecfdf5;
    --sy-color-background-disabled: #eaeaea;
    --sy-color-background-darkblue: #33658a;

    --sy-color-functional-error: var(--fs-color-alert, #c81a47);
    --sy-color-functional-success: var(--fs-color-success, #178658);

    --sy-color-secondary-transparent-50: rgba(253, 237, 0, 0.5);
    
    --sy-color-text-body: var(--fs-color-base);
    --sy-color-text-muted: #767676;

    --sy-color-border-dark: #999999;
    --sy-color-border-medium: var(--sy-color-secondary);
    --sy-color-border-light: #c7c7c7;

    --sy-color-charcoal: #5B5A5A;
    --sy-color-grey: #808080;
    --sy-color-dust-grey: #D8D8D8;
    --sy-color-alabaster-grey: #D9D9D9;
    --sy-color-silver: #c7c7c7;
    --sy-color-black: #000000;
    --sy-color-white: #FFF;
    --sy-color-platinum: #f7fafd;
    --sy-color-parchment: #FAF7F2;

    --sy-color-star-rating: #FFC30F;
    --sy-color-bright-lemon: #FDED00;    

    /* PDP VARIABLES */
    --sy-form-control-height: 46px;

	/* SPACING */
    --sy-spacing-04: 0.25rem;
    --sy-spacing-08: 0.5rem;
    --sy-spacing-12: 0.75rem;
    --sy-spacing-15: 0.9375rem;
    --sy-spacing-16: 1rem;
    --sy-spacing-20: 1.25rem;
    --sy-spacing-24: 1.5rem;
    --sy-spacing-28: 1.75rem;
    --sy-spacing-30: 1.875rem;
    --sy-spacing-32: 2rem;
    --sy-spacing-36: 2.25rem;
    --sy-spacing-40: 2.5rem;
    --sy-spacing-44: 2.75rem;
    --sy-spacing-45: 2.8125rem;
    --sy-spacing-48: 3rem;
    --sy-spacing-52: 3.25rem;
    --sy-spacing-56: 3.5rem;
    --sy-spacing-60: 3.75rem;
    --sy-spacing-64: 4rem;
    --sy-spacing-68: 4.25rem;
    --sy-spacing-72: 4.5rem;
    --sy-spacing-76: 4.75rem;
    --sy-spacing-80: 5rem;
    --sy-spacing-84: 5.25rem;
    --sy-spacing-88: 5.5rem;
    --sy-spacing-92: 5.75rem;
    --sy-spacing-96: 6rem;
    --sy-spacing-100: 6.25rem;
    

     /* BORDERS */
    --sy-border-radius-none: 0;
    --sy-border-radius-minimal: 2px;
    --sy-border-radius-subtle: 3px;
    --sy-border-radius-medium: 6px;
    --sy-border-radius-large: 8px;
    --sy-border-radius-xlarge: 10px;
    --sy-border-radius-xxlarge: 16px;

    --sy-border-radius-default: var(--sy-border-radius-medium);

    --sy-border-width: 1px;

    /* FONT SIZES */

    --sy-font-price-l-font-size: 28px;
    --sy-font-product-uom-font-size: 1rem;

    --sy-font-product-title-l-font-size: 18px;
    --sy-font-product-title-m-font-size: 16px;

    /* FONT WEIGHTS */
    --sy-font-weight-thin: 100;
    --sy-font-weight-extra-light: 200;
    --sy-font-weight-light: 300;
    --sy-font-weight-regular: 400;
    --sy-font-weight-medium: 500;
    --sy-font-weight-semi-bold: 600;
    --sy-font-weight-bold: 700;
    --sy-font-weight-extra-bold: 800;
    --sy-font-weight-bolder: 900;

    /* LINE HEIGHTS */
    --sy-line-height-16: 1rem;     /* 16px */
    --sy-line-height-20: 1.25rem;  /* 20px */
    --sy-line-height-24: 1.5rem;   /* 24px */
    --sy-line-height-26: 1.625rem; /* 26px */
    --sy-line-height-28: 1.75rem;  /* 28px */
    --sy-line-height-30: 1.875rem; /* 30px */
    --sy-line-height-38: 2.375rem;  /* 38px */

    /* FONT FAMILIES */
    --fa-li-margin: 0;
    

    --sy-color-border-dark: #999999;
    --sy-color-border-medium: var(--sy-color-secondary);
    --sy-color-border-light: #c7c7c7;

    /* FORMS */
    --sy-form-control-background-color-disabled: var(--sy-color-background-disabled);
    --sy-form-control-color-disabled: var(--sy-color-text-muted);

    /* SHADOWS */
    --sy-shadow-down-small: 0 2px 3px 0 rgb(0 0 0 / 15%);
    --sy-shadow-up-small: 0 -2px 3px 0 rgb(0 0 0 / 15%);
    --sy-shadow-down-large: 0 20px 20px 0 rgb(0 0 0 / 15%);

    /* TYPOGRAPHY */
    --sy-icon-font-family: 'Font Awesome 7 Pro';
    --sy-icon-font-family-brands: 'Font Awesome 7 Brands';

    --sy-font-heading-1-font-size: 38px;
    --sy-font-heading-2-font-size: 28px;
    --sy-font-heading-3-font-size: 22px;
    --sy-font-heading-4-font-size: 18px;
    --sy-font-body-font-size: 16px;
    --sy-font-body-s-font-size: 14px;

}

/* SY SPACING CLASSES */
.mt--0 { margin-top: 0 !important; }
.mb--0 { margin-bottom: 0 !important; }

.pt--0 { padding-top: 0 !important; }
.pb--0 { padding-bottom: 0 !important; }

/* SY TYPOGRAPHY CLASSES */
.h2, h2 { font-size: var(--sy-font-heading-2-font-size); }
p {
  margin-bottom: var(--sy-spacing-16);
}

:is(h1, h2, h3, h4, h5, h6):has(+ p) {
  margin-bottom: 0;
}

.uppercase { letter-spacing: 0; }

.col-inner p:last-child { margin-bottom: 0; }

label,
td, th,
.cart_totals tbody th,
.shop_table tfoot th {
    font-size: var(--sy-font-body-font-size);
    color: var(--fs-color-base);
}

th {
    letter-spacing: 0;
    text-transform: unset;
}

/* BUTTONS */
.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    letter-spacing: 0;
    margin: 0;
}

.dark .button {
    color: var(--sy-color-white) !important;
}

.button.is-flat,
.button.secondary,
.button.checkout, 
.checkout-button,
.checkout-button:hover,
button#place_order,
button#place_order:hover,
button.single_add_to_cart_button,
button.single_add_to_cart_button:hover {
    color: var(--sy-color-text-body);
}

.button:not(.circle):not(.ux-search-submit):not(.ux-quantity__button):not(.add-to-cart-button .button) {
    font-size: var(--sy-font-body-font-size);
    line-height: var(--sy-line-height-16);
    padding: var(--sy-spacing-12) var(--sy-spacing-40);
}

.button span {
    line-height: var(--sy-line-height-16);
}

/* BREADCRUMBS */
body.home section.breadcrumbs {
    display: none;
}

/* HEADER */
.header-main {
    border-bottom: 9px solid var(--sy-color-secondary);
}

.header-search-form .form-flat input:not([type=submit]) {
    background-color: var(--sy-color-background-primary) !important;
    color: var(--sy-color-text-body) !important;
    border-radius: var(--sy-border-radius-medium);
    padding-inline: var(--sy-spacing-16);
    font-size: var(--sy-font-body-font-size);
}

.header-vertical-menu__opener {
	font-size: var(--sy-font-heading-4-font-size);
    border-radius: var(--sy-border-radius-medium);
}

.nav-dropdown .menu-item-has-children>a, 
.nav-dropdown .nav-dropdown-col>a, 
.nav-dropdown .title>a {
    font-size: var(--sy-font-body-font-size);
}

.header-vertical-menu__opener .icon-angle-down {
    display: none;
}

.icon-search:before,
.search-form .search-field::placeholder{
    color: var(--sy-color-text-muted) !important;
}

body.home .header-wrapper:not(.stuck) .header-vertical-menu__fly-out {
    top: 100px;
    border: 1px solid var(--sy-color-border-light);
    border-radius: var(--sy-border-radius-medium);
}

body.home .header-wrapper:not(.stuck) .header-vertical-menu__fly-out.has-shadow {
    box-shadow: none;
}

.header-vertical-menu__fly-out .ux-menu-icon,
.sidebar-menu .ux-sidebar-menu-icon {
    width: 42px;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out {
    padding-block: var(--sy-spacing-24) !important;
    row-gap: var(--sy-spacing-24);
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
    padding: 5px var(--sy-spacing-20);
    font-size: var(--sy-font-heading-4-font-size);
    font-weight: var(--sy-font-weight-semi-bold);
    color: var(--sy-color-text-body);
    line-height: 1.25;
}

/* MY ACCOUNT + BASKET ICONS */
[data-icon-label]:after {
    color: var(--sy-color-text-body);
    letter-spacing: 0;
    font-size: var(--sy-font-body-s-font-size);
    height: var(--sy-spacing-24);
    line-height: var(--sy-spacing-24);
    min-width: var(--sy-spacing-24);
    width: var(--sy-spacing-24);
    right: -15px;
    top: -15px;
}

.icon-user::before,
.icon-shopping-cart::before {
    content: '';
    display: inline-block;
    width: var(--sy-spacing-28);
    height: var(--sy-spacing-28);
    background-image: url('/wp-content/themes/packcenter/images/icon-my-account-check.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-shopping-cart::before {
    background-image: url('/wp-content/themes/packcenter/images/icon-shopping-cart.png');
}

/* FOOTER */
.absolute-footer { 
    display: none; 
}

.ux-menu-title {    
    text-transform: unset;
    font-size: var(--sy-font-heading-4-font-size);
}

.footer-wrapper .ux-logo-link {
    padding: 0 0 var(--sy-spacing-20) !important;
}

.ux-menu-link.flex.menu-item,
.ux-menu-title,
.ux-menu-link__link {
    line-height: 1.5;
    min-height: auto;
}

.footer-wrapper .dark .ux-menu-link__link {
    color: var(--sy-color-white);
}

.social-icons .button.icon:hover, .social-icons .button.icon:not(.is-outline) {
    background-color: var(--sy-color-white) !important;
    border-color: var(--sy-color-border-light) !important;
    margin-right: var(--sy-spacing-12);
}

.social-icons .button.icon:hover>i, 
.social-icons .button.icon:hover>span, 
.social-icons .button.icon:not(.is-outline)>i, 
.social-icons .button.icon:not(.is-outline)>span {
    color: var(--sy-color-text-body) !important;
    top: 0;
}

/* PLP */
.page-title-inner { 
    min-height: auto; padding-top: 0; 
}
.page-title-inner .breadcrumbs {
    display: none;
}

#shop-sidebar aside + aside {
    margin-top: var(--sy-spacing-30);
}

#shop-sidebar .widget-title {
    letter-spacing: 0;
    font-size: var(--sy-font-heading-4-font-size);
    font-weight: 700;
}

#shop-sidebar .widget .is-divider { 
    display: none; 
}

.woocommerce-widget-layered-nav>ul.woocommerce-widget-layered-nav-list>li.woocommerce-widget-layered-nav-list__item+li,
.product-categories .cat-item {
    border-top: none;
}

#shop-sidebar .widget_layered_nav li {
    display: flex;
    align-items: center;
    justify-self: baseline;
    gap: var(--sy-spacing-12);
}

.woocommerce-widget-layered-nav-list__item a,
.widget_product_categories .cat-item a {
    color: var(--sy-color-text-body);
}

.woocommerce-widget-layered-nav-list__item a:before,
.woocommerce-widget-layered-nav-list__item.woocommerce-widget-layered-nav-list__item--chosen a:before {
    font-family: var(--sy-icon-font-family);
    font-weight: var(--sy-font-weight-light);
    content: "\f0c8" !important;
    margin-right: var(--sy-spacing-12);
    color: var(--sy-color-text-muted);
}

.woocommerce-widget-layered-nav-list__item.woocommerce-widget-layered-nav-list__item--chosen a:before {
    font-weight: var(--sy-font-weight-extra-bold);
}

.widget>ul>li .count { 
    color: var(--sy-color-text-muted);
    font-size: var(--sy-font-body-font-size);
    opacity: 1;
    line-height: 1;
 }

.wc-layered-nav-term.chosen>a:before,
.widget li.chosen a:before { 
    border: none;
    height: unset;
    width: unset;
    margin-right: var(--sy-spacing-12);
    top: 0;
}

.sy-filters--toggle-btn {
    color: var(--sy-color-text-muted) !important;
    font-size: var(--sy-font-body-font-size);
    font-weight: var(--sy-font-weight-bold);
    cursor: pointer;
}

.sy-filters--toggle-btn::after {
    font-family: var(--sy-icon-font-family);
    font-weight: var(--sy-font-weight-bold);
    content: "\f078" !important;
    margin-left: var(--sy-spacing-12);
}

.sy-filters--toggle-btn[data-state="opened"]::after {
    content: "\f077" !important;
}

.sy-filters--clear-all-btn {
    font-size: var(--sy-font-body-font-size);
    font-weight: var(--sy-font-weight-regular);
    letter-spacing: 0;
}

.widget-title:has(.sy-filters--clear-all-btn) {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 849px){
    .category-filter-row {
        position: fixed;
        inset: auto 0 0;
        background: var(--sy-color-background-primary);
        font-size: var(--sy-font-body-font-size);
        padding: var(--sy-spacing-12);
        box-shadow: var(--sy-shadow-up-small);
        z-index: 100;
    }
    
    .category-filter-row .filter-button {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.sy-result-count__wrapper {    
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid var(--sy-color-border-light);
    border-bottom: 1px solid var(--sy-color-border-light);
    margin-bottom: var(--sy-spacing-30);
    white-space: nowrap;
    gap: var(--sy-spacing-16);
}

.sy-result-count__wrapper .woocommerce-result-count { 
    font-weight: 700; 
    margin: 0; 
}

.sy-result-count__wrapper .woocommerce-ordering {
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
    border-left: 1px solid var(--sy-color-border-light);
    padding-left: var(--sy-spacing-16);
}

.sy-result-count__wrapper .woocommerce-ordering label {
    font-size: var(--sy-font-body-font-size);
    font-weight: 400;
    margin: 0;
}
.sy-result-count__wrapper .orderby {
    border: none;
    box-shadow: none;
    margin: 0;
}

.sy-result-count__title {
    margin-right: auto;
    font-weight: var(--sy-font-weight-semi-bold);
}
@media screen and (max-width:549px){
    .sy-result-count__title {
        display: none;
    }
}

.usp-list__wrapper .usp--list-horizontal ul {
    display: flex;
    justify-content: center;
    gap: var(--sy-spacing-12) var(--sy-spacing-20);
}

.usp-list__wrapper .usp--list-horizontal ul li { 
    padding-inline: 0; 
}

.usp-list__wrapper .usp--list-horizontal ul li.bullet-checkmark::before {
    position: relative;
    font-family: var(--sy-icon-font-family);
    content: "\f00c" !important;
    margin-right: var(--sy-spacing-08);
    color: var(--fs-color-success);
}

.usp--list > ul > li {
    padding: 0;
    border-bottom: 0;
}

/* PRODUCT TILE */
.products > .product {
    padding: 0 var(--sy-spacing-08) var(--sy-spacing-20);
}

.product-small.box {
    border: 1px solid var(--sy-color-border-light);
    border-radius: var(--sy-border-radius-medium);
    padding: var(--sy-spacing-20);
}

.product-small.box .box-text-products {
    display: grid;
    grid-template-areas:
        "title title"        
        "price button";
    grid-template-columns: 1fr var(--sy-spacing-48);
    gap: var(--sy-spacing-20);
    font-size: var(--sy-font-body-font-size);
    padding-bottom: 0;
}

.product-small.box .box-text-products .title-wrapper {
    grid-area: title;
}

.box-text-products .title-wrapper p {
    margin: 0;
}

.box-text-products .title-wrapper a {
    margin: 0;
    line-height: 1.5;
    font-weight: var(--sy-font-weight-semi-bold);
    color: var(--sy-color-black);
}

.product-small.box .box-text-products .price-wrapper {
    grid-area: price;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.product-small.box .box-text-products .price-wrapper span.price {
    margin-bottom: 0;
}

.product-small.box .price-wrapper ins .woocommerce-Price-amount,
.product-small.box .price-wrapper > .price .woocommerce-Price-amount:not(del .woocommerce-Price-amount) {
    font-size: var(--sy-font-product-title-l-font-size);
}

.product-small.box .box-text-products .price-wrapper .description,
.woocommerce-cart-form .woocommerce-cart-form__cart-item .sku {
    color: var(--sy-color-grey);
}

.product-small.box .box-text-products .product_type_simple,
.product-small.box .box-text-products .product_type_variable,
.product-small.box .box-text-products .product_type_variation,
.product-small.box .box-text-products .add-to-cart-button > .button {
    grid-area: button;
    margin: 0;
    background-color: var(--fs-color-secondary);
    width: var(--sy-spacing-48);
    height: var(--sy-spacing-48);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.product-small.box .box-text-products .product_type_simple.added,
.product-small.box .box-text-products .product_type_variable.added,
.product-small.box .box-text-products .product_type_variation.added,
.product-small.box .box-text-products .add-to-cart-button > .button.added {
    background-color: var(--fs-color-success);
}

.product-small.box .box-text-products .button i {
    margin: 0;
}

.product-small.box .box-text-products .button.added i:before {
    color: var(--sy-color-white);
    content: "\f00c" !important;
}

.product-small.box .box-text-products .added_to_cart {
    display: none;
}
/* END PRODUCT TILE */

.woocommerce-price-suffix {
    color: var(--sy-color-text-muted);
}

/* QUANTITY INPUT */
.ux-quantity__button, .ux-quantity .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--sy-form-control-height);
    min-width: unset;
    height: var(--sy-form-control-height);
    min-height: unset;
    padding: 0;
    font-size: 24px;
}

.ux-quantity .button, .ux-quantity input[type=number] {
    height: var(--sy-form-control-height);
    line-height: var(--sy-form-control-height);
    box-shadow: none;
}

.ux-quantity input[type=number] {
    width: var(--sy-spacing-72);
    max-width: var(--sy-spacing-72);
}

.ux-quantity input[type=button].is-form {
    background-color: var(--sy-color-background-secondary);
}

/* PDP */
/* Stock indication */
.sy-stock__wrapper {
    margin-top: var(--sy-spacing-15);
}

.sy-stock__status {
    display: flex;
    align-items: center;
    gap: var(--sy-spacing-12);
    margin-bottom: var(--sy-spacing-15);
}

.sy-stock__badge {
    display: inline-flex;
    align-items: center;
    gap: var(--sy-spacing-08);
    padding: var(--sy-spacing-04) var(--sy-spacing-12);
    border-radius: var(--sy-border-radius-default);
    border: var(--sy-border-width) solid transparent;
    font-size: var(--sy-font-body-s-font-size);
}

.sy-stock__status--instock .sy-stock__badge {
    border-color: var(--fs-color-success);
    color: var(--fs-color-success);
}

.sy-stock__status--outofstock .sy-stock__badge {
    border-color: var(--fs-color-alert);
    color: var(--fs-color-alert);
}

.product-page-price { 
    font-size: var(--sy-font-price-l-font-size); 
}

.product-page-price .woocommerce-price-suffix,
.product-page-price .price__pack-qty {
    font-size: var(--sy-font-body-font-size);
}

.product-page-price .woocommerce-price-suffix:not(.price__pack-qty) {
    display: none;
}

.single_add_to_cart_button { 
    display: flex;
    align-items: center;
    gap: var(--sy-spacing-08);
}

.single_add_to_cart_button:before {
    font-family: var(--sy-icon-font-family);
    content: "\f291";
    font-weight: 400;
}

ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star, ul li.bullet-plus {
    padding: var(--sy-spacing-04) 0 var(--sy-spacing-04) var(--sy-spacing-24);
    list-style: none;
    border-bottom: unset;
}

ul li.bullet-checkmark:before,
ul li.bullet-plus:before {
    content: "\f058" !important;
    color: var(--fs-color-success);
    font-weight: var(--sy-font-weight-bolder);
    font-family: var(--sy-icon-font-family);
}

ul li.bullet-plus:before {
    content: "\f055" !important;
    left: 0;
    position: absolute;
}

/* Product gallery */
.woocommerce-product-gallery {
    border: 1px solid var(--sy-color-border-light);
    border-radius: var(--sy-border-radius-large);
    overflow: hidden;
}

.product-thumbnails .col a {
    display: block;
    font-size: 0;
    line-height: 0;
}

.product-thumbnails .col img {
    display: block;
    width: 100%;
    height: auto;
}

.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover {
    border: 2px solid var(--sy-color-border-light) !important;
}

.product-thumbnails .col a {
    border: 1px solid var(--sy-color-border-light);
    border-radius: var(--sy-border-radius-subtle);
}

/* PDP ASSETS */
.sy-product-assets__wrapper td, 
.sy-product-assets__wrapper th { 
    border: none;
    color: var(--fs-color-base);
    font-size: var(--sy-font-body-font-size);
    padding: var(--sy-spacing-08) var(--sy-spacing-16);
}

.sy-product-assets__wrapper td i + a {
    padding-left: var(--sy-spacing-08);
}

.sy-product-assets__wrapper a {
    text-decoration: underline;
}

/* Attributes */
.sy-product-attribute {
    display: inline-flex;
}

.sy-product-attribute+.sy-product-attribute {
    margin-left: var(--sy-spacing-08);
    padding-left: var(--sy-spacing-08);
    border-left: var(--sy-border-width) solid var(--sy-color-border-light);
}

/* PDP SPECIFICATIONS */
.sy-all-product-attributes__item {
    display: flex;
    align-items: center;
    margin: 0;
    padding: var(--sy-spacing-08);
}

.sy-all-product-attributes__grid > * {
    display: grid;
    grid-template-columns: 32px 1fr 1fr;
    column-gap: var(--sy-spacing-08);
    align-items: baseline;
}
.sy-all-product-attributes__item:nth-child(odd) {
    background-color: var(--sy-color-platinum);
}

.sy-all-product-attributes__list-item:nth-child(even) {
    background-color: var(--sy-color-white);
}

dl.sy-all-product-attributes__item > * {
    font-size: var(--sy-font-body-font-size);
    text-transform: none;
}

/* VARIATIONS */
.sy-product-variations-swatches__wrapper { margin-bottom: var(--sy-spacing-20); }
.sy-product-variations-swatches__wrapper .current-value { color: var(--sy-color-grey); }
.sy-product-variations-swatches__wrapper .ux-swatch { box-shadow: 0 0 0 2px var(--sy-color-border-light); }
.sy-product-variations-swatches__wrapper .ux-swatch--label { font-size: var(--sy-font-body-font-size); }
.sy-product-variations-swatches__wrapper .ux-swatch.selected { box-shadow: 0 0 0 0.1rem var(--fs-color-secondary); }
.sy-product-variations-swatches__wrapper .ux-swatch.out-of-stock { opacity: 0.15; position: relative; }

/* PDP STICKY ADD TO CART */
.sticky-add-to-cart__wrapper .sticky-add-to-cart--active {
    background: #FFF;
    font-size: var(--sy-font-body-font-size);
    padding: var(--sy-spacing-12) 0;
    box-shadow: var(--sy-shadow-up-small);
    z-index: 999999;
}

.sticky-add-to-cart__wrapper .sticky-add-to-cart--top {
    bottom: auto;
    top: var(--flatsome-scroll-padding-top);
    box-shadow: var(--sy-shadow-down-small);
    transition-property: transform, opacity, top;
}

.sticky-add-to-cart__product {
    width: 100%;
    display: grid !important;
    grid-template-areas:
      "img  title  price  form"
      "img  stock  price  form"
      "img  usps   price  form";
    grid-template-columns: 75px 1fr auto auto;
    grid-template-rows: repeat(3, 1fr);
    align-items: center;
    gap: 0 var(--sy-spacing-20);
}

.sticky-add-to-cart--no-image .sticky-add-to-cart__product {
    grid-template-areas:
      "title  price  form"
      "stock  price  form"
      "usps   price  form";
    grid-template-columns: auto 1fr auto;
}

.sticky-add-to-cart--no-usps .sticky-add-to-cart__product {
    grid-template-areas:
      "title  price  form"
      "stock  price  form";
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: auto 1fr auto;
}

.sticky-add-to-cart__product .sticky-add-to-cart-img {
    grid-area: img;
    margin: 0;
    width: 75px;
    height: 75px;
}

.sticky-add-to-cart__product .sticky-add-to-cart--info-texts {
    grid-area: title;
}

.sticky-add-to-cart__product .stock { 
    grid-area: stock; 
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    font-size: var(--sy-font-body-font-size);
}

.sticky-add-to-cart__product > .sticky-add-to-cart--usps { 
    grid-area: usps; 
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    font-size: var(--sy-font-body-s-font-size);
}

.sticky-add-to-cart__product .sticky-add-to-cart--info-prices { 
    grid-area: price; 
    text-align: right;
}

.sticky-add-to-cart__wrapper .sticky-add-to-cart--active form.cart {
    grid-area: form;
}

.sticky-add-to-cart__wrapper .sticky-add-to-cart--no-image .sticky-add-to-cart__product .sticky-add-to-cart-img {
    display: none;
}

.sticky-add-to-cart__wrapper .sticky-add-to-cart--no-quantity .sticky-add-to-cart__product .quantity {
    display: none;
}

.sticky-add-to-cart__product .sticky-add-to-cart--info {
    align-items: center;
    display: flex;
    flex: 1;
    gap: var(--sy-spacing-12);
}

.sticky-add-to-cart__product .product-title-small {
    font-size: var(--sy-font-product-title-m-font-size);
    max-width: none;
    margin: 0;
}

.sticky-add-to-cart__product .button:not([type="submit"]):not(.ux-quantity__button) {
    display: none;
}

@media (max-width: 849px){
    .sticky-add-to-cart__wrapper .sticky-add-to-cart--top {
        top: auto;
        bottom: 0;
        /*top: var(--flatsome--header--sticky-height);*/
    }
    .sticky-add-to-cart__product { 
        grid-template-areas:
          "price"
          "form";
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: var(--sy-spacing-08);
        align-items: flex-start;
    }

    .sticky-add-to-cart__product .sticky-add-to-cart--info-prices {
        text-align: left;
    }

    .sticky-add-to-cart__product .sticky-add-to-cart-img,
    .sticky-add-to-cart__product .sticky-add-to-cart--info-texts,
    .sticky-add-to-cart__product > .sticky-add-to-cart--usps,
    .sticky-add-to-cart__product .quantity,
    .sticky-add-to-cart__product .stock {
        display: none;
    }

    .sticky-add-to-cart__product form.cart, 
    .sticky-add-to-cart__product form.cart button[type="submit"] {
        width: 100%;
    }

    .sticky-add-to-cart__product form.cart button[type="submit"] {
        margin: 0 !important;
        padding: 0 !important;
        justify-content: center;
        width: 100% !important;
    }
}

/* CART + CHECKOUT */
.woocommerce-cart-form .product-price {
    display: none;
}

.wc_payment_method .payment_box {
    margin-bottom: var(--sy-spacing-12);
}

.woocommerce form.checkout input[readonly] {
    background-color: var(--sy-color-background-disabled);
    color: var(--sy-color-text-muted);
}

/* TABLES */
.table--striped {
    border: var(--sy-border-width) solid var(--sy-color-border-light);
}

.table--striped tr:nth-child(odd) {
    background-color: var(--sy-color-platinum);
}

/* BANNERS */
.banner-bg > img {
    border-radius: var(--sy-border-radius-medium);
    overflow: hidden;
}

.banner h5,
.banner .h5 { 
    font-size: var(--sy-font-heading-3-font-size); 
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

/* BOX */
.box-image {
    border-radius: var(--sy-border-radius-medium);
    overflow: hidden;
}

.box-category.box-badge .box-image .image-cover {
    background-color: var(--sy-color-parchment);
}

.box-category.box-badge .box-text {
    bottom: unset;
    top: 0;
    padding: var(--sy-spacing-30);
}

.box-category.box-badge .box-text .header-title {
    font-weight: var(--sy-font-weight-semi-bold);
    font-size: var(--sy-font-heading-3-font-size);
}

.product-category .box-category.box-shade .box-text h5 { font-size: var(--sy-font-heading-3-font-size); }

/* SLIDER */
.slider-nav-reveal .flickity-prev-next-button,
.slider-nav-reveal .flickity-prev-next-button:hover {
    background-color: transparent;
    box-shadow: none;
}

/* OFFCANVAS */
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content { background-color: var(--sy-color-white); }
.off-canvas:not(.off-canvas-center) .nav-vertical li>a { font-size: var(--sy-font-body-font-size); }

/* BLOGS START */
.post-item .is-divider { display: none; }

.post-item .col-inner {
    border: 1px solid var(--sy-color-alabaster-grey);
    border-radius: var(--sy-border-radius-medium);
    padding: var(--sy-spacing-20);
}

.post-item .post-title {
    font-size: var(--sy-font-heading-3-font-size);
}

.post-item .box-text {
    font-size: var(--sy-font-body-font-size);
    padding-bottom: 0px;
}

/* BADGES */
.badge-container.left {
    right: var(--sy-spacing-20);
    left: inherit;
    margin: 0;
}

.badge-container .badge {
    height: auto;
    text-transform: uppercase;
    border-radius: 0 0 var(--sy-border-radius-medium) var(--sy-border-radius-medium);
    overflow: hidden;
}

.badge-container .badge:not(:last-child) {
    border-radius: 0;
}

.badge-container .badge .badge-inner {
    font-size: var(--sy-font-body-s-font-size);
    font-weight: var(--sy-font-weight-semi-bold);
    line-height: 1;
    padding: var(--sy-spacing-08) var(--sy-spacing-16);
}

/* STACK */
.stack-row>*~* {
    padding-left: var(--sy-spacing-15);
    margin-left: 0 !important;
}
.stack-row > *:first-child:not(:last-child) {
    padding-right: var(--sy-spacing-15);
}

.stack-row.stack--divided > *:first-child:not(:last-child) {
    border-right: 1px solid var(--sy-color-border-light);
}

/* GOOGLE RATING */
.sy-google-rating { 
    display: inline-flex;
    align-items: center;
    gap: var(--sy-spacing-08, 8px);
    padding: var(--sy-spacing-12, 8px) 0;
}

.sy-google-rating__star { color: var(--sy-color-star-rating, var(--sy-color-star-rating)); }
.sy-google-rating__score { font-weight: 700; }

/* MY ACCOUNT */
.sy-my-account-navigation .dashboard-links {
    display: flex;
    flex-direction: column;
    background-color: var(--sy-color-platinum);
    padding: var(--sy-spacing-15);
    gap: var(--sy-spacing-08);
    font-size: var(--sy-font-body-font-size);
}

.sy-my-account-navigation .dashboard-links li {
    width: 100%;
    margin: 0;
}

.sy-my-account-navigation .dashboard-links .is-active {
    display: list-item;
}
 
.sy-my-account-navigation .dashboard-links a {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: var(--sy-spacing-15);
    text-align: left;
    background-color: var(--sy-color-white);
}

.sy-my-account-navigation .dashboard-links .is-active a,
.sy-my-account-navigation .dashboard-links a:hover {
    background-color: var(--sy-color-secondary);
    color: var(--sy-color-black);
    box-shadow: none;
}

.dashboard-links a:hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
}

@media screen and (max-width:849px){
    .woocommerce-MyAccount-content .u-columns { 
        display: flex; 
        flex-direction: column;
        gap: var(--sy-spacing-30);
    }
}

@media screen and (min-width:850px){
    .woocommerce-MyAccount-content .u-columns > [class*="col-"] {
        flex: 1;
    }
    .woocommerce-MyAccount-content .u-columns.u-columns>div+div {
        padding-left: 0;
    }
}

/* HIGLIGHT BOX */
.highlight-box .col-inner {
    padding: var(--sy-spacing-20);
}

.highlight-box--secondary .col-inner {
    background-color: var(--sy-color-secondary-transparent-50);
}

/* SY CUSTOM KIYOH REVIEW WIDGET */

.sy-kiyoh-slider {
    padding: 33px 0 0 0 !important;
}

.sy-kiyoh-card {
    background: var(--sy-color-white);
    border-radius: var(--sy-border-radius-xxlarge);
    padding: 32px;
    border: 1px solid #0000001a;
}

.sy-star { 
    font-size: 24px; 
    position: relative; 
    display: inline-block; 
}

.sy-star.filled { 
    color: var(--sy-color-bright-lemon); 
}

.sy-star.empty { 
    color: var(--sy-color-alabaster-grey); 
}

.sy-star.half { 
    color: var(--sy-color-alabaster-grey); 
    position: relative; 
}

.sy-star.half::before {
    content: '\f005';
    font-family: var(--sy-icon-font-family);
    font-weight: 900;
    position: absolute; 
    width: 50%; 
    overflow: hidden; 
    color: var(--sy-color-bright-lemon); 
}

.sy-kiyoh-text {
    line-height: 1.6;
    margin: 12px 0 auto 0;
    height: 100px !important;
    overflow-y: auto !important;
}

.sy-kiyoh-footer {
    display: flex;
    gap: 16px;
    margin: 30px 0 0 0;
}