/* 
Theme Name: EMS Lapzone Child
Description: EMS Lapzone is a Wordpress theme for laptops.
Author: Dimitar Minchev
Template: ems-lapzone
Version: 3.0.0
Text Domain: ems-lapzone-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* 
h1,h2,h3,h4,h5,h6,span,p,a,div,li,button,input,select,textarea{
    font-family: 'Noto Sans' !important;
} */
 /* body *:not(#wpadminbar):not(#wpadminbar *){
    font-family: 'Noto Sans' !important;
} */

@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');

 body:not(.elementor-editor-active) *:not(#wpadminbar):not(#wpadminbar *){
    /* font-family: 'Noto Sans' !important; */
    font-family: 'Albert Sans', sans-serif;
}

span#ems-fav-count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    font-style: normal;
}
.page-id-413 h1.entry-title {
    display: none;
}








/* @media (min-width: 1510px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main{
    max-width: 1500px !important;
    }
}
@media (min-width: 1360px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main, .site-main {
        max-width: 1280px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}
@media (min-width: 992px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main, .site-main {
         max-width: 800px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}
@media (min-width: 770px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main, .site-main {
         max-width: 600px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}

@media (min-width: 576px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main, .site-main {
         max-width: 500px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
} 
@media (min-width: 280px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main, .site-main {
         max-width: 100%;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}  */


/* 1. Най-малкото (Base / Mobile) */
@media (min-width: 280px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main{
        max-width: 100% !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
} 

/* 2. Малко по-голямо */
@media (min-width: 576px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
       max-width: 100% !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}

/* 3. Таблети / Средни */
@media (min-width: 770px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
       max-width: 100% !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}

/* 4. Лаптопи */
@media (min-width: 992px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
      max-width: 100% !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}

/* 4. Лаптопи */
@media (min-width: 1024px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        max-width: 95% !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}

/* 4. Лаптопи */
@media (min-width: 1280px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        max-width: 1260px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}

/* 5. Десктоп */
@media (min-width: 1360px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main{
        max-width: 1280px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}

/* 6. Големи екрани (Last applied wins on huge screens) */
@media (min-width: 1510px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main{
        max-width: 1500px !important;
    }
}







/* PROMO BANNER SECTION */
.ems-promo-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 40px;
    min-height: 290px;
    max-height: 290px;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
}

.ems-promo-left {
    flex: 1;
    max-width: 22%;
    z-index: 2;
}

.ems-promo-badge {
    display: inline-block;
    background-color: #0547CC; 
    color: #fff;
    padding: 10px 15px;
    margin-bottom: 15px;
    text-align: center;
    clip-path: polygon(3px 0, 100% 0, calc(100% - 3px) 100%, 0 100%);
    font-size: 32.068px;
    font-weight: 700;
    line-height: 105%; 
    letter-spacing: -1.283px;
    text-transform: uppercase;
}

.ems-promo-title {
color: #212222;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 106%;
letter-spacing: -1.92px;
}

.ems-promo-right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    z-index: 2;
}

.ems-product-card {
    color: #fff;
    padding: 24px;
    width: 100%;
    max-width: 500px;
    position: relative;
    background: rgba(13, 12, 13, 0.82);
    border-radius: 7px;
}

.ems-product-attributes {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
}



.ems-promo-right .ems-attr-icon img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    filter: invert(1); 
}
.ems-promo-wrapper h3.ems-product-title {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
    letter-spacing: -1.28px;

        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.ems-promo-wrapper .ems-product-price bdi {
    color: white !important;
}
.ems-promo-wrapper .ems-product-price {
    display: flex;
    flex-direction: column;
}
.ems-promo-wrapper .ems-product-price ins bdi {
    color: #FFF !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 105% !important;
    text-transform: uppercase !important;
}
.ems-promo-wrapper .ems-product-price ins {
    text-decoration: unset !important;
}
.ems-promo-wrapper .ems-attr-row {
    background: unset !important;
    color: white !important;
    padding: 0;
}









.ems-product-main-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ems-info-col {
    width: 50%;
}



.ems-image-col {
    width: 45%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ems-image-col img {
    max-width: 126px;
    height: 95px;
    display: block;
    object-fit: cover;
}

.ems-product-action {
    text-align: right;
    margin-top: 15px;
}



a.ems-view-btn {
    width: 207px;
    height: 27px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
    letter-spacing: 1.28px;
    text-transform: uppercase;
}

.ems-view-btn:hover {
    background: #ccc;
    color: #000;
}


.ems-product-placeholder {
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 20px;
}


/* END OF PROMO BANNER SECTION */









.home h1.entry-title {
    display: none;
}

.emsswiper-wrapper {
    display: flex;
    gap: 12px;
}



body {
    background: #FAFAFA;
}


/* === EMS Product Card === */
.ems-product-item {
    list-style: none;
    background: #fff;
    padding: 15px !important;
    text-align: center;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    border-radius: 7px !important;
}

.ems-product-thumb {
    margin-bottom: 15px;
}

.ems-product-item:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transform: translateY(-3px);
}

.ems-product-link {
    color: inherit;
    text-decoration: none;
    display: block;
}

.ems-product-thumb img {
    max-width: 100%;
    height: auto;
        max-height: 118px;
    object-fit: contain;
}

.ems-product-title {
    font-size: 18px;
    margin: 15px 0 8px;
    text-transform: uppercase;
    color: #212222;
    font-weight: 400;
    line-height: 106%;
    letter-spacing: 2px;
}



.ems-product-price del bdi{
    color: #696969 !important;
    font-weight: 400;
    margin-right: 6px;
    font-size: 14px;
    letter-spacing: 2px;
}
.ems-product-price del {
    text-decoration-color: #696969;
        color: #696969;
            font-size: 14px;
}

.ems-product-attrs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* === Tech Specs Section === */
.ems-attrs-section.ems-attrs-specs {
    /* background: #f8f8f8; */
    border-radius: 8px;
    padding: 10px 15px;
}

.ems-attr-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 2px 10px 2px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #212222;
    background: #a7a7a724;
    margin-bottom: 5px;
    letter-spacing: 1px;
    border-radius: 7px;
}

.ems-attr-icon {
    font-size: 18px;
    display: flex;
}
span.ems-attr-icon img {
    height: 15px !important;
    margin: 0 !important;
    max-width: 15px;
    object-fit: contain;
    min-width: 15px;
}

/* === Condition Section === */
.ems-attrs-section.ems-attrs-condition {
    /* margin-top: 10px; */
    background: transparent;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ems-condition-row {
    font-size: 12px;
    color: #696969;
    text-transform: uppercase;
    line-height: 1.4;
}

.ems-condition-row strong {
    display: block;
    font-weight: 700;
    color: #696969;
}

.ems-product-price ins bdi {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #212222 !important;
    margin-bottom: 10px;
    letter-spacing: 2px;
        margin-top: 20px;
}

.ems-product-price .price {
    display: flex !important;
    flex-direction: column;
}

.ems-product-price bdi {
    font-size: 18px;
    color: #212222;
    font-weight: 600;
    letter-spacing: 2px;
}




.ems-product-price .ems-eur-price {
    font-size: 18px;
    color: #212222;
    font-weight: 600;
    letter-spacing: 2px;
}
.emswwldark .ems-product-price .ems-eur-price {
    color: white;
}





.ems-product-price .price ins {
    text-decoration: unset !important;
}
.emswwldark li {
    background: #212222;
    border-radius: 7px;
}

.emswwldark .price bdi {
    color: white;
}


.emswwldark .price ins {
    color: white;
}



.emswwldark .price del {
    color: #696969;
}


.emswwldark li h2 {
    color: #ffffff;
}
.emswwldark li ins bdi {
    color: #ffffff !important;
}

.emswwldark .ems-attr-row {
    color: white;
}

.emswwldark span.ems-attr-icon img {
    filter: invert(1);
}







.emswwldark {
    background: #212222;
    border-radius: 7px;
    transform:scale(1) !important;
}

.emswwldark .price bdi {
    color: white;
}

.emswwldark h2 {
    color: #ffffff;
}
.emswwldark ins bdi {
    color: #ffffff !important;
}

.emswwldark .ems-attr-row {
    color: white;
}

.emswwldark span.ems-attr-icon img {
    filter: invert(1);
}







span.ems-sale-badge {
    background: #0547CC;
    color: white;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    clip-path: polygon(3px 0, 100% 0, calc(100% - 3px) 100%, 0 100%);
        position: absolute;
    top: 10px;
    right: 10px;
}

/* .cp-icons-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.cp-iconbox {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 11px;
    padding: 30px 25px;
    border:1px solid #AEAEAE;
        border-radius: 7px;
    max-width: 258px;
    width: 258px;
    justify-content: space-evenly;
}
.cp-iconbox img {
    height: 35px;
    object-fit: contain;
}
.cp-iconbox span {
    text-transform: uppercase;
    font-size: 16px;
} */
 /* --- КОНТЕЙНЕР --- */
.cp-icons-row {
    display: flex;
    flex-wrap: wrap;       /* Позволява пренасяне */
    gap: 15px;             /* Разстояние между елементите */
    width: 100%;           /* Гарантира пълна ширина */
}

/* --- КУТИЙКИ --- */
.cp-iconbox {
    display: flex;
    flex-direction: row-reverse; /* Икона отдясно */
    align-items: center;
    /* justify-content: center; */
    justify-content: space-evenly;
    /* gap: 10px; */
    
    /* --- ДЕСКТОП НАСТРОЙКИ --- */
    /* flex-grow: 1 кара кутиите да се разпънат и да запълнят "целия ред" */
    flex: 1 1 18%;         /* База 18% (за да се съберат 5), но се разтягат */
    min-width: 200px;      /* Не позволява да стават твърде малки */
    
    border: 1px solid #AEAEAE;
    border-radius: 7px;
    /* padding: 15px; */
    padding: 30px 25px;
    box-sizing: border-box;
}

/* .cp-iconbox img {
    margin: 0;
    width: 40px; 
    height: auto;
} */
.cp-iconbox span {
    text-transform: uppercase;
    font-size: 16px;
}
.cp-iconbox img {
    height: 35px;
    object-fit: contain;
}

/* --- МОБИЛНА ВЕРСИЯ (2 на ред) --- */
@media (max-width: 768px) {
    .cp-icons-row {
        gap: 10px; /* Малко по-малко разстояние на мобилно */
    }

    .cp-iconbox {
        /* Формула за точно 2 на ред с разстояние 10px */
        flex: 0 0 calc(50% - 5px); 
        min-width: 0;       /* Премахваме ограничението от десктоп */
        padding: 15px 15px;  /* По-компактен падинг */
    }
    
    .cp-iconbox span {
        font-size: 12px; /* Намален шрифт да се събира текста */
        line-height: 1.2;
    }
    .cp-iconbox img {
        height: 30px;
        object-fit: contain;
        width: 50px;
    }
}
@media (max-width: 340px) {
    .cp-iconbox {
            flex: 0 0 calc(100% - 0px);
    }    
}







/* SINGLE PRODUCT PAGE */
body:not(.home):not(.elementor-editor-active) .ems-home-slide {
    display: none;
}
body:not(.home) nav.ems-side-menu {
    display: none;
}

.ems-tags-wrap {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Основа на бейджа */
.ems-tag-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border-radius: 40px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    background: #fff;
    border: 1px solid transparent;
    /* background-image: linear-gradient(#fff,#fff), */
        /* linear-gradient(90deg, #ff0000, #f4ce2f, #3d38ff); */
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

/* Текст */
.ems-tag-text {
    letter-spacing: 0.5px;
}

/* Иконка */
.ems-tag-info {
    position: relative;
    cursor: pointer;
    color: #0049ff;
    display: flex;
    align-items: center;
}

.ems-tag-info-icon {
    width: 16px;
    height: 16px;
}

/* Tooltip */
.ems-tag-tooltip {
    display: none;
    position: absolute;
    top: 120%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 180px;
    max-width: 260px;
    background: #fff;
    color: #000;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.35;
    box-shadow: 0px 8px 22px rgba(0,0,0,0.15);
    border: 1px solid #e9e9e9;
    z-index: 50;
    white-space: normal;
}

.ems-tag-info:hover .ems-tag-tooltip {
    display: block;
}

.ems-gallery ol.flex-control-nav.flex-control-thumbs li img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border: 1px solid #b6b6b6;
    background: white;
}
/* .ems-gallery img.flex-active{
background: #D7D7D7 !important;
} */
.ems-gallery .flex-control-thumbs li {
    margin-right: 12px !important;
    width: auto !important;
}
.single-product ol.flex-control-nav.flex-control-thumbs {
    display: flex;
}

.flex-viewport img.wp-post-image {
    background: white;
    border: 1px solid #D7D7D7;
    height: 100% !important;
    object-fit: contain;
    padding: 30px;
    border-radius: 4px;
}
.ems-title h1 {
    font-size: 32px;
    color: #212222;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}
.ems-title {
    margin-top: 15px;
}
.ems-excerpt {
    font-size: 20px;
    font-weight: 300;
    color: #696969;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.ems-gallery .woocommerce-product-gallery.woocommerce-product-gallery--with-images {
    width: 100% !important;
        display: flex;
    flex-direction: column;
    gap: 30px;
}
.ems-gallery {
    width: 65%;
}
.ems-summary.summary.entry-summary {
    width: 35% !important;
}
.ems-entry {
    display: flex;
    width: 100%;
    gap: 48px;
}
p.price {
    display: flex;
    flex-direction: column;
}
p.price ins bdi {
    color: #0547CC;
    font-size: 32px;
    letter-spacing: 2px;
    font-weight: 600;
    text-decoration-line: unset !important;
}
p.price ins {
    text-decoration-line: unset !important;
        line-height: 1;
}
p.price del bdi {
    color: #696969 !important;
    font-size: 21px;
    letter-spacing: 2px;
    font-weight: 300;
}
p.price del {
    text-decoration-color: #696969;
    text-decoration-thickness: from-font;
        color: #696969;
}
.ems-price {
    margin-top: 35px;
}
.single-product .quantity {
    display: none;
}
button.single_add_to_cart_button.button.alt {
    background: #0547CC;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 21px 21px;
    border-radius: 12px;
    /* margin-top: 50px; */
}
.ems-gallery .flex-viewport {
    max-height: 450px !important;
    height: 450px !important;
    /* border: 1px solid red; */
}
.ems-gallery .woocommerce-product-gallery__wrapper {
    height: 100% !important;
    height: 450px !important;
    max-height: 450px !important;
}
.woocommerce-product-gallery__image.flex-active-slide{
    height: 100% !important;
}
.woocommerce-product-gallery__image.flex-active-slide a{
    height: 100% !important;
}
.ems-image {
    display: flex;
    align-items: center;
}
.ems-fslayer.non-vetr img {
    height: 40px;
    width: 40px;
    object-fit: contain;
}
.ems-text-part-fslayer-text {
    color: #696969;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.96px;
    width: 280px;
}
.ems-fslayer.non-vetr {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.ems-text-part-fslayer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ems-text-part-fslayer-title {
    color: #212222;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.26px;
    text-transform: uppercase;
}


/* PRODUCT CONDITION SECTION */
/* Основен контейнер */
.ems-product-condition-wrapper {
    display: flex;
    flex-wrap: wrap;
    background-color: #fcfcfc;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 25px;
    margin: 20px 0;
    align-items: flex-start;
}

.ems-product-description-section {
    display: flex;
    flex-wrap: wrap;
    background-color: #fcfcfc;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 25px;
    margin: 20px 0;
    align-items: flex-start;
    color: #696969;
}

/* Колони */
.ems-condition-box {
    flex: 1;
    min-width: 300px;
    padding: 0 15px;
}



.ems-right-col {
    padding-left: 40px;
}

/* Мобилна версия */
@media (max-width: 768px) {
    .ems-product-condition-wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .ems-left-col {
        border-right: none;
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
    }
    .ems-right-col {
        padding-left: 15px;
    }
}

/* --- Елементи: СЪСТОЯНИЕ --- */
.ems-condition-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.ems-class-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin-right: 10px;
    border-radius: 2px;
}

.ems-condition-title {
color: #0547CC;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.26px;
text-transform: uppercase;
}

.ems-condition-text {
color: #696969;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.2px;
}

/* --- Елементи: B2B --- */
.ems-b2b-title {
color: #0547CC;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.26px;
text-transform: uppercase;
}

.ems-b2b-text {
color: #696969;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.2px;
}

/* Бутон */
.ems-b2b-btn {
    display: inline-block;
    text-decoration: none;
    padding: 8px 20px;
    transition: all 0.3s ease;
    border-radius: 12px;
    border: 1px solid #C2C2C2;
    background: #FFF;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
    letter-spacing: 1.28px;
    text-transform: uppercase;
}

.ems-b2b-btn:hover {
    background-color: #333;
    color: #fff;
    border-color: #333;
}
/* END OF PRODUCT CONDITION SECTION */


/* SP ACCORDIONS */
/* Основен контейнер на акордеоните */
.ems-accordion-wrapper {
    margin-bottom: 5px;
    width: 100%;
}

.ems-accordion-item {
    /* border-radius: 4px; */
    overflow: hidden;
}

/* Хедър (Тъмната лента от снимката) */
.ems-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #fff;
    /* padding: 15px 20px; */
    /* border: none; */
    cursor: pointer;
    text-align: left;
    outline: none;
    transition: background-color 0.3s ease;

    border-radius: 7px 7px 0 0;
    border: 1px solid #000;
    background: #252626;

    padding: 40px 35px;

}

/* Намираме втория wrapper в секцията и стилизираме хедъра вътре в него */
.ems-sp-accordion-section .ems-accordion-wrapper:nth-of-type(2) .ems-accordion-header {
    border-radius: 0px 0px 7px 7px;
    border-top: none; /* Опционално: за да не се дублира бордера, ако са залепени */
}

.ems-accordion-header:hover {
    background-color: #333; /* Леко просветляване при ховър */
}

/* Заглавие */
.ems-accordion-title {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.44px;
    text-transform: uppercase;
}

/* Икона (Стрелка надолу) направена с CSS */
.ems-accordion-icon {
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg); /* Стрелка надолу */
    transition: transform 0.3s ease;
    margin-left: 15px;
    margin-bottom: 3px; /* Фина корекция на позицията */
}

/* Клас, който ще добавим с JS когато е отворен */
.ems-accordion-header.active .ems-accordion-icon {
    transform: rotate(-135deg); /* Завъртане нагоре */
    margin-bottom: -3px;
}

/* Съдържание (Скрито) */
.ems-accordion-content {
    display: none; /* jQuery ще го направи block при slideDown */
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-top: none;
    /* Махаме max-height и transition от тук, jQuery се грижи за тях */
}

/* Текст вътре */
.ems-accordion-inner-text {
    padding: 20px;
    color: #696969;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
}
/* END OF SP ACCORDIONS */


/* FAST INFO SECTION */
/* Основен контейнер (светло сивия фон) */
.ems-specs-wrapper {
    background-color: #fcfcfc;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 30px;
    /* margin: 30px 0; */
   
}

/* --- Хедър --- */
.ems-specs-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 15px;
}
.ems-custom-product-info {
    margin-top: 80px;
}
.ems-fast-info-section {
    margin-top: 40px;
}

.ems-specs-title {
color: #0547CC;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.44px;
text-transform: uppercase;
}

/* Бутон за сравнение */
.ems-compare-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px;
    background: #fff;
    transition: all 0.3s ease;
    border-radius: 12px;
    border: 1px solid #C2C2C2;
    gap: 10px;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
    letter-spacing: 1.28px;
    text-transform: uppercase;
}

.ems-compare-btn:hover {
    border-color: #2c65d6;
    color: #2c65d6;
}

/* --- Грид (Две колони) --- */
.ems-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Две равни колони */
    gap: 30px 40px; /* Разстояние между редовете и колоните */
}

/* Мобилна версия - една колона */
@media (max-width: 768px) {
    .ems-specs-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .ems-specs-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* --- Единичен елемент --- */
.ems-spec-item {
    display: flex;
    align-items: flex-start;
}

/* Иконка */
.ems-spec-icon-box {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
        height: 100%;
}

/* Стилизиране на SVG вътре в кутията */
.ems-spec-icon-box svg {
    width: 56px;
    height: 56px;
    stroke: #000; /* Черен цвят на иконата */
    stroke-width: 1.5; /* Дебелина на линиите */
}

/* Текстова част */
.ems-spec-content {
    display: flex;
    flex-direction: column;
}

.ems-spec-label {
color: #212222;
font-size: 21px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.26px;
text-transform: uppercase;
}

.ems-spec-value {
color: #212222;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.2px;
}
/* END OF FAST INFO SECTION */


/* custom product info */
/* Основен контейнер - рамката */
.ems-custom-specs-container {
    background-color: #fbfbfb; /* Много светло сиво, почти бяло */
    border: 1px solid #eaeaea; /* Много фина рамка */
    border-radius: 4px;
    padding: 30px 40px;
    /* margin: 30px 0; */
   
}

/* Синьото заглавие "ТЕХНИЧЕСКИ ХАРАКТЕРИСТИКИ" */
.ems-custom-specs-main-title {
color: #0547CC;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.44px;
text-transform: uppercase;
}

/* Структура на редовете */
.ems-table-row {
    display: flex;
    align-items: flex-start; /* Важно: подравнява текста и заглавието най-горе */
    border-bottom: 1px solid #eaeaea; /* Фина разделителна линия */
    padding-top: 70px;
        padding-bottom: 20px;
        justify-content: space-between;
}

/* Махаме линията на последния елемент, за да е чисто */
.ems-table-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Лява колона (Заглавия: ПРОЦЕСОР, ДИСПЛЕЙ...) */
.ems-table-th {
color: #212222;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
}

/* Дясна колона (Съдържанието) */
.ems-table-td {
    width: 50%;
    font-size: 20px;
    color: #212222; /* Малко по-меко сиво за текста */
    line-height: 1.6; /* Височина на редовете за четимост */
        font-weight: 500;
}

/* Стилизиране на списъка (Булетите) */
.ems-specs-list {
    margin: 0;
    padding-left: 18px; /* Разстояние за точките */
    list-style-type: disc; /* Стандартни плътни точки */
}

.ems-specs-list li {
color: #212222;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.2px;
}

/* Ако е само един параграф (без списък) */
.ems-table-td p {
    margin: 0;
}

/* Мобилна версия (Responsive) */
@media (max-width: 768px) {
    .ems-custom-specs-container {
        padding: 20px;
    }
    
    .ems-table-row {
        flex-direction: column;
        padding: 15px 0;
    }
    
    .ems-table-th {
        width: 100%;
        margin-bottom: 8px;
        padding-top: 0;
    }
    
    .ems-table-td {
        width: 100%;
        padding-left: 15px; /* Леко отместване за мобилни */
    }
}
/* end of custom product info */

.ems-addtocart {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 40px;
}
button.ems-fav-add {
    border-radius: 12px;
    border: 2px solid #252626;
    box-shadow: 11px 22px 7px 0 rgba(0, 0, 0, 0.00), 7px 14px 6px 0 rgba(0, 0, 0, 0.01), 4px 8px 5px 0 rgba(0, 0, 0, 0.05), 2px 3px 4px 0 rgba(0, 0, 0, 0.09), 0 1px 2px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    width: 67px;
    height: 66px;
    padding: 10px;
    justify-content: center;
    align-items: center;
}
.woocommerce div.product form.cart {
    margin-bottom: 0em;
}


/* .ems-gallery img {
    max-height: 450px;
    object-fit: contain;
} */
 /* .ems-gallery {
    max-height: 450px;
}
.ems-gallery img {
    max-height: 100% !important;
    object-fit: contain;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    height: 100% !important;
}
.woocommerce-product-gallery__wrapper {
    height: 100% !important;
}
.woocommerce-product-gallery__image {
    height: 100% !important;
}
.woocommerce-product-gallery__image a {
    height: 100% !important;
} */


/* .ems-gallery {
    max-height: 450px;
} */

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    height: 100% !important;
    /* border:1px solid red */
    /* max-height: 450px; */
}



.woocommerce-product-gallery__image {
    height: 100% !important;
    /* border:1px solid red */
}

.woocommerce-product-gallery__image a{
    height: 100% !important;
    /* border:1px solid red */
}

.woocommerce-product-gallery__image a img{
    background: white;
    border: 1px solid #d8d8d8;
    height: 100% !important;
    object-fit: contain;
    padding: 30px;
    border-radius: 4px !important;
}

.ems-rest-of-product-info {
    margin-top: 20px !important;
}
p.price bdi {
    color: #0547CC;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.92px;
    text-transform: uppercase;
}
.ems-product-fun-facts-section {
    margin: 20px 0;
}

ul.products.ems-products-grid li {
    margin: 0 !important;
    
}
.single-product section.related.products li {
    margin: 0 !important;
    width: 100% !important;
    
}

.single-product section.related.products h2:not(.ems-product-title) {
    color: #004AB8;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
    letter-spacing: -0.96px;
    text-transform: uppercase;
}
.single-product section.related.products ul:before {
    display: none;
}
.ems-recently-viewed-section {
    margin-top: 80px;
    margin-bottom: 100px;
}
.ems-recently-viewed-section ul:before {
    display: none !important;
}
.single-product section.related.products {
    margin-top: 80px;
}

.ems-recently-viewed-section h2:not(.ems-product-title) {
    color: #004AB8;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
    letter-spacing: -0.96px;
    text-transform: uppercase;
}
.single-product section.related.products ul {
    gap: 15px !important;
        display: flex;
}
.single-product nav.woocommerce-breadcrumb {
    color: #696969;
    font-family: "Albert Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.78px;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
    margin-top: 15px !important;
}

.woocommerce-product-gallery__image {
    position: relative !important;
}

.ems-gallery-notice {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 20;
        font-style: italic;
    font-size: 12px;
    color: #0547cc;
    background: rgba(255, 255, 255, 0.85);
    padding: 4px 8px;
    border-radius: 4px;
    pointer-events: none;
    text-transform: uppercase;
}
.ems-price span.ems-eur-price {
    color: #0547CC;
    font-size: 32px;
    letter-spacing: 2px;
    font-weight: 600;
    text-decoration-line: unset !important;
}

/* END OF SINGLE PRODUCT PAGE */



/* CART */
.ems-table-coupon-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap:50px;
}
tr.cart-subtotal {
    display: none;
}
.ems-cart-totals.cart-collaterals {
    display: flex;
    width: 100%;
    margin-top: 25px;
}

h2.ems-widget-title {
    color: #004AB8;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
    letter-spacing: -0.96px;
    text-transform: uppercase;
}
.ems-cart-total-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* background: #1f1f1f; */
    /* padding: 20px 25px; */
    border-radius: 10px;
    color: #fff;
    /* margin-top: 20px; */
    align-items: flex-end;
}


.ems-cart-totals.cart-collaterals th {
    border: none !important;
}
.ems-cart-totals.cart-collaterals td {
    border: none !important;
}
.ems-cart-totals.cart-collaterals tr {
    border: none !important;
}








.ems-cart-left {
    display: flex;
    flex-direction: column;
}

.ems-cart-label {
    font-size: 24px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 300;
}

.ems-cart-old del {
    color: #B0B0B0;
    font-size: 24px;
    font-weight: 300 !important;
}

.ems-cart-final {
    font-size: 36px;
    font-weight: 700;
    margin-top: 20px;
}

tr.cart-discount th {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300 !important;
}
tr.cart-discount td {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300 !important;
}

.ems-sep {
    color: #8d8d8d;
}

.ems-cart-btn {
    display: inline-block;
    padding: 16px 30px;
    border-radius: 12px;
    border: 1px solid #003AAE;
    background: #0547CC;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none;
    transition: 0.2s;
    font-size: 24px;
    text-decoration-line: unset !important;
}
tr.cart-discount {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
tr.cart-discount th {
    padding: 0 !important;
}
.ems-cart-totals.cart-collaterals .order-total td {
    padding: 0 !important;
}
tr.cart-discount td {
    padding: 0 !important;
}
tr.cart-discount th {
    display: flex !important;
}
.cart_totals table {
    background: #212222;
    color: white !important;
        border-radius: 12px !important;
        padding: 30px 40px !important;
}
.ems-cart-totals.cart-collaterals td {
    background-color: #212222;
    border-radius: 12px;
}
.ems-cart-btn:hover {
    background: #0044cc;
}

.ems-cart-totals.cart-collaterals th {
    display: none;
}
.ems-cart-totals .cart_totals {
    width: 100% !important;
}
a.ems-cart-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
span.ems-btn-icon {
    display: flex;
}
.ems-coupon-wrap label {
    top: 0 !important;
    height: 100%;
    width: 100%;
    position: relative !important;
    clip-path: unset !important;
    margin-bottom: 25px;
    font-size: 18px;
}
.ems-coupon-wrap .coupon {
    display: flex;
    gap: 10px;
}
.ems-coupon-wrap button {
    background: white !important;
    border: 1px solid #0547CC !important;
    color: #0547CC !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 14px !important;
    border-radius: 8px !important;
}
.ems-tc-row-left {
    width: 70%;
}
.ems-tc-row-right {
    width: 30%;
}
.ems-tc-row-left th{
    border:unset !important;
}
.ems-tc-row-left td{
    border:unset !important;
    background: unset !important;
}

/* Основна структура на таблицата */
.ems-shop-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 15px; /* Разстояние между продуктите */
    background: transparent;
}

/* Стил на самия ред (картата) */
/* .ems-cart-row {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
} */

.ems-cart-row td {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px;
    vertical-align: top;
}

/* Лява и дясна граница само за крайните клетки */
.ems-cart-row td:first-child {
    border-left: 1px solid #e0e0e0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.ems-cart-row td:last-child {
    border-right: 1px solid #e0e0e0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* КОЛОНА 1: Снимка */
.ems-col-thumb {
    width: 150px;
}
.ems-col-thumb img {
    max-width: 220px;
    height: 160px !important;
    border-radius: 4px;
    width: 200px !important;
    object-fit: contain;
    padding: 15px !important;
    background: white;
}

/* КОЛОНА 2: Информация */
.ems-col-info {
    text-align: left;
}

.ems-product-title {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    line-height: 1.2;
    color: #212222;
}
.ems-product-title a {
    color: #333;
    text-decoration: none;
}

.ems-product-specs {
    font-size: 14px;
    color: #777;
    margin-bottom: 15px;
    line-height: 1.5;
    text-transform: uppercase;
}

/* Тагове */
.ems-product-tags-wrapper {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}





/* КОЛОНА 3: Цена и Действия */
.ems-col-action {
    width: 200px;
    text-align: left;
    position: relative;
}

.ems-price-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.ems-price-label {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
}

/* Кошче (Delete button) */
.ems-remove-btn {
    color: #dc2626 !important; /* Червен цвят */
    font-size: 20px;
    transition: color 0.3s;
    background: none !important; /* Премахва стандартния фон на Woo кръгчето */
}
.ems-remove-btn:hover {
    color: #b91c1c !important;
}

.ems-price-value {
    font-size: 18px;
    color: #333;
        display: flex;
    flex-direction: column;
}

/* Responsive: За мобилни устройства */
@media (max-width: 768px) {
    .ems-cart-row {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .ems-cart-row td {
        border: none;
        width: 100%;
        display: block;
        text-align: center;
    }
    .ems-product-tags-wrapper {
        justify-content: flex-start;
    }
}

/* 1. Връщаме ги най-горе, за да имат обща стартова точка */
.ems-cart-row td {
    vertical-align: top !important;
    padding-top: 25px !important; /* Добавяме въздух отгоре, за да не са залепени за ръба */
}

/* 2. Махаме паразитни отстъпи от заглавието */
.ems-product-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
    /* line-height: 1 !important; */
    line-height: 106% !important;
}

/* 3. Нагласяме дясната колона да започва от същата позиция */
.ems-price-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start !important; /* Подравняване горе */
    margin-top: 0 !important;
    padding-top: 0 !important;
    line-height: 1 !important; /* Същия line-height като заглавието */
}

/* 4. Фина настройка на надписа ЦЕНА */
.ems-lbl {
    display: inline-block;
    line-height: 1; /* Гаранция, че и този текст е със същата височина */
    vertical-align: top;
}
.ems-tc-row-left table {
    padding: 0 30px;
        border-radius: 8px !important;
    border-color: #D7D7D7 ! IMPORTANT;
}
.ems-coupon-wrap input {
    border-radius: 8px;
    border-color: #D7D7D7;
    width: 200px;
}


/* END OF CART */

/* COMPARE CSS */
/* i.icon.icon-shuffle-arrow.ems-login-icon.ems-pc-icon{
    position: relative;
} */

.ems-profile-button i {
    height: 20px;
    width: 20px;
}
.ems-profile-button a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
span#ems-pc-count {
    position: absolute;
    top: -3px;
    right: -3px;
    background: white;
    color: black;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}
.ems-login-text {
    display: flex;
    flex-direction: column;
}
.ems-profile-button svg {
    width: 20px;
    height: 20px;
}
.ems-profile-button {
    background: #08090B;
    align-items: center;
    display: flex !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    justify-content: center;
}
.ems-login-text strong {
    color: white;
    font-size: 10px;
}
.ems-login-text span {
    color: white;
    font-size: 10px;
}

.ems-compare-separator {
    background: #212222;
    border-radius: 50%;
    /* height: 100%; */
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -80px;
    width: 120px;
    height: 120px;
    top: 30%;
    z-index: 99;
}
.ems-product-image-wrapper {
    position: relative;
}
/* END OF COMPARE CSS */



/* ARCHIVE PAGE */
.ems-archive-description {
    font-size: 18px;
    font-weight: 100;
}
.ems-archive-breadcrumb {
    color: #696969;
    font-family: "Albert Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.78px;
    text-decoration-line: unset;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
}
.ems-archive-breadcrumb a{
    color: #696969;
    font-family: "Albert Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.78px;
    text-decoration-line: unset;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
}
.ems-products-and-sidebar-wrapper {
    display: flex;
    justify-content: space-between;
    width:100%;
    gap: 20px;
    margin-top: 20px;
}
.ems-mobile-filter-wrapper {
    width: 15%;
}
.ems-archive-sidebar {
    width: 100%;
}
.ems-archive-products-section {
    width: 85%;
}
.ems-under-archive-banner-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-content: space-between;
}
.ems-archive-under-products-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.ems-archive-the-products-wrapper ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.ems-archive-the-products-wrapper ul li{
   width: 100% !important;
}
.ems-archive-the-products-wrapper ul:before {
    display: none !important;
}
.ems-archive-banner-row .elementor-element {
    margin: 0;
    padding: 0;
}
.ems-archive-banner-row .e-con-inner {
    margin: 0;
    padding: 0;
    width: 100% !important;
    max-width: 100%;
}
.ems-archive-banner-row {
    margin-top: 40px;
    margin-bottom: 20px;
}
.ems-archive-sorting {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.ems-archive-sorting span{
    color: #212222;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 118.185%;
    letter-spacing: 1.08px;
}
.ems-archive-sorting form{
    margin-bottom: 0 !important;
}
.ems-archive-sorting form select {
    color: #212222;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 118.185%;
    letter-spacing: 1.08px;
    text-transform: uppercase;
    border-radius: 7px;
border: 1px solid #D7D7D7;
}
.ems-archive-sorting form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23cccccc' d='M8 10h8c.7 0 1.2.7.8 1.3l-4 6c-.4.6-1.3.6-1.7 0l-4-6c-.3-.6.2-1.3.9-1.3z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 5px top 2px;
    background-size: 30px; 

}

.ems-archive-sorting form select:hover {
    border-color: #999;
}

.ems-archive-sorting form select::-ms-expand {
    display: none;
}

li.ems-product-item {
    margin: 0 !important;
}
p.woocommerce-result-count {
    color: #212222;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 118.185%;
    letter-spacing: 1.08px;
}
.archive span.page-numbers.current {
    border-radius: 7px;
    border: 1px solid #0547CC;
    background: #FFF !important;
    width: 35px;
    padding: 10px;
    color: #0547CC !important;
    text-align: center;

    font-weight: 700 !important;
}
.archive ul.page-numbers {
    border: unset !important;
}
.archive ul.page-numbers li {
    border: unset !important;
    margin-right: 5px !important;
}
.archive a.page-numbers {
    color: #212222;
    text-align: center;
    font-style: normal;
    font-weight: 400 !important;
    width: 38px;
    padding: 10px !important;
}
.archive a.page-numbers:hover {
    background-color: unset !important;
}
.archive .next.page-numbers {
    /* 1. Скриваме стария текст/икона */
    font-size: 0 !important;
    color: transparent !important;
    text-indent: -9999px; /* За всеки случай */
    
    /* 2. Задаваме размерите на твоето SVG */
    display: inline-block !important;
    width: 6px !important;   /* Ширината от SVG-то ти */
    height: 16px !important;  /* Височината от SVG-то ти */
    
    /* 3. Слагаме SVG-то като фон */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='19' viewBox='0 0 10 19' fill='none'%3E%3Cpath d='M1.5 1.50012L7.5 9.50012L1.5 17.5001' stroke='%230547CC' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}










/* =========================================
   EMS ARCHIVE / SHOP STYLES
   ========================================= */

/* 1. БАНЕР (Най-горе) */
.ems-sk-archive-banner {
    width: 100%;
    height: 200px; /* Височина на банера */
    background-color: #e0e0e0;
    margin-bottom: 30px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

/* 2. ОФОРМЛЕНИЕ (Сайдбар + Продукти) */
.ems-archive-layout {
    display: flex;
    align-items: flex-start;
    gap: 30px; /* Разстояние между сайдбара и продуктите */
}

/* 3. САЙДБАР (Филтри в ляво) */
.ems-sk-sidebar-filters {
    width: 260px; /* Фиксирана ширина на филтрите */
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Елементи на филтрите */
.ems-sk-filter-title {
    width: 40%;
    height: 16px;
    background-color: #e0e0e0;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
}

.ems-sk-filter-box {
    width: 100%;
    height: 42px; /* Височина на dropdown полетата */
    background-color: #e0e0e0;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

/* Слайдър за цена */
.ems-sk-price-slider {
    margin-top: 20px;
    width: 100%;
}
.ems-sk-slider-bar {
    width: 100%;
    height: 6px;
    background-color: #e0e0e0;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

/* 4. ГРИД С ПРОДУКТИ (Дясна колона) */
.ems-archive-grid {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Разстояние между картите */
}

/* Правим картите да са 4 на ред (25%) */
.ems-archive-grid .ems-product-card-skeleton {
    width: calc(25% - 15px); /* 4 на ред минус разстоянията */
    margin-bottom: 20px;
}

/* 5. АНИМАЦИЯ (За новите елементи) 
   Добавяме блясъка и към новите архивни елементи изрично, 
   за да е сигурно, че ще работи.
*/
.ems-sk-archive-banner::after,
.ems-sk-filter-title::after,
.ems-sk-filter-box::after,
.ems-sk-slider-bar::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.6) 50%, 
        transparent 100%
    );
    transform: translateX(-100%);
    will-change: transform;
    animation: ems-shimmer 1.5s infinite;
}

/* --- МОБИЛНА ВЕРСИЯ ЗА АРХИВА --- */
@media (max-width: 1024px) {
    nav.woocommerce-pagination {
        display: flex;
        width: 100%;
    }
    .ems-products-grid.ems-archive-grid {
    width: 100%;
}
    .ems-archive-layout {
        flex-direction: column; /* Сайдбарът отива над продуктите или се крие */
    }
    .ems-sk-sidebar-filters {
        display: none; /* Крием филтрите на мобилно (както е стандартно) */
    }
    .ems-archive-grid .ems-product-card-skeleton {
        width: calc(50% - 10px); /* 2 на ред за таблет/мобилно */
    }
}
@media (max-width: 480px) {
   .ems-archive-grid .ems-product-card-skeleton {
        width: 100%;
    }
}


















/* END OF ARCHIVE PAGE */


/* CHECKOUT PAGE */
.ems-ship-data-part .col-1 {
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    padding: 20px;
    width: 70% !important;
    background: #F8F8F8;
}
.ems-ship-pay-method {
    width: 70%;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
    background: #F8F8F8;
}

.ems-checkout-sticky-bar {
    background-color: #1d1d1d;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    border-radius: 10px; /* Леко заобляне на целия контейнер, ако искаш */
    margin-top: 20px;
    color: #fff;
}

.ems-sticky-left {
    display: flex;
    flex-direction: column;
}

.ems-sticky-label {
    font-size: 12px;
    text-transform: uppercase;
    color: #ccc;
    margin-bottom: 5px;
}

.ems-sticky-prices {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.ems-strike-price {
    text-decoration: line-through;
    font-size: 14px;
    color: #888;
}

/* Ако WooCommerce слага <bdi> тагове или символи, това ги прави бели и големи */
.ems-main-total, 
.ems-main-total .woocommerce-Price-amount {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

/* Бутонът */
button.ems-chkcompl-btn {
    background-color: #B0B0B0 !important;
    color: #fff !important;
    border: none !important;
    padding: 15px 40px !important;
    text-transform: uppercase   !important;
    font-weight: bold   ;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
    font-size: 24px !important;
    text-transform: uppercase !important;
}

button.ems-checkout-submit-btn:hover {
    background-color: #b5b5b5;
}
.woocommerce-checkout .ems-cart-final {
    line-height: 1;
}


.ems-terms-mid-checkout {
    width: 100%;
    flex: 0 0 100%; 
    clear: both;    
    margin-top: 20px;
    margin-bottom: 20px;
    background: #f9f9f9; 
    border-radius: 4px;
}
.ems-ship-data-part input {
    border-radius: 10px !important;
    border-color: #D7D7D7 !important;
        outline: unset !important;
}
p#billing_postcode_field {
    padding: 0;
    margin: 0;
}
p#billing_state_field {
    padding: 0;
    margin: 0;
}
p#billing_address_2_field {
    padding: 0;
    margin: 0;
}
p#billing_address_1_field {
    padding: 0;
    margin: 0;
}
p#billing_country_field {
    padding: 0;
    margin: 0;
}
p#billing_first_name_field {
    margin-bottom: 20px !important;
}
p#billing_last_name_field {
    margin-bottom: 20px !important;
}


/* 1. Основата на кръгчето */
.woocommerce-checkout input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0 10px 0 0; 
    width: 15px;        
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 50% !important; 
    cursor: pointer;
    position: relative; 
    vertical-align: middle;
    outline: none;
    display: inline-block !important;
}

/* 2. Когато е чекнато - фонът става тъмен */
.woocommerce-checkout input[type="checkbox"]:checked {
    background-color: #0547cc !important;
    border-color: #0547cc !important;
}

/* 3. Рисуваме ТИКЧЕТО (това е псевдо-елемент) */
.woocommerce-checkout input[type="checkbox"]::after {
    content: '';
    position: absolute;
    display: none; /* Скрито по подразбиране */
    
    /* Настройки на самото тикче (размери и позиция) */
    left: 4px;     /* Нагласи това, ако не е центрирано хоризонтално */
    top: 2px;      /* Нагласи това, ако не е центрирано вертикално */
    width: 5px;
    height: 8px;
    
    /* Създаваме L-образна форма с бял цвят */
    border: solid white;
    border-width: 0 2px 2px 0;
    
    /* Завъртаме го на 45 градуса */
    transform: rotate(45deg);
}

/* 4. Когато е чекнато - показваме тикчето */
.woocommerce-checkout input[type="checkbox"]:checked::after {
    display: block;
}
p#billing_courierr_officeE_field {
    width: 47%;
}
.woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection {
    border-radius: 10px;
    border-color: #d7d7d7 !important;
}
p#billing_address_ems_field {
    width: 47%;
}
p#billing_addrRest_field{
    width: 37% !important;
    float: left;
}
p#billing_streetNumber_field {
    width: 10% !important;
}
.select2-container .select2-dropdown, .select2-container .select2-selection {
    border-radius: 10px;
    border-color: #d7d7d7;
}
input.select2-search__field {
    outline: none !important;
    border-color: #d7d7d7 !important;
    border-radius: 10px;
}
span.select2-dropdown.select2-dropdown--below {
    /* background: green; */
    border-radius: 10px !important;
    top: -3px;
}
#billing_delivery_type_field .woocommerce-input-wrapper {
    justify-content: flex-start !important;
}
.ems-shipping-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
span.ems-cart-label.ems-dost {
    margin-bottom: 0;
}
span.ems-shipping-value {
    font-size: 18px;
    font-weight: 200;
}
form.checkout.woocommerce-checkout h3 {
    color: #0547CC;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}
span.woocommerce-terms-and-conditions-checkbox-text {
    color: #121212;
    font-size: 16px;
    letter-spacing: 1px;
}

span.woocommerce-terms-and-conditions-checkbox-text a{
    color: #121212;
}
.ems-terms-mid-checkout .woocommerce-privacy-policy-text {
    display: none;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: none;
}
.page-header h1.entry-title {
    color: #212222;
    font-size: 34px;
    text-transform: uppercase;
    padding: 0 !important;
}
.woocommerce-checkout main#content {
    margin-top: 40px;
        margin-bottom: 40px;
        letter-spacing: 1px;
}
.ems-ship-data-part {
    margin-top: 40px;
}






.woocommerce-checkout input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0 10px 0 0;
    width: 15px; 
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 50% !important;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    outline: none;
    min-width: 15px;
    
    padding: 0 !important;
}


.woocommerce-checkout input[type="radio"]:checked {
    /* background-color: #0547cc !important; */
    border-color: #0547cc !important;
    border-width: 3px;
}


/* .woocommerce-checkout input[type="radio"]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-46%, -46%);
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    display: none; 
} */

.woocommerce-checkout input[type="radio"]:checked::after {
    display: block;
}
p#billing_courierr_officeE_name_field {
    margin: 0;
    padding: 0;
}
p#billing_company_field {
      margin: 0;
    padding: 0;
}
p#billing_courierr_officeE_code_field {
    margin: 0;
    padding: 0;
}
p#billing_newship_method_field {
    margin: 0;
    padding: 0;
}
ul.ems-payment-list.wc_payment_methods.payment_methods.methods li {
    list-style: none;
}
ul.ems-payment-list.wc_payment_methods.payment_methods.methods {
    padding: 0 !important;
}

/* END OF CHECKOUT PAGE */






/* THANK YOU PAGE */
/* Main Container */
.ems-thankyou-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    color: #4b5563;
    background-color: #fcfcfc; /* Light background */
}

/* Header */
.ems-thankyou-title {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    color: #212222;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

/* Top Stats Row */
.ems-thankyou-stats-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
}

.ems-stat-box {
    flex: 1;
    border: 1px solid transparent;
    border-radius: 6px;
    background: linear-gradient(#f9fafb, #f9fafb) padding-box, linear-gradient(90deg, #0547CC 0%, #032466 100%) border-box;
    text-align: center;
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 80px;
    position: relative;
    overflow: hidden;
}



.ems-stat-label {
    font-size: 21px;
    color: #696969;
    margin-bottom: 5px;
    z-index: 1;
}

.ems-stat-value {
      font-size: 18px;
    font-weight: 700;
    color: #212222;
    z-index: 1;
}

/* Main Order Details Box */
.ems-order-details-box {
    position: relative;
    padding: 40px;
    border-radius: 6px;
    background: #fff;
    margin-bottom: 30px;
    /* Gradient Border Trick */
    background: 
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(to right bottom, #ef4444, #eab308) border-box;
    border: 1px solid transparent; /* Fallback */
    border: 1px solid #e5e7eb; /* Fallback color if gradient fails */
    border-image: linear-gradient(to right bottom, #ef4444, #eab308) 1;
    /* Ideally utilize a wrapper for exact radius with gradient, but border-image is square. 
       Let's stick to simple border-color or a more complex pseudo-element approach for rounded gradient borders. 
       For "1:1" with rounded corners and gradient border, we need a wrapper. */
}

/* Re-impl gradient border with radius support */
.ems-order-details-box-wrapper {
    background: linear-gradient(90deg, #D70000 0%, #9800A9 44%, #BA8800 100%);
    padding: 1px; /* Border width */
    border-radius: 6px;
    margin-bottom: 30px;
}

.ems-order-details-box-inner {
    background: #fff;
    border-radius: 5px; /* 1px less than wrapper */
    padding: 30px;
    /* Faint geometric background */
    background-image: 
        linear-gradient(to bottom right, #f9fafb 50%, transparent 50%),
        linear-gradient(to bottom left, #f9fafb 50%, transparent 50%);
    background-size: 100% 100%; /* Just a subtle hint */
    background-color: #fcfcfc;
}

.ems-order-table {
    width: 100%;
    border-collapse: collapse;
}

.ems-order-table th {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    color: #212222;
    padding-bottom: 20px;
    border-bottom: 1px solid transparent; 
}

.ems-order-table th:last-child {
    text-align: left;
    padding-left: 0;
}

.ems-order-table td {
    padding: 8px 0;
    font-size: 21px;
    color: #212222;
    
}

.ems-order-table tr:last-child td {
    border-bottom: none;
}

.ems-product-name {
      color: #0547CC;
    font-weight: 400;
    font-size: 21px;
}

.ems-product-qty {
    color: #212222;
    font-size: 21px;
}

.ems-table-row-right {
    text-align: left;
    color: #696969 !important;
}

.ems-total-label {
    font-weight: 500;
}

.ems-total-amount {
    font-weight: 500;
}

.ems-shipping-details {
    font-size: 13px;
    color: #6b7280;
    margin-left: 10px;
}

.ems-row-total td {
    color: #111827;
    font-weight: 700;
    font-size: 16px;
}

/* Bottom Addresses Row */
.ems-addresses-row {
    display: flex;
    gap: 30px;
}

.ems-address-col {
    flex: 1;
    border-radius: 6px;
    padding: 30px;
    background: #fff;
    position: relative;
    border: 1px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, #D70000 0%, #9800A9 44%, #BA8800 100%) border-box;
}



.ems-address-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #212222;
}

.ems-address-details p {
    margin: 0px 0;
}

/* Background Polygon decoration (approximate) */
/* .ems-bg-decoration {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background: linear-gradient(135deg, rgba(243,244,246,0.5), rgba(255,255,255,0));
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
    pointer-events: none;
    z-index: 0;
} */
.ems-order-table td{
    border: none !important;
    border: unset !important;
    border-color: unset !important;
    background: unset !important;
}
.ems-order-table th{
    border: none !important;
    border: unset !important;
    border-color: unset !important;
    padding-left: 0;
}
.ems-address-details {
    font-size: 21px;
    color: #696969;
}
.page-id-145 .entry-title {
    display: none;
}

/* Mobile */
@media screen and (max-width: 1024px) {

    .ems-stat-label {
        font-size: 18px;
    }

    .ems-stat-value {
        font-size: 16px;
    }
    
    .ems-thankyou-stats-row {
        flex-direction: column;
        gap: 15px;
    }

    .ems-stat-box {
        text-align: left;
        align-items: flex-start;
        padding: 20px;
        min-height: auto;
    }

   
    .ems-order-details-box-inner {
        padding: 20px;
    }

   
    .ems-order-table,
    .ems-order-table tbody,
    .ems-order-table tr,
    .ems-order-table td {
        display: block;
        width: 100%;
    }

    .ems-order-table thead {
        display: none;
     
        display: block;
    }

    .ems-order-table thead tr {
        display: block;
        margin-bottom: 10px;
    }

    .ems-order-table th {
        display: block;
        width: 100%;
        padding-bottom: 5px;
        font-size: 18px;
    }

    .ems-order-table tr {
        margin-bottom: 15px;
       
    }

    .ems-order-table td {
        padding: 4px 0;
        text-align: left !important;
        border: none;
        line-height: 24px;
    }

    .ems-table-row-right {
        text-align: left;
        margin-top: 2px;
        font-weight: 500;
    }


    .ems-addresses-row {
        flex-direction: column;
        gap: 20px;
    }
}

/* END OF THANK YOU PAGE */



/* CONTACTS PAGE */
.ems-contacts-wrapper-right1 {
    border: 1px solid transparent;
    border-radius: 8px;
    background: linear-gradient(#f9fafb, #f9fafb) padding-box, linear-gradient(90deg, #0547CC 0%, #032466 100%) border-box;
}
.ems-contacts-wrapper-right2 {
    border: 1px solid transparent;
    border-radius: 8px;
    background:linear-gradient(#fff, #fff) padding-box,linear-gradient(90deg, #D70000 0%, #9800A9 44%, #BA8800 100%) border-box;
}
.iti {
            width: 100%;
        }

        /* Fix for CF7 spans interfering with width */
        .wpcf7-form-control-wrap {
            width: 100%;
            display: block;
        }

        /* Layout Styles for the specific form */
        .ems-cf7-row {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-bottom: 15px;
            /* width: 70%; */
        }
        .ems-cf7-col-12 .wpcf7-list-item {
            margin: 0 !important;
        }
        .ems-cf7-row.middle {
            width: 70%;
            justify-content: space-between;
        }
        .ems-cf7-row.middle input{
            width: 400px !important;
            height: 40px !important;
            border-radius:10px !important;
            outline: none !important;
            margin-top: 10px !important;
        }
         .ems-cf7-row.top input{
            width: 400px !important;
            height: 40px !important;
            border-radius:10px !important;
            outline: none !important;
            margin-top: 10px !important;
        }

        .iti__flag-container {
            margin-top: 10px ! important;
        }

        .ems-cf7-row.middle label{
            width: 100%;
            display: block;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 400;
            color: #212222;
            margin-bottom: 5px;
            letter-spacing: 1px;
        }
         .ems-cf7-row.top label{
            width: 100%;
            display: block;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 400;
            color: #212222;
            margin-bottom: 5px;
            letter-spacing: 1px;  
        }
        .ems-cf7-row p{
            margin-bottom: 0 !important;
        }

        .ems-cf7-col-12 {
            width: 100%;
        }

        span.wpcf7-list-item-label {
            color: black;
            font-size: 16px;
            font-weight: 400;
            text-transform: none;
            letter-spacing: 1px;
        }

        .ems-cf7-col-6 {
            flex: 1;
            min-width: 250px;
            /* Stack on mobile */
        }

        /* Label styling */
        .wpcf7-form label {
            width: 100%;
            display: block;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin-bottom: 5px;
            letter-spacing: 0.5px;
        }

        /* Input styling to match design */
        .wpcf7-form input[type="text"],
        .wpcf7-form input[type="email"],
        .wpcf7-form input[type="tel"] {
            width: 100%;
            padding: 10px 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            background-color: #fff;
        }

        /* Submit button styling */
        .wpcf7-submit.ems-submit-btn {
            background-color: #0547CC;
            /* Blue from image */
            color: white;
            padding: 15px 40px;
            font-size: 24px;
            font-weight: 500;
            border: none;
            border-radius: 12px;
            text-transform: uppercase;
            cursor: pointer;
            transition: background 0.3s;
            margin-top: 20px;
            display: inline-flex;
            align-items: center;
            height: 62px;
            line-height: 0;
            width: 280px;
        }

        .wpcf7-submit.ems-submit-btn:hover {
            background-color: #003399;
        }
/* END OF CONTACTS PAGE */











/* KLASOVE PAGE */
.ems-klasa {
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #0547CC 0%, #032466 64%, #032466 99%);
    border: 1px solid transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
.ems-klasb {
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #D70000 0%, #9800A9 64%, #BA8800 99%);
    border: 1px solid transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
/* END OF KLASOVE PAGE */


/* LOADER CSS */
/* Основен контейнер на лоудъра - заема целия екран */
.ems-loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    overflow-y: scroll; /* Позволява скрол ако екрана е малък */
}

/* Container Utility */
.ems-container {
    max-width: 1400px; /* Ширина като на твоя сайт */
    margin: 0 auto;
    padding: 0 15px;
}

/* Анимация за "Shimmer" ефекта */
@keyframes ems-loading {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* Базов клас за всички сиви елементи */
/* [class^="ems-sk-"], .ems-banner-skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: ems-loading 1.5s infinite;
    border-radius: 4px;
} */
 /* 1. БАЗА - Статичен фон (не се движи, затова не тежи) */
[class^="ems-sk-"], .ems-banner-skeleton {
    background-color: #e0e0e0; /* Основният сив цвят */
    position: relative;        /* Важно: за да позиционираме блясъка вътре */
    overflow: hidden;          /* Крие блясъка, когато излезе от елемента */
    border-radius: 4px;
    z-index: 1;
}

/* 2. БЛЯСЪК - Отделен слой, който се плъзга отгоре */
[class^="ems-sk-"]::after, .ems-banner-skeleton::after {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    right: 0; 
    bottom: 0;
    
    /* Прозрачно -> Бяло -> Прозрачно */
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.6) 50%, 
        transparent 100%
    );
    
    /* Започва извън елемента отляво (-100%) */
    transform: translateX(-100%);
    
    /* GPU ускорение + анимация */
    will-change: transform; 
    animation: ems-shimmer 1.5s infinite;
}

/* 3. АНИМАЦИЯТА - Движим само Transform (супер леко за браузъра) */
@keyframes ems-shimmer {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

/* HEADER Styles */
.ems-header-skeleton {
    height: 80px;
    background: #222; /* Тъмен фон като на сайта */
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.ems-header-skeleton .ems-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.ems-sk-logo { width: 150px; height: 40px; background: #333; }
.ems-sk-search { width: 40%; height: 40px; background: #333; }
.ems-sk-icons { width: 100px; height: 40px; background: #333; }

/* HERO Section (Sidebar + Banner) */
.ems-hero-section {
    display: flex;
    gap: 20px;
    height: 400px;
    margin-bottom: 40px;
}
.ems-sidebar-skeleton {
    width: 250px;
    background: #333; /* Тъмен сайдбар */
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-shrink: 0;
}
.ems-sk-menu-item { height: 20px; width: 80%; background: #444; }
.ems-banner-skeleton { flex-grow: 1; height: 100%; }

/* PRODUCTS GRID */
.ems-products-grid {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    /* flex-wrap: wrap; */
}
.ems-product-card-skeleton {
    width: 18%; /* За да се съберат 5 на ред */
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}
.ems-sk-image {
    width: 100%;
    aspect-ratio: 4/3; /* Пропорция за лаптоп снимка */
}
.ems-sk-title { height: 16px; width: 100%; margin-top: 10px; }
.ems-sk-title.ems-short { width: 60%; }
.ems-sk-price-box { height: 30px; width: 40%; margin: 10px auto; }
.ems-sk-specs { height: 60px; width: 100%; margin-top: auto; }

/* Responsive adjustments */
@media (max-width: 1200px) {
    .ems-product-card-skeleton { width: 23%; } /* 4 на ред */
    .ems-product-card-skeleton:nth-child(5) { display: none; }
}
@media (max-width: 768px) {
    .ems-hero-section { flex-direction: column; height: auto; }
    .ems-sidebar-skeleton { width: 100%; display: none; } /* Крием сайдбара на мобилно */
    .ems-banner-skeleton { height: 200px; }
    .ems-product-card-skeleton { width: 48%; } /* 2 на ред */
}
/* END OF LOADER CSS */
@media (max-width: 1024px) {
.ems-entry {
    flex-direction: column;
}
.ems-gallery {
    width: 100%;
}
.ems-summary.summary.entry-summary {
    width: 100% !important;
}


.ems-compare-column {
    flex: 0 0 84% !important;
    width: 84% !important;
}
.ems-compare-wrapper {
    flex-wrap: nowrap !important;
    overflow-x: scroll;
    margin-right: -22px;
}

/* .ems-compare-container {
    margin-right: -22px;
} */




.flex-control-paging li a.flex-active {
        background: #000000;
        cursor: default;
        border: 2px solid #000000;
        width: 5px;
        height: 5px;
        box-shadow: unset !important;
}
.flex-control-paging li a {
width: 5px;
        height: 5px;
        display: block;
        background: #D9D9D9;
        cursor: pointer;
        text-indent: -9999px;
        border-radius: 20px;
        border: unset !important;
}
ol.flex-control-nav.flex-control-paging {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.flex-direction-nav {
display: none;
    }
    ol.flex-control-nav.flex-control-paging {
        position: absolute;
        bottom: 20px;
        left: 0%;
        right: 0;
        z-index: 10;
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
}
.ems-gallery .flex-viewport {
    max-height: 300px !important;
    height: 300px !important;
    /* border: 1px solid red; */
}
.woocommerce div.product div.images {
    margin-bottom: 0;
}
ul.slides {
    padding: 0;
}
li.flex-active-slide {
    height: 300px !important;
}
.flex-viewport img.wp-post-image {
    border-radius: 4px;
}
.single-product .ems-hero-banner{
    display: none;
}
body:not(.home) .ems-hero-banner{
    display: none;
}
.ems-entry {
    gap: 22px;
}
.ems-title {
    margin-top: 22px;
}
.ems-title h1{
    color: #212222;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.26px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.ems-excerpt {
    color: #696969;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.78px;
    text-transform: uppercase;
}
.ems-price {
    margin-top: 22px;
    text-align: center;
}
p.price del bdi {
    color: #696969 !important;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.08px;
    text-transform: uppercase;
}
p.price ins bdi {
    text-decoration-line: unset !important;
    color: #0547CC;
    text-align: center;
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.74px;
    text-transform: uppercase;
}
.ems-addtocart {
    margin-top: 22px;
    margin-bottom: 40px;
    justify-content: center;
}
button.single_add_to_cart_button.button.alt{
    background: #0547CC;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 21px 21px;
    border-radius: 12px;
    height: 66px;
}
button.single_add_to_cart_button.button.alt:hover{
    background: #032E9C;
}
button.single_add_to_cart_button.button.alt:active{
    background: #021F6E;
}
.ems-fslayer.non-vetr {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.ems-text-part-fslayer {
    align-items: center;
    text-align: center;
}
.ems-product-condition-wrapper {
    margin: 0;
}
.ems-summary.summary.entry-summary {
    margin: 0 !important;
}
.ems-rest-of-product-info {
    margin-top: 40px !important;
}
span.ems-accordion-title {
    width: 100%;
    overflow: hidden;
    white-space: break-spaces;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 1.08px;
}
.ems-accordion-header {
    padding: 30px 15px;
}
.ems-fast-info-section {
    margin-top: 20px;
}
.ems-specs-wrapper {
    padding: 30px 15px;
            position: relative;
        padding-bottom: 80px;
        border-radius: 7px;
border: 1px solid #0547CC;
}
.ems-spec-label {
    font-size: 21px;
    letter-spacing: 1.26px;
            word-break: break-all;
}
.ems-spec-value {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.08px;
    color: #212222;
}
.ems-spec-icon-box {
    width: 56px;
    height: 56px;
    height: 100%;
}
.ems-spec-icon-box svg {
    width: 56px;
    height: 56px;
}
.ems-product-condition-wrapper {
    padding: 20px 15px;
    gap: 30px;
}
.ems-condition-box {
    padding: 0 0px;
    border: unset;
}
span.ems-condition-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.08px;
    text-transform: uppercase;
}
h4.ems-b2b-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.08px;
    text-transform: uppercase;
}
p.ems-b2b-text {
    color: #696969;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.96px;
}
.ems-condition-text {
    color: #696969;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.96px;
}
a.ems-b2b-btn {
    color: #000 !important;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    background: unset !important;
    border-radius: 12px;
    border: 1px solid #C2C2C2;
}
a.ems-compare-btn.ems-pc-add {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 30px);
}
h3.ems-custom-specs-main-title {
    color: #0547CC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.08px;
    text-transform: uppercase;
}
.ems-table-th {
    color: #212222;
    font-family: "Albert Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.08px;
    text-transform: uppercase;
}
.ems-specs-list li {
    margin-bottom: 4px;
    color: #212222;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.96px;
}
    .ems-custom-specs-container {
    padding: 30px 15px;
    border-radius: 7px;
    border: 1px solid #0547CC;
    }
    .ems-table-row {
    padding: 30px 0;
    }

    .ems-custom-product-info {
    margin-top: 20px;
}


.ems-table-coupon-row {
    flex-direction: column;
        gap: 20px;
}
.ems-tc-row-left {
    width: 100%;
}
.ems-tc-row-right {
    width: 100%;
}













td.product-thumbnail.ems-col-thumb {
    display: flex !important;
}

.ems-products-and-sidebar-wrapper {
    flex-direction: column;
}
.ems-archive-sidebar {
    width: 100%;
}
.ems-archive-products-section {
    width: 100%;
}
.ems-archive-the-products-wrapper {
    display: flex;
    width: 100%;
}
.ems-archive-the-products-wrapper ul {
    grid-template-columns: repeat(3, 1fr);
}

/* .ems-filter-button{
    display: flex !important;
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    left: 0;
} */
.ems-archive-sidebar {
    display: none;
    /* position: fixed;
        bottom: 39px;
        left: 0;
        width: 100% !important;
        z-index: 99;
        right: 0;
        background: white; */
}
 .ems-filter-button {
    display: flex !important;
}
 .ems-mobile-filter-wrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 9999;
    /* background: white; */
}
button.ems-filter-toggle.active {
    background: #0547CC;
    color: white;
    font-size: 16px;
    letter-spacing: 1px;
    border: 1px solid #ffffff;
}
.ems-mobile-filter-wrapper h2 {
    display: none;
}
.ems-archive-sidebar {
    padding: 22px;
    overflow: scroll;
    max-height: 70vh;
    overscroll-behavior: contain;
    background: white;
}




button.ems-filter-toggle {
    border-radius: 7px;
    border: 1px solid #D7D7D7;
    background: #FFF;
    color: #212222;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 118.185%;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    height: 60px;
    padding: 10px 10px 9px 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.ems-archive-sorting span {
    font-size: 16px;
}
.ems-archive-sorting form select {
    font-size: 16px;
}
.ems-archive-sorting form select {
    background-position: right 3px top 0px !important;
}
.ems-promo-badge {
    font-size: 24px;
}
.ems-promo-title {
    font-size: 36px;
}
.archive .ems-promo-left {
    text-align: left !important;
}

.ems-promo-wrapper {
    width: 100vw; 
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.ems-attrs-section.ems-attrs-specs {
    padding: 0;
}
.ems-product-attrs {
    margin-top: 20px;
}



/* CHECKOUT PAGE MOBILE */
.ems-ship-data-part .col-1 {
    width: 100% !important;
    display: flex;
    flex-direction: column;
}
.ems-ship-pay-method {
    width: 100%;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
    overflow: visible;
}
/* END OF CHECKOUT MOBILE */

.ems-gallery-notice {
    display: none !important;
}
.ems-gallery-notice-mob {
    display: block !important;
    z-index: 20;
    font-size: 11px;
    color: #0547cc;
    padding: 4px 0px;
    pointer-events: none;
    text-transform: uppercase;
    font-style: italic;
}
/* contacts */

.ems-cf7-row.top input{
    width: 100% !important;
}
.ems-cf7-row.middle input{
    width: 100% !important;
}
.ems-cf7-row.middle {
    width: 100%;
    justify-content: space-between;
}
.ems-cf7-row p {
    margin-bottom: 0 !important;
    width: 100% !important;
}
.wpcf7-submit.ems-submit-btn {
    width: 100% !important;
}
.ems-cf7-row {
    width: 100% !important;
}
.ems-cf7-col-400 {
    width: 100%;
}

}
/* END OF 1024 */





button.ems-accordion-header:hover {
    background: #333;
}
button.ems-accordion-header:active {
    background: #333;
}
button.ems-accordion-header:focus {
    background: #333;
}

button.ems-accordion-header.active:hover {
    background: #333;
}
button.ems-accordion-header.active:active {
    background: #333;
}
button.ems-accordion-header.active:focus {
    background: #333;
}



/* h3.ems-product-title {
    height: auto !important;
}
.ems-cart-item {
    align-items: center !important;
}

.ems-cart-item {
display: grid;
    padding: 40px;
    margin-bottom: 20px;
    align-items: start;
    border-radius: 7px;
    border: 1px solid #D7D7D7;
    background: #F8F8F8;
}


.ems-product-title {
    margin-top: 0 !important;
    line-height: 1.2;
}


.ems-area-image  { 
    grid-area: img; 
        border: 1px solid #D7D7D7;
    background: #FFF;
    padding: 20px;
}
.ems-area-info   { grid-area: info; }
.ems-area-tags   { grid-area: tags; }
.ems-area-price  { grid-area: price; }
.ems-area-remove { grid-area: rm; }


@media (min-width: 769px) {
    .ems-cart-item {
       
        grid-template-columns: 220px 1fr auto auto;
        grid-template-areas: 
            "img info price rm"
            "img tags price rm";
        gap: 0 20px;
    }
    
    .ems-area-price {
        
        min-width: 120px;
    }
    
    
    .ems-area-remove {
        padding-left: 20px;
       
        align-self: start;
        padding-top: 0; 
    }
}


@media (max-width: 768px) {
    .ems-cart-item {
       
        grid-template-columns: 100px 1fr;
        grid-template-areas:
            "img info"  
            "tags tags"  
            "price rm";  
        gap: 15px;
    }

   
    .ems-area-price {
        justify-self: start; 
        align-self: end;   
        text-align: left;
    }

    .ems-area-remove {
        justify-self: end; 
        align-self: end;      
    }
}

 */

h3.ems-product-title {
    height: auto !important;
}
 /* --- ОСНОВЕН КОНТЕЙНЕР --- */
.ems-cart-item {
    display: grid;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 40px;
    margin-bottom: 20px;
    border-radius: 7px;
    border: 1px solid #D7D7D7;
    background: #F8F8F8;
    
    /* 1. Всичко отива НАЙ-ГОРЕ (текст, цена, заглавие) */
    align-items: start !important; 
}

/* --- НАСТРОЙКА САМО ЗА СНИМКАТА --- */
.ems-area-image {
    grid-area: img;
    /* 2. Само снимката се сваля в СРЕДАТА */
    align-self: center !important; 
      border: 1px solid #D7D7D7;
    background: #FFF;
    padding: 20px;
}

/* --- ОСТАНАЛИТЕ ЗОНИ --- */
/* Гарантираме, че цената стои горе */
.ems-area-price { 
    grid-area: price; 
    align-self: start !important; /* Цената се лепи горе */
    margin-top: 0;
}

.ems-area-info   { grid-area: info; }
.ems-area-tags   { grid-area: tags; }
.ems-area-remove { grid-area: rm; }


/* --- DESKTOP VIEW (Без промяна в структурата) --- */
@media (min-width: 769px) {
    .ems-cart-item {
        grid-template-columns: 220px 1fr auto auto;
        grid-template-areas: 
            "img info price rm"
            "img tags price rm";
        gap: 0 20px;
    }
    
    .ems-area-price {
        text-align: right;
        min-width: 120px;
    }
    
    .ems-area-remove {
        padding-left: 15px;
    }
}

/* --- MOBILE VIEW (Без промяна в структурата) --- */
@media (max-width: 768px) {
    .ems-cart-item {
        grid-template-columns: 150px 1fr;
        grid-template-areas:
            "img info"
            "tags tags"
            "price rm";
        gap: 20px;
                padding: 21px 13px;
    }
    
    /* На мобилно цената слиза долу, както искаше преди */
    .ems-area-price {
        justify-self: start; 
        align-self: end !important; /* Тук я връщаме долу за мобилната версия */
        text-align: left;
    }

    .ems-area-remove {
        justify-self: end; 
        align-self: flex-start !important;
    }
}

@media (max-width: 768px) {

    .ems-promo-right {
        position: absolute !important;
        padding: 0px 20px;
        top: 80%;
    }

    .ems-archive-description {
        margin-top: 200px;
    }

    .ems-compare-container .ems-product-title h3 {
        font-size: 21px !important;
    }
    .ems-compare-container .ems-tag-badge {
        font-size: 14px;
    }
    .ems-compare-container .ems-product-short-desc {
        font-size: 16px;
    }
    .ems-compare-container .ems-specs-title {
        font-size: 18px;
    }
    .ems-compare-container .ems-btn-add-cart {
        font-size: 21px;
    }
    .ems-compare-container .ems-compare-column {
        padding: 0;
    }
    .ems-header-search-container {
        width: auto !important;
    }
    .ems-compare-separator {
        right: -50px;
        width: 80px;
        height: 80px;
    }

    .ems-cp-icons-row .cp-iconbox:first-child {
            display: none;
        }
            .swiper.wwl {
        margin-right: -23px;
    }
        .ems-fake-reviews {
        margin: 0 !important;
    }

    .ems-condition-box {
        width: 100% !important;
        min-width: 100%;
    }
    .ems-newsletter-inline-wrap {
        color: #fff;
        width: 100% !important;
    }
    .ems-cart-item .ems-product-title a {
        text-decoration: none;
        color: #212222;
        font-size: 13px;
        line-height: normal;
        letter-spacing: 0.78px;
        font-weight: 700;
    }
       .ems-cart-item h3.ems-product-title {
            font-size: 13px !important;
            /* line-height: 0 !important; */
        }
        .ems-cart-item .ems-product-specs {
            color: #777;
            margin-bottom: 15px;
            text-transform: uppercase;
            color: #696969;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.78px;
        }
        .ems-cart-item span.ems-tag-text {
            font-size: 14px;
        }
        .ems-cart-item .ems-tag-badge {
            padding: 6px 10px;
        }
    .ems-cart-total-box {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 30px;
}
.ems-cart-totals.cart-collaterals table .order-total td:before {
    display: none !important;
}
.ems-cart-left {
    align-items: flex-start;
}
.ems-cart-label {
    font-size: 24px;
}
.ems-cart-old del {
    font-size: 18px;
}
.ems-cart-final {
    font-size: 29px;
            text-align: left;
        line-height: 34px;
}
.ems-price-value{
    display: grid;
    grid-template-columns: max-content;
}
a.ems-cart-btn {
    font-size: 16px;
    line-height: 0;
    padding: 10px 20px;
}
span.ems-btn-icon svg {
    height: 18px;
}
.cart_totals table {
    padding: 21px 15px !important;
}

    .ems-promo-wrapper {
        flex-direction: column;
        /* padding: 20px; */
        padding: 40px 20px;
        overflow: visible;
        align-items: center;
    }
    .ems-promo-left {
        max-width: 100%;
        margin-bottom: 30px;
        /* text-align: center; */
    }
    .ems-product-card {
        max-width: 100%;
        /* max-width: calc(100% - 46px); */
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }
    a.ems-view-btn {
        width: 100%;
        padding: 18px 20px;
        font-size: 14px;
    }
    .ems-attr-row {
    /* font-size: 12px !important; */
    font-size: 2.6dvw !important;
    }
    h3.ems-product-title {
        font-size: 24px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 105% !important;
        letter-spacing: -0.96px !important;
    }
    .ems-image-col img {
        max-width: 111px;
        height: 83px;
        display: block;
        object-fit: cover;
    }
    .ems-coupon-wrap button {
        border-radius: 7px;
        border: 1px solid #C2C2C2 !important;
        background: #FFF;
        color: #696969 !important;
        text-align: center;
        font-size: 16px !important;
        width: 136px;
    }
    .ems-coupon-wrap input {
        width: 100%;
    }
.ems-coupon-wrap .coupon {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.ems-archive-the-products-wrapper ul {
    grid-template-columns: repeat(2, 1fr);
}
.ems-under-archive-banner-row {
    margin-top: 50px;
}
.ems-archive-breadcrumb {
    display: none;
}
.ems-archive-sorting {
    align-items: center;
    justify-content: space-between;
    width: 100%;
}





}

@media (max-width: 480px) {
.ems-archive-the-products-wrapper ul {
    grid-template-columns: repeat(1, 1fr);
}
.ems-product-attrs {
    /* flex-direction: row; */
    /* justify-content: space-between; */
    align-items: center;
}
.ems-condition-row {
    font-size: 3dvw !important;
}
}
/* END OF 480 */

@media (max-width: 380px) {
        .ems-cart-item {
            grid-template-columns: 120px 1fr;
        }
}
@media (max-width: 350px) {
        .ems-cart-item {
            grid-template-columns: 100px 1fr;
        }
         .ems-area-image {
            padding: 10px;
        }
}

@media (max-width: 330px) {
        .ems-cart-item {
            grid-template-columns: 60px 1fr;
        }
        .ems-area-image {
            padding: 5px;
        }
}