:root {
    --breakerbay:#13a4aa;
    --gray:#6C6C6C;
    --brown:#6A4A40;
    --shades01:#FFFFFF;
    --shades02:#000000;
    --shades03:#101010;
    --shades04:#191919;
    --shades05:#242424;
    --shades06:#8E8E8E;
    --shades07:#202020;
    --shades08:#F4F4F4;
    --breakerbay-rgb:255, 46, 68;
    --gray-rgb:108, 108, 108;
    --brown-rgb:106, 74, 64;
    --shades01-rgb:255, 255, 255;
    --shades02-rgb:0, 0, 0;
    --shades03-rgb:16, 16, 16;
    --shades04-rgb:25, 25, 25;
    --shades05-rgb:36, 36, 36;
    --shades06-rgb:142, 142, 142;
    --shades07-rgb:32, 32, 32;
    --shades08-rgb:244, 244, 244;
    --veiwWidth: calc(100vw - 17px);
    --padding: calc(var(--veiwWidth)/2 - 785px);
}

/* ********|| INITIALIZATION START ||******** */
body, html { width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important;font-family: "Rajdhani", sans-serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px; line-height: 1.2; color: var(--shades02); background:var(--shades01);position: relative; z-index: 0; scroll-behavior: smooth;}
*{transition: all 0s ease;}
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
*,::after,::before{box-sizing: border-box;}
a {color:var(--green01); text-decoration: none;transition: all 0.3s ease;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
button{transition: all 0.3s ease;}
p { margin: 0 0 10px; font-size: 21px; line-height: 1.5; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(var(--shades06-rgb), 0.2);}
section{position:relative;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
.scrollbar::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-track { border-radius: 0; background-color: rgba(var(--shades01-rgb),0.1); border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-thumb { background-color: rgba(var(--breakerbay-rgb), 1); border-radius: 100vh; transition:all 0.3s ease; }

input.form-error,
select.form-error,
textarea.form-error,
input.form-error + .checkbox-label:before {border-color: #ff0000 !important;color: #ff0000 !important;}
.not-available input.form-error + .checkbox-label:before {border-color: white !important;color: white !important;}
.form-error-msg {display: block;border: 3px solid #ff0000;color: #ff0000;font-weight: 700;text-align: center;padding: 10px 20px;margin-bottom: 10px;}
.form-error, .form-error .radio-label, .form-error .checkbox-label, .form-error .checkbox-label a {color: breakerbay !important;}
.form-error input, .form-error select {border: 2px solid breakerbay !important;}
.form-error .checkbox-label::before, .form-error .radio-label::before {border: 1px solid breakerbay;}

/* ********|| INITIALIZATION END ||******** */

/* ********|| PSEUDO ELEMENTS START ||******** */
::selection{ background-color:var(--breakerbay); color:var(--shades01)}
::-moz-selection{ background-color:var(--breakerbay); color:var(--shades01)}
::-webkit-selection{ background-color:var(--breakerbay); color:var(--shades01)}
:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }
select:-webkit-focusring { color: var(--breakerbay) !important;text-shadow: 0 0 0 var(--shades01);}
select:-moz-focusring {color: var(--breakerbay) !important;text-shadow: 0 0 0 var(--shades01);}
select:focusring {color: var(--breakerbay) !important; text-shadow: 0 0 0 var(--shades01);}
::input-placeholder{ color:var(--shades02) !important;}
::-moz-input-placeholder{ color:var(--shades02) !important;}
::-webkit-input-placeholder{ color:var(--shades02) !important;}
.overflow-hidden{overflow: hidden;}
/* ********|| PSEUDO ELEMENTS END ||******** */

/* ********|| BOOTSTRAP FIX START ||******** */
.container{width: 100%; margin-left: auto; margin-right: auto;max-width: calc(100% - 30px);}
@media (min-width: 576px){
    .container{max-width: 540px;}
    .modal-dialog{max-width: 700px;}
    .modal-sm{max-width: 400px;}
}
@media (min-width: 768px){
    .container{max-width: 740px;}
}
@media (min-width: 992px){
    .container{max-width: 960px;}
}
@media (min-width: 1200px){
    .container{max-width: 1170px;}
}
@media (min-width: 1400px){
    .container{max-width: 1280px;}
}
@media (min-width: 1532px){
    .container{max-width: 1400px;}
}
@media (min-width: 1900px){
    .container{max-width: 1600px;}
}
/* ********|| BOOTSTRAP FIX END ||******** */

/* ********|| CHECKBOX START ||******** */
.checkbox{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.checkbox .checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.checkbox .checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);}
.checkbox .checkbox-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 4px;transition: all 0.3s ease;}
.checkbox .checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 6 Pro";width: 20px;height: 20px;top:-1px;left: -30px;font-weight: 500;font-size: 14px; line-height: 1;color: var(--shades01);display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.checkbox .checkbox-input:checked ~ .checkbox-label:after{opacity: 1; visibility: visible;}
.checkbox .checkbox-input:checked ~ .checkbox-label:before{background-color: var(--breakerbay);border: 1px solid var(--breakerbay);}
/* ********|| CHECKBOX END ||******** */
/* ********|| RADIO START ||******** */
.radio{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.radio .radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.radio .radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);}
.radio .radio-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 50%;transition: all 0.3s ease;}
.radio .radio-label:after{content: '';position: absolute;width: 11px;height: 11px;top: 4px;left: -25px;font-weight: 500;font-size: 14px;line-height: 1;background-color: var(--breakerbay);display: flex;align-items: center;justify-content: center;border-radius: 50%;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.radio .radio-input:checked ~ .radio-label:after{opacity: 1; visibility: visible;}
/* ********|| RADIO END ||******** */

/* ********|| SWITCH START ||******** */
.switch{position: relative;padding:0;display: block;}
.switch .switch-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.switch .switch-labels{position: relative;margin: 0;line-height: 16px;font-size: 14px;color: var(--shades02);height: 40px;border-radius: 4px;background-color: var(--shades01);display: flex;align-items: center; z-index: 0;}
.switch .switch-labels span{display: flex;justify-content: center;width: 100%;padding: 0 10px;font-size: 14px;font-weight: 500;color:var(--shades02);transition: all 0.3s ease;}
.switch .switch-labels span+span{color:var(--shades01)}
.switch .switch-labels:after{content: "";position: absolute;transition: all 0.3s ease;top: 4px;left: 4px;width: calc(50% - 8px);height: calc(100% - 8px);background-color: var(--breakerbay);border-radius: 4px;z-index: -1;transform: translateX(calc(100% + 4px));}
.switch .switch-input:checked ~ .switch-labels:after{transform: translateX(calc(0% + 4px));}
.switch .switch-input:checked ~ .switch-labels span{color:var(--shades01)}
.switch .switch-input:checked ~ .switch-labels span+span{color:var(--shades02)}
/* ********|| SWITCH END ||******** */

/* ********|| TABS START ||******** */
.tabs { display: flex;gap: 12px;margin-bottom: 20px;overflow: auto;padding: 10px 0;}
.tabs .tab-button {display: flex;height: 44px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 0 20px;cursor: pointer;border: 1px solid rgba(var(--shades02-rgb), 0.2);background-color: transparent;color: var(--shades02);font-size: 16px;font-weight: 600;gap: 8px;transition: all 0.3s ease;white-space: nowrap;}
.tabs .tab-button.active { background-color: var(--breakerbay); color: var(--shades01);}
.tab-content { display: none; opacity: 0; transition: opacity 0.3s ease, visibility 0s 0.3s; visibility: hidden;}
.tab-content.active {display: block;opacity: 1;visibility: visible;transition: opacity 0.3s ease, visibility 0s;}
/* ********|| TABS END ||******** */

/* ********|| TABS START ||******** */
.dropdown{position: relative;}
.dropdown .dropdown-toggle{position: relative; display: flex; align-items: center; height: 48px; padding: 0 16px; padding-right: 32px; font-size: 20px; font-weight: 500; color: var(--shades02); line-height: 0.9; background-color: var(--shades01); border:none;; border-radius: 4px; width: 100%; font-family: 'Rajdhani', sans-serif; cursor: pointer;}
.dropdown .dropdown-toggle:after{content: '\f0d7'; font-family: "Font Awesome 6 Pro"; position: absolute;top: 50%;right: 12px;font-size: 20px;font-weight: 600;transform: translateY(-50%) rotate(0deg);transition: all 0.3s ease;}
.dropdown .dropdown-menu{position: absolute;top: 100%;left: 0;width: 100%;z-index: 8;background-color: var(--shades01);margin: 2px 0 0;border-radius: 4px;box-shadow: 0 2px 20px rgba(var(--shades02-rgb), 0.1);padding: 4px 0;overflow: auto;max-height: 240px;list-style: none;display: none; opacity: 0; transition: opacity 0.3s ease, visibility 0s 0.3s; visibility: hidden;}
.dropdown .dropdown-menu li{display: flex;}
.dropdown .dropdown-menu .dropdown-menu-item{display: flex;align-items: center;background-color: transparent;border: none;font-family: 'Rajdhani', sans-serif;font-size: 18px;font-weight: 500;height: 40px;padding: 0 24px;width: 100%;cursor: pointer;transition: all 0.3s ease;}
.dropdown .dropdown-menu .dropdown-menu-item:hover{background-color: rgba(var(--shades02-rgb), 0.05);}
.dropdown.active .dropdown-menu{display: block;opacity: 1;visibility: visible;transition: opacity 0.3s ease, visibility 0s;}
/* ********|| TABS END ||******** */

/* ********|| FORM INPUTS START ||******** */
.form-control{ border-radius: 0px;box-shadow: none;border: 1px solid rgba(var(--shades02-rgb), 0.15);color: var(--shades02);background-color: var(--shades01);min-width: 50px;min-height: 50px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 20px; font-weight: 500; transition: all 0.3s ease;}
.form-control:focus{ border-color:var(--breakerbay);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--shades02) !important; font-weight: 400 !important;}
.form-control:-moz-placeholder{color:var(--shades02) !important;opacity:  1 !important; font-weight: 400 !important;}
.form-control::-moz-placeholder{color:var(--shades02) !important; opacity:1 !important; font-weight: 400 !important;}
.form-control:-ms-input-placeholder{color:var(--shades02) !important; font-weight: 400 !important;}
.form-control::-ms-input-placeholder{color:var(--shades02) !important; font-weight: 400 !important;}
textarea.form-control{ resize:none; min-height: 120px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color:rgba(var(--gray), 0.1);  cursor: not-allowed;}
/* ********|| FORM INPUTS END ||******** */

.section-title{font-size: 60px; font-weight: 700; line-height: 0.9; color: var(--shades02); text-align: center; text-transform: uppercase; margin: 0;}
.section-subtitle{font-size: 30px; font-weight: 500; line-height: 1.2; color: var(--shades02); text-align: center; margin: 30px 0 0;}

/* ********|| HEADER START ||******** */
header{position: fixed; z-index: 9; top: 0; left: 0; width: 100%;transition: all 0.3s ease; background-color: var(--shades04);}
header.isBanner{background-color: transparent;}
header .container{display: flex; align-items: center;}
header .header-bar{position: relative; height: 40px; background-color: var(--breakerbay); display: flex; align-items: center;z-index: 2;}
header .header-content{display: flex;margin-left: auto;}
header .header-content+.header-content{margin: 0 0 0 auto;}
header .working-hours{display: flex; align-items: center; gap: 12px;}
header .working-hours .icon{font-size: 16px; color: var(--shades01);}
header .working-hours .label{font-size: 16px; color: var(--shades01);font-weight: 500;position: relative;}
header .working-hours .label:after{content:'';border-right: 1px solid var(--shades01); display: inline-block; height: 12px;position: absolute;top: 50%;right: -6px;transform: translateY(-50%);}
header .working-hours .data{font-size: 16px; color: var(--shades01);font-weight: 700;}
header .contacts{display: flex; align-items: center; gap: 40px;}
header .contacts .contact-item{display: flex; align-items: center; gap: 12px;}
header .contacts .contact-label{font-size: 16px; color: var(--shades01);font-weight: 500;position: relative;}
header .contacts .contact-label:after{content:'';border-right: 1px solid var(--shades01); display: inline-block; height: 12px;position: absolute;top: 50%;right: -6px;transform: translateY(-50%);}
header .contacts .contact-data{font-size: 16px; color: var(--shades01);font-weight: 700;}
header .contacts .contact-data a{color: var(--shades01);}
header .contacts .contact-data a:hover{text-decoration: underline;}
header .header-main{position: relative; display: flex; align-items: center; height: 100px; transition: all 0.3s ease;}
header .brand{position: relative;margin: 0 auto 0 0;height: 43px;}
header .brand .logo{position: relative;display: block;width: 100%;height: 100%;}
header .brand .logo img{width: 100%;height: 100%; object-fit: contain; object-position: left;}
header .navigation{position: relative;}
header .navigation .working-hours{display: none;}
header .navigation-menu{display: flex;align-items: center;gap: 44px;}
header .navigation-menu .menu-item{position: relative;}
header .navigation-menu .menu-link{ display: flex; align-items: center; justify-content:center; height: 100px; font-size: 20px; font-weight: 700; text-transform: uppercase; color: var(--shades01);transition: all 0.3s ease;}
header .navigation-menu .menu-link.active, header .navigation-menu .menu-link:hover{color: var(--breakerbay);}
header .navigation-menu .mega-dropdown-menu{position: fixed;width: 100%;left: 0;top: 140px;background-color: var(--shades04);z-index: 1;opacity: 0; visibility: hidden; transition: all 0.3s ease;}
header .navigation-menu .mega-dropdown.active .menu-link{color: var(--breakerbay);}
header .navigation-menu .mega-dropdown.active .mega-dropdown-menu{opacity: 1; visibility: visible; transition: all 0.3s ease;}
header .search{position: relative; margin: 0 0 0 48px; width: 240px; display: flex; align-items: center; border-bottom: 1px solid var(--shades01);transition: all 0.3s ease;}
header .search .search-input{height: 36px; padding: 6px 0; flex-grow: 1; flex-shrink: 1; background-color: transparent; border:none; font-size: 20px; color: var(--shades01); font-weight: 700;font-family: "Rajdhani", sans-serif;min-width: 120px;transition: all 0.3s ease;}
header .search .search-input::input-placeholder{color:var(--shades01) !important;}
header .search .search-input::-moz-input-placeholder{ color:var(--shades01) !important;}
header .search .search-input::-webkit-input-placeholder{ color:var(--shades01) !important;}
header .search .search-input::-webkit-search-cancel-button{filter: brightness(5) saturate(0%);}
header .search .search-action{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; aspect-ratio: 1/1; font-size: 16px; color: var(--shades01); padding: 0; background-color: transparent; border:none;cursor: pointer;transition: all 0.3s ease;}
header .search .search-toggle{position: absolute;top: 10px;right: 10px;margin: 0;width: 40px;aspect-ratio: 1 / 1;}
header .search .search-results{position: absolute;top: 100%;left: 0;width: 100%;max-height: 360px;overflow: auto;background-color: var(--shades01);z-index: 9;border-radius: 16px;padding: 8px 0;box-shadow: 0 2px 16px rgba(var(--shades02-rgb), 0.1);transition: all 0.3s ease;opacity: 0;visibility: hidden; transform: translateY(60px); margin: 10px 0 0;}
header .search.active .search-results{opacity: 1;visibility: visible; transform: translateY(0px);}
header .search .search-results .result-item{display: flex;align-items: center;gap: 20px;padding: 10px 16px;}
header .search .search-results .result-item+.result-item{border-top:1px solid rgba(var(--shades04-rgb), 0.1);}
header .search .search-results .result-item .item-image{width: 80px;aspect-ratio: 1 / 1;flex-shrink: 0;border: 1px solid rgba(var(--shades04-rgb), 0.05);border-radius: 6px;padding: 6px;}
header .search .search-results .result-item .item-image img{width: 100%; height: 100%; object-fit: contain;}
header .search .search-results .result-item .item-content{width: 100%; flex-shrink: 1;}
header .search .search-results .result-item .item-name{font-size: 15px;line-height: 1.2;margin: 0;font-weight: 600;max-height: 36px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
header .search .search-results .result-item .item-price{margin: 10px 0 0;font-size: 13px;color: var(--shades04);}
header .search-toggle{display: none;width: 40px;align-items: center;justify-content: center;font-size: 20px;background-color: transparent;border: 0;padding: 0;color: var(--shades01);}
header .cart{position: relative; margin: 0 0 0 48px;}
header .cart .cart-toggle{display: flex;align-items: center;justify-content: center;gap: 8px;padding: 0;background-color: transparent;border: none; cursor: pointer;}
header .cart .cart-toggle .icon{display: flex;align-items: center;justify-content: center;width: 30px;aspect-ratio: 1 / 1;font-size: 16px;color: var(--shades01);transition: all 0.3s ease;}
header .cart .cart-toggle .count{display: flex;align-items: center;justify-content: center;background-color: var(--breakerbay);width: 30px;aspect-ratio: 1 / 1;border-radius: 4px;font-size: 16px;font-weight: 600;color: var(--shades01);}
header .menu-toggle{display: none; align-items: center; justify-content: center; gap: 8px; flex-direction: column; border: 0; padding: 0; background-color: transparent; width: 32px; aspect-ratio: 1/1;margin: 0 0 0 16px;}
header .menu-toggle span{display: block;width: 100%; height: 3px; background-color: var(--shades01); transition: all 0.3s ease;}
header .menu-toggle span:nth-child(1){transform-origin: top left;}
header .menu-toggle span:nth-child(3){transform-origin: bottom left;}
header .menu-toggle.active span:nth-child(1){transform: translateX(4px) rotate(45deg);}
header .menu-toggle.active span:nth-child(2){opacity: 0;}
header .menu-toggle.active span:nth-child(3){transform: translateX(4px) rotate(-45deg);}
.ajax-search-results:empty {
    display: none;
}
header .menu-overlay{ display: none;}
.mega-dropdown-menu .menu-categories{position: relative;border-top: 1px solid rgba(var(--shades01-rgb), 0.2);width: 100%;padding: 60px 0;display: flex;align-items: center; justify-content: center; flex-wrap: wrap; gap: 30px;}
.mega-dropdown-menu .menu-category-item{display: flex;position: relative;overflow: hidden;border-radius: 4px;width: 250px; aspect-ratio: 15 / 13; z-index: 0;background-color: var(--shades08);}
.mega-dropdown-menu .category-image{position: absolute;width: 100%;height: 100%;}
.mega-dropdown-menu .category-image img{width: 100%;height: 100%;object-fit: contain;object-position: center; transition: all 0.3s ease;}
.mega-dropdown-menu .category-content{position: relative;width: 100%;padding: 16px 30px; z-index: 0;display: flex;flex-direction: column;justify-content: flex-end;}
.mega-dropdown-menu .category-content:after{content: '';position: absolute;width: 280px;height: 100px;bottom: 0;left: 0;background-image: url(../images/overlay-shape-05.svg);background-repeat: no-repeat;background-size: 100%;background-position: left 2px;z-index: -1;}
.mega-dropdown-menu .category-title{font-size: 35px; font-weight: 700; color: var(--shades01); line-height: 0.9; margin: 0; text-transform: uppercase;}
.mega-dropdown-menu .menu-category-item:hover .category-image img{transform: scale(1.2) rotate(2deg);}
header.scrolled, header.menu-open{background-color: var(--shades04);}
header.scrolled .header-main{height: 80px;}
header.scrolled .navigation-menu .menu-link{height: 80px;}
header.scrolled .navigation-menu .mega-dropdown-menu{top: 120px;}
/* ********|| HEADER END ||******** */

/* ********|| BANNER START ||******** */
.section-hero{position: relative; width: 100%; height: 100vh; z-index: 0; overflow: hidden;padding: 140px 0 0;display: flex; align-items: center;}
.hero-slider-image{position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; display: flex;}
.hero-slider-image .swiper{height: 100%;}
.hero-slider-image .slider-image{width: 100%; height: 100%;position: relative; z-index: 0;}
.hero-slider-image .slider-image:before{content: '';position: absolute;width: 100%;height: 100%; top: 0; left: 0; z-index: 0;background: linear-gradient(to bottom, var(--shades02), transparent 40%);}
.hero-slider-image .slider-image img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.hero-slider-image .hero-slider-navigation{position: absolute;}
.hero-slider{position: relative;width: 100%;}
.hero-slider .container{display: flex; justify-content: flex-end;}
.hero-slider .swiper-content{position: relative; width: 100%; max-width: 600px;}
.hero-slider .swiper-content .swiper-title{font-size: 70px; font-weight: 700; text-transform: uppercase; line-height: 0.9; color: var(--shades01);margin: 0; text-shadow: 1px 1px 5px rgba(0,0,0,0.4);}
.hero-slider .swiper-content .swiper-description{font-size: 30px; font-weight: 500; line-height: 1; color: var(--shades01); margin: 20px 0 0; text-shadow: 1px 1px 5px rgba(0,0,0,0.4);}
.hero-slider .swiper-content .swiper-actions{display: flex; align-items: center; gap: 24px; margin: 40px 0 0;}
.hero-slider .swiper-content .swiper-actions .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 32px; background-color: var(--breakerbay); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase;}
.hero-slider .swiper-content .swiper-actions .btn-action.alt{background-color: var(--shades01); color: var(--shades03);}
.hero-slider .swiper-content .swiper-actions .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;}
.hero-slider .swiper-content .swiper-actions .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;}
.hero-slider .swiper-content .swiper-actions .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);}
.hero-slider .swiper-content .swiper-actions .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);}
.hero-slider .swiper-content .swiper-action-alt{display: flex; align-items: center; margin: 100px 0 0;}
.hero-slider .swiper-content .swiper-action-alt .btn-action{ position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; height: 36px; padding: 0 12px;font-size: 20px; font-weight: 700; color: var(--shades01); text-transform: uppercase; z-index: 0;}
.hero-slider .swiper-content .swiper-action-alt .btn-action i{font-size: 24px;}
.hero-slider .swiper-content .swiper-action-alt .btn-action:before{content: ''; position: absolute; width: 50%; height: 100%;top:0; right: 0; background-color: var(--breakerbay); z-index: -1;transform: skewX(-30deg);}
.hero-slider .swiper-content .swiper-action-alt .btn-action:after{content: ''; position: absolute; height: 100%;top:0; right: -14px; background-color: var(--breakerbay); z-index: -1;transform: skewX(-30deg); border-right:8px solid var(--breakerbay);}
.hero-slider-options{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;}
.hero-slider-options .container{position: relative;}
.hero-slider-options .hero-swiper-button{position: absolute;display: flex; align-items: center; justify-content: center; height: 30px; border-radius: 30px; padding: 0 16px; border:1px solid var(--shades01);bottom: 200px; gap: 8px; font-size: 14px; color: var(--shades01); font-weight: 600; cursor: pointer; z-index: 3; transition: all 0.3s ease;}
.hero-slider-options .hero-swiper-button:hover{background-color: var(--breakerbay); border-color: var(--breakerbay);}
.hero-slider-options .hero-swiper-button.prev{left: 0;}
.hero-slider-options .hero-swiper-button.next{right: 0; flex-direction: row-reverse;}
.hero-slider-options .hero-logo{position: absolute; bottom: 20px; left: 0; width: 100%;display: flex; z-index: -1;}
.hero-slider-options .hero-logo img{width: 100%; height: 100%; object-fit: contain;}

.swiper-action-alt{position: absolute; align-items: center; z-index: 2; bottom: 50px;}
.swiper-action-alt .btn-action{white-space: nowrap; position: absolute; display: flex; align-items: center; justify-content: center; gap: 8px; height: 36px; padding: 0 12px;font-size: 20px; font-weight: 700; color: var(--shades01); text-transform: uppercase; z-index: 0;}
.swiper-action-alt .btn-action i{font-size: 24px;}
.swiper-action-alt .btn-action:before{content: ''; position: absolute; width: 50%; height: 100%;top:0; right: 0; background-color: var(--breakerbay); z-index: -1;transform: skewX(-30deg);}
.swiper-action-alt .btn-action:after{content: ''; position: absolute; height: 100%;top:0; right: -14px; background-color: var(--breakerbay); z-index: -1;transform: skewX(-30deg); border-right:8px solid var(--breakerbay);}
.play-btn-icon {
    margin-right: 40px;
}
/* ********|| BANNER END ||******** */

/* ********|| CATEGORY START ||******** */
.section-category{position: relative; padding: 100px 0; width: 100%;}
.categories{position: relative; margin: 100px 0 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px;}
.categories .category-item{position: relative; display:flex;box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);border-radius: 10px;overflow: hidden;}
.categories .category-item .item-link{display: flex; overflow: hidden; position: relative; border-radius: 4px; width: 100%; background-color: var(--shades01); transition: all 0.3s ease;}
.categories .category-item .item-image{width: 100%; aspect-ratio: 2/3; position: relative; display: flex;}
.categories .category-item .item-image img{width: 100%; height: 100%; object-fit: contain;transition: all 0.3s ease;}
.categories .category-item .item-image img+img{display: none;}
.categories .category-item .item-title{position: absolute;margin: 0;top: 30px;left: 30px;font-size: 40px;font-weight: 700;text-transform: uppercase;line-height: 1;color: var(--breakerbay);z-index: 2;}
.categories .category-item .item-content{position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;padding: 30px;z-index: 0;}
.categories .category-item .item-content:after{content:""; position: absolute;bottom: 0;left: 0;width: 100%;height: calc(100% + 40px);z-index: -1;background-image: url(../images/overlay-shape-01.svg);background-repeat: no-repeat;background-size: cover;background-position: 0 0;}
/* .categories .category-item .item-content:after{content:""; position: absolute;top: 0;left: 50%;width: 100%;height: 100%;background-color: var(--breakerbay);z-index: -1;transform: skewX(30deg) scaleX(1.2) translateX(-50%);} */
.categories .category-item .item-subtitle{font-size: 22px;font-weight: 600;color: var(--shades01);}
.categories .category-item .item-action{display: flex;align-items: center;gap: 8px;color: var(--shades01);margin: 10px 0 0; transition: all 0.3s ease;}
.categories .category-item .item-action .item-action-label{font-size: 16px;font-weight: 600;}
.categories .category-item .item-action .item-action-icon{font-size: 24px;}
.categories .category-item .item-link:hover{box-shadow: 0 8px 30px rgba(var(--shades02-rgb), 0.4);}
.categories .category-item .item-link:hover .item-image img{transform: scale(1.2) rotate(2deg);}
.categories .category-item .item-link:hover .item-action{gap: 16px;}
/* ********|| CATEGORY END ||******** */

/* ********|| SPARE PARTS START ||******** */
.section-accessories{position: relative; padding: 100px 0; width: 100%; z-index: 0;background-color:var(--shades03);}
.section-accessories .accessories-background{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.1;}
.section-accessories .accessories-background img{width: 100%; height: 100%; object-fit: cover;}
.section-accessories .accessories-header{display: flex; align-items: center;}
.section-accessories .accessories-header .accessories-header-content{flex-shrink: 1; flex-grow: 1;}
.section-accessories .accessories-header .accessories-header-content+.accessories-header-content{width: 560px;flex-shrink: 0;flex-grow: 0;}
.section-accessories .accessories-header .accessories-header-subtitle{font-size: 30px;font-weight: 700;color: var(--shades01);text-transform: uppercase;margin: 0 0 20px;}
.section-accessories .accessories-header .accessories-header-title{font-size: 60px;font-weight: 700;color: var(--shades01);text-transform: uppercase;margin: 0;}
.section-accessories .accessories-header .accessories-header-description{font-size: 24px;font-weight: 500;color: var(--shades01); line-height: 1.2; padding: 0 0 0 60px; border-left: 2px solid var(--breakerbay);}
.accessories-spare-parts{position: relative; margin: 100px 0; display: flex; align-items: center;}
.accessories-spare-parts .tabs{flex-direction: column;padding: 0;overflow: unset;gap: 20px; flex-shrink: 0;}
.accessories-spare-parts .tabs .tab-button{color: var(--shades06);justify-content: flex-start;padding: 0;background-color: transparent;border: none;border-radius: 0;font-size: 50px;text-transform: uppercase;font-weight: 500;font-family: 'Rajdhani', sans-serif;height: 60px;}
.accessories-spare-parts .tabs .tab-button.active{color: var(--breakerbay); font-weight: 700;}
.accessories-spare-parts .tab-container{flex-shrink: 1; flex-grow: 1;}
.accessories-spare-parts .spare-parts-image{width: 480px; aspect-ratio: 1/1; margin: auto;}
.accessories-spare-parts .spare-parts-image img{width: 100%; height: 100%; object-fit: cover;}
.accessories-spare-parts .accessories-action{flex-shrink: 0;}
.accessories-spare-parts .accessories-action .btn-action{display: flex;align-items: center;justify-content: center; gap: 8px;position: relative;z-index: 0;}
.accessories-spare-parts .accessories-action .btn-action:before{ content: ""; position: absolute;top: 10px;right: 10px;width: 60px;aspect-ratio: 1 / 1;background-color: var(--breakerbay);border-radius: 50%;z-index: -1;opacity: 0;transform: translateX(-200%);transition: all 0.3s ease;}
.accessories-spare-parts .accessories-action .btn-action:hover:before{opacity: 0.5;transform: translateX(0%);}
.accessories-spare-parts .accessories-action .btn-action .btn-text{font-size: 16px;font-weight: 700;color: var(--shades01);text-transform: uppercase;display: flex;align-items: center;max-width: 130px;}
.accessories-spare-parts .accessories-action .btn-action .btn-icon{display: flex;height: 80px;}
.accessories-spare-parts .accessories-action .btn-action .btn-icon img{width: 100%;height: 100%;object-fit: contain;}
/* ********|| SPARE PARTS END ||******** */

/* ********|| ABOUT START ||******** */
.section-about{position: relative; padding: 100px 0; width: 100%; z-index: 0;}
.section-about .container{display: flex; gap: 120px;}
.section-about .about-content{width: 50%;}
.section-about .about-image{position: relative; display: flex; width: 100%;}
.section-about .about-image img{width: 100%; height: 100%; object-fit: contain;}
.section-about .about-subtitle{font-size: 30px;font-weight: 700;color: var(--shades02);text-transform: uppercase;margin: 0 0 30px;}
.section-about .about-subtitle img{height: 20px; margin: 0 0 0 10px;}
.section-about .about-title{font-size: 60px;font-weight: 600;color: var(--shades02);margin: 0; line-height: 1; max-width: 600px;}
.section-about .about-description{font-size: 24px;font-weight: 400;color: var(--shades02); line-height: 1.4;margin: 30px 0 0;}
.section-about .about-actions{display: flex; align-items: center; gap: 24px; margin: 60px 0 0;}
.section-about .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 32px; background-color: var(--breakerbay); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase;}
.section-about .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;}
.section-about .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;}
.section-about .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);}
.section-about .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);}
/* ********|| ABOUT END ||******** */

/* ********|| FEATUbreakerbay START ||******** */
.section-featubreakerbay{position: relative;width: 100%; z-index: 0;}
.section-featubreakerbay .section-title{text-align: left;}
.section-featubreakerbay .section-subtitle{text-align: left;}
.section-featubreakerbay .brand-logo{position: relative; margin: 40px 0 0;}
.section-featubreakerbay .brand-logo img{width: 100%; height: 100%; object-fit: contain;}
.featubreakerbay-slider{position: relative;padding: 0 0 100px; margin: -120px 0 0;}
.featubreakerbay-slider .swiper-slide{display: flex; height: auto;}
.featubreakerbay-slider .featubreakerbay-item{position: relative; width: 100%; display: flex; flex-direction: column; margin: 40px 0;}
.featubreakerbay-slider .featubreakerbay-item .item-tag{display: flex;}
.featubreakerbay-slider .featubreakerbay-item .item-tag .tag{ position: relative; z-index: 0; height: 40px; display: flex; align-items: center; justify-content: center; background-color: var(--breakerbay); padding: 0 16px; font-size: 20px;font-weight: 700;color: var(--shades01);text-transform: uppercase;line-height: 1; }
.featubreakerbay-slider .featubreakerbay-item .item-tag .tag:after{content:''; position: absolute;top: 0; right: -12px;z-index: -1;width: 40px;height: 100%;background-color: var(--breakerbay);transform: skewX(30deg);}
.featubreakerbay-slider .featubreakerbay-item .item-inner{display: flex; flex-grow: 1; flex-shrink: 1;box-shadow: 0 8px 20px rgba(var(--shades02-rgb), 0.1);}
.featubreakerbay-slider .featubreakerbay-item .item-content{position: relative;flex-shrink: 0; flex-grow: 0;width: 40%; background-color: var(--gray);display: flex;flex-direction: column; padding: 30px;transition:all 0.3s ease;}
.featubreakerbay-slider .featubreakerbay-item .item-title{font-size: 60px;font-weight: 700;color: var(--shades01);margin: 0; line-height: 1;text-transform: uppercase;}
.featubreakerbay-slider .featubreakerbay-item .item-subtitle{font-size: 30px;font-weight: 500;color: var(--shades01);text-transform: uppercase;line-height: 1;margin: 10px 0 0; max-width: 85%;}
.featubreakerbay-slider .featubreakerbay-item .item-description{font-size: 20px;font-weight: 400;color: var(--shades01);margin: 20px 0 40px; width: calc(100% - 40px);}
.featubreakerbay-slider .featubreakerbay-item .item-action{display: flex; align-items: center; gap: 24px; margin: auto 0 0;}
.featubreakerbay-slider .featubreakerbay-item .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 32px; background-color: var(--shades02); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase;}
.featubreakerbay-slider .featubreakerbay-item .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;}
.featubreakerbay-slider .featubreakerbay-item .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;}
.featubreakerbay-slider .featubreakerbay-item .item-watermark{position: absolute;height: 100%;top: 50%;right: 0;transform: translate(0, -50%);padding: 30px 20px;opacity: 0.2;}
.featubreakerbay-slider .featubreakerbay-item .item-watermark img{width: 100%; height: 100%; object-fit: contain;}
.featubreakerbay-slider .featubreakerbay-item .item-image{width: 100%; position: relative; overflow: hidden; background-color: var(--shades01);}
.featubreakerbay-slider .featubreakerbay-item .item-image img{width: 100%; height: 100%; object-fit: contain;}
.featubreakerbay-slider .featubreakerbay-item:hover .item-content{background-color: var(--brown);}
.featubreakerbay-slider .featubreakerbay-item:hover .btn-action{background-color: var(--breakerbay);}
.featubreakerbay-slider .featubreakerbay-item:hover .btn-action:before{transform: skewX(-30deg) translateX(0%);}
.featubreakerbay-slider .featubreakerbay-item:hover .btn-action:after{transform: skewX(-30deg) translateX(0%);}
.featubreakerbay-slider .swiper-control{position: relative; width: 100%; display: flex; align-items: center; justify-content: center; gap: 48px;padding: 40px 0 0;}
.featubreakerbay-slider .swiper-button{position: relative;display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; border:1px solid var(--shades02); gap: 8px; font-size: 20px; color: var(--shades02); font-weight: 600; cursor: pointer; z-index: 3; flex-shrink: 0; transition: all 0.3s ease;}
.featubreakerbay-slider .swiper-button:hover{background-color: var(--breakerbay); border-color: var(--breakerbay);color: var(--shades01);}
.featubreakerbay-slider .swiper-pagination.swiper-pagination-progressbar{position: relative;-webkit-mask-image: url(../images/mask-logo.svg); mask-image: url(../images/mask-logo.svg); mask-repeat: no-repeat; mask-size: contain;mask-position: center;height: 48px;width: 600px;background-color: rgba(var(--shades02-rgb), 0.05);}
.featubreakerbay-slider .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--breakerbay);}
/* ********|| FEATUbreakerbay END ||******** */

/* ********|| FOOTER START ||******** */
footer{position: relative; padding: 100px 0; overflow: hidden; width: 100%; z-index: 0; background-color: var(--shades02); border-bottom: 10px solid var(--breakerbay);}
footer .footer-background{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.5;}
footer .footer-background img{width: 100%; height: 100%; object-fit: cover;}
footer .footer-row{display: flex;}
footer .footer-row+.footer-row{margin: 100px 0 0;}
footer .footer-column{position: relative;display: flex;width: 50%; gap: 80px;}
footer .footer-brand{position: relative; height: 60px;}
footer .footer-brand .logo{display: flex;width: 100%;height: 100%;}
footer .footer-brand .logo img{width: 100%; height: 100%; object-fit: contain; object-position: left;}
footer .footer-brand .logo-text{font-size: 30px;font-weight: 700;color: var(--shades01);letter-spacing: 20px;text-transform: uppercase;text-align: center;line-height: 1;}
footer .footer-content{position: relative;width: 65%;}
footer .footer-content+.footer-content{width: 35%;}
footer .footer-title{font-size: 30px;font-weight: 700;color: var(--shades01);margin: 0 0 60px;text-transform: uppercase;}
footer .footer-contacts{position: relative;}
footer .footer-contacts .contact-item{position: relative;}
footer .footer-contacts .contact-item+.contact-item{margin: 30px 0 0;}
footer .footer-contacts .contact-link{display: flex; align-items: flex-start; gap: 24px;}
footer .footer-contacts .link-icon{font-size: 24px;color: var(--shades01); flex-shrink: 0; transition: all 0.3s ease;}
footer .footer-contacts .link-content{flex-shrink: 1; flex-grow: 1;}
footer .footer-contacts .link-label{font-size: 30px; font-weight: 600; line-height: 0.9;display: block;color: var(--shades01);margin: 0 0 20px;}
footer .footer-contacts .link-data{font-size: 30px; font-weight: 400;line-height: 0.9; display: inline-block;color: var(--shades01); transition: all 0.3s ease;}
footer .footer-contacts .contact-link:hover .link-icon{color: var(--breakerbay);}
footer .footer-contacts .contact-link:hover .link-data{color: var(--breakerbay);}
footer .footer-links{position: relative;}
footer .footer-links .link-item{display: flex;}
footer .footer-links .link-item+.link-item{margin: 30px 0 0;}
footer .footer-links .link-item .link{font-size: 30px; font-weight: 500;line-height: 0.9; display: inline-block;color: var(--shades01);}
footer .footer-links .link-item .link:hover{color: var(--breakerbay);}
footer .footer-copyright{font-size: 14px; font-weight: 500; color: var(--shades01); line-height: 1.5;}
footer .social-connect{display: flex; gap: 30px; align-items: center;}
footer .social-connect .social-link{font-size: 24px;color: var(--shades01);display: block;}
footer .social-connect .social-link:hover{color: var(--breakerbay);}
/* ********|| FOOTER END ||******** */

/* ********|| BREADCRUMB START ||******** */
.breadcrumb{display: flex; align-items: center; gap: 6px;margin: 0 0 10px;}
.breadcrumb .item{display: flex; position: relative;}
.breadcrumb .item+.item:before{content:'/'; display: inline-flex;font-size: 14px; font-weight: 600; color: var(--shades02); margin-right: 6px;}
.breadcrumb .item .item-link{font-size: 14px; font-weight: 600; color: var(--shades02); text-transform: uppercase;}
/* ********|| BREADCRUMB END ||******** */

/* ********|| PAGE HEADER START ||******** */
.section-page-header{position: relative; z-index: 1; width: 100%; background-color: var(--shades04); padding: 140px 0 60px;}
.section-page-header hr{margin-top: 0;}
.section-page-header .breadcrumb .item+.item:before{color: var(--shades01);}
.section-page-header .breadcrumb .item .item-link{color: var(--shades01);}
.section-page-header .page-header-content{position: relative; margin: 20px 0 0;}
.section-page-header .page-header-title{font-size: 70px; font-weight: 700; color: var(--breakerbay); line-height: 1; margin: 0; text-transform: uppercase;}
.section-page-header .page-header-subtitle{font-size: 30px; font-weight: 500; color: var(--shades01); line-height: 1; margin: 10px 0 0; }
/* ********|| PAGE HEADER END ||******** */

/* ********|| PRODUCT BANNERS START ||******** */
.section-product-banners{position: relative; overflow: hidden;}
.section-product-banners .banner-item{position: relative; padding: 100px 0 130px; z-index: 0;}
.section-product-banners .banner-item .item-background-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.section-product-banners .banner-item .item-background-image:before{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-color: rgba(var(--shades02-rgb), 0.5); z-index: 1;}
.section-product-banners .banner-item .item-background-image:after{content:''; position: absolute;top: 0;right: 0;height: 100%;width: 780px;background-image: url(../images/overlay-shape-02.svg);background-size: cover;background-repeat: no-repeat;background-position: bottom right;z-index: 2;}
.section-product-banners .banner-item .item-background-image img{width: 100%; height: 100%; object-fit: cover;}
.section-product-banners .banner-item .item-brand-logo{display: flex;position: absolute;top: 0;right: 0;height: 100%;padding: 50px;transform: rotate(180deg);opacity: 0.25;z-index: 1;}
.section-product-banners .banner-item .item-brand-logo img{width: 100%; height: 100%; object-fit: contain;}
.section-product-banners .banner-item .item-inner{position: relative;}
.section-product-banners .banner-item .item-content{width: 100%; max-width: 480px;}
.section-product-banners .banner-item .item-title{font-size: 100px; font-weight: 700; color: var(--shades01); line-height: 0.9; margin: 0 0 20px;}
.section-product-banners .banner-item .item-cost{margin: 0 0 30px;}
.section-product-banners .banner-item .item-cost .cost-tag{display: flex;}
.section-product-banners .banner-item .item-cost .tag{font-size: 16px; font-weight: 600; color: var(--breakerbay); line-height: 0.9;position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; height: 22px;padding: 2px 12px 0;margin: 0 0 0 17px;}
.section-product-banners .banner-item .item-cost .tag:before{content: ''; position: absolute; width: 100%; height: 100%;top:0; right: 0; background-color: var(--shades01); z-index: -1;transform: skewX(-30deg);}
.section-product-banners .banner-item .item-cost .cost-details{display: flex; align-items: center; gap: 32px;}
.section-product-banners .banner-item .item-cost .cost-price-breakup{flex-shrink: 0;display: flex; align-items: center; gap: 16px;position: relative; z-index: 0;height: 36px; padding: 3px 28px 0;}
.section-product-banners .banner-item .item-cost .cost-price-breakup:before{content: ''; position: absolute; width: 100%; height: 100%;top:0; right: 0; background-color: var(--breakerbay); z-index: -1;transform: skewX(-30deg);}
.section-product-banners .banner-item .item-cost .cost-price-breakup:after{content: ''; position: absolute; height: 100%;top:0; right: -14px; background-color: var(--breakerbay); z-index: -1;transform: skewX(-30deg); border-right:8px solid var(--shades01);}
.section-product-banners .banner-item .item-cost .cost-price{position: relative; font-size: 20px; font-weight: 700; color: var(--shades01); line-height: 0.9; flex-shrink: 0; text-decoration: line-through;}
.section-product-banners .banner-item .item-cost .sell-price{position: relative; font-size: 30px; font-weight: 700; color: var(--shades01); line-height: 0.9; flex-shrink: 0;}
.section-product-banners .banner-item .item-cost .cost-installment{flex-grow: 1; flex-shrink: 1;padding: 4px 0 0;}
.section-product-banners .banner-item .item-cost .cost-installment .label{display: block;font-size: 16px; font-weight: 500; color: var(--shades01);line-height: 0.9;}
.section-product-banners .banner-item .item-cost .cost-installment .data{display: block;font-size: 16px; font-weight: 700; color: var(--shades01);line-height: 0.9;}
.section-product-banners .banner-item .item-description{font-size: 20px; font-weight: 600; color: var(--shades01);line-height: 1.4;margin: 0 0 30px;}
.section-product-banners .banner-item .item-metas{display: grid;	grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;margin: 0 0 50px;}
.section-product-banners .banner-item .meta{display: flex; align-items: center; gap: 16px;}
.section-product-banners .banner-item .meta .meta-icon{width: 30px;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center; flex-shrink: 0;}
.section-product-banners .banner-item .meta .meta-icon img{width: 100%; height: 100%; object-fit: contain;}
.section-product-banners .banner-item .meta .meta-content{flex-shrink: 1; flex-grow: 1;}
.section-product-banners .banner-item .meta .label{ display: block; font-size: 20px; font-weight: 500; color: var(--shades01);line-height: 0.9;}
.section-product-banners .banner-item .meta .data{ display: block; font-size: 20px; font-weight: 700; color: var(--shades01);line-height: 0.9;}
.section-product-banners .banner-item .item-actions{display: flex; align-items: center; gap: 20px; margin: auto 0 0;}
.section-product-banners .banner-item .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 24px; background-color: var(--breakerbay); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase; border:1px solid transparent; text-wrap-mode: nowrap;}
.section-product-banners .banner-item .btn-action.alt{background-color: transparent; color: var(--shades01); border-color: var(--shades01);}
.section-product-banners .banner-item .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;}
.section-product-banners .banner-item .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;}
.section-product-banners .banner-item .btn-action.alt:before{background-color: rgba(var(--shades01-rgb), 0.1);}
.section-product-banners .banner-item .btn-action.alt:after{background-color: rgba(var(--shades01-rgb), 0.1);}
.section-product-banners .banner-item .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);}
.section-product-banners .banner-item .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);}
.section-product-banners .banner-item .item-image{display: flex;position: absolute;bottom: -130px;right: 0;height: 380px;z-index: 2;}
.section-product-banners .banner-item .item-image img{width: 100%; height: 100%; object-fit: contain;}
.section-product-banners .banner-item:nth-child(even) .item-background-image:after{transform: scaleX(-1); right: auto; left: 0;}
.section-product-banners .banner-item:nth-child(even) .item-brand-logo{right: auto; left: 0;}
.section-product-banners .banner-item:nth-child(even) .item-content{margin-left: auto;}
.section-product-banners .banner-item:nth-child(even) .item-image{right: auto; left: 0;}
/* ********|| PRODUCT BANNERS END ||******** */

/* ********|| PRODUCT LISTING START ||******** */
.section-product-listing{position: relative; padding: 180px 0 50px; width: 100%; background-color: var(--shades08);}
.product-filters{display: flex; align-items: center; justify-content: flex-end; gap: 40px; margin: 0 0 40px;}
.product-filters .filters{display: flex; align-items: center; gap: 16px;}
.product-filters .filters .filter-label{font-size: 18px;font-weight: 500;color: var(--shades02);line-height: 0.9;text-transform: uppercase;}
.product-filters .filters .dropdown-toggle{min-width: 220px; border:1px solid rgba(var(--shades02-rgb), 0.3); font-weight: 700; font-size: 18px; border-radius:0;}
.product-filters .filters .dropdown-toggle:after{font-size: 16px;}
.product-listing{position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:24px;}
.product-listing .product{position: relative; background-color: var(--shades01); background-color: var(--shades01); border-radius: 10px; box-shadow: 0 0 6px rgba(var(--shades02-rgb), 0.15); overflow: hidden; padding: 20px 16px; transition: all 0.3s ease;}
.product-listing .product:hover{box-shadow: 0 4px 16px rgba(var(--shades02-rgb), 0.2);}
.product-listing .product .product-watermark{position: absolute;top: 0;right: 0;height: 100%;transform: rotate(180deg);opacity: 0.2;}
.product-listing .product .product-watermark img{width: 100%; height: 100%; object-fit: contain;}
.product-listing .product .product-image{position: relative; width: 100%; aspect-ratio: 3/2; overflow: hidden; border-radius: 4px; margin: 0 0 20px;}
.product-listing .product .product-image img{width: 100%; height: 100%; object-fit: cover;}
.product-listing .product .product-tag{position: absolute;top: 0;left: 0;height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 36px;padding: 3px 20px 0;font-size: 16px;font-weight: 700;color: var(--shades01);background-color: var(--breakerbay);line-height: 1;text-transform: uppercase;z-index: 1;}
.product-listing .product .product-content{position: relative;padding: 10px 20px;background-color: var(--shades08);border-radius: 4px;margin: 0 0 20px;}
.product-listing .product .product-title{font-size: 40px; font-weight: 700; color: var(--shades02); line-height: 1; margin: 0;}
.product-listing .product .product-cost{position: relative;}
.product-listing .product .cost-breakup{display: flex; align-items: center; gap: 12px;}
.product-listing .product .cost-breakup .sell-price{font-size: 30px; font-weight: 700; color: var(--breakerbay); line-height: 0.9;}
.product-listing .product .cost-breakup .cost-price{font-size: 20px; font-weight: 700; color: var(--shades02); line-height: 0.9; text-decoration: line-through;}
.product-listing .product .cost-installment{display: flex; align-items: center; gap: 4px;margin: 8px 0 0;}
.product-listing .product .cost-installment .label{font-size: 16px; font-weight: 500; color: var(--shades02); line-height: 0.9;}
.product-listing .product .cost-installment .data{font-size: 16px; font-weight: 700; color: var(--shades02); line-height: 0.9;}
.product-listing .product .product-actions{display: flex; align-items: center; gap:20px;}
.product-listing .product .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 42px; padding: 0 20px; background-color: var(--breakerbay); border-radius: 4px; font-size: 18px; font-weight: 700; color: var(--shades01); text-transform: uppercase; border:1px solid transparent; white-space: nowrap;}
.product-listing .product .btn-action.alt{background-color: var(--shades01); color: var(--shades03); border-color: var(--shades02);}
.product-listing .product .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;}
.product-listing .product .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;}
.product-listing .product .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);}
.product-listing .product .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);}
/* ********|| PRODUCT LISTING END ||******** */

/* ********|| PRODUCT DETAILS START ||******** */
.section-product-details{position: relative; padding: 180px 0 0; width: 100%; background-color: var(--shades08);}
.product-details-container{display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 80px;}
.product-details{position: relative; padding: 60px 0 0;}
.product-details .product-title{font-size: 70px; font-weight: 700; color: var(--shades07); line-height: 0.9; margin: 0 0 20px;}
.product-details .product-cost{margin: 0 0 30px;}
.product-details .product-cost .cost-tag{display: flex;}
.product-details .product-cost .tag{font-size: 20px; font-weight: 600; color: var(--shades01); line-height: 0.9;position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; height: 26px;padding: 2px 12px 0;margin: 0 0 0 20px;}
.product-details .product-cost .tag:before{content: ''; position: absolute; width: 100%; height: 100%;top:0; right: 0; background-color: var(--shades02); z-index: -1;transform: skewX(-30deg);}
.product-details .product-cost .cost-details{display: flex; align-items: center; gap: 32px;}
.product-details .product-cost .cost-price-breakup{flex-shrink: 0;display: flex; align-items: center; gap: 16px;position: relative; z-index: 0;height: 42px; padding: 3px 28px 0;}
.product-details .product-cost .cost-price-breakup:before{content: ''; position: absolute; width: 100%; height: 100%;top:0; right: 0; background-color: var(--breakerbay); z-index: -1;transform: skewX(-30deg);}
.product-details .product-cost .cost-price-breakup:after{content: ''; position: absolute; height: 100%;top:0; right: -14px; background-color: var(--breakerbay); z-index: -1;transform: skewX(-30deg); border-right:8px solid var(--shades02);}
.product-details .product-cost .cost-price{position: relative; font-size: 30px; font-weight: 400; color: var(--shades01); line-height: 0.9; flex-shrink: 0; text-decoration: line-through;}
.product-details .product-cost .sell-price{position: relative; font-size: 30px; font-weight: 700; color: var(--shades01); line-height: 0.9; flex-shrink: 0;}
.product-details .product-cost .cost-installment{flex-grow: 1; flex-shrink: 1;padding: 4px 0 0;}
.product-details .product-cost .cost-installment .label{display: block;font-size: 20px; font-weight: 500; color: var(--shades02);line-height: 0.9;}
.product-details .product-cost .cost-installment .data{display: block;font-size: 20px; font-weight: 700; color: var(--shades02);line-height: 0.9;}
.product-details .product-cost .cost-note{font-size: 20px; font-weight: 500; color: var(--shades02);line-height: 0.9; margin: 10px 0 0;}
.product-details .product-description{font-size: 20px; font-weight: 600; color: var(--shades02);line-height: 1.4;margin: 0 0 30px;}
.product-details .product-metas{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;margin: 0 0 60px;max-width: 460px;}
.product-details .meta{display: flex; align-items: center; gap: 16px;}
.product-details .meta .meta-icon{width: 30px;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center; flex-shrink: 0;}
.product-details .meta .meta-icon img{width: 100%; height: 100%; object-fit: contain;}
.product-details .meta .meta-content{flex-shrink: 1; flex-grow: 1;}
.product-details .meta .label{ display: block; font-size: 20px; font-weight: 500; color: var(--shades02);line-height: 0.9;}
.product-details .meta .data{ display: block; font-size: 20px; font-weight: 700; color: var(--shades02);line-height: 0.9;}
.product-details .product-options{position: relative;margin: 0 0 40px;max-width: 320px;}
.product-details .product-options .option-title{font-size: 20px; font-weight: 700; color: var(--shades02); text-transform: uppercase; line-height: 0.9; margin: 0 0 12px;}
.product-details .product-avilability{position: relative;margin: 0 0 40px;max-width: 320px;}
.product-details .product-avilability .avilability-title{font-size: 20px; font-weight: 700; color: var(--shades02); text-transform: uppercase; line-height: 0.9; margin: 0 0 12px;}
.product-details .product-avilability .avilability-description{font-size: 20px; font-weight: 500; color: var(--shades02); line-height: 1.2;}
.product-details .product-actions{display: flex; align-items: center; gap: 20px; margin: 60px 0 0;}
.product-details .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 32px; background-color: var(--shades02); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase; }
.product-details .btn-action.alt{background-color: var(--breakerbay); color: var(--shades01);}
.product-details .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades01-rgb), 0.2);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;}
.product-details .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades01-rgb), 0.2);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;}
.product-details .btn-action.alt:before{background-color: rgba(var(--shades02-rgb), 0.1);}
.product-details .btn-action.alt:after{background-color: rgba(var(--shades02-rgb), 0.1);}
.product-details .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);}
.product-details .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);}
.product-details-images{position: relative;}
.product-details-images .mainSwiper{position: relative;overflow: hidden; border-radius: 4px; box-shadow: 0 2px 10px rgba(var(--shades02-rgb), 0.05); margin: 0 0 16px;}
.product-details-images .mainSwiper .icon-zoom{position: absolute;top: 10px;right: 10px;z-index: 2;display: flex;align-items: center;justify-content: center;width: 36px;aspect-ratio: 1 / 1;background-color: var(--breakerbay);border-radius: 4px;font-size: 20px;color: var(--shades01);}
.product-details-images .main-image{width: 100%; aspect-ratio: 3/1; background-color: var(--shades01); display: flex;}
.product-details-images .main-image img{width: 100%; height: 100%; object-fit:contain;}
.product-details-images .thumbSwiper{position: relative; padding: 8px 0;margin: 0 0 16px;}
.product-details-images .thumb-image{position: relative; overflow: hidden; aspect-ratio: 2/1; background-color: var(--shades01); border-radius: 4px; box-shadow: 0 2px 8px rgba(var(--shades02-rgb), 0.1); cursor: pointer; display: flex;border:2px solid transparent; transition: all 0.3s ease;}
.product-details-images .thumb-image img{width: 100%; height: 100%; object-fit:cover;}
.product-details-images .swiper-slide-thumb-active .thumb-image{border-color: var(--breakerbay);}
.product-details-images .swiper-pagination.swiper-pagination-progressbar{position: relative;background-color: rgba(var(--shades02-rgb), 0.1);overflow: visible;height: 2px;border-radius: 10px;z-index: 1;}
.product-details-images .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--breakerbay);height: 6px;top: -2px;border-radius: 10px;z-index: 1;}
/* ********|| PRODUCT DETAILS END ||******** */

/* ********|| PRODUCT OVERVIEW START ||******** */
.section-product-overview{position: relative; width: 100%; padding: 100px 0; background-color: var(--shades07);}
.section-product-overview .overview-title{font-size: 70px; font-weight: 700; color: var(--shades01); line-height: 0.9; text-transform: uppercase; margin: 0 0 60px;text-align: center;}
.section-product-overview .overview-description{font-size: 30px; color: var(--shades01); line-height: 1.4; text-align: center;}
.section-product-overview .overview-description p{margin: 0 0 30px;}
/* ********|| PRODUCT OVERVIEW END ||******** */

/* ********|| PRODUCT FEATURES START ||******** */
.section-product-features{position: relative; width: 100%; padding: 100px 0; background-color: var(--shades04);}
.section-product-features .product-features-subtitle{font-size: 30px;font-weight: 700; color: var(--breakerbay);line-height: 0.9; text-transform: uppercase; margin: 0 0 30px;text-align: center;}
.section-product-features .product-features-title{font-size: 60px; font-weight: 700; color: var(--shades01); line-height: 0.9; text-transform: uppercase; margin: 0 0 60px;text-align: center;}
/* .product-features{position: relative; margin: 100px 0 0;} */
.section-feature{position: relative; padding: 10px 0; width: 100%;background-color: var(--shades04);}
.section-feature .feature{position: relative; overflow: hidden; border-radius: 10px; height: 360px; padding: 70px 100px;z-index: 0;}
.section-feature .feature .feature-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.section-feature .feature .feature-image img{width: 100%; height: 100%; object-fit: cover;}
.section-feature .feature .feature-image img+img{display: none;}
.section-feature .feature .feature-title{font-size: 60px; font-weight: 700; color: var(--shades01); line-height: 0.9; text-transform: uppercase; margin: 0 0 20px; text-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.section-feature .feature .feature-description{font-size: 30px; color: var(--shades01); line-height: 1.4; max-width: 60%; text-shadow: 2px 2px 12px rgba(0,0,0,0.2)}
.section-feature.right .feature .feature-title{text-align: right;}
.section-feature.right .feature .feature-description{text-align: right; margin-left: auto;}
/* ********|| PRODUCT FEATURES END ||******** */

/* ********|| PRODUCT DETAILS CTA START ||******** */
.section-product-cta{position: relative; padding: 100px 0; display: flex; align-items: center; overflow: hidden; width: 100%; height: 100vh; z-index: 0;}
.section-product-cta .product-cta-background-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.section-product-cta .product-cta-background-image:before{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-color: rgba(var(--shades02-rgb), 0.25);}
.section-product-cta .product-cta-background-image img{width: 100%; height: 100%; object-fit: cover;}
.section-product-cta .product-cta-background-image img+img{display: none;}
.section-product-cta .product-cta-content{position: relative; width: 100%; max-width: 480px;}
.section-product-cta .product-cta-content .product-cta-title{font-size: 60px; font-weight: 700; color: var(--shades01); line-height: 0.9; text-transform: uppercase; margin: 0 0 20px;}
.section-product-cta .product-cta-content .product-cta-description{font-size: 30px; color: var(--shades01); line-height: 1.4;}
.section-product-cta .product-cta-content .product-cta-actions{display: flex; align-items: center; gap:24px; margin: 60px 0 0;}
.section-product-cta .product-cta-content .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 32px; background-color: var(--breakerbay); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase;}
.section-product-cta .product-cta-content .btn-action.alt{background-color: var(--shades01); color: var(--shades03);}
.section-product-cta .product-cta-content .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;}
.section-product-cta .product-cta-content .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;}
.section-product-cta .product-cta-content .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);}
.section-product-cta .product-cta-content .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);}
.section-product-cta .product-cta-content .btn-action-alt{ position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; height: 36px; padding: 0 12px;font-size: 20px; font-weight: 700; color: var(--shades01); text-transform: uppercase; z-index: 0;}
.section-product-cta .product-cta-content .btn-action-alt i{font-size: 24px;}
.section-product-cta .product-cta-content .btn-action-alt:before{content: ''; position: absolute; width: 50%; height: 100%;top:0; right: 0; background-color: var(--breakerbay); z-index: -1;transform: skewX(-30deg);}
.section-product-cta .product-cta-content .btn-action-alt:after{content: ''; position: absolute; height: 100%;top:0; right: -14px; background-color: var(--breakerbay); z-index: -1;transform: skewX(-30deg); border-right:8px solid var(--breakerbay);}
/* ********|| PRODUCT DETAILS CTA END ||******** */

/* ********|| PRODUCT SPECIFICATIONS START ||******** */
.section-product-specification{position: relative; width: 100%; padding: 100px 0;background-color: var(--shades08);}
.section-product-specification .product-specification-subtitle{font-size: 30px;font-weight: 700; color: var(--breakerbay);line-height: 0.9; text-transform: uppercase; margin: 0 0 30px;text-align: center;}
.section-product-specification .product-specification-title{font-size: 60px; font-weight: 700; color: var(--shades02); line-height: 0.9; text-transform: uppercase; margin: 0 0 60px;text-align: center;}
.product-specification{display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(0, 1fr);grid-column-gap: 30px;grid-row-gap: 30px;}
.product-specification .specification{position: relative; background-color: var(--shades07);box-shadow: 0 0 20px rgba(var(--shades02-rgb), 0.1);}
.product-specification .specification:nth-child(1) { grid-area: auto / auto / auto / auto; }
.product-specification .specification:nth-child(2) { grid-area: auto / auto / auto / auto; }
.product-specification .specification:nth-child(3) { grid-area: auto / auto / auto / auto; }
.product-specification .specification:nth-child(4) { grid-area: auto / auto / auto / auto; }
.product-specification .specification .specification-header{position: relative; height: 80px; padding: 0 30px; display: flex; align-items: center;z-index: 0; overflow: hidden;}
.product-specification .specification .specification-header:before{content:""; position: absolute;top: 0;left: 0;width: 100%;z-index: -2; border-top: 10px solid var(--breakerbay);}
.product-specification .specification .specification-header:after{content:""; position: absolute;bottom: 0;left: -80px;width: 100%;height: 100%;background-color: var(--shades01);z-index: -1;transform: skewX(-30deg);}
.product-specification .specification .header-title{font-size: 30px; font-weight: 700; line-height: 0.9; color: var(--breakerbay); text-transform: uppercase;margin: 0;}
.product-specification .specification .specification-body{position: relative; padding: 30px;}
.product-specification .specification .specification-item{display: flex; align-items: center; justify-content: space-between; min-height: 80px; gap: 40px;}
.product-specification .specification .specification-item+.specification-item{border-top: 1px solid rgba(var(--shades01-rgb), 0.2);}
.product-specification .specification .specification-label{font-size: 18px; font-weight: 700; line-height: 0.9; color: var(--shades01); flex-shrink: 0;}
.product-specification .specification .specification-data{font-size: 18px; font-weight: 500; line-height: 0.9; color: var(--shades01); text-align: right;}
/* ********|| PRODUCT SPECIFICATIONS END ||******** */

/* ********|| PRODUCT GALLERY START ||******** */
.section-product-gallery{position: relative; width: 100%; padding: 100px 0;background-color: var(--shades08);}
.section-product-gallery .product-gallery-subtitle{font-size: 30px;font-weight: 700; color: var(--breakerbay);line-height: 0.9; text-transform: uppercase; margin: 0 0 30px;text-align: center;}
.section-product-gallery .product-gallery-title{font-size: 60px; font-weight: 700; color: var(--shades02); line-height: 0.9; text-transform: uppercase; margin: 0 0 60px;text-align: center;}
.product-gallery{position: relative; margin: 100px 0 0;}
.product-gallery .gallery-item{position: relative; width: 100%; aspect-ratio: 1/1; overflow: hidden;display: flex;}
.product-gallery .gallery-item img{width: 100%; height: 100%; object-fit: cover;}
/* ********|| PRODUCT GALLERY END ||******** */

/* ********|| PAGE BANNER START ||******** */
.section-page-banner{ position: relative; width: 100%; height: 600px; overflow: hidden;padding: 140px 0 60px;display: flex; align-items: center;z-index: 0;}
.section-page-banner .page-banner-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.section-page-banner .page-banner-image:before{content: '';position: absolute;width: 100%;height: 100%;z-index: 0;background: radial-gradient(circle farthest-corner at 60% 50%, transparent, var(--shades02));}
.section-page-banner .page-banner-image img{width: 100%; height: 100%; object-fit: cover;}
.section-page-banner .page-banner-image img+img{display: none;}
.section-page-banner .page-banner-title{font-size: 70px; font-weight: 700; color: var(--shades01); line-height: 0.9; margin: 0; text-transform: uppercase;}
/* ********|| PAGE BANNER END ||******** */

/* ********|| CONTACT START ||******** */
.section-contact {position: relative; width: 100%; padding: 100px 0;background-color: var(--shades08);}
div .section-contact {position: relative; width: 100%; padding: 20px 0;background-color: var(--shades08);}
.get-in-touch{display: flex; gap: 80px;}
.get-in-touch .get-in-touch-content{flex-grow: 1; flex-shrink: 1;}
.get-in-touch .get-in-touch-title{font-size: 60px; font-weight: 700; color: var(--shades02); line-height: 0.9; margin: 0 0 20px; text-transform: uppercase;}
.get-in-touch .get-in-touch-subtitle{font-size: 24px; font-weight: 500; color: var(--shades02); line-height: 1.2; margin: 0 0 20px;}
.get-in-touch .get-in-touch-form{position: relative; margin: 30px 0 0;}
.get-in-touch .get-in-touch-form .row{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px;}
.get-in-touch .get-in-touch-form .form-group{position: relative; margin: 0 0 30px;}
.get-in-touch .get-in-touch-form .form-action{display: flex; align-items: center;}
.get-in-touch .get-in-touch-form .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 32px; background-color: var(--breakerbay); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase;}
.get-in-touch .get-in-touch-form .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;}
.get-in-touch .get-in-touch-form .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;}
.get-in-touch .get-in-touch-form .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);}
.get-in-touch .get-in-touch-form .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);}
.get-in-touch .get-in-touch-form .btn-action input{position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.get-in-touch .get-in-touch-image{width: 100%; height: 100%; overflow: hidden; border-radius: 20px;  flex-shrink: 0; max-width: 640px;display: flex;}
.get-in-touch .get-in-touch-image img{ width: 100%; height: 100%; object-fit: cover;}
.contact-locations-container{position: relative;  padding: 80px 0; border-top: 1px solid rgba(var(--shades02-rgb), 0.1); display: flex; flex-direction: column; gap: 160px;}
.contact-location{flex-grow: 1; flex-shrink: 1; position: relative; padding: 0 80px 0 0;}
.contact-location .locations{position: relative;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 48px;}
.contact-location .locations .location{display: flex; gap: 60px;flex-direction: column;}
.contact-location .locations .location .location-content{ flex-grow: 1; flex-shrink: 1;}
.contact-location .locations .location .location-title{font-size: 40px; font-weight: 700; line-height: 0.9; color: var(--shades02); text-transform: uppercase;margin: 0 0 24px;}
.contact-location .locations .location .location-meta{position: relative;}
.contact-location .locations .location .location-meta .meta{display: flex;align-items: flex-start;gap: 5px;}
.contact-location .locations .location .location-meta .meta+.meta{margin: 14px 0 0;}
.contact-location .locations .location .location-meta .meta-icon{font-size: 18px;color: var(--shades05);flex-shrink: 0; padding: 4px 0 0; transition:all 0.3s ease;}
.contact-location .locations .location .location-meta .meta-data{font-size: 24px; line-height: 1;color: var(--shades02); transition:all 0.3s ease;}
.contact-location .locations .location .location-meta .meta-data a{color: var(--shades02);}
.contact-location .locations .location .location-meta .meta:hover .meta-icon{color: var(--breakerbay);}
.contact-location .locations .location .location-meta .meta:hover .meta-data{color: var(--breakerbay);}
.contact-location .locations .location .location-meta .meta:hover .meta-data a{color: var(--breakerbay);}
.contact-location .locations .location-action{display: flex; margin: 40px 0 0; padding: 0 0 0 52px;}
.contact-location .locations .location-action .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 44px; padding: 0 32px; background-color: var(--shades01); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--breakerbay); text-transform: uppercase; border:1px solid var(--breakerbay)}
.contact-location .locations .location-action .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;}
.contact-location .locations .location-action .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;}
.contact-location .locations .location-action .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);}
.contact-location .locations .location-action .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);}
.contact-location .locations .location-image{width: 100%; aspect-ratio: 5 / 3; overflow: hidden; border-radius: 20px; flex-shrink: 0; display: flex;}
.contact-location .locations .location-image img{width: 100%; height: 100%; object-fit: cover;}
.contact-location-map{flex-grow: 1; flex-shrink: 1; position: relative; display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 0;}
.contact-location-map .map-image{display: flex;margin: 0 auto;width: 100%; max-width: 700px;}
.contact-location-map .map-image img{width: 100%; height: 100%; object-fit: cover;}
.contact-location-map .location-watermark{position: absolute;bottom: 0;left: 0;width: 100%;opacity: 1;z-index: -1;}
.contact-location-map .location-watermark img{width: 100%; height: 100%; object-fit: contain;}
/* ********|| CONTACT END ||******** */

/* ********|| TEST DRIVE START ||******** */
.section-test-drive{position: relative; padding: 140px 0 0; overflow: hidden; width: 100%;background-color: var(--shades08);}
.section-test-drive .container{position: relative;z-index: 0;}
.test-drive-content{width: 50%;padding: 100px 0;}
.test-drive-content .test-drive-title{font-size: 60px; font-weight: 700; line-height: 0.9; color: var(--shades02); text-transform: uppercase;margin: 0 0 30px;}
.test-drive-content .test-drive-title span{color: var(--breakerbay);}
.test-drive-content .test-drive-description{font-size: 30px; font-weight: 500; line-height: 1.2; color: var(--shades02);}
.test-drive-content .test-drive-form{position: relative; margin: 50px 0 0;}
.test-drive-content .test-drive-form .row{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px;}
.test-drive-content .test-drive-form .form-group{position: relative; margin: 0 0 30px;}
.test-drive-content .test-drive-form .form-action{display: flex; align-items: center;}
.test-drive-content .test-drive-form .btn-action{position: relative; z-index: 0;overflow: hidden; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 32px; background-color: var(--breakerbay); border-radius: 4px; font-size: 16px; font-weight: 700; color: var(--shades01); text-transform: uppercase;}
.test-drive-content .test-drive-form .btn-action:before{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);right: -16px;transform: skewX(-30deg) translateX(-1000%);z-index: -1; transition:all 0.3s ease;}
.test-drive-content .test-drive-form .btn-action:after{content:""; position: absolute;width: 36px;height: 100%;background-color: rgba(var(--shades02-rgb), 0.1);left: -16px;transform: skewX(-30deg) translateX(1000%);z-index: -1; transition:all 0.3s ease;}
.test-drive-content .test-drive-form .btn-action:hover:before{transform: skewX(-30deg) translateX(0%);}
.test-drive-content .test-drive-form .btn-action:hover:after{transform: skewX(-30deg) translateX(0%);}
.test-drive-content .test-drive-form .btn-action input{position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.test-drive-image{width: 50%;overflow: hidden;position: absolute;bottom: 0;right: 0;display: flex;z-index: -1;}
.test-drive-image img{width: 100%; height: 100%; object-fit: contain;}
/* ********|| TEST DRIVE END ||******** */


/* ********|| CART START ||******** */
.section-cart{position: relative; margin-top: 140px; padding: 40px 0;}
.section-cart .cart-content{display: flex; align-items: flex-start; gap: 30px;}
.section-cart .cart-product-panel{width: 320px; flex-shrink: 0;}

/* ==============| Cart Product List |=============== */
.section-cart .cart-product-list{position: relative;}
.section-cart .cart-product-list .cart-item{position: relative;background-color: var(--shades01);overflow: hidden;box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 0.2);}
.section-cart .cart-product-list .cart-item+.cart-item{margin: 16px 0 0;}
.section-cart .cart-product-list .cart-item .item-image{width: 100%;max-width: 160px;aspect-ratio: 1 / 1;margin: 20px auto;}
.section-cart .cart-product-list .cart-item .item-image img{width: 100%; height: 100%; object-fit: contain;}
.section-cart .cart-product-list .cart-item .item-content{position: relative; padding: 0 40px 20px;}
.section-cart .cart-product-list .cart-item .item-title{font-size: 14px;line-height: 1.2;text-align: center;font-weight: 500;margin: 0;}
.section-cart .cart-product-list .cart-item .item-price{font-size: 16px;font-weight: 600;color: var(--breakerbay);text-align: center;margin: 10px 0 0;}
.section-cart .cart-product-list .cart-item .item-quantity{display: flex; align-items: center; justify-content: center; gap: 2px;margin: 10px 0 0;}
.section-cart .cart-product-list .cart-item .item-quantity .btn-quantity{width: 24px;aspect-ratio: 1 / 1;background-color: var(--breakerbay);color: var(--shades01);display: flex;align-items: center;justify-content: center;border: 0;border-radius: 4px;font-size: 16px;}
.section-cart .cart-product-list .cart-item .item-quantity .input-quantity{width: 48px;aspect-ratio: 2 / 1;border-radius: 4px;border: 1px solid rgba(var(--shades04-rgb), 0.2);text-align: center;font-weight: 500;color: var(--shades02);}
.section-cart .cart-product-list .cart-item .item-quantity .input-quantity::-webkit-inner-spin-button,.section-cart .cart-product-list .cart-item .item-quantity .input-quantity::-webkit-outer-spin-button{-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0; }
.section-cart .cart-product-list .cart-item .item-rate{margin: 10px 0 0;text-align: center;font-size: 12px;font-weight: 500;color: var(--shades04);}
.section-cart .cart-product-list .cart-item .item-action{display: flex;}
.section-cart .cart-product-list .cart-item .btn-action{width: 100%;display: flex;align-items: center;justify-content: center;height: 36px;border: none;background-color: rgba(var(--breakerbay-rgb), 0.1);color: var(--breakerbay);text-transform: uppercase;font-size: 12px;font-weight: 500;}
.section-cart .cart-product-list .cart-item .btn-action:hover{ background-color: var(--breakerbay); color: var(--shades01);}

/* ==============| Cart Summary |=============== */
.section-cart .cart-summary{position: relative;padding: 20px 40px;background-color: var(--shades01);overflow: hidden;box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 0.2);margin: 20px 0 0;}
.section-cart .cart-summary .summary-content{position: relative;}
.section-cart .cart-summary .summary-title{font-size: 12px;text-transform: uppercase;text-align: center;}
.section-cart .cart-summary .summary-total{font-size: 24px;font-weight: 600;text-align: center;padding: 16px 0;color: var(--breakerbay);}
.section-cart .cart-summary .summary-actions{display: flex;border-top: 1px solid rgba(var(--shades04-rgb), 0.2);padding: 10px 0 0;}
.section-cart .cart-summary .btn-action{width: 100%;display: flex;align-items: center;justify-content: center;border: none;background-color: transparent;font-size: 14px;font-weight: 500;color: var(--shades04);padding: 0;}
.section-cart .cart-summary .btn-action:hover{color: var(--breakerbay);}

/* ==============| Cart Coupon |=============== */
.section-cart .cart-coupon{position: relative;padding: 20px 40px;background-color: var(--shades01);overflow: hidden;box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 0.2);margin: 20px 0 0;}
.section-cart .cart-coupon .cart-coupon-title{font-size: 12px;text-transform: uppercase;text-align: center;margin: 0 0 20px;}
.section-cart .cart-coupon .coupon-form{position: relative;}
.section-cart .cart-coupon .form-group{position: relative; margin: 0 0 16px;}
.section-cart .cart-coupon .form-control{padding: 6px 12px;border: 1px solid var(--shades07);box-shadow: none;font-size: 14px;height: 40px;border-radius: 6px;}
.section-cart .cart-coupon .form-control:focus{border-color: var(--breakerbay);}
.section-cart .cart-coupon .form-action{display: flex;}
.section-cart .cart-coupon .btn-action{font-size: 16px;font-weight: 500; width: 100%; display: flex;align-items: center;justify-content: center;height: 36px;background-color: var(--breakerbay);color: var(--shades01);padding: 0 20px; border:1px solid var(--breakerbay); border-radius: 6px;}
.section-cart .cart-coupon .btn-action:hover{background-color: var(--shades01); color: var(--breakerbay);}

/* ==============| Cart Information |=============== */
.section-cart .cart-information-panel{width: 100%; flex-shrink: 1;position: relative;background-color: var(--shades01);overflow: hidden;box-shadow: 0 2px 10px rgba(var(--shades04-rgb), 0.2); padding: 20px;}
.section-cart .cart-information-block{position: relative;}
.section-cart .cart-information-block+.cart-information-block{margin: 30px 0 0;}
.section-cart .cart-information-block .cart-block-title{font-size: 20px;font-weight: 500;color: var(--breakerbay);line-height: 1.2;margin: 0;}
.section-cart .cart-information-block .information-row{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px;}
.section-cart .cart-information-block .information-row .information-cell{display: flex; align-items: center;flex-wrap: wrap; padding: 6px;}
.section-cart .cart-information-block .information-row .information-cell.column-2{grid-column: span 2 / span 2;}
.section-cart .cart-information-block .information-row .information-label{font-size: 14px;color: var(--shades04);font-weight: 400;}
.section-cart .cart-information-block .information-row .form-group{width: 100%;}
.section-cart .cart-information-block .information-row .form-control{padding: 6px 12px;border: 1px solid var(--shades07);box-shadow: none;font-size: 14px;height: 40px;border-radius: 6px;}
.section-cart .cart-information-block .information-row textarea.form-control{min-height: 120px; resize: none;}
.section-cart .cart-information-block .information-row .telephone-group{display: flex; gap: 16px; width: 100%;}
.section-cart .cart-information-block .information-row .telephone-group .form-group{width: 100px; flex-shrink: 0;}
.section-cart .cart-information-block .information-row .telephone-group .form-group+.form-group{width: 100%; flex-shrink: 1;}
.section-cart .cart-information-block .information-row .telephone-group .form-group:first-child .form-control{text-align: right;}
.section-cart .cart-information-block .information-row .checkbox-group{display: grid;grid-template-columns: repeat(1, minmax(0, 1fr));gap: 8px;}
.section-cart .cart-information-block .information-row .checkbox-group span{background-color: rgba(var(--breakerbay-rgb), 0.1);font-size: 12px;font-weight: 500;color: rgba(var(--breakerbay-rgb), 0.5);padding: 3px 6px;border-radius: 20px;}
.section-cart .cart-information-block .information-row .data-block{width: 100%; padding: 10px 0;}
.section-cart .cart-information-block .information-row .data-block+.data-block{border-top:1px solid rgba(var(--shades04-rgb), 0.1)}
.section-cart .cart-information-block .information-row .control-label{font-size: 14px;color: var(--shades04);font-weight: 400;}
.section-cart .cart-information-block .information-row .data-block .checkbox-group{margin: 10px 0 0;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 6px;}
.section-cart .cart-information-block .information-row .checkbox{display: block;width: 100%;}
.section-cart .cart-information-block .information-row .image-checkbox{padding: 4px;}
.section-cart .cart-information-block .information-row .image-checkbox .checkbox-label{border: 1px solid rgba(var(--shades04-rgb), 0.1); border-radius: 4px; padding: 4px 4px 4px 30px;}
.section-cart .cart-information-block .information-row .image-checkbox .checkbox-label:before{top: 50%; transform: translateY(-50%); left: 4px;}
.section-cart .cart-information-block .information-row .image-checkbox .checkbox-label:after{top: 50%; transform: translateY(-50%); left: 4px;}
.section-cart .cart-information-block .information-row .image-checkbox .checkbox-image{width: 100%; aspect-ratio: 2 / 1;}
.section-cart .cart-information-block .information-row .image-checkbox .checkbox-image img{width: 100%;height: 100%;object-fit: contain;}
.section-cart .cart-information-block .information-row .payable{display: flex; align-items: center; gap: 10px;width: 100%;margin: 30px 0 0;}
.section-cart .cart-information-block .information-row .payable .payable-label{font-size: 13px;text-transform: uppercase; line-height: 1;}
.section-cart .cart-information-block .information-row .payable .payable-data{font-size: 20px;font-weight: 500;color: var(--breakerbay); line-height: 1;}
.section-cart .cart-information-block .information-row .actions{display: flex; align-items: center; margin: 20px 0 0; width: 100%;}
.section-cart .cart-information-block .information-row .btn-action{font-size: 18px;font-weight: 500;width: 100%;display: flex;align-items: center;justify-content: center;height: 44px;background-color: var(--breakerbay);color: var(--shades01);padding: 0 20px;border: 1px solid var(--breakerbay);border-radius: 6px;}
.section-cart .cart-information-block .information-row .btn-action:hover{background-color: var(--shades01); color: var(--breakerbay);}
/* ********|| CART END ||******** */

.site-message {padding: 20px 20px;display: flex;align-items: center;border-radius: 5px;font-size: 14px;font-weight: 500;}
.site-message + * {margin-top: 30px;}
.site-message .site-message-icon {margin-right: 20px;font-size: 42px;display: flex;align-items: center;justify-content: center;width: 52px;min-width: 52px;}
.site-message .message {font-size: 14px;line-height: 1.4;font-weight: 500;}
.site-message.success-message {background: #e9ffee;border: 1px solid #cff1d7;}
.site-message.success-message .site-message-icon {color: #1fb141;}
.site-message.success-message .message {color: #1fb141;}
.site-message.error-message {background: #fff3f3;border: 1px solid #fddada;}
.site-message.error-message .site-message-icon {color: #e52030;}
.site-message.error-message .message {color: #e52030;}
.site-message.info-message {background: #eff5ff;border: 1px solid #e0ecff;}
.site-message.info-message .site-message-icon {color: #003282;}
.site-message.info-message .message {color: #003282;}

.content-styles {
    padding-top: 40px;
    padding-bottom: 60px;
}

.content-styles ol > li {
    font-size: 21px;
    line-height: 1.5;
}

.content-styles ul > li {
    font-size: 21px;
    line-height: 1.5;
}

.content-styles ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.content-styles ul li, ol li {
    margin: 0.5em 0;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.content-styles ol {
    counter-reset: li;
}

.content-styles ol li::before {
    counter-increment: li;
    content: counter(li);
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #D80C24;
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    min-width: 24px;
    border-radius: 20%;
    margin-top: 4px;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.content-styles ul li::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-color: black;
    border-radius: 50%;
    margin-right: 0.5em;
    position: relative;
}

.content-styles ul li::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: white;
    mask: url('/assets/images/arrow.svg') no-repeat center;
    -webkit-mask: url('/assets/images/arrow.svg') no-repeat center;
    background-size: contain;
    mask-size: contain;
    top: 5px;
    left: 6px;
}

.content-styles ul li ul {
    margin-left: 2em;
}

.content-styles ol > li > ul li::after {
    top: 9px;
}

.content-styles ul li ul li::after {
    background-color: gray;
}



/* ********|| RESPONSIVE START ||******** */
@media screen and (max-width: 1600px) {
    header .navigation-menu{gap: 30px;}
    .mega-dropdown-menu .menu-categories{padding: 40px 0;}
    .mega-dropdown-menu .category-title{font-size: 30px;}
    .hero-slider .swiper-content{max-width: 500px;}
    .hero-slider .swiper-content .swiper-title{font-size: 56px;}
    .hero-slider .swiper-content .swiper-description{font-size: 24px;line-height: 1.2; max-width: 90%;margin: 10px 0 0;}
    .hero-slider .swiper-content .swiper-actions{margin: 20px 0 0;}
    .hero-slider .swiper-content .swiper-action-alt{margin: 80px 0 0;}
    .hero-slider-options .hero-swiper-button{bottom: 160px;}
    .section-title{font-size: 52px;}
    .section-subtitle{font-size: 24px;}
    .categories{margin: 80px 0 0;}
    .categories .category-item .item-title{font-size: 32px;}
    .categories .category-item .item-subtitle{font-size: 20px;}
    .section-accessories .accessories-header .accessories-header-subtitle{font-size: 24px;margin: 0 0 10px;}
    .section-accessories .accessories-header .accessories-header-title{font-size: 52px;}
    .section-accessories .accessories-header .accessories-header-content+.accessories-header-content{width: 520px;}
    .section-accessories .accessories-header .accessories-header-description{font-size: 20px;line-height: 1.4;}
    .accessories-spare-parts .tabs .tab-button{font-size: 44px;}
    .section-about .about-subtitle{font-size: 24px;}
    .section-about .about-subtitle img{height: 16px;}
    .section-about .about-title{font-size: 52px; max-width: 520px;}
    .section-about .about-description{font-size: 20px;max-width: 560px;}
    .featubreakerbay-slider .featubreakerbay-item .item-tag .tag{font-size: 18px;}
    .featubreakerbay-slider .featubreakerbay-item .item-content{width: 44%;}
    .featubreakerbay-slider .featubreakerbay-item .item-title{font-size: 48px;}
    .featubreakerbay-slider .featubreakerbay-item .item-subtitle{font-size: 24px;}
    .featubreakerbay-slider .featubreakerbay-item .item-description{font-size: 18px;}
    footer .footer-title{font-size: 24px;}
    footer .footer-contacts .link-icon{font-size: 20px;}
    footer .footer-contacts .link-label{font-size: 24px;}
    footer .footer-contacts .link-data{font-size: 24px;}
    footer .footer-links .link-item .link{font-size: 24px;}
    .section-page-header .page-header-title{font-size: 56px;}
    .section-page-header .page-header-subtitle{font-size: 24px;}
    .section-product-banners .banner-item .item-title{font-size: 80px;}
    .product-details .product-title{font-size: 56px;}
    .section-product-overview .overview-title{font-size: 56px;}
    .section-product-overview .overview-description{font-size: 24px;}
    .section-product-features .product-features-subtitle{font-size: 24px;}
    .section-product-features .product-features-title{font-size: 52px;}
    .section-feature .feature .feature-title{font-size: 52px;}
    .section-feature .feature .feature-description{font-size: 24px;max-width: 50%;}
    .section-product-cta .product-cta-content{max-width: 420px;}
    .section-product-cta .product-cta-content .product-cta-title{font-size: 52px;}
    .section-product-cta .product-cta-content .product-cta-description{font-size: 24px;}
    .section-product-specification .product-specification-subtitle{font-size: 24px;}
    .section-product-specification .product-specification-title{font-size: 52px;}
    .section-product-gallery .product-gallery-subtitle{font-size: 24px;}
    .section-product-gallery .product-gallery-title{font-size: 52px;}
    .section-page-banner{height: 520px;}
    .section-page-banner .page-banner-title{font-size: 56px;}
    .get-in-touch .get-in-touch-title{font-size: 52px;}
    .get-in-touch .get-in-touch-subtitle{font-size: 24px;}
    .get-in-touch .get-in-touch-form .row{gap: 20px;}
    .contact-location .locations .location .location-title{font-size: 36px;}
    .contact-location .locations .location .location-meta .meta-data{font-size: 24px;}
    .test-drive-content .test-drive-title{font-size: 52px;}
    .test-drive-content .test-drive-description{font-size: 24px;}
    .test-drive-content .test-drive-form .row{gap: 20px;}
}
@media screen and (max-width: 1540px) {
    header .navigation-menu{gap: 20px;}
    header .navigation-menu .menu-link{font-size: 18px;}
    header .search .search-input{font-size: 18px;}
    .section-hero{ padding: 240px 0 0; align-items: unset;}
}
@media screen and (max-width: 1440px) {
    .mega-dropdown-menu .menu-category-item{width: 280px;}
    .mega-dropdown-menu .category-content:after{width: 260px; height: 90px;}
    .mega-dropdown-menu .category-title{font-size: 24px;}
    header .search{margin: 0 0 0 40px; width: 200px;}
    header .cart{margin: 0 0 0 40px;}
    .section-product-banners .banner-item .item-background-image:after{background-position: 70px 0px;}
    .product-listing .product .product-tag{height: 32px;padding: 2px 12px 0;font-size: 14px;}
    .product-listing .product .product-content{padding: 20px;}
    .product-listing .product .product-title{font-size: 32px;}
    .product-listing .product .cost-breakup .sell-price{font-size: 24px;}
    .product-listing .product .cost-breakup .cost-price{font-size: 18px;}
    .product-listing .product .product-actions{gap: 12px;}
    .product-listing .product .btn-action{padding: 0 12px; flex-grow: 1; flex-shrink: 1;font-size: 16px;}
}

@media screen and (max-width: 1366px) {
    header .brand{height: 36px;}
    header .search{margin: 0 0 0 30px;}
    header .cart{margin: 0 0 0 30px;}
    .mega-dropdown-menu .menu-categories{padding: 20px 0;}
    .mega-dropdown-menu .menu-category-item{width: 240px;}
    .mega-dropdown-menu .category-content:after{width: 220px; height: 80px;}
    .mega-dropdown-menu .category-title{font-size: 20px;}
    .hero-slider .swiper-content .swiper-title{font-size: 48px;}
    .hero-slider .swiper-content .swiper-description{font-size: 20px; margin: 20px 0 0;max-width: 420px;}
    .hero-slider .swiper-content .swiper-actions{ margin: 30px 0 0;}
    .section-title{font-size: 44px;}
    .section-subtitle{font-size: 20px;margin: 20px 0 0;}
    .categories{margin: 60px 0 0;gap: 16px;}
    .categories .category-item .item-content{ padding: 20px;}
    .categories .category-item .item-content:after{height: calc(100% + 30px);}
    .categories .category-item .item-title{font-size: 28px;top: 20px; left: 20px;}
    .categories .category-item .item-subtitle{font-size: 18px;}
    .categories .category-item .item-action .item-action-label{font-size: 14px;}
    .categories .category-item .item-action .item-action-icon{font-size: 20px;}
    .section-accessories .accessories-header .accessories-header-content+.accessories-header-content{width: 480px;}
    .section-accessories .accessories-header .accessories-header-subtitle{font-size: 20px;margin: 0 0 6px;}
    .section-accessories .accessories-header .accessories-header-title{font-size: 44px;}
    .section-accessories .accessories-header .accessories-header-description{font-size: 18px;line-height: 1.5;}
    .accessories-spare-parts{margin: 100px 0 0;}
    .accessories-spare-parts .tabs .tab-button{height: 52px;font-size: 40px;}
    .accessories-spare-parts .accessories-action .btn-action:before{width: 40px;}
    .accessories-spare-parts .accessories-action .btn-action .btn-text{max-width: 110px;font-size: 14px;}
    .accessories-spare-parts .accessories-action .btn-action .btn-icon{height: 60px;}
    .section-about .about-title{font-size: 44px;max-width: 440px;}
    .section-about .about-description{font-size: 18px; line-height: 1.5;}
    .section-about .about-actions{margin: 40px 0 0;}
    .featubreakerbay-slider .featubreakerbay-item .item-tag .tag{font-size: 16px;height: 32px;}
    .featubreakerbay-slider .featubreakerbay-item .item-content{padding: 20px;}
    .featubreakerbay-slider .featubreakerbay-item .item-title{font-size: 40px;}
    .featubreakerbay-slider .featubreakerbay-item .item-subtitle{font-size: 20px;}
    .featubreakerbay-slider .featubreakerbay-item .item-description{font-size: 16px;margin: 20px 0;line-height: 1.2;}
    .featubreakerbay-slider .swiper-pagination.swiper-pagination-progressbar{height: 40px; width: 500px;}
    footer .footer-brand{height: 48px;}
    footer .footer-title{font-size: 20px;}
    footer .footer-contacts .link-icon{font-size: 20px;}
    footer .footer-contacts .link-label{font-size: 20px;}
    footer .footer-contacts .link-data{font-size: 20px;}
    footer .footer-links .link-item .link{font-size: 20px;}
    footer .footer-copyright{font-size: 18px;}
    .section-page-header{padding: 40px 0 40px;}
    .section-page-header .page-header-title{font-size: 48px;}
    .section-page-header .page-header-subtitle{font-size: 20px;}
    .section-product-banners .banner-item .item-content{max-width: 440px;}
    .section-product-banners .banner-item .item-title{font-size: 64px;}
    .section-product-banners .banner-item .item-description{font-size: 18px; font-weight: 500;}
    .section-product-banners .banner-item .meta .label{font-size: 18px;}
    .section-product-banners .banner-item .item-image{height: 320px;}
    .section-product-banners .banner-item .item-brand-logo{padding: 50px 30px;}
    .section-product-banners .banner-item .item-image{right: 40px;}
    .section-product-banners .banner-item:nth-child(even) .item-image{right: auto; left: 40px;}
    .section-product-banners .banner-item .item-background-image:before{background-color: rgba(var(--shades02-rgb), 0.4);}
    .section-product-banners .banner-item .item-background-image:after{background-position: 120px 0px;}
    .product-listing{gap: 16px;}
    .product-listing .product .product-content{padding: 16px 12px;}
    .product-listing .product .cost-installment .label{font-size: 14px;}
    .product-listing .product .cost-installment .data{font-size: 14px;}
    .section-product-details{padding: 180px 0 100px;}
    .product-details{padding: 20px 0 0;}
    .product-details .product-title{font-size: 52px;}
    .product-details .product-cost{margin: 0 0 20px;}
    .product-details .product-cost .tag{font-size: 18px;}
    .product-details .product-cost .cost-installment .label{font-size: 18px;line-height:1}
    .product-details .product-cost .cost-installment .data{font-size: 18px;line-height:1}
    .product-details .product-cost .cost-note{ font-size: 18px;}
    .product-details .product-metas{margin: 0 0 40px;}
    .product-details .meta .label{font-size: 18px;line-height:1}
    .product-details .meta .data{font-size: 18px;line-height:1}
    .product-details .product-options{margin: 0 0 20px;}
    .product-details .product-options .option-title{ font-size: 18px;}
    .product-details .product-options .dropdown .dropdown-toggle{font-size: 18px;}
    .product-details .product-avilability{margin: 0 0 20px;}
    .product-details .product-avilability .avilability-title{font-size: 18px;}
    .product-details .product-avilability .avilability-description{font-size: 18px;}
    .product-details .product-actions{margin: 40px 0 0;}
    .section-product-overview .overview-title{font-size: 48px;}
    .section-product-overview .overview-description{font-size: 20px;}
    .section-product-features .product-features-subtitle{font-size: 20px;}
    .section-product-features .product-features-title{font-size: 48px;}
    .section-feature .feature{height: 280px; padding: 50px 80px;}
    .section-feature .feature .feature-title{font-size: 48px;}
    .section-feature .feature .feature-description{font-size: 20px;}
    .section-product-cta .product-cta-content .product-cta-title{font-size: 48px;}
    .section-product-cta .product-cta-content .product-cta-description{font-size: 20px;}
    .section-product-specification .product-specification-subtitle{font-size: 20px;}
    .section-product-specification .product-specification-title{font-size: 48px;}
    .product-specification .specification .specification-header{height: 70px;}
    .product-specification .specification .header-title{font-size: 24px;}
    .product-specification .specification .specification-item{min-height: 70px;}
    .product-specification .specification .specification-label{font-size: 16px;}
    .product-specification .specification .specification-data{font-size: 16px;}
    .section-product-gallery .product-gallery-subtitle{font-size: 20px;}
    .section-product-gallery .product-gallery-title{font-size: 48px;}
    .section-page-banner{height: 480px;}
    .section-page-banner .page-banner-title{font-size: 48px;}
    .get-in-touch .get-in-touch-title{font-size: 48px;}
    .get-in-touch .get-in-touch-subtitle{font-size: 20px;}
    .get-in-touch .get-in-touch-image{max-width: 560px;}
    .contact-location .locations .location .location-meta .meta{gap: 16px;}
    .contact-location .locations .location .location-title{font-size: 32px;}
    .contact-location .locations .location .location-meta .meta-icon{font-size: 20px; padding: 0;}
    .contact-location .locations .location .location-meta .meta-data{font-size: 20px;}
    .contact-location .locations .location-action{padding: 0 0 0 42px;}
    .contact-location-map .map-image{max-width: 560px;}
    .test-drive-content .test-drive-title{font-size: 48px;}
    .test-drive-content .test-drive-description{font-size: 20px;}
}

@media screen and (max-width: 1150px) {
    .form-control{font-size: 16px;}
    header.isBanner{background-color: var(--shades04);}
    header .working-hours{display: none;}
    header .header-content+.header-content{margin: 0 auto;}
    header .header-main{height: 80px;}
    header .navigation{position: fixed;top: 120px;left: 0;width: 100%;max-width: 320px;height: calc(100% - 120px);background-color: var(--shades07);z-index: 9;display: flex; flex-direction: column;padding: 40px 40px; gap: 20px;transform: translateX(calc(-100% - 40px)); transition: all 0.3s ease;}
    header .navigation.active{transform: translateX(0); }
    header .navigation .working-hours{display: flex;flex-direction: column;text-align: center;background-color: rgba(var(--shades02-rgb), 0.2);margin: 0 auto;flex-shrink: 0;border-radius: 10px;padding: 16px;gap: unset;}
    header .navigation .working-hours .icon{color: var(--breakerbay); margin: 0 0 10px;}
    header .navigation .working-hours .label:after{display: none;}
    header .navigation .working-hours .data{max-width: 200px;margin: 0 auto;}
    header .navigation-menu{flex-direction: column;align-items: flex-start;gap: 28px;flex-shrink: 1;flex-grow: 1;overflow: auto;margin: 0 -40px;padding: 0;}
    header .navigation-menu .menu-item{width: 100%;}
    header .navigation-menu .menu-link{font-size: 24px;height: auto; padding: 4px 40px 4px 36px; justify-content: flex-start; border-left: 4px solid transparent;}
    header .navigation-menu .menu-link:hover, header .navigation-menu .menu-link.active{border-color: var(--breakerbay);}
    header .navigation-menu .mega-dropdown.active .menu-link{border-color: var(--breakerbay);}
    header .menu-toggle{display: flex;}
    header .menu-overlay{display: block;position: absolute;top: 120px;left: 0;width: 100vw;height: calc(100vh - 120px);z-index: -1;background-color: var(--shades02);opacity: 0;visibility: hidden;transition: all 0.3s ease;}
    header .menu-overlay.active{ opacity: 0.8; visibility: visible; transition: all 0.3s ease;}
    header .navigation-menu .mega-dropdown-menu{width: 320px;height: 100%;top: 0;left: 100%;overflow: auto;box-shadow: inset 10px 0px 20px -10px rgba(var(--shades02-rgb), 0.25);background-color: var(--shades07);}
    .mega-dropdown-menu .menu-categories{border: 0;padding: 40px 40px;}
    .mega-dropdown-menu .menu-category-item{width: 100%; aspect-ratio: unset;}
    .mega-dropdown-menu .category-image{display: none;}
    .mega-dropdown-menu .category-content{padding: 8px 0;}
    .mega-dropdown-menu .category-content:after{display: none;}
    .mega-dropdown-menu .category-title{font-size: 24px;}
    .section-hero{padding: 0;align-items: center;}
    .hero-slider-image .slider-image:after{content: '';position: absolute;width: 100%;height: 100%;top: 0; left: 0;z-index: 0;background: linear-gradient(to left, rgba(var(--shades02-rgb),0.8), transparent, rgba(var(--shades02-rgb),0.8));}
    .hero-slider-options .hero-swiper-button{bottom: 120px;}
    .hero-slider .swiper-slide{display: flex; height: 100vh; align-items: center; padding: 120px 0;}
    .hero-slider .swiper-content{max-width: 45%;position: unset;}
    .hero-slider .swiper-content .swiper-title{max-width: 400px;}
    .hero-slider .swiper-content .swiper-actions .btn-action{height: 48px; padding: 0 24px;}
    .hero-slider .swiper-content .swiper-action-alt{position: absolute;bottom: 116px;left: 50%;transform: translateX(-50%);z-index: 1;}
    .categories{margin: 40px -15px 0; gap: 0; display: flex; flex-wrap: wrap; justify-content: center;}
    .categories .category-item{width: 33.33%; max-width: calc(33.33% - 30px); margin: 15px;}
    .categories .category-item .item-title{font-size: 32px;top: 30px;left: 30px;}
    .categories .category-item .item-content{padding: 30px;}
    .categories .category-item .item-subtitle{ font-size: 22px;}
    .categories .category-item .item-action .item-action-label{font-size: 16px;}
    .categories .category-item .item-action .item-action-icon{font-size: 24px;}
    .section-accessories .accessories-header{flex-direction: column;align-items: flex-start;}
    .section-accessories .accessories-header .accessories-header-description{border: 0; padding: 30px 0 0 0;}
    .accessories-spare-parts{margin: 60px 0 0;flex-direction: column;}
    .accessories-spare-parts .tabs{width: 100%;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0;margin: 0 0 60px;}
    .accessories-spare-parts .tabs .tab-button{width: 100%;font-size: 24px;display: flex;align-items: center;justify-content: center;border: 1px solid var(--shades06);}
    .accessories-spare-parts .tabs .tab-button.active{border-color: var(--breakerbay);}
    .accessories-spare-parts .accessories-action{margin: 40px 0 0;}
    .section-about .container{gap: 80px;}
    .section-about .btn-action{height: 48px;}
    .featubreakerbay-slider{margin: -80px 0 0;}
    .featubreakerbay-slider .featubreakerbay-item .item-tag{position: absolute;z-index: 1;left: 0;top: 208px;}
    .featubreakerbay-slider .featubreakerbay-item .item-inner{flex-direction: column-reverse;}
    .featubreakerbay-slider .featubreakerbay-item .item-content{width: 100%; flex-shrink: 1; flex-grow: 1;}
    .featubreakerbay-slider .featubreakerbay-item .item-image{width: 100%;height: 240px; flex-shrink: 0;}
    .featubreakerbay-slider .featubreakerbay-item .btn-action{height: 48px;}
    .featubreakerbay-slider .swiper-pagination.swiper-pagination-progressbar{height: 30px; width: 380px;}
    footer .footer-column{width: auto;flex-grow: 1; flex-shrink: 1;}
    .section-product-banners .banner-item .item-background-image:before{background-color: rgba(var(--shades02-rgb), 0.75);}
    .section-product-banners .banner-item .item-background-image img{filter: grayscale(1);}
    .product-listing{grid-template-columns: repeat(3, minmax(0, 1fr));}
    .product-details-container{gap: 40px;}
    .product-details .product-title{font-size: 48px;}
    .product-details .product-cost .tag{font-size: 16px;}
    .product-details .product-cost .cost-price{font-size: 24px;}
    .product-details .product-cost .sell-price{font-size: 24px;}
    .product-details .product-cost .cost-installment .label{font-size: 16px;}
    .product-details .product-cost .cost-installment .data{font-size: 16px;}
    .product-details .product-cost .cost-note{font-size: 16px;}
    .product-details .meta .label{font-size: 16px;}
    .product-details .meta .data{font-size: 16px;}
    .product-details .product-options .dropdown .dropdown-toggle{font-size: 16px;}
    .product-details .product-avilability .avilability-description{font-size: 16px;}
    .product-details .btn-action{height: 48px; padding: 0 24px;}
    .product-details-images .main-image{aspect-ratio: 5 / 4;}
    .section-feature .feature{height: 240px; padding: 40px 40px;}
    .section-product-cta{height: 80vh;}
    .product-specification{grid-column-gap: 16px; grid-row-gap: 16px;}
    .product-specification .specification .specification-body{padding: 20px 16px;}
    .contact-locations-container{gap: 100px;}
    .get-in-touch{gap: 40px;}
    .get-in-touch .get-in-touch-form .form-group{margin: 0 0 20px;}
    .get-in-touch .get-in-touch-image{max-width: 480px;}
    .contact-location{padding: 0;}
    .contact-location .locations{gap: 24px;}
    .contact-location .locations .location .location-title{font-size: 28px;}
    .contact-location .locations .location .location-meta .meta-data{font-size: 18px;}
    .contact-location .locations .location-action .btn-action{height: 40px; padding: 0 24px;}
    .contact-location-map .map-image{max-width: 480px;}
    .test-drive-image{width: 64%;right: -100px;bottom: 100px;}
    .test-drive-content .test-drive-form .form-group{margin: 0 0 20px;}

    .section-cart .cart-content{gap: 20px;}
    .section-cart .cart-product-panel{width: 260px;}
    .section-cart .cart-product-list .cart-item .item-image{max-width: 120px;}
    .section-cart .cart-product-list .cart-item .item-content{padding: 0 20px 20px;}
    .section-cart .cart-product-list .cart-item .extra-services {margin: 0;}
    .section-cart .cart-summary{padding: 20px 20px;}
    .section-cart .cart-coupon{padding: 20px 20px;}
    .section-cart .cart-coupon .btn-action{font-size: 14px;}
    .section-cart .cart-information-block .cart-block-title{font-size: 18px;}
    .section-cart .cart-information-block .information-row{grid-template-columns: repeat(4, minmax(0, 1fr));}
    .section-cart .cart-information-block .information-row .information-cell.column-2{grid-column: span 3 / span 3;}
    .section-cart .cart-information-block .information-row .data-block .checkbox-group{grid-template-columns: repeat(3, minmax(0, 1fr));}
    .section-cart .cart-information-block .information-row .image-checkbox .checkbox-image{aspect-ratio: 5 / 2;}
    .section-cart .cart-information-block .information-row .btn-action{font-size: 16px;}
}

@media screen and (max-width: 990px) {
    .section-hero{min-height: 640px;}
    .hero-slider-image .slider-image img{object-position: 30%;}
    .hero-slider .swiper-slide{padding: 240px 0;align-items: flex-end; min-height: 640px;}
    .hero-slider .container{justify-content: center;}
    .hero-slider .swiper-content{max-width: 480px;}
    .hero-slider .swiper-content .swiper-title{max-width: none; text-align: center;}
    .hero-slider .swiper-content .swiper-description{max-width: none; text-align: center;}
    .hero-slider .swiper-content .swiper-actions{justify-content: center;}
    .categories{margin: 40px -10px 0;}
    .categories .category-item{width: 50%;max-width: calc(50% - 20px);margin: 10px;}
    .categories .category-item .item-subtitle{font-size: 24px;}
    .section-accessories .accessories-header{align-items: center;}
    .section-accessories .accessories-header .accessories-header-subtitle{text-align: center;}
    .section-accessories .accessories-header .accessories-header-title{text-align: center;}
    .section-accessories .accessories-header .accessories-header-content+.accessories-header-content{text-align: center;}
    .section-about .container{flex-direction: column;}
    .section-about .about-content{width: 100%;}
    .section-about .about-subtitle{text-align: center;}
    .section-about .about-title{max-width: none;text-align: center;}
    .section-about .about-description{max-width: none;text-align: center;}
    .section-about .about-actions{justify-content: center;}
    .section-featubreakerbay .section-title{text-align: center;}
    .section-featubreakerbay .section-subtitle{text-align: center;}
    .featubreakerbay-slider{margin: -60px 0 0;}
    footer .footer-row{flex-wrap: wrap;}
    footer .footer-column{width: 100%;}
    footer .footer-brand{margin: 0 auto 100px;}
    footer .footer-row+.footer-row{flex-wrap: nowrap; justify-content: space-between;}
    footer .footer-row+.footer-row .footer-column{width: auto;}
    footer .footer-content, footer .footer-content+.footer-content{width: 50%;}
    .section-product-banners .banner-item{padding: 60px 60px 0;}
    .section-product-banners .banner-item .item-content{max-width: none;}
    .section-product-banners .banner-item .item-metas{max-width: 440px;}
    .section-product-banners .banner-item .item-background-image:after{background-image: url(../images/overlay-shape-04.svg);width: 700px;height: auto;aspect-ratio: 300 / 77;background-size: 100%;background-position: 0;top: auto;bottom: 0;right: 0;}
    .section-product-banners .banner-item .item-brand-logo{display: none;}
    .section-product-banners .banner-item .item-image{position: relative;right: auto;left: auto;bottom: auto;margin: 80px 0 0;}
    .section-product-banners .banner-item:nth-child(even) .item-image{right: auto;left: auto;}
    .product-listing{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .section-product-details .breadcrumb{ margin: 0 0 20px;}
    .product-details-container{display: flex; flex-direction: column-reverse;}
    .product-details{ padding: 20px;}
    .product-details .product-title{font-size: 56px;}
    .product-details .product-cost{padding-left: 20px;}
    .product-details .product-cost .tag{font-size: 20px;}
    .product-details .product-cost .cost-price{font-size: 30px;}
    .product-details .product-cost .sell-price{font-size: 30px;}
    .product-details .product-cost .cost-installment{padding: 0;}
    .product-details .product-cost .cost-installment .label{font-size: 20px;}
    .product-details .product-cost .cost-installment .data{font-size: 20px;}
    .product-details .product-cost .cost-note{font-size: 20px;}
    .product-details .meta .label{font-size: 20px;}
    .product-details .meta .data{font-size: 20px;}
    .product-details .product-options .option-title{font-size: 20px;}
    .product-details .product-options .dropdown .dropdown-toggle{font-size: 20px;}
    .product-details .product-avilability .avilability-title{font-size: 20px;}
    .product-details .product-avilability .avilability-description{font-size: 20px;}
    .section-feature .feature{min-height: 200px; height:auto;}
    .section-feature .feature .feature-title{font-size: 40px;}
    .section-feature .feature .feature-description{font-size: 16px; max-width: 60%;}
    .section-product-cta{height: 600px;}
    .section-product-cta .product-cta-content{padding: 0 30px;}
    .product-specification{grid-template-columns: repeat(2, 1fr); grid-template-rows: unset;}
    .product-specification .specification{grid-area: unset !important;}
    .get-in-touch{flex-direction: column;}
    .get-in-touch .get-in-touch-image{max-width: none;aspect-ratio: 2 / 1;}
    .contact-location .locations{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 40px;}
    .contact-location .locations .location{flex-direction: row;}
    .contact-location .locations .location-image{width: 300px; aspect-ratio: 3/2;}
    .contact-location .locations .location .location-meta .meta-label{font-size: 20px;}
    .contact-location .locations .location .location-meta .meta-data{font-size: 20px;}
    .contact-location .locations .location-action{margin: 20px 0 0;}
    .test-drive-content{width: 100%;}
    .test-drive-image{position: relative;bottom: auto;right: auto;margin: 0 auto;}

    .section-cart .cart-content{gap: 12px;}
    .section-cart .cart-product-panel{width: 240px;}
    .section-cart .cart-information-block .cart-block-title{font-size: 16px;}
    .section-cart .cart-information-block .information-row{grid-template-columns: repeat(4, minmax(0, 1fr));row-gap: 0; column-gap: 10px;}
    .section-cart .cart-information-block .information-row .information-cell:first-child{grid-column: span 4 / span 4; padding:12px 6px 0;}
    .section-cart .cart-information-block .information-row .information-cell{grid-column: span 2 / span 2;}
    .section-cart .cart-information-block .information-row .information-cell.column-2{grid-column: span 4 / span 4;}
}

@media screen and (max-width: 480px) {
    .section-cart {
        margin-top: 40px !important;
    }
    header .header-bar{height: 60px; display: none;}
    header .header-content+.header-content{margin: 0 auto; width: 100%;justify-content: center;}
    header .contacts{gap: 0;width: 100%; justify-content: space-between;}
    header .contacts .contact-item{flex-direction: column;gap: 4px;padding: 0 8px; position: relative;flex-grow: 1; flex-shrink: 1;}
    header .contacts .contact-item+.contact-item:before{content:'';border-right: 1px solid var(--shades01);display: inline-block;height: 14px;position: absolute;top: 2px;left: 0;}
    header .contacts .contact-label:after{display: none;}
    header .contacts .contact-label{font-size: 14px;}
    header .contacts .contact-data{font-size: 14px;}
    header .header-main, header.scrolled .header-main{height: 70px;}
    header .brand{height: 30px;}
    header .navigation{padding: 40px 20px;max-width: 50%;height: calc(100% - 70px); top: 70px;}
    header .navigation .working-hours .label{font-size: 14px;}
    header .navigation .working-hours .data{font-size: 14px;}
    header .navigation-menu{gap: 24px;margin: 0 -20px;}
    header .navigation-menu .menu-link{font-size: 20px;padding: 4px 20px 4px 16px;}
    header .navigation-menu .mega-dropdown-menu{max-width: 100%;background-color: rgba(var(--shades07-rgb), 0.9);}
    .mega-dropdown-menu .container{margin: 0;}
    .mega-dropdown-menu .menu-categories{gap: 24px;padding: 40px 20px;}
    .mega-dropdown-menu .category-content{padding:  4px 0;}
    .mega-dropdown-menu .category-title{font-size: 20px;}

    header .search{position: fixed;top: 0;left: 0;width: 100%;height: 70px;background-color: var(--shades07);padding: 30px 20px 15px;z-index:1;margin: 0;border: 0;transform: translateY(-100%); transition: all 0.3s ease;}
    header .search.active{transform: translateY(0%);}
    header .search .search-input{font-size: 20px;height: 40px; border-bottom: 1px solid var(--shades01);}
    header .search-toggle{display: flex;margin: 0 0 0 4px;}
    header .cart{ margin: 0;}
    header .cart .cart-toggle{gap: 4px;}
    header .menu-toggle{ margin: 0 0 0 8px;}
    header .menu-overlay{top: 70px;height: calc(100vh - 70px);}

    .hero-slider .swiper-slide{padding: 160px 0;}
    .hero-slider .swiper-content .swiper-title{font-size: 45px;text-align: left;}
    .hero-slider .swiper-content .swiper-description{font-size: 24px; text-align: left;margin: 10px 0 0;}
    .hero-slider .swiper-content .swiper-actions{gap: 16px;margin: 20px 0 0;}
    .hero-slider .swiper-content .swiper-actions .btn-action{flex-grow: 1; flex-shrink: 1;}
    .hero-slider .swiper-content .swiper-action-alt{bottom: 78px;}
    .hero-slider-options .hero-swiper-button{bottom: 80px;}
    .hero-slider-options .hero-swiper-button .label{display: none;}
    .section-title{font-size: 45px;max-width:90%; margin-left: auto; margin-right: auto;}
    .section-subtitle{font-size: 30px;max-width:90%; margin-left: auto; margin-right: auto;}
    .section-category{padding: 60px 0;}
    .categories {gap: 10px;}
    .categories .category-item{width: 100%; max-width: calc(100% - 20px); margin: 0 10px;}
    .categories .category-item .item-image{aspect-ratio: 2/0.9;}
    .categories .category-item .item-image:before{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right,rgba(var(--shades02-rgb),0.8), transparent);z-index: 1;}
    .categories .category-item .item-image img{display: block;}
    .categories .category-item .item-image img+img{display: block;}
    .categories .category-item .item-content{padding: 60px 24px 12px;height: 100%;display: flex;flex-direction: column;z-index: 2;}
    .categories .category-item .item-content:after{background-image: url(../images/overlay-shape-03.svg);height: calc(50% + 30px); background-size: contain;}
    .categories .category-item .item-title{font-size: 26px;top: 24px; left: 24px;}
    .categories .category-item .item-subtitle{font-size: 18px; font-weight: 400; margin: 0 0 10px;}
    .categories .category-item .item-action{margin: auto 0 0;}
    .section-accessories{padding: 60px 0;}
    .section-accessories .accessories-header .accessories-header-content+.accessories-header-content{width: 100%;}
    .section-accessories .accessories-header .accessories-header-subtitle{font-size: 24px; text-align: left;margin: 0 0 10px;}
    .section-accessories .accessories-header .accessories-header-title{font-size: 45px; text-align: left;line-height: 0.9;}
    .section-accessories .accessories-header .accessories-header-description{font-size: 24px;text-align: left;}
    .accessories-spare-parts .tabs{margin: 0 0 20px;}
    .accessories-spare-parts .tabs .tab-button{font-size: 18px;height: 40px;}
    .accessories-spare-parts .spare-parts-image{width: 100%;padding: 20px;}
    .accessories-spare-parts .accessories-action{justify-content: center; display: flex;}
    .section-about{padding: 60px 0;}
    .section-about .container{gap: 40px;}
    .section-about .about-subtitle{text-align: left;}
    .section-about .about-subtitle img{height: 20px;}
    .section-about .about-title{font-size: 45px; text-align: left;}
    .section-about .about-description{font-size: 20px; text-align: left;}
    .section-about .about-actions{justify-content: flex-start;}
    .section-featubreakerbay .section-title{text-align: left;max-width: none;}
    .section-featubreakerbay .section-subtitle{text-align: left;max-width: none;}
    .featubreakerbay-slider{margin: -50px 0 0;padding: 0 0 60px;}
    .featubreakerbay-slider .featubreakerbay-item .item-tag .tag{font-size: 20px;}
    .featubreakerbay-slider .featubreakerbay-item .item-title{font-size: 45px;}
    .featubreakerbay-slider .featubreakerbay-item .item-subtitle{font-size: 24px;}
    .featubreakerbay-slider .featubreakerbay-item .item-description{font-size: 18px;margin: 20px 0 30px;}
    .featubreakerbay-slider .swiper-control{gap: 16px; padding: 0 15px;}
    .featubreakerbay-slider .swiper-button{width: 30px; height: 30px;font-size: 16px;}
    .featubreakerbay-slider .swiper-pagination.swiper-pagination-progressbar{width: 100%;}
    footer{padding: 60px 0;}
    footer .footer-column{flex-direction: column;}
    footer .footer-content, footer .footer-content+.footer-content{width: 100%;}
    footer .footer-row+.footer-row{flex-direction: column-reverse;gap: 20px;}
    footer .footer-brand{margin: 0 0 60px;}
    footer .footer-title{font-size: 30px;margin: 0 0 30px;}
    footer .footer-contacts .link-icon{font-size: 24px;}
    footer .footer-contacts .link-label{font-size: 24px;}
    footer .footer-contacts .link-data{font-size: 24px;}
    footer .footer-links .link-item .link{font-size: 24px;}
    footer .footer-copyright{font-size: 18px;}
    .section-page-header .page-header-title{font-size: 45px;}
    .section-page-header .page-header-subtitle{line-height: 1.2;}
    .section-page-header hr{margin-top: 20px;}
    .section-product-banners .banner-item{padding: 60px 0 0;}
    .section-product-banners .banner-item .item-title{font-size: 45px;}
    .section-product-banners .banner-item .item-cost .cost-tag{margin: 0 0 -2px;}
    .section-product-banners .banner-item .item-cost .cost-price-breakup{padding: 0px 28px;}
    .section-product-banners .banner-item .item-cost .cost-installment{padding: 0;}
    .section-product-banners .banner-item .item-cost .cost-installment .label{line-height: 1.2;}
    .section-product-banners .banner-item .item-cost .cost-installment .data{line-height: 1.2;}
    .section-product-banners .banner-item .item-description{font-size: 16px;font-weight: 400;line-height: 1.5;}
    .section-product-banners .banner-item .item-metas{gap: 12px;}
    .section-product-banners .banner-item .meta .label{font-size: 16px;line-height: 1.2;}
    .section-product-banners .banner-item .meta .data{font-size: 16px;line-height: 1.2;}
    .section-product-banners .banner-item .item-actions{gap: 12px;}
    .section-product-banners .banner-item .btn-action{height: 40px; padding: 0 12px;font-size: 14px;flex-grow: 1; flex-shrink: 1;}
    .section-product-banners .banner-item .item-image{bottom: -40px; margin: 20px 0 0px;}
    .section-product-banners .banner-item .item-background-image:after{width: calc(100% - 30px);}
    .section-product-listing{padding: 60px 0;}
    .product-filters{justify-content: flex-start; gap: 16px;}
    .product-filters .filters{flex-direction: column; align-items: unset; gap: 8px;width: 50%;}
    .product-filters .filters .filter-label{font-size: 16px;}
    .product-filters .filters .dropdown-toggle{min-width: 0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 12px;width: 100%;font-size: 16px;}
    .product-filters .filters .dropdown-menu .dropdown-menu-item{font-size: 16px;padding: 0 12px; height: 32px;}
    .product-listing{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 24px;}
    .product-listing .product .product-tag{height: 36px; padding: 3px 16px 0; font-size: 16px;}
    .product-listing .product .product-title{font-size: 40px;}
    .product-listing .product .cost-breakup .sell-price{font-size: 30px;}
    .product-listing .product .cost-breakup .cost-price{font-size: 20px;}
    .product-listing .product .cost-installment .label{font-size: 16px;}
    .product-listing .product .cost-installment .data{font-size: 16px;}
    .product-listing .product .btn-action{font-size: 18px; flex-grow: 0; flex-shrink: 0;}
    .section-product-details{padding: 50px 0 40px;}
    .product-details{padding: 0;}
    .product-details .product-title{font-size: 45px;}
    .product-details .product-cost{padding-left: 10px;}
    .product-details .product-cost .tag{font-size: 16px;}
    .product-details .product-cost .cost-price-breakup{padding: 2px 20px 0;gap: 8px;}
    .product-details .product-cost .cost-price{font-size: 20px;}
    .product-details .product-cost .sell-price{font-size: 20px;}
    .product-details .product-cost .cost-installment .label{font-size: 16px;}
    .product-details .product-cost .cost-installment .data{font-size: 16px;}
    .product-details .product-cost .cost-note{font-size: 18px;}
    .product-details .product-metas{gap: 12px;}
    .product-details .meta{gap: 8px;}
    .product-details .meta .label{font-size: 16px;}
    .product-details .meta .data{font-size: 16px;}
    .product-details .product-options{max-width: none;}
    .product-details .btn-action{flex-grow: 1; flex-shrink: 1;}
    .section-product-overview{padding: 60px 0;}
    .section-product-overview .overview-title{font-size: 45px; margin: 0 0 40px;}
    .section-product-overview .overview-description{font-size: 24px;}
    .section-product-features{padding: 60px 0}
    .section-product-features .product-features-subtitle{font-size: 30px;}
    .section-product-features .product-features-title{font-size: 45px;}
    .section-feature .feature{min-height: 0; height: auto; width: 100%; aspect-ratio: 1/1;display: flex;flex-direction: column;justify-content: flex-end;padding: 30px 30px;}
    .section-feature .feature .feature-image:after{content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(var(--shades02-rgb), 0.8), transparent);z-index: 1;}

    .section-feature .feature .feature-image img+img{display: block;}
    .section-feature .feature .feature-title{font-size: 45px;margin: 0 0 10px;}
    .section-feature .feature .feature-description{font-size: 18px; font-weight: 400; max-width: none;}
    .section-feature:nth-child(odd) .feature .feature-title{text-align: left;}
    .section-feature:nth-child(odd) .feature .feature-description{text-align: left; margin: 0;}
    .section-product-cta{padding: 60px 0; align-items: flex-end;}
    .section-product-cta .product-cta-content{padding: 0;}
    .section-product-cta .product-cta-background-image:before{content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(var(--shades02-rgb), 0.8), transparent);z-index: 1;}
    .section-product-cta .product-cta-background-image img{display: none;}
    .section-product-cta .product-cta-background-image img+img{display: block;}
    .section-product-cta .product-cta-content .product-cta-title{font-size: 45px;}
    .section-product-cta .product-cta-content .product-cta-description{font-size: 24px; font-weight: 500;}
    .section-product-cta .product-cta-content .product-cta-actions{margin: 20px 0 0;}
    .section-product-cta .product-cta-content .btn-action{height: 48px; padding: 0 24px;}
    .section-product-specification{padding: 60px 0 0;}
    .section-product-specification .product-specification-subtitle{font-size: 30px;margin: 0 0 20px;}
    .section-product-specification .product-specification-title{font-size: 45px;}
    .product-specification{grid-template-columns: repeat(1, 1fr);}
    .product-specification .specification .specification-header{height: 80px;padding: 0 20px;}
    .product-specification .specification .header-title{font-size: 30px;}
    .product-specification .specification .specification-item{height: 80px;}
    .product-specification .specification .specification-label{font-size: 18px;}
    .product-specification .specification .specification-data{font-size: 16px;}
    .section-product-gallery{padding: 60px 0;}
    .section-product-gallery .product-gallery-subtitle{font-size: 30px;margin: 0 0 20px;}
    .section-product-gallery .product-gallery-title{font-size: 45px;margin: 0 0 20px;}
    .product-gallery{margin: 40px 0 0;}
    .section-page-banner{height: 560px;align-items: flex-end;}
    .section-page-banner .page-banner-image:before{background: linear-gradient(to top, rgba(var(--shades02-rgb), 0.9), transparent 75%);}
    .section-page-banner .page-banner-image img{display: block;}
    .section-page-banner .page-banner-image img+img{display: block;}
    .section-page-banner .page-banner-title{font-size: 45px;}
    .section-contact{padding: 60px 0;}
    .get-in-touch .get-in-touch-title{font-size: 45px;}
    .get-in-touch .get-in-touch-subtitle{font-size: 24px;}
    .get-in-touch .get-in-touch-form{margin: 40px 0 0;}
    .get-in-touch .get-in-touch-form .row{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 0;}
    .get-in-touch .get-in-touch-image{aspect-ratio: 1 / 1;}
    .contact-locations-container{margin: 40px 0 0; padding: 40px 0 0;}
    .contact-location .locations .location{flex-direction: column;gap: 30px;}
    .contact-location .locations .location .location-title{font-size: 30px;}
    .contact-location .locations .location .location-meta .meta-icon{font-size: 24px; padding: 2px 0 0;}
    .contact-location .locations .location .location-meta .meta-data{font-size: 24px;}
    .contact-location .locations .location-action .btn-action{height: 44px;}
    .contact-location .locations .location-image{width: 100%; aspect-ratio: 5/3;}
    .section-test-drive{padding: 160px 0 0;}
    .test-drive-content{padding: 60px 0;}
    .test-drive-content .test-drive-title{font-size: 45px;}
    .test-drive-content .test-drive-description{font-size: 24px;}
    .test-drive-content .test-drive-form .row{grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0;}
    .test-drive-content .test-drive-form .btn-action{width: 100%;}
    .test-drive-content .test-drive-form .btn-action:before{transform: skewX(-30deg) translateX(-1500%);}
    .test-drive-content .test-drive-form .btn-action:after{transform: skewX(-30deg) translateX(1500%);}
    .test-drive-image{width: 100%;}

    .section-cart .cart-content{gap: 20px; flex-direction: column;}
    .section-cart .cart-product-panel{width: 100%;}
    .section-cart .cart-information-panel{padding: 20px 10px;}
    .section-cart .cart-information-block .cart-block-title{font-size: 20px;}
    .section-cart .cart-information-block .information-row{gap: 0;}
    .section-cart .cart-information-block .information-row .telephone-group{gap: 12px;}
    .section-cart .cart-information-block .information-row .data-block .checkbox-group{grid-template-columns: repeat(2, minmax(0, 1fr));}

    .swiper-action-alt .btn-action{height: 36px;font-size: 20px;}
    .swiper-action-alt .btn-action i{font-size: 16px; margin-top: -3px;}
    .swiper-action-alt .btn-action:before{width: 40%; height: 90%; top:0; right: 8px;}
    .swiper-action-alt .btn-action:after{height: 90%;top:0; right: -5px;}
    .play-btn-icon {
        margin-right: 10px;
    }
}
/* ********|| RESPONSIVE END ||******** */

.shopcart-confirmation {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    align-items: center;
    padding: 20px;
    z-index: 9999;
}

.shopcart-confirmation.active {
    display: flex;
}

.shopcart-confirmation .shopcart-confirmation-inner {
    position: relative;
    background: #fff;
    width: 480px;
    max-width: 100%;
    padding: 50px 20px;
    margin: 0 auto 0;
    text-align: center;
    border-radius: 5px;
}

.shopcart-confirmation .confirmation-title {
    font-size: 24px;
    text-align: center;
    color: var(--shades02);
    margin: 0 0 20px;
}

.shopcart-confirmation .shopcart-confirmation-options {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    margin: 0 0 -6px -6px;
}

.shopcart-confirmation .shopcart-confirmation-options .option {
    display: inline-flex;
    margin: 0 0 6px 6px;
    justify-content: center;
    align-items: center;
    height: 44px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 22px;
    padding: 0 18px;
    border: 2px solid var(--breakerbay);
}

.shopcart-confirmation .shopcart-confirmation-options .continue-shopping {
    border-color: var(--breakerbay);
    background-color: var(--shades01);
    color: var(--breakerbay);
}

.shopcart-confirmation .shopcart-confirmation-options .continue-shopping:hover {
    background-color: var(--shades01);
    color: var(--shades02);
}

.shopcart-confirmation .shopcart-confirmation-options .goto-checkout {
    background-color: var(--breakerbay);
    color: var(--shades01);
    border: 2px solid var(--breakerbay);
}

.shopcart-confirmation .shopcart-confirmation-options .goto-checkout:hover {
    border-color: var(--shades02);
    background-color: var(--shades02);
}