* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body > * {
    position: relative;
    z-index: 10;
}

/* Firefox */
@-moz-document url-prefix() {
    html, #short-desc, .custom-options, .filter-body1 {
        scrollbar-width: thin;
        scrollbar-color: #D5D5D5 #F1F1F1;
    }
}

/* scrollbar styles */
html::-webkit-scrollbar, #short-desc::-webkit-scrollbar, 
.filter-body1::-webkit-scrollbar {
    width: 5px; 
}

html::-webkit-scrollbar-thumb, #short-desc::-webkit-scrollbar-thumb,
.filter-body1::-webkit-scrollbar-thumb {
    background: #E6E6E6; 
    height: 87px;
    border-radius: 3px;
}

:root {
    --primary-color: #002E76;
    --secondary-color: #f9a61a;
    --bg-color: #F3F3F3;
    --bg-color1: #E5E5E5;
    --brand-red: #E60000;
    --text-color: #2E2E2E;
    --text-color1: #2B2B2B;
    --border-color: #DBDBDB;
}

body { background: var(--bg-color) !important; overflow-x: hidden;}
.hidden { display: none; }

.Container {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 30px;
}

.content, .content1, .content2, .content3 {
    display: flex;
    width: 100%;
    max-width: 1286px; 
}

.content1 { flex-direction: column; }
.content2 { flex-direction: column; max-width: 1108px; }
.content3 { max-width: 1108px; }

.decor {
    position: fixed;
    z-index: 4;
}

.decor:first-of-type { top: 0; left: 0; }
.decor:nth-of-type(2) { top: 360px;  left: -70px; }
.decor:nth-of-type(3) { top: 360px; right: -135px; }

/*** Remove valid/invalid feedback effects ***/
.was-validated .form-control:valid,
.was-validated .form-control:invalid {
    background-image: none !important;
}

.was-validated .form-control:valid,
.was-validated .form-select:valid,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: var(--border-color) !important;
}

.was-validated .form-control:valid:focus,
.was-validated .form-select:valid:focus {
    box-shadow: none !important;
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple]):not([size]) {
    --bs-form-select-bg-icon: none !important;
}

.form-select {
    --bs-form-select-bg-img: none !important;
    background-image: url(../images/arrow-down-l.svg) !important;
    background-size: 8px 5px !important;
    background-position: right 22px center !important;
}

.form-floating > .form-control {
    min-height: unset !important;
}

.invalid-feedback span {
    color: var(--brand-red);
    font: 10px 'BPG Mrgvlovani';
    line-height: 13px;
    padding-left: 5px;
}

.form-floating > label,
.form-floating > .form-control {
    padding-left: 21px !important;
}
/***************************************/

.side-contact {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: fixed;
    top: 240px;
    transform: translateY(-50%);
    right: 0;
    z-index: 1000;
}

.side-contact a {
    border-radius: 5px 0 0 5px;
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    font: 14px 'BPG LE Studio 02 Caps';
    line-height: 19px;
    gap: 40px;
    height: 50px;
    width: 280px;
    position: absolute;
    right: -215px;
    padding: 0 50px 0 20px;
    transition: all 0.3s ease;
}

.side-contact a:first-child {
    background: var(--secondary-color);
    top: 0;
}

.side-contact a:first-child:hover {
    right: 0;
}

/* .side-contact a:nth-child(2) {
    background: var(--primary-color);
    top: 60px;
} */

.side-contact a:nth-child(2) {
    background: #25D366;
    top: 60px;
}

.side-contact a:nth-child(3) {
    background: #7360F2;
    top: 120px;
}

.side-contact a:last-child {
    background: #24A1DE;
    top: 180px;
}

.side-contact i {
    font-size: 24px;
}

header {
    background: var(--primary-color);
    min-height: 110px;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1000;
}

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    width: 100%;
    max-width: 1266px;
}

.logo > img {
    width: 193px;
    height: 22px;
    object-fit: contain;
}

.menu {
    display: flex;
    align-items: flex-end;
    height: 100%;
    gap: 5px;
}

.menu-item { position: relative; }
.child-menu {
    display: none;
    flex-direction: column;
    list-style: none;
    position: absolute;
    top: 100%;
    padding: 0;
    margin: 0;
    width: 250px;
}

.child-menu li a {
    background: rgba(0, 46, 118, 0.93);
    color: white;
    text-decoration: none;
    display: flex;
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    width: 100%;
    height: 100%;
    padding: 17px 30px;
    transition: all 0.3s ease;
}
.child-menu li a:hover { background: var(--secondary-color); }

.menu-item > a {
    color: white;
    text-decoration: none;
    display: flex;
    font: 14px 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    padding: 5px 13px 27px;
    height: 67px;
    transition: all 0.3s ease;
}

.menu-item:hover > a {
    background: var(--secondary-color);
    padding-top: 20px;
}

.menu-item:hover .child-menu {
    display: flex;
}

.search {
    position: relative;
    width: 350px;
}

.search input {
    border: none;
    border-radius: 18px;
    color: #707070;
    font: 10px 'BPG Mrgvlovani';
    line-height: 13px;
    height: 35px;
    padding: 0 50px 0 20px;
    width: 100%;
}
.search input:focus { outline: none; }

.search button {
    background: var(--secondary-color);
    border: none;
    border-radius: 0 25px 25px 0;
    position: absolute;
    top: 0;
    right: -1px;
    height: 35px;
    width: 38px;
}

.auth {
    background: var(--secondary-color);
    border: none;
    border-radius: 23px;
    color: white;
    text-decoration: none;
    justify-content: center;
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    width: 160px;
    height: 45px;
    transition: all 0.3s ease;
}
.auth:hover { background: #3A3737; }

.auth div { display: none; }

.logged {
    justify-content: unset;
    padding-left: 20px;
    gap: 10px;
}

.logged div {
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    width: 30px;
    height: 30px;
}

.utility-bar {
    display: flex;
    align-items: center;
    gap: 15px;
}

.utility-bar button {
    background: white;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    transition: all 0.3s ease;
}

.utility-bar button svg { 
    fill: #393636;
    transition: all 0.3s ease;
}
.utility-bar button:hover { background: var(--secondary-color); }
.utility-bar button:hover svg { fill: white; }

.tool-tip {
    position: relative;
    transition: all 0.3s ease;
}

.tooltiptext {
    background: white;
    border-radius: 5px;
    display: none;
    align-items: center;
    justify-content: center;
    font: 8px 'BPG Mrgvlovani Caps 2010';
    line-height: 11px;
    min-width: 98px;
    height: 31px;
    padding: 10px 11px;
    position: absolute;
    z-index: 1;
    top: 120%;
} 

.tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}
  
.tool-tip:hover .tooltiptext {
    display: flex;
}

#menu-toggle-button { display: none; }

.dropdownMenu {
    background: rgba(0, 46, 118, 0.9);
    color: white;
    padding: 0 30px;
    position: absolute;
    top: 100%;
    width: 100%;
    height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    transition: height 0.5s ease;
}
  
.dropdownMenu.visible, .dropdownMenu.active { height: calc(100vh - 110px); }

.dropdownMenu hr {
    border: 1px solid rgba(255, 255, 255, 0.27);
    opacity: 1;
    margin: 0 -30px;
}

.mobile-nav, .dropdownMenu > a {
    color: white;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: 14px 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    width: 100%;
    padding: 20px 0;
}
.mobile-nav:last-of-type { padding-bottom: 40px; }

.mobile-nav-items {
    font: 12px "BPG Mrgvlovani";
    line-height: 16px;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding-left: 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.mobile-nav-items.visible {  max-height: 1000px; }
.mobile-nav-items a:last-child { margin-bottom: 40px; }
.mobile-nav-items a, .mobile-nav-items a:hover {
    color: white;
    text-decoration: none;
}

.dropdownMenu .utility-bar {
    margin: 20px 0;
    display: none;
}

footer {
    background: var(--primary-color);
    min-height: 570px;
    padding: 44px 30px 30px !important;
}

footer hr {
    border-color: rgba(255, 255, 255, 0.24);
    margin: 50px 0 28px;
    opacity: 1;
}

.footer-title {
    color: var(--secondary-color);
    text-align: center;
    font: 30px 'Gilroy GEO';
    line-height: 42px;
    margin-bottom: 30px;
}

.footer-links {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 90px;
}

.footer-links * {
    background: var(--secondary-color);
    border: none;
    border-radius: 38px;
    color: black;
    text-decoration: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 16px 'BPG Mrgvlovani Caps 2010';
    line-height: 22px;
    padding: 0 55px;
    width: calc((100% - 133px) / 3);
    height: 75px;
}

.footer-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer-top .social-media,
.footer-top .digital-payments { display: none; }

.footer-logo > img {
    width: 116px;
    height: 92px;
    object-fit: contain;
}

.footer-contact { max-width: 283px; }
.footer-contact-items span { max-width: calc(100% - 50px); }

.footer-contact > p {
    color: white;
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
    margin-bottom: 20px;
}

.footer-contact-items {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-contact-items > * {
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    gap: 20px;
}

.footer-contact-items > * div {
    background: var(--secondary-color);
    border-radius: 50%;
    color: white;
    font-size: 12px;
    width: 30px;
    height: 30px;
}

.footer-menu {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-menu > a {
    color: white;
    text-decoration: none;
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
}

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.digital-payments {
    display: flex;
    align-items: center;
    gap: 22px;
}

.social-media {
    display: flex;
    gap: 10px;
}

.social-media a {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    width: 35px;
    height: 35px;
}

.copyright {
    color: white;
    display: flex;
    flex-direction: column;
    text-align: end;
    font: 12px 'BPG Arial';
    line-height: 14px;
}

.copyright span:last-child { color: var(--secondary-color); }
.copyright a { color: unset; text-decoration: none; }

/* login page */
.login-container {
    padding: 75px 30px 145px;
}

.login {
    background: white;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding: 73px 63px;
    width: 495px;
}

.login > p:first-child {
    text-align: center;
    font: 20px 'BPG Mrgvlovani Caps 2010';
    line-height: 28px;
    margin-bottom: 60px;
}

.login input {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(106,106,106, 0.3);
    font: 12px "BPG Mrgvlovani";
    line-height: 16px;
    width: 100%;
}
.login input:focus { outline: none; }

.login > div {
    color: #4A4A4A;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font: 12px "BPG Mrgvlovani";
    line-height: 16px;
    margin-bottom: 30px;
}

.login > div a {
    color: var(--secondary-color);
    text-decoration: none;
    transition: all 0.3s ease;
}
.login > div a:hover { color: var(--primary-color); }

.auth-btn {
    background: var(--primary-color);
    border: 0;
    border-radius: 23px;
    color: white;
    font: 14px 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    margin-bottom: 47px;
    width: 100%;
    height: 45px;
    transition: all 0.3s ease;
}
.auth-btn:hover { background: var(--secondary-color); }

.login > a:last-child {
    color: var(--secondary-color);
    text-align: center;
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
    transition: all 0.3s ease;
}
.login > a:last-child:hover { color: var(--primary-color); }

.banner-swiper {
    background: var(--bg-color);
    width: 100%;
    height: 600px;
    margin-bottom: 30px !important;
}

.banner-slide {
    position: relative;
}

.banner-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .banner-info {
    display: flex;
    align-items: flex-start;
    gap: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc((100% - 1108px) / 2);
    z-index: 4;
}

.banner-info > img {
    width: 515px;
    height: 350px;
    object-fit: contain;
}

.banner-info > div > p {
    color: var(--primary-color);
    font: 36px 'Gilroy GEO';
    line-height: 46px;
    margin-bottom: 25px;
}

.banner-list {
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.banner-list p {
    position: relative;
    margin-bottom: 18px;
}
.banner-list p:last-child { margin-bottom: 0; }

.banner-list p::before {
    content: '';
    background: var(--secondary-color);
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: -15px;
    width: 8px;
    height: 8px;
}

.banner-info > div > a {
    background: var(--secondary-color);
    color: white;
    text-decoration: none;
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    width: 145px;
    height: 40px;
    transition: all 0.3s ease;
}
.banner-info > div > a:hover { background: var(--primary-color); }

.banner-slide:nth-child(2), .banner-slide:nth-child(2) .banner-info > div > p { color: white; } */

.swiper1 .swiper-pagination-bullet {
    background: var(--bg-color1);
    border-radius: 50%;
    color: white;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.swiper1 .swiper-pagination-bullet-active {  background: var(--secondary-color); }

/* product list */
.product-content {
    align-items: flex-start;
    gap: 38px;
}

.main-product-content { max-width: 1266px; }

.filter-cont { 
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 275px; 
    .filter { width: 100%; }
}
.filter { width: 275px; }

.filter-head {
    background: var(--primary-color);
    border-radius: 30px 30px 0 0;
    color: white;
    font: 14px 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    height: 60px;
    padding: 0 20px;
}

.filter-head div {
    background: var(--secondary-color);
    border-radius: 50%;
    display: none;
    font-size: 12px;
    width: 28px;
    height: 28px;
}

.filter-body {
    background: rgba(255, 255, 255, 0.86);
    border-radius: 0 0 30px 30px;
    padding: 0 20px;
}

.filter-body1 {
    max-height: 200px;
    overflow-y: scroll;
}

.filter-body hr {
    border-color: #EDECE7;
    margin: 0;
    opacity: 1;
}

.filter-body a {
    color: unset;
    text-decoration: none;
    display: flex;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    padding: 15px 0;
}
.filter-body > a:first-child { -webkit-text-stroke: 0.5px black; }

.child-categories {
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    padding: 15px 0;
}
.child-categories:last-child { padding-bottom: 25px; }

.child-categories div:first-child { cursor: pointer; }
.child-categories div span { transition: all 0.3s ease; }
.child-categories div:first-child span { -webkit-text-stroke: 0.5px black; }

.child-categories div.visible span { 
    color: var(--secondary-color); 
    -webkit-text-stroke: 0.5px var(--secondary-color);
}

.child-categories div:first-child i {
    color: #979797;
    font-size: 10px;
}

.child-categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.child-categories ul.visible {
    max-height: 500px;
}

.child-categories ul a { padding: 0 0 15px !important; }
.child-categories ul li:first-child a { padding-top: 15px !important; }
.child-categories ul li:last-child a { padding-bottom: 0px !important; }

.category-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 30px;
    width: calc(100% - 275px);
}

.category-item {
    background: white;
    border: 1px solid white;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 27px 20px 32px;
    position: relative;
    transition: all 0.3s ease;
}

.category-item:hover {
    border-color: var(--secondary-color);
}

.category-item > * {
    position: relative;
    z-index: 1;
}

.category-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: transparent;
    border-radius: 20px 20px 0 0;
    clip-path: polygon(0 0, 100% 0, 100% 43%, 0 43%);
    transition: all 0.3s ease;
    z-index: 0;
}
.category-item:hover::before {  background: var(--secondary-color); height: 100%; }

.triangle, .triangle-hover {
    position: absolute;
    right: -32px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.triangle1, .triangle1-hover {
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
}

.triangle-hover { 
    display: none;
    object-position: -3px;
    width: 32px;
}

.triangle1-hover { 
    display: none;
    object-position: -1px;
    width: 32px;
}

.category-item:nth-child(3n + 1) .triangle1 { display: none; }
.category-item:nth-child(3n + 3) .triangle { display: none; }
.category-item:hover .triangle-hover { display: inline; }
.category-item:hover .triangle1-hover { display: inline; }
.category-item:hover .triangle { display: none;}
.category-item:nth-child(3n + 3):hover .triangle-hover { display: none; }
.category-item:nth-child(3n + 1):hover .triangle1-hover { display: none; }

.category-name {
    -webkit-text-stroke: 0.5px black;
    font: 16px 'BPG Mrgvlovani Caps 2010';
    line-height: 22px;
    margin-bottom: 22px;
    width: 100%;
    transition: all 0.3s ease;
}
.category-item:hover .category-name {
    color: white;
    -webkit-text-stroke-color: white;
}

.category-name span { max-width: calc(100% - 45px); }

.category-name div {
    background: var(--bg-color1);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    transition: all 0.3s ease;
}
.category-item:hover .category-name div { background: white; }

.category-image {
    /* width: 160px;
    height: 108px; */
    width: 100%;
    object-fit: contain;
    margin-bottom: 36px;
}

.category-list1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
}

/* product sliders */
.main-select .select2  { margin-bottom: 30px !important; }
.main-select .select2-container {
    height: 50px !important;
    width: auto !important;
    min-width: 400px !important;
}
.first ~ .select2-container { min-width: 300px !important; }
.third ~ .select2-container { min-width: 270px !important; }

.main-select .select2-container .select2-selection--single { 
    background: var(--primary-color) !important;
    border: none !important;
    border-radius: 12px !important;
    height: 50px !important;
}

.main-select .select2-container .select2-selection--single .select2-selection__rendered {
    color: white !important;
    -webkit-text-stroke: 0.5px white;
    display: flex !important;
    align-items: center;
    max-width: 96% !important;
    font: 20px 'BPG Mrgvlovani Caps 2010' !important;
    line-height: 28px !important;
    padding-left: 20px !important;
    height: 100%;
}

/*.main-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(../images/select-arrow.svg) no-repeat center center;
    background-size: contain;
    width: 28px !important;
    height: 28px !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%);
}*/
  
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}

.select2-dropdown {
    background: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    border-radius: 0 0 12px 12px !important;
}

.select2-results {
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
}

.select2-results__option {
    padding: 17px 0 17px 20px !important;
}

.select2-container--default .select2-results__option--selected {
    background: var(--secondary-color) !important;
    color: white !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--secondary-color) !important;
    color: white !important;
}

.select2-results__option--disabled { display: none !important; }

.product-slide-cont {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 60px;
}

.product-slide-cont > img:first-child {
    border-radius: 20px;
    width: 300px;
    height: 300px;
    object-fit: cover;
}

.product-swiper { width: calc((100% - 330px)); padding-bottom: 50px !important; }
.product-swiper .product-card-cont { width: 235px !important; }

.product-card-cont {
    border: 1px solid transparent;
    border-radius: 30px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    &:hover { border: 1px solid var(--secondary-color); }
}

.product-card-cont:hover .prod-desc > p:first-child { 
    -webkit-text-stroke-color: black;
}

/* .product-card-cont::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: transparent;
    border-radius: 20px 20px 0 0;
    clip-path: polygon(0 0, 100% 0, 100% 43%, 0 43%);
    transition: all 0.3s ease;
    z-index: 0;
}
.product-card-cont:hover::before {  background: var(--secondary-color); height: 100%; } */

.prod-img-cont {
    background: white;
    border-radius: 20px 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 265px;
    padding: 0 20px;
    transition: all 0.5s ease;
}

.prod-img-cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.prod-desc {
    background: white;
    border-radius: 0 0 20px 20px;
    padding: 15px 10px 20px;
}

.prod-desc p:first-child {
    color: black;
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 15px;
    -webkit-text-stroke: 0.5px transparent;
    transition: all 0.3s ease;
}

.prod-desc .price {
    margin-bottom: 0;
    text-align: center;
}

.original {
    color: black;
    font: 14px 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    text-decoration: line-through;
}

.discount {
    color: var(--secondary-color);
    -webkit-text-stroke: 0.5px var(--secondary-color);
    font: 16px 'BPG Mrgvlovani Caps 2010';
    line-height: 22px;
}

.add-to-cart {
    background: var(--secondary-color);
    border: none;
    border-radius: 25px;
    color: white;
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    height: 50px;
    width: 200px;
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s ease;
    z-index: 1;
}
.product-card-cont:hover .add-to-cart { bottom: 165px; }

.sale {
    background: var(--secondary-color);
    border-radius: 20px;
    color: white;
    text-align: center;
    font: 14px 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    padding: 7px 11px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.latest-prod-container {
    padding-bottom: 50px;
}

.product-status-select {
    border-bottom: 1px solid var(--bg-color1);
    display: flex;
    gap: 50px;
    font: 20px 'BPG Mrgvlovani Caps 2010';
    line-height: 28px;
    -webkit-text-stroke: 0.5px black;
    padding-bottom: 25px;
    margin-bottom: 45px;
}

.product-status-select input { display: none; }

.product-status-select label { 
    cursor: pointer;
    position: relative;
}

.product-status-select label::after {
    content: '';
    position: absolute;
    top: 47px;
    left: 0;
    width: 12px;
    height: 12px;
    background: #ABABAB;
    border-radius: 50%;
}
.product-status-select label.active::after { background: var(--secondary-color); }

.latest-prod-swiper-cont { 
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

.latest-prod-bg { 
    position: relative;
    width: 325px;
}
.latest-prod-bg > img { 
    border-radius: 5px; 
    width: 100%;
    object-fit: cover; 
}

.tag {
    background: var(--brand-red);
    border-radius: 5px;
    color: white;
    display: flex;
    align-items: center;
    gap: 12px;
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    padding: 5px 14px;
    position: absolute;
    top: -11px;
    left: 20px;
    z-index: 1;
}

.tag div {
    background: var(--secondary-color);
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.latest-prod-swiper { 
    width: calc(100% - 350px) !important;
    padding-top: 20px !important;
    padding-bottom: 50px !important;
    margin-top: -20px !important;
}

.product-card-wrapper { 
    position: relative;
    z-index: 2;
    width: 235px;
}

/* product page */
.sales-container { padding: 60px 30px; }
.product-container { padding: 40px 30px 60px; }

.product-grid-cont { width: calc(100% - 275px); }
.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    column-gap: 30px;
    row-gap: 20px;
    margin-bottom: 50px;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.prev-page, .next-page {
    background: #C7C7C7;
    border: none;
    border-radius: 50%;
    color: white;
    width: 35px;
    height: 35px;
    transition: all 0.3s ease;
}

.prev-page:hover, .next-page:hover {
    background: var(--primary-color);
}
.pagination-buttons {
    display: flex;
    gap: 14px;
}

.pagination-buttons button {
    background: none;
    border: none;
    color: #929395;
    font: 13px 'BPG Mrgvlovani Caps 2010';
    line-height: 18px;
}

.pagination-buttons button.active { color: var(--secondary-color); }

/* sales page */
.page-title {
    font: 20px 'BPG Mrgvlovani Caps 2010';
    line-height: 28px;
    margin-bottom: 40px;
}

.sales-content {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

.sales-grid-cont { width: calc(100% - 350px); }
.sales-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    gap: 25px;
    margin-bottom: 50px;
}

/* product inner */
.product-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 35px;
}

.product-heading a {
    color: var(--text-color1);
    text-decoration: none;
    font: 14px 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
}

.product-heading div {
    background: var(--bg-color1);
    border-radius: 50%;
    width: 16px;
    height: 16px;
}

.product-heading div img {
    width: 8px;
    height: 8px;
    object-fit: contain;
}

.product {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.product-details { width: 45%; }
.main-product-swiper, .product-slide {
    width: 100% !important;
    height: 420px !important;
}

.main-product-swiper { margin-bottom: 20px !important; }
.product-images { margin-bottom: 50px; }

.product-slide img, .product-img-button img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-img-buttons {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.product-img-button {
    cursor: pointer;
    width: calc((100% - 36px) / 4);
    height: 95px;
}

.video-instruction > p, .similar-prod-title {
    background: var(--secondary-color);
    border-radius: 12px;
    color: white;
    display: inline-flex;
    font: 16px 'BPG Mrgvlovani Caps 2010';
    line-height: 22px;
    padding: 15px 20px;
    height: 50px;
    margin-bottom: 20px;
}

.video-instruction iframe {
    border-radius: 20px;
    width: 100%;
    height: 260px;
}

.product-info { width: 54%; }

.prod-prev {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 30px;
    position: relative;
}

.product-colors {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font: 10px 'BPG Mrgvlovani Caps 2010';
    line-height: 13px;
}

.product-colors div {
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95px;
    height: 77px;
}

.product-colors div:first-child { border: 1px solid #DEDEDE; }
.product-colors div:nth-child(2) { background: #929292; color: white; }
.product-colors div:nth-child(3) { background: black; color: white; }

.product-colors input { display: none; }

.prod-prev > div {
    background: white;
    border-radius: 20px;
    padding: 20px 40px 30px;
    width: calc(100% - 105px);
}
.prod-prev > div.no-prod-colors { margin-left: auto; }

.prod-prev .name {
    font: 16px 'BPG Mrgvlovani Caps 2010';
    line-height: 22px;
    margin-bottom: 30px;
}

.prices {
    position: absolute;
    right: 40px;
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.prices div {
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    padding: 12px 19px;
}

.prices div > span {
    font: 10px 'BPG Mrgvlovani Caps 2010';
    line-height: 13px;
    -webkit-text-stroke: 0.5px black;
}

.prices p { margin-bottom: 0; }
.prices p .old-price {
    color: var(--secondary-color);
    font: 14px 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    text-decoration: line-through;
    margin-right: 5px;
}

.prices p .discount-price {
    font: 18px 'BPG Mrgvlovani Caps 2010';
    line-height: 22px;
    -webkit-text-stroke: 0.5px black;
}

.prod-prev .status {
    position: absolute;
    right: 40px; top: 190px;
    color: #5EA467;
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    margin-bottom: 15px;
    -webkit-text-stroke: 0.5px #5EA467;
}


.prod-prev .negative-status {
    position: absolute;
    right: 40px; top: 190px;
    color: #FF0000;
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    margin-bottom: 15px;
    -webkit-text-stroke: 0.5px #FF0000;
}

.code {
    position: absolute;
    right: 40px; top: 210px;
    font: 10px 'BPG Mrgvlovani';
    line-height: 13px;
}
.code span:first-child { color: #757575; margin-right: 5px;}

.prod-prev hr {
    border-color: var(--bg-color1);
    opacity: 1;
    margin: 22px 0;
}

.product-num {
    color: #212121;
    display: flex;
    align-items: center;
    gap: 45px;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    > span:first-child { -webkit-text-stroke: 0.5px #212121; }
}

.product-quantity {
    border: 1px solid var(--bg-color1);
    border-radius: 20px;
    padding: 0 20px;
    width: 130px;
    height: 40px;
}

.product-quantity button {
    background: none;
    border: none;
    color: #A8A8A8;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
}

.product-quantity span {
    font: 14px 'Helvetica';
    line-height: 19px;
}

.cart-actions {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cart-actions .tool-tip {
    background: var(--bg-color1);
    border: none;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    transition: all 0.3s ease;
}
.cart-actions .tool-tip svg { transition: all 0.3s ease; }

.cart-actions .tool-tip:first-child:hover { background: #3A3737; }
.cart-actions .tool-tip:first-child:hover svg { fill: white; }
.cart-actions .tool-tip:nth-child(2):hover { background: var(--secondary-color); }
.cart-actions .tool-tip:nth-child(2):hover svg { fill: white; }

.tooltiptop {
    background: rgba(33, 33, 33, 0.9);
    border-radius: 5px;
    color: white;
    display: none;
    align-items: center;
    justify-content: center;
    font: 8px 'BPG Mrgvlovani';
    line-height: 11px;
    min-width: 90px;
    height: 35px;
    padding: 10px 11px;
    position: absolute;
    top: -40px;
    left: -22px;
    z-index: 1;
    bottom: 100%;
} 

.tooltiptop::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(33, 33, 33, 0.9) transparent transparent transparent;
}
.cart-actions .tool-tip:first-child:hover .tooltiptop { display: flex !important; }
.cart-actions .tool-tip:nth-child(2):hover .tooltiptop { display: flex !important; }

.buy-btn {
    background: var(--secondary-color);
    border: none;
    border-radius: 23px;
    color: white;
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    width: 175px;
    height: 45px;
    transition: all 0.3s ease;
}
.buy-btn:hover { background: var(--primary-color); }

.description-content {
    background: white;
    border-radius: 20px;
    padding: 24px 24px 40px;
    width: calc(100% - 105px);
    margin-left: auto;
}

.desc-title {
    border-bottom: 1px solid #D1D1D1;
    color: var(--text-color);
    -webkit-text-stroke: 0.5px var(--text-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font: 14px 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.desc-title p { margin-bottom: 0; }
.desc-title .toggle-icon.minus { display: none; }
.desc-cont > div:last-child { padding-bottom: 20px; }
.desc-container {
    font: 12px 'BPG Mrgvlovani';
    line-height: 19px !important;
    overflow: hidden;
    height: 0;
    transition: all 0.3s ease;
}

.desc-cont p { margin-bottom: 0 !important; }

.pdfs { margin-bottom: 50px; }
.pdf {
    background: #F5F5F5;
    border-radius: 20px;
    color: black;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    padding: 0 20px;
    width: 100%;
    height: 55px;
    transition: all 0.3s ease;
    margin-bottom: 15px;
}
.pdf svg { fill: var(--secondary-color); transition: all 0.3s ease; }
.pdf:hover { background: var(--secondary-color); color: white; }
.pdf:hover svg { fill: white; }

.certificates > p {
    color: var(--text-color);
    -webkit-text-stroke: 0.5px var(--text-color);
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
    margin-bottom: 15px;
}

.certificates .pdf {
    background: var(--primary-color);
    color: white;
}
.certificates .pdf svg { fill: white; }
.certificates .pdf:hover { background: var(--secondary-color); }

/* similar products */
.similar-prod-title { background: var(--primary-color); max-width: 230px; }
.similar-prods {
    position: relative;
    margin-bottom: 100px;
}
.similar-prod-swiper { padding-bottom: 50px !important; }

.prev-similar, .next-similar {
    background: var(--secondary-color);
    border-radius: 50%;
    color: white;
    display: flex;
    font-size: 12px;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    z-index: 2;
    transition: all 0.3s ease;
}

.prev-similar { left: -22px; }
.prev-similar:hover { left: -32px; }
.next-similar { right: -22px; }
.next-similar:hover { right: -32px; }

/* news page */
.page-container { padding: 50px 30px 100px; }

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

.news-item {
    background: white;
    border-radius: 20px 20px 10px 10px;
}

.news-item > img {
    border-radius: 20px;
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.see-more {
    border: 1px solid #CCCFD2;
    border-radius: 15px;
    color: #CCCFD2;
    text-decoration: none;
    display: flex;
    align-items: center;
    font: 12px "BPG Mrgvlovani";
    line-height: 16px;
    overflow: hidden;
    padding-left: 10px;
    width: 30px;
    height: 30px;
    transition: all 0.3s ease;
}

.see-more:hover { 
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #292929;
    width: 133px;
}

.see-more .text {
    opacity: 0;
    white-space: nowrap;
    margin-left: 20px;
    transition: opacity 0.3s ease;
}

.see-more:hover .text { opacity: 1; }
.plus { margin-left: -1px; }

.news-prew { padding: 40px 20px 30px 30px; }
.news-prew .date {
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    margin-bottom: 15px;
}

.news-prew .desc {
    -webkit-text-stroke: 0.5px black;
    font: 14px 'BPG Mrgvlovani';
    line-height: 18px;
    height: 54px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 18px;
}

.news {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.current-news { width: 65%; }
.current-news > img:first-child {
    border-radius: 20px;
    width: 100%;
    height: 455px;
    object-fit: cover;
    margin-bottom: 30px;
}

.current-news-info {
    background: white;
    border-radius: 20px;
    padding: 30px 30px 40px;
}

.current-news-info .date {
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
}

.current-news-info .date::after {
    content: '';
    background: var(--secondary-color);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 4px;
    left: 0;
    position: absolute;
}

.current-news-info .title {
    -webkit-text-stroke: 0.5px black;
    font: 20px "BPG Mrgvlovani Caps 2010";
    line-height: 24px;
    margin-bottom: 20px;
}

.current-news-info .text,
.current-news-info .text *,
.content-page-text div, .content-page-text div * {
    font: 12px 'BPG Mrgvlovani' !important;
    line-height: 16px !important;
}

.current-news-info hr {
    border-color: #EAEAEA;
    opacity: 1;
    margin: 35px 0;
}

.share-news {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.go-back {
    color: black;
    -webkit-text-stroke: 0.5px black;
    text-decoration: none;
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
    transition: all 0.3s ease;
}

.go-back:hover {
    color: var(--secondary-color);
    -webkit-text-stroke-color: var(--secondary-color);
}

.share-links {
    display: flex;
    align-items: center;
    gap: 10px;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
}

.share-links div {
    background: #ECECEC;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}

.other-news { width: 32%; }
.other-news > p:first-child {
    font: 14px 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    margin-bottom: 30px;
}

.other-news-items {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* content-page */
.content-page, .faq-page, .contact-page {
    gap: 20px;
}

.content-page-text, .faq {
    background: white;
    border-radius: 20px;
    padding: 30px 30px 60px;
    width: 63%;
}

.content-page-text > p:first-child, .faq > p:first-child {
    font: 20px 'BPG Mrgvlovani Caps 2010';
    line-height: 28px;
    margin-bottom: 35px;
}

.content-page > img, .faq-page > img, .contact-page > img {
    border-radius: 20px;
    width: 35.5%;
    height: 470px;
    object-fit: cover;
}

/* faq page */
.question {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 27px;
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
}

.question p { width: calc(100% - 62px); }

.answer {
    background: #FAFAFA;
    border-radius: 10px;
    color: #4F4F4F;
    font: 12px 'BPG Mrgvlovani';
    line-height: 20px;
    overflow: hidden;
    height: 0;
    transition: all 0.3s ease;
    width: calc(100% - 62px);
    margin-left: auto;
}
.answer-content { padding: 20px 30px 30px 20px; }

.toggle-icon {
    background: var(--secondary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
}

.bar {
    background: var(--text-color1);
    width: 13px;
    height: 3px;
    transform: translateX(6px);
    transition: all 0.3s ease;
}
.description-item .bar { transform: translateX(7px); }
.bar:nth-child(2) { transform: translateX(-7px) rotate(90deg); }
.description-item .bar:nth-child(2) { transform: translateX(-6px) rotate(90deg); }
.faq-item.show .bar:nth-child(2) { transform: translateX(-7px) rotate(180deg); }
.description-item.show .bar:nth-child(2) { transform: translateX(-6px) rotate(180deg); }
.faq-item { margin-bottom: 15px; }

/* contact page */
.contact-page { 
    display: flex; 
    align-items: flex-start; 
    width: 100%; 
    margin-bottom: 50px;
}

.contact-form, .contact-items { width: 63%; }

.site-form label {
    color: #8D8D8D !important;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
}

.site-form input {
    border: 1px solid var(--border-color);
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    height: 50px !important;
    padding-left: 21px !important;
}

.site-form select {
    color: black;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px !important;
    padding-left: 19px;
    height: 50px !important;
    min-height: 50px !important;
    padding-top: 22px !important;
}

.contact-form > p:first-child {
    font: 20px 'BPG Mrgvlovani Caps 2010';
    line-height: 24px;
    -webkit-text-stroke: 1px black;
    margin-bottom: 30px;
}

.contact-form > p:nth-child(2) {
    color: var(--primary-color);
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
    margin-bottom: 15px;
}

.fullname {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}

.fullname > div { width: 49%; }
.contact-email { margin-bottom: 10px; }

.comment-area textarea {
    border: 1px solid var(--border-color);
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    height: 150px !important;
    resize: none;
    margin-bottom: 20px;
}

.send-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.send-form button {
    background: var(--primary-color);
    border: none;
    border-radius: 10px;
    color: white;
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    width: 250px;
    height: 45px;
    transition: all 0.3s ease;
}
.send-form button:hover { background: #0C3F8E; }

.contact-socials {
    display: flex;
    gap: 10px;
}

.contact-socials a {
    background: var(--secondary-color);
    border-radius: 50%;
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    width: 34px;
    height: 34px;
}

.contact-info {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.contact-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 15px;
}

.contact-item {
    background: white;
    border-radius: 10px;
    padding: 23px 20px;
}

.contact-item > p:first-child {
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    -webkit-text-stroke: 0.5px black;
    margin-bottom: 10px;
}

.contact-item div, .contact-item a {
    color: #6B6B6B;
    text-decoration: none;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
}
.contact-item div p { margin-bottom: 0; }

.map { width: 35.5%; }
.map iframe { 
    border-radius: 10px;
    width: 100%;
    height: 215px;
}

/* register page */
.register-form {
    background: white;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding: 50px 50px 100px;
    width: 802px;
}

.register-form > p:first-child {
    color: var(--text-color1);
    font: 20px 'BPG Mrgvlovani Caps 2010';
    line-height: 24px;
    margin-bottom: 25px;
}

.register-form > p:nth-child(2), .data-title {
    color: var(--secondary-color);
    -webkit-text-stroke: 0.5px var(--secondary-color);
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
    margin-bottom: 15px;
}
.data-title { color: var(--text-color); -webkit-text-stroke-color: var(--text-color); }

.phone-input { margin-bottom: 20px; }
.phone-input > span:first-child {
    color: #8D8D8D;
    font: 9px 'BPG Mrgvlovani';
    line-height: 12px;
}

.phone {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.phone button {
    background: transparent;
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font: 14px 'BPG Mrgvlovani' !important;
    line-height: 19px;
    height: 50px;
    width: 124px !important;
}

.phone .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 124px !important; }
.phone .bootstrap-select .dropdown-menu {  min-width: 220px; }
.phone button:hover {
    border-color: var(--border-color);
    background: transparent;
}

.phone .bootstrap-select .dropdown-toggle .filter-option {
    display: flex;
    align-items: center;
}
.register-phone {  width: 80%; }

.eye-icon {
    position: absolute;
    right: 20.5px;
    top: 23px;
    transform: translateY(-50%);
    cursor: pointer;
}
.was-validated .form-control:invalid ~ .eye-icon { top: 23px; }
  
.eye-icon img {
    width: 14.5px;
    height: 11.5px;
}

.service-agreement { margin-bottom: 5px; }
.service-agreement a {
    color: var(--secondary-color);
    text-decoration: none;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
}

.agree-terms .form-check {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.register-form .check1, .personal-info-form .check1,
.delivery-form .check1 {
    border-color: var(--primary-color);
    width: 20px !important;
    height: 20px !important;
    padding-left: unset !important;
}

.agree-terms label {
    color: var(--text-color) !important;
    font-size: 10px;
}

.check1 {
    border: 1px solid var(--primary-color);
    background: transparent;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: middle;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    position: relative;
    margin-right: 7px;
    width: 20px;
    height: 20px;
    transition: all 0.3s ease;
}
.check1:checked { background: var(--primary-color); }

.check1:checked::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 7px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
}

.register-btn, .pay-btn, .orders-btn, .call-request-btn {
    background: var(--secondary-color);
    border: none;
    border-radius: 23px;
    color: white;
    font: 14px 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    width: 260px;
    height: 45px;
    transition: all 0.3s ease;
}
.register-btn:hover, .call-request-btn:hover { background: var(--primary-color); }

.account-login {
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    margin: 30px 0 0 0;
}
.account-login a {
    color: var(--secondary-color);
    text-decoration: none;
}

/* cabinet pages */
.cabinet-container { padding: 70px 20px 150px; }
.cabinet-content { gap: 20px; align-items: flex-start; }

.mob-acc-heading { display: none; }

.account-nav {
    background: white;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 40px 35px;
    width: 310px;
}

.profile-owner { 
    color: var(--text-color1);
    gap: 25px;
    font: 16px 'BPG Mrgvlovani Caps 2010';
    line-height: 18px;
}

.profile-owner div {
    background: var(--primary-color);
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.account-nav hr {
    border-color: var(--bg-color1);
    opacity: 1;
    margin: 20px 0;
}

.account-nav a {
    border-radius: 2px;
    color: var(--text-color1);
    text-decoration: none;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 5px 10px;
    transition: all 0.3s ease;
}

.account-nav a.active, .account-nav a:hover { background: #F9F8F7; }

.account-nav a div {
    background: var(--bg-color1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    transition: all 0.3s ease;
}

.account-nav a svg {
    fill: #A8A8A8;
    transition: all 0.3s ease;
}

.account-nav a:first-of-type:hover div, .account-nav a:first-of-type.active div { background: var(--secondary-color); }
.account-nav a:first-of-type:hover svg, .account-nav a:first-of-type.active svg { fill: var(--primary-color); }

.account-nav a:nth-of-type(2) svg { stroke: #A8A8A8; }
.account-nav a:nth-of-type(2):hover div, .account-nav a:nth-of-type(2).active div { background: var(--secondary-color); }
.account-nav a:nth-of-type(2):hover svg, .account-nav a:nth-of-type(2).active svg { stroke: var(--primary-color); }

.account-nav a:nth-of-type(3):hover div, .account-nav a:nth-of-type(3).active div { background: var(--primary-color); }
.account-nav a:nth-of-type(3):hover svg, .account-nav a:nth-of-type(3).active svg { fill: var(--secondary-color); }

.my-orders, .personal-info-form {
    background: white;
    border-radius: 20px;
    padding: 30px 60px 50px 30px;
    width: calc(100% - 330px);
}

.order-item, .order-item > div:last-child {
    display: flex;
    align-items: center;
    gap: 30px;
}

.order-img {
    background: var(--bg-color1);
    border-radius: 20px;
    padding: 25px;
    width: 160px;
    height: 135px;
}

.order-img img {
    width: 110px;
    height: 80px;
    object-fit: contain;
}

.order-name {
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    max-width: 195px;
}
.order-name > p:first-child { 
    height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 15px;
}

.order-price, .order-details p { margin-bottom: 0; }
.order-price span:first-child {
    font-size: 14px;
    line-height: 19px;
    text-decoration: line-through;
    margin-right: 3px;
}
.order-price span:last-child {
    color: var(--secondary-color);
    -webkit-text-stroke: 0.5px var(--secondary-color);
    font-size: 16px;
    line-height: 22px;
}

.order-details {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    padding-left: 25px;
    position: relative;
}

.order-details::before {
    content: '';
    background: var(--bg-color1);
    height: 105px;
    width: 1px;
    position: absolute;
    top: -20px;
    left: -15px;
}

.order-details span:first-child {
    color: #3A3A3A;
    display: inline-block;
    min-width: 150px;
    margin-right: 20px;
}
.order-details span:last-child {
    color: var(--text-color1);
    -webkit-text-stroke: 0.5px var(--text-color1);
}

.my-orders hr {
    border-color: var(--bg-color1);
    opacity: 1;
    margin: 30px 0;
}

/* personal info page */
.personal-info-form >p:first-child {
    color: var(--secondary-color);
    -webkit-text-stroke: 0.5px var(--secondary-color);
    font: 16px 'BPG Mrgvlovani Caps 2010';
    line-height: 22px;
    margin-bottom: 30px;
}

/* delivery content */
.delivery-content {
    align-items: flex-start;
    gap: 20px;
}

.delivery-form, .delivery-info, .cart-info {
    background: white;
    border-radius: 20px;
    padding: 50px 30px 40px;
    width: calc(100% - 455px);
}

.delivery-form .data-title { font-family: "BPG Mrgvlovani Caps 2010"; }

.bill {
    background: white;
    border-radius: 20px;
    padding: 40px;
    width: 435px;
}

.bill-details {
    display: flex;
    flex-direction: column;
    gap: 18px;
    font: 14px 'BPG Mrgvlovani';
    line-height: 17px;
    margin-bottom: 26px;
}

.bill hr {
    border-color: var(--bg-color1);
    opacity: 1;
    margin: 0 0 24px 0;
}

.total-price {
    color: var(--text-color1);
    -webkit-text-stroke: 0.5px var(--text-color1);
    font: 16px 'BPG Mrgvlovani Caps 2010';
    line-height: 22px;
    margin-bottom: 40px;
}

.total-price span:last-child {
    font: 14px 'BPG Mrgvlovani';
    line-height: 17px;
}

.pay-btn {
    background: var(--primary-color);
    border-radius: 25px;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    width: 100%;
    height: 50px;
}
.pay-btn:hover { background: var(--secondary-color); }

.delivery-form .phone { gap: 0; }
.delivery-form .country-codes { background: white;}
.transport-phone { width: 100%; }
.transport-phone input { margin-left: -10px; width: calc(100% + 10px); }
.transport-phone input:focus { border-color: var(--bg-color1); box-shadow: none; }

.delivery-options {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 20px;
}

.delivery-option label {
    color: var(--text-color1) !important;
    font: 10px 'BPG Mrgvlovani';
    line-height: 13px;
}

.choose-address select { padding: 0 0 0 20px !important; margin-bottom: 20px; }
.select-new-address .data-title { color: #5EA467; -webkit-text-stroke-color: #5EA467; }
#save-address .check1:checked { background: #5EA467; } 
#save-address .check1 { border-color: #5EA467; } 

/* delivery info */
.delivery-info {
    display: flex;
    flex-direction: column;
}

.delivery-info > p:first-child {
    color: var(--text-color1);
    -webkit-text-stroke: 0.5px var(--text-color1);
    font: 20px 'BPG Mrgvlovani';
    line-height: 28px;
    text-align: center;
    margin-bottom: 40px;
}

.info-block {
    border: 1px solid var(--bg-color1);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 23px 32px;
    margin-bottom: 25px;
}

.info-block p {
    color: #757575;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    margin-bottom: 0;
}

.info-block span:first-child {
    color: #2B2B2B;
    -webkit-text-stroke: 0.5px #2B2B2B;
    font-size: 10px;
    line-height: 13px;
}

.orders-btn {
    background: var(--primary-color);
    border-radius: 25px;
    font-family: "BPG Mrgvlovani";
    width: 190px;
    height: 50px;
    margin: 0 auto;
}
.orders-btn:hover { background: var(--secondary-color); }

/* modals */
.contact-modal, .subscription-modal {
    --bs-modal-border-radius: 0 !important;
}

.contact-modal .modal-dialog,
.subscription-modal .modal-dialog { max-width: 600px !important; }

.contact-modal-header, .subscription-modal-header {
    background: #FBFBFB;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 45px 25px;
}

.contact-modal-title, .subscription-modal-title {
    color: #343434;
    display: flex;
    align-items: center;
    font: 20px 'BPG LE Studio 02 Caps';
    line-height: 26px;
    gap: 20px;
}

.contact-modal-title > div {
    background: var(--secondary-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.contact-modal-header button, .subscription-modal-header button {
    color: #343434;
    background: transparent;
    border: none;
    font: 20px 'BPG Mrgvlovani Caps 2010';
    line-height: 28px;
}

.contact-modal hr, .subscription-modal hr {
    opacity: 1;
    border-color: var(--bg-color1);
    margin: 0;
}

.contact-modal-body, .subscription-modal-body {
    background: #FBFBFB;
    padding: 18px 45px 25px;
}

.contact-modal-body > p:first-child {
    color: #343434;
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
    margin-bottom: 18px;
}

.call-request {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.call-request input {
    border-color: #DFDFDF;
    height: 45px !important;
}
.call-request label { padding-top: 13px !important; }

.call-request-btn {
    background: var(--primary-color);
    border-radius: 10px;
    width: 100%;
}
.call-request-btn:hover { background: var(--secondary-color); }

/* cart page */
.cart-heading { margin-bottom: 20px; }
.cart-heading span {
    color: var(--text-color1);
    -webkit-text-stroke: 0.5px var(--text-color1);
    font: 14px 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    margin-right: 20px;
}

.cart-heading div {
    border: 1px solid #D8D8D8;
    border-radius: 50%;
    font: 14px 'Helvetica';
    line-height: 19px;
    width: 30px;
    height: 30px;
}

.cart-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cart-item {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}

.cart-img {
    background: var(--bg-color1);
    border-radius: 20px;
    width: 160px;
    height: 135px;
    padding: 20px;
}

.cart-img img {
    width: 110px;
    height: 80px;
    object-fit: contain;
}
.cart-desc { width: calc(100% - 180px); }

.cart-desc .name {
    font: 12px 'BPG Mrgvlovani Caps 2010';
    line-height: 16px;
    margin-bottom: 18px;
    max-width: 170px;
}

.cart-quantity {
    display: flex;
    align-items: center;
    gap: 11px;
}

.quantity-btn {
    background: transparent;
    border: 1px solid #E8E8E8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    transition: all 0.3s ease;
}
.quantity-btn i { font-size: 10px; }
.quantity-btn:hover { background: #E8E8E8; }
.quantity-btn:focus { outline: none; }

.cart-quantity span {
    color: var(--text-color);
    font: 12px 'BPG LE Studio 02 Caps';
    line-height: 15px;
    display: flex;
    justify-content: center;
    width: 18px;
}

.cart-desc > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.cart-desc .order-price { font-family: 'BPG Mrgvlovani Caps 2010'; }
.cart-item > button {
    background: transparent;
    border: none;
    color: var(--secondary-color);
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.cart-item > button i:nth-child(2) { display: none; }

.power-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font: 14px 'BPG Mrgvlovani';
    line-height: 16px;
    min-height: 150px;
}

.checkbox-item label {
    cursor: pointer;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
}

.checkbox-item { margin-bottom: 5px; }
.checkbox-item:first-child { padding-top: 20px; }
.checkbox-item:last-child { padding-bottom: 20px; margin-bottom: 0; }

.check {
    border: 1px solid #C7C7C7;
    background: transparent;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: middle;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    width: 15px;
    height: 15px;
    transition: all 0.3s ease;
}

.check:checked,
.check:hover {
    background: var(--primary-color);
}

.test-mode {
    background: var(--secondary-color);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 14px "BPG Mrgvlovani Caps 2010";
    line-height: 19px;
    height: 45px;
    width: 100%;
    a {
        color: var(--primary-color);
        font-weight: bold;
    }
}

.filter-button-container {
    margin-left: auto;
    button {
        background: var(--primary-color);
        border: none;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        font: 12px 'BPG Mrgvlovani Caps 2010';
        line-height: 16px;
        width: 80px; height: 30px;
    }
}

.checkbox-item1 {
    display: flex;
    align-items: center;
    gap: 5px;
}

.line-decoration-1 {
    width: 100%;
    height: 25px;
}

.reset-button-container { padding: 10px 0; }

.reset-btn {
    background: rgb(233, 9, 31);
    border-radius: 5px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 12px 'BPG Mrgvlovani';
    line-height: 16px;
    padding: 8px 16px;
    text-decoration: none;
    width: 100%;
    transition: all 0.3s ease;
}

.reset-btn:hover {
    background-color: #c82333;
}