:root {
  --shades01:#FFFFFF;
  --shades02:#000000;
  --shades03:#101010;
  --shades04:#191919;
  --shades05:#242424;
  --shades06:#8E8E8E;
  --shades07:#202020;
  --shades08:#F4F4F4;
  --menuColor: #2A2A2A;
  --mainShade: #D8292A;
  --blue-rgb:35, 64, 144;
  --green-rgb:146, 208, 80;
  --sky-blue-rgb:91, 155, 213;
  --yellow-rgb:247, 153, 32;
  --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;
}

/* ********|| INITIALIZATION START ||******** */
body, html { width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important;font-family: "Google Sans Flex", 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 0; }
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;}
::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; transition:all 0.3s ease; }
::-webkit-scrollbar-track { border-radius: 0; background-color: var(--blue); transition:all 0.3s ease; }
::-webkit-scrollbar-thumb { background-color: var(--yellow); transition:all 0.3s ease; }
/* ********|| INITIALIZATION END ||******** */

/* ********|| PSEUDO ELEMENTS START ||******** */
::selection{ background-color:var(--blue); color:var(--shades01)}
::-moz-selection{ background-color:var(--red); color:var(--blue)}
::-webkit-selection{ background-color:var(--red); color:var(--blue)}
:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }
select:-webkit-focusring { color: var(--red) !important;text-shadow: 0 0 0 var(--blue);}
select:-moz-focusring {color: var(--red) !important;text-shadow: 0 0 0 var(--blue);}
select:focusring {color: var(--red) !important; text-shadow: 0 0 0 var(--blue);}
::input-placeholder{ color:var(--shades01) !important; letter-spacing: 1px !important;}
::-moz-input-placeholder{ color:var(--shades01) !important;}
::-webkit-input-placeholder{ color: rgba(var(--shades01-rgb), 0.65) !important; letter-spacing: 1px !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: 1200px;}
}
@media (min-width: 1532px){
	.container{max-width: 1200px;}
}
@media (min-width: 1900px){
	.container{max-width: 1260px;}
}
/* ********|| BOOTSTRAP FIX END ||******** */

/* **********COMMON START*********** */
.call-to-action.btn { display: flex; justify-content: center; align-items: center; background-color: var(--yellow); height: 49px; margin: auto; border-radius: 30px; color: var(--shades01); font-weight: 500; font-size: 15px; white-space: nowrap; overflow: hidden; position: relative; z-index: 0; padding: 5px 25px; box-shadow: 0 7px 23px rgba(var(--shades02-rgb), 0.2); letter-spacing: 1px;}
.call-to-action.btn:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--blue); transform: scale(0, 1); z-index: -1; transition: all 0.3s ease;}
.call-to-action.btn:hover{color: var(--shades01);}
.call-to-action.btn:hover::before{transform: scale(1, 1);}
/* **********COMMON 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(--red);border: 1px solid var(--red);}
/* ********|| 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(--red);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 ||******** */

/* ********|| 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(--red);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--shades01) !important; font-weight: 400 !important;}
.form-control:-moz-placeholder{color:var(--shades01) !important;opacity:  1 !important; font-weight: 400 !important;}
.form-control::-moz-placeholder{color:var(--shades01) !important; opacity:1 !important; font-weight: 400 !important;}
.form-control:-ms-input-placeholder{color:var(--shades01) !important; font-weight: 400 !important;}
.form-control::-ms-input-placeholder{color:var(--shades01) !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(--red-rgb), 0.1);  cursor: not-allowed;}
/* ********|| FORM INPUTS END ||******** */

/* ********|| HEADER START ||******** */
header{position: sticky; z-index: 9; top: 0; left: 0; width: 100%;transition: all 0.3s ease; background-color: var(--shades01);}
header .brand-nav-wrapper{display: flex; gap: 10px; align-items: center; width: 100%;}
.main-header .container { display: flex; align-items: center; justify-content: space-between;}
.navigation-wrap {width: 100%;}
.navigation-wrap .navigation-menu{display: flex; gap: 21px; align-items: center; margin: 0;}
.navigation-wrap .navigation-menu li{list-style: none; position: relative;}
.navigation-wrap .navigation-menu .menu-item .menu-link { display: flex; align-items: center; font-size: 14px; font-weight: 500; transition: all 0.5s ease-in-out; padding: 6px 15px;}
.navigation-wrap .navigation-menu .menu-item .menu-link.dropdown-toggle {padding: 6px 32px 6px 15px;}
.navigation-wrap .navigation-menu .menu-item .menu-link:hover {color: var(--mainShade);}
.navigation-wrap .navigation-menu .menu-item .menu-link.active {color: var(--menuColor);}
.navigation-menu .dropdown-menu { display: none; position: absolute; background-color: var(--shades01); border-radius: 12px; list-style: none; padding: 8px 0px; margin: 0; z-index: 99; margin-top: 12px; left: 0; transform: translateX(-25%); box-shadow: 0px 2px 15px -1px rgba(0, 0, 0, 0.1);}
.navigation-menu .dropdown-item {padding: 8px 0;}
.navigation-menu .dropdown-menu .dropdown-item .dropdown-link {text-decoration: none; color: var(--menuColor); font-size: 14px; font-weight: 500; white-space: nowrap; transition: all 0.3s ease-in-out; padding: 7px 25px; width: 100%; display: block;}
.dropdown-menu .dropdown-item .dropdown-link::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--blue); transform: scaleX(0); transform-origin: center; transition: transform 0.4s ease-in-out; z-index: -1;}
.dropdown-menu .dropdown-item .dropdown-link:hover::before { transform: scaleX(1); border-radius: 0;}
.dropdown-menu .dropdown-item .dropdown-link:hover { color: var(--shades01); border-radius: 0;}
.header-options .call-to-action.btn { display: flex; justify-content: center; align-items: center; background-color: var(--yellow); height: 49px; margin: auto; border-radius: 30px; color: var(--shades01); font-weight: 500; font-size: 15px; white-space: nowrap; overflow: hidden; position: relative; z-index: 0; padding: 5px 25px; box-shadow: 0 7px 23px rgba(var(--shades02-rgb), 0.2); letter-spacing: 1px;}
.header-options .call-to-action.btn:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--blue); transform: scale(0, 1); z-index: -1; transition: all 0.3s ease;}
.header-options .call-to-action.btn:hover{color: var(--shades01);}
.header-options .call-to-action.btn:hover::before{transform: scale(1, 1);}
.header-options .contact { color: var(--shades03); font-size: 17px; font-weight: 600; display: flex; transition: all 0.3s; gap: 12px; align-items: center;}
.header-options .contact i { color: var(--shades05); font-size: 16px; transition: all 0.3s; background-color: rgba(var(--yellow-rgb), 0.2); width: 42px; height: 42px; border-radius: 50%; text-align: center; padding: 12px 0 0;}
.header-options .contact:hover{color: var(--blue);}
.brand-nav-wrapper .brand .logo img{width: 100%; height: 100%; object-fit: cover;}
.brand-nav-wrapper .brand .logo{position: relative; display: block; width: 100%; height: 100%;}
.brand-nav-wrapper .brand{position: relative; height: 65px;}
header .main-header{padding: 10px 0 0; height: 82px; box-shadow: 0px 2px 14px -3px rgba(var(--shades02-rgb), 0.2);}
.header-options { display: flex; gap: 20px; align-items: center; flex-grow: 1; flex-shrink: 0;}
.navigation { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 118px;}
.navigation-wrap {width: 100%; display: flex; justify-content: center; flex-grow: 1; flex-shrink: 1;}
.navigation-menu .menu-item.active .dropdown-menu {display: block;}
header .navigation-wrap .navigation-menu .menu-link.dropdown-toggle::after { content: '\f107'; font-family: "Font Awesome 6 Pro"; font-size: 14px; font-weight: 600; color: var(--shades07); transform-origin: center; transition: all 0.3s ease; right: 11px; top: 11px; position: absolute;}
.menu-item.active .menu-link.dropdown-toggle:after {transform: rotate(180deg); top: 8px !important;}
header .navigation-wrap .navigation-menu .menu-link.dropdown-toggle:hover::after {color: var(--shades01);}
header .navigation-wrap .navigation-menu .menu-link.dropdown-toggle.active::after {color: var(--shades01);}
header .navigation .header-options .menu-trigger { width: 30px; height: 30px; margin: auto 0; margin-left: 10px; display: none; flex-direction: column;}
header .navigation .header-options .menu-trigger span { display: block; width: 100%; height: 4px; background: var(--mainShade); margin: auto 0; transition: all 0.3s ease;}
header .navigation .header-options .menu-trigger.active span:first-child { opacity: 1; transform: rotate(45deg); margin-bottom: -17px;}
header .navigation .header-options .menu-trigger.active span { opacity: 0; transform-origin: center;}
header .navigation .header-options .menu-trigger.active span:last-child { opacity: 1; transform: rotate(-45deg); margin-top: -17px;}
.navigation-wrap .navigation-menu li a:hover .menu-link.dropdown-toggle:after{color: var(--shades01);}
.navigation-menu .call-to-action.btn.mobile{display: none;}
.top-header { background-color: #D8292A; height: 33px; max-height: 100%; display: flex; align-items: center;}
.left-text span { font-weight: 500; color: var(--shades01); font-size: 12px;}
.right-text ul{list-style: none; display: flex; gap: 20px; margin: 0; padding: 0; justify-content: end;}
.right-text ul li a{font-weight: bold; font-size: 10px; text-transform: uppercase; color: rgba(var(--shades01-rgb), 0.8); letter-spacing: 2px;}
.right-text ul li a:hover{color: var(--shades01);}
.main-header .brand .logo{width: 202px; display: flex;}
.main-header .brand .logo img{width: 100%; height: 100%; object-fit: cover;}
.main-header .header-icon-btn { display: flex; align-items: center; gap: 8px;}
.main-header .account-label { display: flex; flex-direction: column; gap: 10px;}
.main-header .header-icon-btn .fa-user{font-size: 34px; font-weight: 200; color: #696969;}
.main-header .account-label .acc-top{color: var(--menuColor); font-weight: 500; font-size: 12px;}
.main-header .account-label .acc-bot{font-size: 9px; font-weight: 600; text-transform: uppercase; color: #051F25; letter-spacing: 1px;}
.main-header .header-icon-btn .fa-heart{font-size: 34px; font-weight: 200; color: #696969;}
.main-header .header-icon-btn .fa-heart:hover{color: var(--mainShade);}
.main-header .cart-icon-btn .cart-icon-wrap { display: flex; flex-direction: column; gap: 5px;}
.main-header .cart-icon-btn {display: flex; align-items: center; gap: 8px}
.main-header .cart-icon-btn .fa-cart-shopping {font-size: 34px; font-weight: 200; color: #696969;}
.main-header .cart-icon-wrap .cart-badge { background-color: #D8292A; display: flex; align-items: center; justify-content: center; border-radius: 20px; font-weight: 600; color: var(--shades01); font-size: 12px; padding: 2px 0;}
.main-header .cart-icon-wrap .cart-text{color: #2A2A2A; font-weight: 500; font-size: 14px;}


/* *************************|| HERO SLIDER START ||********************* */
.hero-section { background-size: cover; background-position: center; padding: 92px 0;}
.hero-section .hero-content-wrap{max-width: 408px; width: 100%;}
.hero-section .hero-content-wrap .main-banner-heading{font-size: 40px; color: var(--menuColor); line-height: 1.2;}
.hero-section .hero-content-wrap .description{font-weight: 500; font-size: 15px; line-height: 1.3; margin: 10px 0 30px;}
.hero-section .hero-content-wrap .banner-btn{font-weight: bold; font-size: 10px; color: var(--shades01); letter-spacing: 2px; text-transform: uppercase; border-radius: 8px; background-color: #D8292A; border: none; padding: 20px 48px; margin-bottom: 30px;}
.hero-section .banner-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; position: relative;}
.hero-section .banner-list span:nth-child(2) {text-align: center;}
.hero-section .banner-list span:nth-child(2)::after {width: 8px; height: 8px; background-color: var(--mainShade); border-radius: 50px; position: absolute; top: 1px; content: ""; right: 140px;}
.hero-section .banner-list span:nth-child(2)::before {width: 8px; height: 8px; background-color: var(--mainShade); border-radius: 50px; position: absolute; top: 1px; content: ""; left: 138px;}
.hero-section .banner-list span{font-size: 9px; color: #2A2A2A; text-transform: uppercase; line-height: 1.2; font-weight: 600; letter-spacing: 1px; }

/* *************************|| SLIDER BOTTOM START ||********************* */
.award-section{background-color: var(--menuColor);}
.award-section .award-wrapper{gap: 48px; justify-content: center;}
.award-section .award-wrapper div{padding: 10px;}
.award-section .award-wrapper div span{font-size: 12px; font-weight: 500; font-family: "Funnel Display", sans-serif;}

/* *******************************|| CATEGORY AREA START ||************************** */
.category{padding: 85px 0; background-color: #F6F6F6;}
.category .small-title{font-size: 12px; color: var(--mainShade); text-transform: uppercase;}
.category .main-title{font-size: 36px; color: var(--menuColor); margin: 12px 0;}
.category .sub-title{font-size: 16px; color: #4D5253; margin-bottom: 40px;}
.hero-card { position: relative; border-radius: 16px; overflow: hidden; aspect-ratio: 7 / 5; display: block; cursor: pointer;}
.hero-card-img { position: relative; inset: 0; z-index: 0;}
.hero-card-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 16px;}
.hero-card-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgb(89 89 89) 0%, rgb(0 0 0 / 79%) 30%, rgba(0, 0, 0, 0.10) 50%, rgba(0, 0, 0, 0.00) 60%); top: 200px;}
.hero-card-product { position: absolute; bottom: 61px; right: 21px; z-index: 3; width: 38%; max-width: 160px}
.hero-card-product img { width: 100%; height: 100%; object-fit: cover;}
.hero-card-content { position: absolute; bottom: 28px; left: 24px; z-index: 3; max-width: 55%;}
.hero-card-tag { display: inline-block; background: rgba(255, 255, 255, 0.92); color: #051F25; font-size: 10px; font-weight: bold; letter-spacing: 0.6px; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; margin-bottom: 10px;}
.hero-card-title { font-size: 23px; font-weight: 800; color: var(--shades01); margin: 0 0 8px; line-height: 1.2;}
.hero-card-desc { font-size: 13px; color: rgba(255, 255, 255, 0.80); line-height: 1.55; margin: 0 0 16px; font-weight: 600;}
.hero-card-btn { display: inline-block; background: #D8292A; color: var(--shades01); font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; padding: 11px 24px; border-radius: 6px; text-decoration: none; transition: background 0.2s, transform 0.2s;}
.hero-card-btn:hover { background: #b81f20; color: var(--shades01); transform: translateY(-1px);}
.hero-card-models { position: absolute; bottom: 18px; right: 20px; z-index: 3; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.75); letter-spacing: 0.3px;}

/* *******************************|| CATEGORY SLIDE START ||************************** */
.category-slide{padding: 70px 0 108px;}
.category-slide .small-title{font-size: 12px; color: var(--mainShade); text-transform: uppercase;}
.category-slide .main-title{font-size: 36px; color: var(--menuColor); margin: 12px 0;}
.category-slide .nav.nav-tabs { max-width: 400px; margin: 0 auto; width: 100%; border: 1px solid rgba(5, 31, 37, 0.20); padding: 8px; border-radius: 40px; gap: 22px; align-items: center; justify-content: center; margin-bottom: 20px;}
.category-slide .nav-tabs .nav-link.active { background-color: var(--mainShade); color: var(--shades01);}
.category-slide .nav-link{font-weight: 600; font-size: 10px; color: #2A2A2A; padding: 16px 40px; border-radius: 40px; padding: 16px 40px; font-weight: 900; font-size: 10px; letter-spacing: 1.2px; border: transparent;}
.category-slide .nav-link:hover{border: transparent;}
.product-card { background: var(--shades01); border-radius: 16px; overflow: hidden; border: 1px solid #E1E9EB; transition: box-shadow 0.25s; height: 100%; display: flex; flex-direction: column;}
.product-card:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.10);}
.product-card-img { background: #505050; aspect-ratio: 7 / 6; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 50px; position: relative;}
.product-card-img::after { content: ''; position: absolute; bottom: 55px; left: 50%; transform: translateX(-50%); width: 82%; height: 17px; background: rgba(0, 0, 0, 0.50); border-radius: 50%; filter: blur(8px); z-index: 1;}
.product-card-img img { width: 100%; height: 100%; object-fit: contain; object-position: center; transition: transform 0.3s ease;}
.product-card:hover .product-card-img img {transform: scale(1.04);}
.product-card-body { padding: 16px 16px 18px; display: flex; flex-direction: column; flex: 1;}
.product-card-name { font-size: 15px; font-weight: 600; color: #051F25; line-height: 1.4; margin: 0 0 12px; letter-spacing: 0.6px;}
.product-card-rating { display: flex; align-items: center; gap: 6px; margin-bottom: 22px; font-size: 15px;}
.product-card-rating .fa-star { color: #FFBB00; font-size: 13px;}
.rating-score { font-weight: 600; color: #000; font-size: 14px; letter-spacing: 0.5px;}
.rating-divider { color: #E1EDEF;}
.rating-count { color: #888E8F; font-weight: 500; font-size: 12px; letter-spacing: 0.5px;}
.product-card-pricing { display: flex; align-items: center; gap: 11px; margin-bottom: 22px; flex-wrap: wrap;}
.price-current { font-size: 18px; font-weight: 600; color: #051F25; letter-spacing: 0.5px;}
.price-original { font-size: 14px; color: #808E91; text-decoration: line-through; letter-spacing: 0.5px;}
.price-badge { background: rgba(216, 41, 42, 0.10); color: var(--mainShade); font-size: 11px; font-weight: 500; padding: 6px 10px; border-radius: 20px; letter-spacing: 0.5px;}
.product-card-cart-btn { display: flex; align-items: center; justify-content: center; gap: 10px; background: #2A2A2A; color: var(--shades01); font-size: 11px; font-weight: 900; letter-spacing: 0.8px; text-transform: uppercase; padding: 12px 32px; border-radius: 8px; text-decoration: none; margin-top: auto; transition: background 0.2s;}
.product-card-cart-btn:hover { background: var(--mainShade); color: var(--shades01);}
.product-card-cart-btn i {font-size: 15px;}
.swiper-button-next, .swiper-button-prev { width: 42px !important; height: 42px !important; background: var(--shades01); border-radius: 50%; box-shadow: 0 2px 12px rgba(0,0,0,0.12); color: #111 !important; top: 38% !important;}
.swiper-button-next::after, .swiper-button-prev::after { font-size: 14px !important; font-weight: 700;}
.swiper-button-prev { left: -16px !important;}
.swiper-button-next { right: -16px !important;}
.swiper-pagination { position: relative !important; margin-top: 28px;}
.swiper-pagination-bullet { width: 8px !important; height: 8px !important; background: #ccc !important; opacity: 1 !important;}
.swiper-pagination-bullet-active { background: var(--mainShade) !important; width: 10px !important; height: 10px !important;}
.mySwiper { overflow: visible !important; padding-bottom: 10px;}
.swiper-wrapper-outer {overflow: hidden; padding: 0 22px;}
.product-btn { font-weight: 900; font-size: 11px; letter-spacing: 0.5px; color: #2A2A2A; border: 1px solid #2A2A2A; padding: 23px 32px; text-transform: uppercase; border-radius: 8px; display: flex; align-items: center; justify-content: center; width: 280px; margin: 13px auto 0; gap: 10px;}
.product-btn:hover{background-color: var(--mainShade); color: var(--shades01);}

/* *******************************|| FEATURE PRODUCT START ||************************** */
.product-detail-section { background: #F5F5F5; padding: 112px 0 115px;}
.product-detail-img-wrap { position: relative; overflow: hidden; aspect-ratio: 1.1 / 1.25; border-radius: 16px;}
.product-detail-img-wrap > img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}
.product-detail-img-product { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); width: 75%; z-index: 2;}
.product-detail-img-product img { width: 100%; height: auto; object-fit: contain; display: block; filter: drop-shadow(0 12px 28px rgba(0,0,0,0.35));}
.product-detail-info { padding: 0 0 0 45px; height: 100%; display: flex; flex-direction: column; gap: 14px;}
.product-detail-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap;}
.product-detail-badge { background: #D8292A; color: var(--shades01); font-size: 11px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; padding: 12px 16px; border-radius: 20px;}
.product-detail-rating { display: flex; align-items: center; gap: 6px; font-size: 14px;}
.product-detail-rating .fa-star {color: #f5a623;}
.product-detail-rating .rating-score { font-weight: 600; color: #2A2A2A;}
.product-detail-rating .rating-divider {color: #ddd;}
.product-detail-rating .rating-count {color: rgba(136, 136, 136, 0.70);}
.product-detail-title { font-size: 33px; font-weight: 600; color: #2A2A2A; line-height: 1.3; margin: 0; max-width: 515px;}
.product-detail-desc { font-size: 13px; color: #2A2A2A; line-height: 1.65; margin: 0 0 18px;}
.product-detail-label { font-size: 12px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: #2A2A2A; margin: 0 0 10px;}
.model-options { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 15px;}
.model-btn { padding: 9px 20px; border-radius: 8px; border: 2px solid #D6E4E7; background: var(--shades01); font-size: 12px; font-weight: 600; color: #2A2A2A; cursor: pointer; text-transform: uppercase; letter-spacing: 0.4px; transition: all 0.2s;}
.model-btn:hover { border-color: #046479; color: #046479;}
.model-btn.active { border: 2px solid #04647A; color: #04647A; background: #E4F0F3; padding: 16px; text-transform: uppercase; font-weight: 600; font-size: 12px;}
.product-detail-purchase { display: flex; align-items: flex-end; gap: 28px; flex-wrap: wrap;}
.qty-control { display: flex; align-items: center; gap: 0; border: 1.5px solid #ddd; border-radius: 8px; overflow: hidden; width: fit-content;}
.qty-btn { width: 38px; height: 38px; background: #f5f5f5; border: none; font-size: 18px; font-weight: 500; color: #333; cursor: pointer; transition: background 0.2s; display: flex; align-items: center; justify-content: center; line-height: 1;}
.qty-btn:hover {background: #e8e8e8;}
.qty-value { width: 44px; text-align: center; font-size: 15px; font-weight: 600; color: #111; border-left: 1.5px solid #ddd; border-right: 1.5px solid #ddd; padding: 8px 0;}
.product-detail-price-wrap { display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
.product-detail-price-wrap .price-current { font-size: 26px; font-weight: 700; color: #2A2A2A; letter-spacing: 0.5px;}
.product-detail-price-wrap .price-original { font-size: 14px; color: rgba(42, 42, 42, 0.48); text-decoration: line-through; font-weight: 500;}
.product-detail-price-wrap .price-badge { background: rgba(216, 41, 42, 0.10); color: #D8292A; font-size: 11px; font-weight: 500; padding: 8px 12px; border-radius: 20px;}
.price-tax { font-size: 11px; color: #2A2A2A; letter-spacing: 0.5px; margin-left: 19px;}
.product-detail-cta { display: flex; gap: 14px; flex-wrap: wrap; margin: 11px 0 17px;}
.btn-add-cart, .btn-buy-now { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 20px 32px; border-radius: 8px; font-size: 13px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; text-decoration: none; transition: all 0.2s; flex: 1; min-width: 160px;}
.btn-add-cart { background: #1a1a1a; color: var(--shades01); border: 2px solid #1a1a1a;}
.btn-add-cart:hover { background: #D8292A; border-color: #D8292A; color: var(--shades01);}
.btn-buy-now { background: var(--shades01); color: #111; border: 2px solid #ddd;}
.btn-buy-now:hover { border-color: #1a1a1a; color: #111;}
.product-detail-features-title { font-size: 12px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: #046479; margin: 0 0 14px;}
.features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px;}
.features-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: #2A2A2A; line-height: 1.5;}
.features-list li .fa-circle-check { color: #22c55e; font-size: 16px; margin-top: 2px; flex-shrink: 0;}
.features-list li strong { color: #111; font-weight: 600;}

/* *******************************|| WHY SECTION START ||************************** */
.why-section { position: relative; padding: 79px 0 124px; overflow: hidden; color: var(--shades01);}
.why-section-bg { position: absolute; inset: 0; z-index: 0;}
.why-section-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}
.why-section-bg-overlay { position: absolute; inset: 0; background: rgba(7, 50, 59, 0.82); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}
.why-section .container {z-index: 2;}
.why-section-tag { display: inline-block; background: #D8292A; color: var(--shades01); font-size: 12px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; padding: 12px 24px; border-radius: 20px; margin-bottom: 18px;}
.why-section-title { font-size: 36px; font-weight: 600; color: var(--shades01); line-height: 1.25; margin-bottom: 16px; max-width: 400px; width: 100%;}
.why-section-desc { font-size: 14px; color: rgba(255, 255, 255, 0.88); line-height: 1.7; margin-bottom: 33px; font-weight: 500;}
.why-section-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 38px;}
.why-btn { display: inline-flex; align-items: center; gap: 8px; padding: 20px 40px; border-radius: 8px; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; transition: all 0.2s;}
.why-btn--solid { background: #D8292A; color: var(--shades01); border: 2px solid #D8292A;}
.why-btn--solid:hover {background: #b81f20;border-color: #b81f20;color: var(--shades01);}
.why-btn--outline { background: transparent; color: var(--shades01); border: 2px solid rgba(255,255,255,0.5);}
.why-btn--outline:hover { border-color: var(--shades01); color: var(--shades01);}
.why-slider { border-radius: 14px; overflow: hidden;}
.why-slide-img { position: relative; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden;}
.why-slide-img img { width: 100%; height: 100%; object-fit: cover; display: block;}
.why-slide-label { position: absolute; bottom: 16px; left: 16px; color: var(--shades01); font-size: 18px; font-weight: 600;}
.whySwiper-pagination { position: absolute !important; margin-top: 0; text-align: center; bottom: 19px !important; right: -99px !important; left: auto !important; width: 50% !important;}
.whySwiper-pagination .swiper-pagination-bullet { background: rgba(255,255,255,0.4) !important; opacity: 1 !important;}
.whySwiper-pagination .swiper-pagination-bullet-active {background: #D8292A !important;}
.why-features { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; padding-left: 60px;}
.why-feature-item { display: flex; align-items: flex-start; gap: 32px; padding: 25px 27px; border-radius: 80px; transition: background 0.2s; cursor: pointer;}
.why-feature-item:hover {background: rgba(255,255,255,0.06);}
.why-feature-item.active { background: var(--shades01); box-shadow: 0 4px 24px rgba(0,0,0,0.12);}
.why-feature-item.active .why-feature-icon { background: #046479; color: var(--shades01); border-color: transparent; border-radius: 50px;}
.why-feature-item.active h4 {color: #2A2A2A;}
.why-feature-item.active p {color: rgba(42, 42, 42, 0.80);}
.why-feature-icon { width: 64px; height: 64px; border-radius: 18px; background: #747E80; display: flex; align-items: center; justify-content: center; font-size: 21px; color: var(--shades01); flex-shrink: 0; transition: background 0.2s;}
.why-feature-text h4 { font-size: 18px; font-weight: 600; color: var(--shades01); margin: 0 0 5px; line-height: 1.3;}
.why-feature-text p { font-size: 13px; color: rgba(255, 255, 255, 0.80); line-height: 1.6; margin: 0; letter-spacing: 0.1px;}

/* *******************************|| NEW ARRIVAL SECTION START ||************************** */
.featured-product-section { background: #E1EDEF; padding: 110px 0 116px; position: relative; z-index: 1;}
.featured-product-section::after { background: rgba(var(--shades01-rgb), 0.68); position: absolute; top: 0; width: 100%; height: 100%; content: ""; z-index: -1;}
.featured-product-img { border-radius: 16px; overflow: hidden; height: 100%;}
.featured-product-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform 0.4s ease;}
.featured-product-img:hover img { transform: scale(1.03);}
.featured-product-info { display: flex; flex-direction: column; gap: 9px; padding-left: 40px;}
.featured-product-badge { display: inline-block; background: #D8292A; color: var(--shades01); font-size: 10px; font-weight: 800; letter-spacing: 0.7px; text-transform: uppercase; padding: 12px 16px; border-radius: 20px; width: fit-content;}
.featured-product-title { font-size: 28px; font-weight: 600; color: #2A2A2A; line-height: 1.2; margin: 0}
.featured-product-desc { font-size: 14px; color: #2A2A2A; line-height: 1.65; margin: 0 0 15px; letter-spacing: 0.5px;}
.featured-product-features-label { font-size: 12px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; color: #046479; margin: 0 0 10px;}
.featured-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px;}
.featured-features-list li { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; color: #2A2A2A; line-height: 1.55;}
.featured-features-list li .fa-circle-check { color: #22c55e; font-size: 15px; margin-top: 2px; flex-shrink: 0;}
.featured-features-list li strong { color: #2A2A2A; font-weight: 600;}
.featured-product-purchase { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding-top: 25px;}
.featured-product-price { display: flex; flex-direction: column; gap: 9px;}
.fp-price-label { font-size: 12px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; color: #046479;}
.fp-price { font-size: 30px; font-weight: 800; color: #2A2A2A; line-height: 1; letter-spacing: 0.5px;}
.featured-product-cta { display: flex; gap: 10px; flex-wrap: wrap;}
.fp-btn-cart, .fp-btn-details { display: inline-flex; align-items: center; gap: 10px; padding: 20px 55px; border-radius: 8px; font-size: 11px; font-weight: 900; letter-spacing: 0.7px; text-transform: uppercase; text-decoration: none; transition: all 0.2s; white-space: nowrap;}
.fp-btn-cart, .fp-btn-details i{font-size: 14px;}
.fp-btn-cart { background: #1a1a1a; color: var(--shades01); border: 2px solid #1a1a1a;}
.fp-btn-cart:hover { background: #D8292A; border-color: #D8292A; color: var(--shades01);}
.fp-btn-details { background: var(--shades01); color: #111; border: 2px solid #ddd;}
.fp-btn-details:hover { border-color: #1a1a1a; color: #111;}
.featured-product-trust { display: flex; align-items: center; gap: 16px; padding: 33px 0 0; flex-wrap: wrap;}
.trust-item { display: flex; align-items: flex-start; gap: 12px;}
.trust-item i { font-size: 22px; color: #046479; flex-shrink: 0; margin-top: 2px;}
.trust-item div{display: flex; flex-direction: column;}
.trust-item div span { font-size: 12px; color: #2A2A2A; margin: 0; line-height: 1.5;}
.trust-item div span strong { color: #2A2A2A; font-weight: 700;}

/* *******************************|| WHY CHOOSE SECTION START ||************************** */
.why-choose-section { background: var(--shades01); padding: 90px 0 108px; overflow: visible;}
.why-choose-section .small-title { font-size: 12px; font-weight: 600; color: #D8292A; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px;}
.why-choose-section .main-title { font-size: 36px; color: #2A2A2A; margin: 0 0 55px;}
.why-choose-wrap { display: flex; align-items: stretch; position: relative; overflow: visible;}
.why-choose-panel { flex: 1; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 1;}
.why-choose-left {background: #F5EEEE; border-radius: 24px 0 0 24px; padding: 32px 0 32px 90px;}
.why-choose-right { background: #E9F2F4; border-radius: 0 24px 24px 0; padding: 32px 90px 32px 0;}
.why-choose-image { width: 353px; flex-shrink: 0; z-index: 2; position: relative; margin-top: -17px; margin-bottom: -17px;}
.why-choose-image img { width: 100%; height: 100%; object-fit: cover; object-position: center top; border-radius: 24px;}
.wc-item { display: flex; align-items: center; gap: 0; padding: 17px 0 17px 0; position: relative;}
.why-choose-right .wc-item{padding: 17px 0 17px 40px;}
.wc-divider { height: 1px; background-color: #D7D7D7; width: 100%;}
.wc-icon { position: absolute; width: 65px; height: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 3px solid var(--shades01); top: 50%; transform: translateY(-50%);}
.wc-icon img { width: 65%; height: 65%; object-fit: contain;}
.why-choose-left .wc-icon { background: #D8292A; left: -116px;}
.why-choose-right .wc-icon { background: #046479; right: -119px; left: auto;}
.wc-text {flex: 1;}
.wc-text .title { font-size: 18px; font-weight: 600; color: #051F25; margin: 0 0 6px; line-height: 1.3;}
.wc-text .description { font-size: 13px; color: rgba(5, 31, 37, 0.64); line-height: 1.6; margin: 0; letter-spacing: 0.4px; max-width: 307px; width: 100%;}

/* *******************************|| CUSTOMERS REVIEW SECTION START ||************************** */
.reviews-section { background: #07323B; padding: 93px 0 112px;}
.reviews-section .small-title { display: inline-block; background: #D8292A; color: var(--shades01); font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding: 12px 24px; border-radius: 30px; margin-bottom: 15px;}
.reviews-section .main-title{font-size: 36px; color: var(--shades01); margin: 0 0 15px;}
.reviews-section .sub-title{font-size: 16px; color: rgba(var(--shades01-rgb), 0.80); letter-spacing: 0.3px;}
.review-card { background: var(--shades01); border-radius: 16px; padding: 24px; display: flex; flex-direction: column; height: 100%; gap: 0;}
.review-card-top { display: flex; align-items: center; gap: 12px; margin-bottom: 20px;}
.review-card-avatar { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; flex-shrink: 0;}
.review-card-avatar img { width: 100%; height: 100%; object-fit: cover; display: block;}
.review-card-info { flex: 1; gap: 9px; display: flex; flex-direction: column;}
.review-card-info h5 { font-size: 14px; font-weight: 500; color: #051F25; margin: 0;}
.review-card-info span { font-size: 11px; color: #999; font-weight: 500; letter-spacing: 0.4px;}
.review-card-score { font-size: 18px; font-weight: 700; color: #000; display: flex; align-items: center; gap: 4px; white-space: nowrap;}
.review-card-score .fa-star { color: #f5a623; font-size: 15px;}
.review-card-body { flex: 1; margin-bottom: 20px;}
.review-card-body { font-size: 15px; color: rgba(5, 31, 37, 0.72); line-height: 1.65; font-style: italic; margin: 0; font-weight: 500; letter-spacing: 0.3px;}
.review-card-footer { display: flex; align-items: center; gap: 13px; padding-top: 12px; border-top: 1px solid #D6E4E7; font-size: 12px; color: #046479; font-weight: 500; margin-top: 77px;}
.review-card-footer img{width: 8%;}
.review-card-footer i { font-size: 15px; color: #046479; flex-shrink: 0;}
.rating-summary { background: var(--shades01); border-radius: 12px; padding: 35px 40px; display: flex; align-items: center; gap: 48px; margin-top: 30px;}
.rating-summary-score { display: flex; flex-direction: column; align-items: center; gap: 15px; flex-shrink: 0; min-width: 140px;}
.rating-big { font-size: 40px; font-weight: 800; color: #051F25; line-height: 1;}
.rating-stars { display: flex; gap: 8px; font-size: 13px; color: #F5A623;}
.rating-count { font-size: 12px; color: #046479; font-weight: 500; text-align: center;}
.rating-summary-bars { flex: 1; display: flex; flex-direction: column; gap: 14px;}
.rating-bar-row { display: flex; align-items: center; gap: 10px;}
.bar-label { font-size: 12px; color: #051F25; width: 28px; flex-shrink: 0; display: flex; align-items: center; gap: 4px; font-weight: 600;}
.bar-label .fa-star { color: #B9B9B9; font-size: 11px;}
.bar-track { flex: 1; height: 10px; background: #ececec; border-radius: 10px; overflow: hidden;}
.bar-fill { height: 100%; background: #F5A623; border-radius: 10px; transition: width 0.6s ease;}
.bar-fill--gray {background: #ccc;}
.bar-pct { font-size: 12px; font-weight: 600; color: rgba(5, 31, 37, 0.60); width: 32px; text-align: right; flex-shrink: 0;}

/* *******************************|| OFFER SECTION START ||************************** */
.promo-section { background: var(--shades01); padding: 99px 0 135px;}
.promo-section-content { display: flex; flex-direction: column; gap: 22px;}
.promo-section-badge { display: inline-block; background: #D8292A; color: var(--shades01); font-size: 10px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; padding: 12px 16px; border-radius: 20px; width: fit-content;}
.promo-section-title { font-size: 42px; font-weight: 600; color: #2A2A2A; line-height: 1.2; margin: 0;}
.promo-section-desc { font-size: 15px; color: #4D5253; line-height: 1.6; margin: 0; letter-spacing: 0.2px;}
.promo-highlight { color: #046479; font-weight: 700;}
.promo-countdown { display: flex; gap: 10px; flex-wrap: wrap;}
.countdown-item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90px; height: 90px; border-radius: 50%; border: 2px dotted rgba(4, 100, 121, 0.30); gap: 6px;}
.countdown-num { font-size: 36px; font-weight: 600; color: #051F25; line-height: 1;}
.countdown-label { font-size: 11px; font-weight: 500; color: #046479; letter-spacing: 0.5px; text-transform: uppercase;}
.promo-code-wrap { display: flex; align-items: stretch; border-radius: 50px; overflow: hidden; border: 1px dashed #046479; width: 100%; max-width: 100%; justify-content: space-between;}
.promo-code-box { display: flex; align-items: center; gap: 10px; padding: 16px 20px; background: var(--shades01);}
.promo-code-label {font-size: 11px; font-weight: 600; color: #D8292A; letter-spacing: 0.4px; text-transform: uppercase;}
.promo-code-value { font-size: 15px; font-weight: 600; color: #0D3A43; letter-spacing: 1px;}
.promo-copy-btn { background: #046479; color: var(--shades01); border: none; padding: 12px 22px; font-size: 12.5px; font-weight: 700; letter-spacing: 0.8px; cursor: pointer; transition: background 0.2s; white-space: nowrap;}
.promo-copy-btn:hover {background: #035265;}
.promo-claim-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #D8292A; color: var(--shades01); font-size: 11px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; padding: 20px 32px; border-radius: 8px; text-decoration: none; width: fit-content; transition: background 0.2s;}
.promo-claim-btn .fa-bolt{font-size: 17px;}
.promo-claim-btn:hover { background: #b81f20; color: var(--shades01);}
.promo-visual { position: relative; border-radius: 16px; overflow: hidden; aspect-ratio: 7 / 6.2;}
.promo-visual-bg { position: absolute; inset: 0; z-index: 0;}
.promo-visual-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}
.promo-visual-top { position: relative; z-index: 3; padding: 46px 28px 0; display: flex; flex-direction: column; align-items: center; gap: 20px;}
.promo-visual-tag { display: inline-block; background: #D8292A; color: var(--shades01); font-size: 9px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; padding: 10px 12px; border-radius: 20px;}
.promo-pest-icons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;}
.pest-item { display: flex; flex-direction: column; align-items: center; gap: 8px;}
.pest-icon { width: 72px; height: 72px; border-radius: 50%; background: rgba(255, 255, 255, 0.24); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px);}
.pest-icon img { width: 40px; height: 40px; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.85;}
.pest-item span { font-size: 10px; font-weight: bold; color: rgba(255, 255, 255, 0.90); text-transform: uppercase;}
.promo-visual-bottom { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 28px 24px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px;}
.promo-safe-text h4 { font-size: 14px; font-weight: 700; color: var(--shades01); line-height: 1.3; margin: 0 0 8px;}
.promo-safe-text span { font-size: 11px; color: rgba(255, 255, 255, 0.70); margin: 0 0 2px; line-height: 1.5; font-weight: 600; display: flex;}
.promo-product-img { flex-shrink: 0; width: 42%; max-width: 260px;}
.promo-product-img img { width: 100%; height: auto; object-fit: contain; display: block; filter: drop-shadow(0 8px 24px rgba(0,0,0,0.4));}
.promo-warranty { width: 105px; height: 105px; border-radius: 50%; background: rgba(255, 255, 255, 0.20); display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; backdrop-filter: blur(6px); gap: 3px; margin-right: -17px;}
.warranty-num { font-size: 26px; font-weight: 900; color: var(--shades01); line-height: 1;}
.warranty-year { font-size: 15px; font-weight: 900; color: var(--shades01); line-height: 1.2;}
.warranty-text { font-size: 8px; font-weight: bold; color: var(--shades01); letter-spacing: 0.5px; text-transform: uppercase;} 

/* **************************|| FOOTER START ||***************************** */
.site-footer { background-color: #046479; background-image: linear-gradient(rgba(0,0,0,0.64), rgba(0,0,0,0.64));}
.footer-main { padding: 70px 0 60px;}
.footer-logo img { height: 65px; width: auto; display: block;}
.footer-newsletter-title { font-size: 13px; font-weight: bold; color: var(--shades01); margin-bottom: 6px; text-transform: uppercase;}
.footer-newsletter-desc { font-size: 14px; color: rgba(var(--shades01-rgb), 0.8); margin-bottom: 14px; line-height: 1.5;}
.footer-newsletter-form { display: flex; align-items: center; border: 1px solid rgba(255, 255, 255, 0.40); border-radius: 12px; overflow: hidden; margin-bottom: 12px; padding: 10px 8px 10px 22px; width: 82%;}
.footer-newsletter-form input { flex: 1; background: transparent; border: none; outline: none; font-size: 13px; color: var(--shades01); width: 100%; font-weight: 500;}
.footer-newsletter-form button { background: var(--shades01); border: none; color: #046479; font-size: 14px; cursor: pointer; transition: background 0.2s; flex-shrink: 0; border-radius: 8px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;}
.footer-newsletter-form button i{font-size: 20px;}
.footer-newsletter-form button:hover { background: #b81f20; color: var(--shades01);}
.footer-newsletter-consent { font-size: 12px; color: rgba(var(--shades01-rgb), 0.8); line-height: 1.8; margin: 0; max-width: 273px; width: 100%;}
.footer-newsletter-consent a { color: rgba(255,255,255,0.7); text-decoration: underline;}
.footer-newsletter-consent strong {color: rgba(255,255,255,0.75);}
.footer-col-title { font-size: 13px; font-weight: bold; color: var(--shades01); text-transform: uppercase; margin-bottom: 20px;}
.footer-col-links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px;}
.footer-col-links li a { color: rgba(var(--shades01-rgb), 0.80); text-decoration: none; font-size: 13px; transition: color 0.2s; font-weight: 400;}
.footer-col-links li a:hover {color: #D8292A;}
.footer-contact { display: flex; flex-direction: column; gap: 22px;}
.footer-contact-item { display: flex; align-items: flex-start; gap: 20px;}
.footer-contact-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 28px; color: var(--shades01);}
.footer-contact-label { font-size: 13px; font-weight: bold; color: var(--shades01); text-transform: uppercase; margin-bottom: 10px;}
.footer-contact-text { font-size: 14px; color: rgba(var(--shades01-rgb), 0.80); line-height: 1.55; margin: 0;}
.footer-contact-text a { color: rgba(var(--shades01-rgb), 0.80); text-decoration: none; transition: color 0.2s; font-size: 14px;}
.footer-contact-text a:hover {color: #D8292A;}
.site-footer .footer-bottom { padding: 18px 0; border-bottom: 1px solid rgba(var(--shades01-rgb), 0.20); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-top: 1px solid rgba(var(--shades01-rgb), 0.20);}
.footer-bottom-policies { display: flex; flex-wrap: wrap; gap: 8px 35px;}
.footer-bottom-policies a { font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: rgba(var(--shades01-rgb), 0.80); text-decoration: none; transition: color 0.2s;}
.footer-bottom-policies a:hover {color: #D8292A;}
.footer-bottom-social { display: flex; align-items: center; gap: 12px;}
.footer-bottom-social span { font-size: 11px; font-weight: 700; color: var(--shades01); text-transform: uppercase; white-space: nowrap;}
.footer-social-icons { display: flex; align-items: center; gap: 14px;}
.footer-social-icons a { display: flex; align-items: center; justify-content: center; color: var(--shades01); font-size: 17px; text-decoration: none;}
.footer-social-icons a:hover {color: var(--mainShade);}
.footer-copyright {padding: 16px 0;}
.footer-copyright-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;}
.footer-copyright-inner p { font-size: 11px; color: rgba(var(--shades01-rgb), 0.70); margin: 0; letter-spacing: 0.8px;}
.footer-goto-top { display: flex; align-items: center; gap: 8px; background: rgba(var(--shades01-rgb), 0.20); color: var(--shades01); font-size: 11px; font-weight: bold; padding: 12px 17px; border-radius: 54px; text-decoration: none; transition: background 0.2s;}
.footer-goto-top:hover {background: rgba(255,255,255,0.15);}

/* ************************|| ABOUT PAGE START ||*************************** */


/* ************************|| ABOUT PAGE ACHIEVEMENT START ||*********************** */


/* ***********************|| ABOUT PAGE MEET MINDS START ||************************ */


/* ***********************|| PRODUCTS PAGE START ||*********************** */


/* **********************|| DESIGN PAGE START ||************************ */



/* ************************|| SUPPORT PAGE START ||******************** */


/* ************************|| SUPPORT PAGE SUPPORT SECTION ||********************* */


/* ************************|| UNDER SUPPORT PAGE EDDM PAGE ||************************** */


/* ******************************|| THEME PAGE START ||************************* */




/* ******************************|| THEME PAGE END ||************************* */

/* ******************************|| GET START PAGE START ||************************* */

/* ******************************|| GET START PAGE END ||************************* */


/* ******************************|| PRODUCT PAGE START ||************************* */

/* ******************************|| PRODUCT PAGE END ||************************* */




/* ******************************|| RESPONSIVE START ||************************* */
@media screen and (max-width: 1600px){
  .navigation-wrap .navigation-menu .menu-item .menu-link{padding: 6px 11px; font-size: 13px;}
  .award-section .award-wrapper{gap: 9px;}
  .award-section .award-wrapper div span{font-size: 11px;}
  .product-detail-img-wrap{height: 100%; aspect-ratio: auto;}
  .promo-countdown{gap: 6px;}
}

@media screen and (max-width: 1540px){
  
}

@media screen and (max-width: 1440px){
  
}

@media screen and (max-width: 1366px){.navigation-wrap .navigation-menu{gap: 12px;} .countdown-item{width: 87px; height: 87px;} .featured-product-trust{flex-wrap: nowrap;}}

@media screen and (max-width: 1280px){
  
}

@media screen and (max-width: 1024px){
  .hero-section { padding: 60px 0; }
  .hero-section .hero-content-wrap { max-width: 55%;}
  .hero-section .hero-content-wrap .main-banner-heading { font-size: 32px; }

  .award-section .award-wrapper { gap: 6px; }
  .award-section .award-wrapper div span { font-size: 10px; }

  .category { padding: 60px 0; }
  .category .main-title { font-size: 28px; }
  .category .sub-title { font-size: 14px; }

  .category-slide { padding: 50px 0 80px; }
  .category-slide .main-title { font-size: 28px; }

  .product-detail-section { padding: 70px 0; }
  .product-detail-info { padding: 0 0 0 24px; gap: 12px; }
  .product-detail-title { font-size: 26px; }

  .why-section { padding: 60px 0 80px; }
  .why-section-title { font-size: 28px; }
  .why-features { padding-left: 20px; }
  .why-feature-item { gap: 18px; padding: 18px 20px; }
  .why-feature-icon { width: 50px; height: 50px; font-size: 18px; }
  .why-feature-text h4 { font-size: 15px; }

  .featured-product-section { padding: 70px 0 80px; }
  .featured-product-info { padding-left: 24px; }
  .featured-product-title { font-size: 22px; }
  .fp-btn-cart, .fp-btn-details { padding: 16px 28px; }

  .why-choose-section { padding: 70px 0 80px; }
  .why-choose-section .main-title { font-size: 28px; }
  .why-choose-left { padding: 32px 0 32px 80px; }
  .why-choose-right { padding: 32px 80px 32px 0; }
  .why-choose-image { width: 260px; margin-top: -14px; margin-bottom: -14px; }
  .why-choose-left .wc-icon { left: -86px; width: 58px; height: 58px; }
  .why-choose-right .wc-icon { right: -86px; width: 58px; height: 58px; }
  .wc-text .title { font-size: 15px; }
  .wc-text .description { font-size: 12px; max-width: 240px; }

  .reviews-section { padding: 70px 0 80px; }
  .reviews-section .main-title { font-size: 28px; }
  .review-card-footer { margin-top: 40px; }

  .promo-section { padding: 70px 0 90px; }
  .promo-section-title { font-size: 32px; }
  .countdown-item { width: 80px; height: 80px; }
  .countdown-num { font-size: 28px; }

  .footer-main { padding: 50px 0 40px; }
  .footer-newsletter-form { width: 100%; }
  .footer-col-links { gap: 14px; }
  header .navigation .navigation-wrap{width: 250px;}
  header .navigation .navigation-wrap.active{transform: translateX(0); opacity: 1;}
  header .navigation .navigation-wrap .navigation-menu{flex-direction: column; justify-content: flex-start; padding-bottom: 40px; width: 100%; padding-left: 0;}
  header .navigation .header-options .menu-trigger{display: flex;}
  .brand-nav-wrapper .brand{height: auto;}
  header .main-header{padding: 4px 0 0;}
  header .navigation .navigation-wrap{position: fixed; top: 0; left: 0; width: 300px; height: 100%; background: var(--shades01); z-index: 99; padding: 20px; box-shadow: rgba(0, 0, 0, 0.4) 0 0 50px; transform: translateX(calc(-100% - 60px)); opacity: 0; transition: all 0.3s ease;}
  .header-options .call-to-action.btn{margin: 0;}
  .header-options{justify-content: end;}
  .navigation-wrap{justify-content: left;}
  .navigation-wrap .navigation-menu li{width: 100%;}
  .navigation-menu .dropdown-menu{transform: translateX(0%); width: 100%;}
  .navigation-wrap .navigation-menu .menu-item .menu-link.dropdown-toggle{padding: 16px 21px 16px 15px;}
  header .navigation-wrap .navigation-menu .menu-link.dropdown-toggle::after{right: 15px; top: 20px !important;}
  .navigation-wrap .navigation-menu .menu-item .menu-link{padding: 16px 15px;}
  .navigation-wrap .navigation-menu {gap: 13px;}
  .navigation-wrap .navigation-menu{gap: 30px;}
  .navigation-wrap .navigation-menu li a{font-size: 15px;}
  .why-choose-left {padding: 36px 32px 36px 80px;}
  .why-choose-right {padding: 36px 80px 36px 32px;}
  .why-choose-image {width: 270px;}
  .why-choose-left .wc-icon { left: -76px; width: 52px; height: 52px;}
  .why-choose-right .wc-icon { right: -76px; width: 52px; height: 52px;}
  .main-header .container .row{justify-content: space-between; width: 100%;}
  .swiper-wrapper-outer{padding: 0 15px;}
  .hero-card-overlay{top: 0;}
}

@media screen and (max-width: 990px){
  .header-options .call-to-action.btn.desktop{display: none;}
  .footer-main {padding: 36px 0 28px;}
  .why-section {padding: 60px 0;}
  .why-features {gap: 18px;}
  .featured-product-info { padding-left: 0; gap: 16px;}
  .why-choose-wrap {flex-direction: column;}
  .why-choose-left { border-radius: 24px 24px 0 0; padding: 36px 24px 36px 24px;}
  .why-choose-right { border-radius: 0 0 24px 24px; padding: 36px 24px 36px 24px;}
  .why-choose-image { width: 100%; z-index: 2;}
  .why-choose-image img {height: 100%;}
  .wc-icon { position: static; transform: none; flex-shrink: 0; width: 48px; height: 48px;}
  .wc-item { gap: 14px; align-items: flex-start;}
  .why-choose-right .wc-item {flex-direction: row-reverse;}
  .rating-summary { flex-direction: column; gap: 28px; padding: 28px 24px;}
  .rating-summary-score {min-width: unset;}
  .rating-summary-bars {width: 100%;}
  .promo-section {padding: 56px 0;}
  .promo-visual {min-height: 400px;}
  .hero-section { padding: 50px 0; }
  .hero-section .hero-content-wrap .main-banner-heading { font-size: 28px; }
  .hero-section .hero-content-wrap .description { font-size: 13px; }
  .hero-section .hero-content-wrap .banner-btn { padding: 16px 32px; }

  .category { padding: 50px 0; }
  .category .main-title { font-size: 24px; }
  .hero-card { aspect-ratio: 4 / 3; }
  .hero-card-title { font-size: 20px; }

  .category-slide { padding: 40px 0 60px; }
  .category-slide .main-title { font-size: 24px; }
  .product-card-name { font-size: 13px; }

  .product-detail-section { padding: 50px 0; }
  .product-detail-info { padding: 24px 0 0 0; }
  .product-detail-title { font-size: 22px; max-width: 100%; }
  /* .product-detail-cta { flex-direction: column; } 
  .btn-add-cart, .btn-buy-now { width: 100%; }*/
  .product-detail-purchase { flex-direction: column; align-items: flex-start; gap: 16px; }

  .why-section { padding: 50px 0 60px; }
  .why-section-title { font-size: 24px; max-width: 100%; }
  .why-features { padding-left: 0; margin: 25px 0 0;}
  .why-feature-item { border-radius: 50px; padding: 14px 18px; gap: 14px; }
  .why-feature-icon { width: 44px; height: 44px; font-size: 16px; }
  .why-feature-text h4 { font-size: 14px; }
  .why-feature-text p { font-size: 12px; }
  .why-slider { margin-top: 28px; }

  .featured-product-section { padding: 50px 0 60px; }
  .featured-product-info { padding-left: 0; padding-top: 24px; }
  .featured-product-title { font-size: 20px; }
  .featured-product-purchase { flex-direction: column; align-items: flex-start; }
  .featured-product-cta { width: 100%; }
  .fp-btn-cart, .fp-btn-details { flex: 1; justify-content: center; padding: 16px 20px; }

  .why-choose-section { padding: 50px 0 60px; }
  .why-choose-section .main-title { font-size: 24px; margin-bottom: 32px; }
  .why-choose-wrap { flex-direction: column; }
  .why-choose-left { border-radius: 24px 24px 0 0; padding: 32px 24px 32px 24px; }
  .why-choose-right { border-radius: 0 0 24px 24px; padding: 32px 24px 32px 24px; }
  .why-choose-image { width: 100%; z-index: 2; margin-top: 0; margin-bottom: 0; }
  .why-choose-image img { height: 100%; border-radius: 0; }
  .wc-icon { position: static; transform: none; flex-shrink: 0; width: 52px; height: 52px; }
  .wc-item { gap: 16px; align-items: flex-start; padding: 17px 0; }
  .why-choose-right .wc-item { flex-direction: row-reverse; padding: 17px 0; }
  .wc-text .title { font-size: 15px; }
  .wc-text .description { max-width: 100%; }

  .reviews-section { padding: 50px 0 60px; }
  .reviews-section .main-title { font-size: 24px; }
  .reviews-section .sub-title { font-size: 14px; }
  .review-card-footer { margin-top: 30px; }
  .rating-summary { flex-direction: column; gap: 24px; padding: 24px; }
  .rating-summary-score { min-width: unset; width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 12px; }
  .rating-summary-bars { width: 100%; }

  .promo-section { padding: 50px 0 60px; }
  .promo-section-title { font-size: 28px; }
  .promo-section-content { gap: 16px; }
  .promo-countdown { gap: 8px; }
  .promo-visual { aspect-ratio: 16 / 10; margin-top: 32px; }

  .footer-main { padding: 40px 0 30px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 16px; }
  .footer-bottom-policies { gap: 8px 20px; }
}

@media screen and (max-width: 990px) and (orientation: landscape){}

@media screen and (max-width: 768px){
  .hero-section { padding: 40px 0;}
  .hero-section .hero-content-wrap .main-banner-heading { font-size: 24px; }
  .hero-section .hero-content-wrap .banner-btn { padding: 14px 24px; }
  .hero-section .banner-list { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .hero-section .banner-list span { font-size: 8px; }

  .award-section .award-wrapper { gap: 0; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
  .award-section .award-wrapper div { padding: 10px 14px; flex-shrink: 0; }

  .category { padding: 40px 0; }
  .category .main-title { font-size: 22px; }
  .category .sub-title { font-size: 13px; margin-bottom: 28px; }

  .category-slide { padding: 36px 0 50px; }
  .category-slide .main-title { font-size: 22px; }
  .category-slide .nav.nav-tabs { max-width: 320px; gap: 10px; }
  .category-slide .nav-link { padding: 12px 24px; font-size: 9px; }
  .product-btn { width: 100%; max-width: 280px; }

  .product-detail-section { padding: 40px 0; }
  .product-detail-title { font-size: 20px; }
  .product-detail-info { gap: 12px; }
  .product-detail-badge { padding: 8px 12px; font-size: 10px; }
  .product-detail-price-wrap .price-current { font-size: 22px; }
  .price-tax { margin-left: 0; display: block; width: 100%; }
  .model-btn.active { padding: 12px; }

  .why-section { padding: 40px 0 50px; }
  .why-section-tag { font-size: 10px; padding: 10px 18px; }
  .why-section-title { font-size: 22px; }
  .why-section-desc { font-size: 13px; }
  .why-btn { padding: 16px 28px; font-size: 10px; }
  .why-feature-item { padding: 12px 14px; border-radius: 40px; }
  .why-feature-icon { width: 38px; height: 38px; font-size: 14px; border-radius: 12px; }
  .why-feature-text h4 { font-size: 13px; }
  .why-feature-text p { font-size: 11px; }

  .featured-product-section { padding: 40px 0 50px; }
  .featured-product-badge { font-size: 9px; padding: 10px 14px; }
  .featured-product-title { font-size: 18px; }
  .featured-product-desc { font-size: 13px; }
  .fp-price { font-size: 24px; }
  .fp-btn-cart, .fp-btn-details { padding: 14px 16px; font-size: 10px; }
  .trust-item i { font-size: 18px; }
  .trust-item div span { font-size: 11px; }

  .why-choose-section { padding: 40px 0 50px; }
  .why-choose-section .main-title { font-size: 22px; margin-bottom: 24px; }
  .wc-icon { width: 44px; height: 44px; }
  .wc-text .title { font-size: 14px; }
  .wc-text .description { font-size: 12px; }

  .reviews-section { padding: 40px 0 50px; }
  .reviews-section .main-title { font-size: 22px; }
  .review-card { padding: 18px; }
  .review-card-avatar { width: 48px; height: 48px; }
  .review-card-info h5 { font-size: 13px; }
  .review-card-body { font-size: 13px; }
  .review-card-footer { margin-top: 16px; }
  .rating-big { font-size: 32px; }
  .rating-summary { padding: 20px 16px; gap: 16px; }

  .promo-section { padding: 40px 0 50px; }
  .promo-section-title { font-size: 24px; }
  .promo-section-badge { font-size: 9px; padding: 10px 14px; }
  .promo-countdown { gap: 6px; }
  .countdown-item { width: 72px; height: 72px; }
  .countdown-num { font-size: 24px; }
  .countdown-label { font-size: 9px; }
  .promo-copy-btn { padding: 12px 16px; font-size: 11px; }
  .promo-claim-btn { justify-content: center; }
  .promo-visual { margin-top: 24px; aspect-ratio: 4 / 3; }
  .pest-icon { width: 55px; height: 55px; }
  .pest-icon img { width: 30px; height: 30px; }
  .pest-item span { font-size: 9px; }
  .promo-safe-text h4 { font-size: 13px; }
  .promo-warranty { width: 80px; height: 80px; }
  .warranty-num { font-size: 20px; }
  .warranty-year { font-size: 12px; }

  .footer-main { padding: 32px 0 24px; }
  .footer-logo img { height: 52px; }
  .footer-newsletter-form { width: 100%; }
  .footer-col-title { margin-bottom: 14px; }
  .footer-col-links { gap: 12px; }
  .footer-copyright-inner { flex-direction: column; align-items: flex-start; gap: 12px; }
  .footer-goto-top { font-size: 10px; }
  .hero-card {aspect-ratio: 3 / 2;}
  .hero-card-product { width: 32%; bottom: 44px; right: 16px;}
  .hero-card-content { max-width: 60%; left: 16px; bottom: 20px;}
  .hero-card-title {font-size: 20px;}
  .hero-card-desc {font-size: 12px;}
  .footer-bottom .container {flex-direction: column; align-items: flex-start;}
  .footer-bottom-policies {gap: 8px 16px;}
  .footer-copyright-inner {flex-direction: row; align-items: center;}
  .product-detail-img-wrap {min-height: 320px;}
  .product-detail-info {padding: 28px 20px;gap: 18px;}
  /* .product-detail-cta {flex-direction: column;} 
  .btn-add-cart, .btn-buy-now {width: 100%;}*/
  .why-section-cta {flex-wrap: nowrap;}
  .why-btn { width: 100%; justify-content: center;}
  .why-feature-item { padding: 12px 14px; gap: 14px;}
  .why-feature-icon { width: 38px; height: 38px; font-size: 15px;}
  .featured-product-section {padding: 48px 0;}
  .featured-product-purchase { flex-direction: column; align-items: flex-start; gap: 14px;} 
  .featured-product-cta {width: 100%;}
  .fp-btn-cart, .fp-btn-details { flex: 1; justify-content: center;}
  .trust-divider {display: none;}
  .trust-item {min-width: 140px;}
  .reviews-section {padding: 56px 0 40px;}
  .rating-summary {padding: 24px 16px;}
  .countdown-item { width: 68px; height: 68px;}
  .countdown-num {font-size: 22px;}
  .promo-product-img {width: 38%;}
  .promo-safe-text h4 {font-size: 15px;}
  .featured-product-trust{gap: 53px;}
}

@media screen and (max-width: 640px){
  .hero-section .hero-content-wrap .main-banner-heading { font-size: 22px; }
  .hero-section .hero-content-wrap .description { font-size: 12px; margin: 8px 0 20px; }

  .category .main-title { font-size: 20px; }
  .hero-card { aspect-ratio: 3 / 2; }
  .hero-card-title { font-size: 18px; }
  .hero-card-content { max-width: 65%; }

  .category-slide .main-title { font-size: 20px; }
  .category-slide .nav.nav-tabs { max-width: 280px; }
  .category-slide .nav-link { padding: 10px 18px; }

  .product-detail-title { font-size: 18px; }
  .product-detail-badge { font-size: 9px; }
  .product-detail-section { padding: 32px 0; }
  .btn-add-cart, .btn-buy-now { padding: 16px 20px; font-size: 11px; }

  .why-section-title { font-size: 20px; }
  .why-feature-item { gap: 12px; padding: 10px 12px; }
  .why-feature-icon { width: 34px; height: 34px; font-size: 13px; border-radius: 10px; }

  .featured-product-title { font-size: 16px; }
  .fp-price { font-size: 22px; }

  .why-choose-section .main-title { font-size: 20px; }
  .why-choose-image { height: 230px; }
  .wc-icon { width: 40px; height: 40px; }

  .reviews-section .main-title { font-size: 20px; }
  .review-card-score { font-size: 15px; }

  .promo-section-title { font-size: 22px; }
  .countdown-item { width: 64px; height: 64px; }
  .countdown-num { font-size: 20px; }
  .promo-pest-icons { gap: 12px; }
  .pest-icon { width: 48px; height: 48px; }
  .pest-icon img { width: 26px; height: 26px; }

  .footer-bottom-policies { gap: 8px 12px; }
  .footer-bottom-social { flex-wrap: wrap; gap: 10px; }
  .header-options .contact{font-size: 14px;}
  header .navigation .header-options .menu-trigger { width: 23px; height: 30px; margin: 0;}
  .why-choose-section {padding: 52px 0;}
  .why-choose-section .main-title {font-size: 26px;}
  .wc-icon { width: 40px; height: 40px;}
  .wc-text h4 {font-size: 14px;}
  .wc-text p {font-size: 12.5px;}

}

@media screen and (max-width: 480px){
  .hero-section { padding: 32px 0; }
  .hero-section .hero-content-wrap .main-banner-heading { font-size: 20px; }
  .hero-section .banner-list { grid-template-columns: repeat(3, 1fr); }

  .hero-card { aspect-ratio: 1 / 1; }
  .hero-card-content { max-width: 70%; bottom: 14px; left: 14px; }
  .hero-card-product { width: 25%; bottom: 40px; right: 10px; }
  .hero-card-btn { padding: 8px 14px; font-size: 10px; }

  .category-slide .nav.nav-tabs { max-width: 77%; padding: 6px; }
  .category-slide .nav-link { padding: 10px 14px; }
  .product-card-img { padding: 30px; }

  .product-detail-title { font-size: 16px; }
  .qty-btn { width: 32px; height: 32px; font-size: 16px; }
  .qty-value { width: 36px; font-size: 13px; }

  .why-choose-image { height: 100%; }
  .wc-text .title { font-size: 13px; }
  .wc-text .description { font-size: 11px; }

  .review-card { padding: 14px; }
  .review-card-avatar { width: 40px; height: 40px; }
  .rating-summary { padding: 16px 12px; }
  .rating-big { font-size: 28px; }

  .promo-section-title { font-size: 20px; }
  .countdown-item { width: 70px; height: 70px; gap: 4px; }
  .countdown-num { font-size: 18px; }
  .countdown-label { font-size: 8px; }
  .promo-code-value { font-size: 13px; }
  .promo-code-label { font-size: 10px; }
  .promo-visual { aspect-ratio: 1 / 1; width: 100%;}
  .promo-pest-icons { gap: 8px; }
  .pest-icon { width: 42px; height: 42px; }
  .pest-icon img { width: 22px; height: 22px; }
  .pest-item span { font-size: 8px; }
  .promo-warranty { width: 77px; height: 77px; }
  .warranty-num { font-size: 16px; }
  .warranty-year { font-size: 10px; }

  .footer-logo img { height: 44px; }
  .footer-col-title { font-size: 11px; }
  .footer-col-links li a { font-size: 12px; }
  .footer-contact-icon { font-size: 22px; }
  .footer-contact-label { font-size: 11px; }
  .footer-contact-text { font-size: 12px; }
  .footer-bottom-policies a { font-size: 10px; }
  .footer-social-icons a { font-size: 15px; }
  .hero-card-product {width: 28%;}
  .hero-card-content {max-width: 65%;}
  .hero-card-btn { padding: 9px 18px; font-size: 11px;}
  .featured-product-trust{gap: 20px; flex-wrap: wrap;}
  .right-text ul{justify-content: center;}
  header .main-header{padding: 9px 0 10px; height: auto;}
  .main-header .container .row{justify-content: center;}
  .main-header .container{max-width: 100%;}
  .main-header .cart-icon-wrap .cart-badge{width: 20px; height: 20px;}
  header .navigation .navigation-wrap{width: 248px;}
  .hero-section .hero-content-wrap{max-width: 100%;}
  .swiper-wrapper-outer{padding: 0;}
  .why-section-cta{flex-wrap: wrap;}
  .why-feature-item{border-radius: 10px;}
  .hero-section{position: relative; z-index: 1;}
  .hero-section::after{position: absolute; background-color: rgba(0, 0, 0, 0.5); content: ""; top: 0; width: 100%; height: 100%; z-index: -1;}
  .hero-section .hero-content-wrap .main-banner-heading{color: var(--shades01);}
  .hero-section .hero-content-wrap .description{color: var(--shades01);}
  .hero-section .banner-list span{color: var(--shades01);}
  .hero-section .banner-list span:nth-child(2)::before{left: 104px;}
  .hero-section .banner-list span:nth-child(2)::after{right: 119px;}
  .top-header{height: 38px;}
  .main-header .container .col{padding: 0;}

  .main-header .account-label { display: none; }
  .main-header .cart-icon-wrap .cart-text { display: none; }
  .main-header .header-divider { display: none;}
  .header-options { gap: 6px; }
  .main-header .header-icon-btn .fa-heart,
  .main-header .header-icon-btn .fa-user,
  .main-header .cart-icon-btn .fa-cart-shopping { font-size: 22px; }
  .main-header .cart-icon-btn{position: relative;}
  .main-header .cart-icon-btn .cart-icon-wrap{position: absolute; top: -11px; right: -14px;}
  .promo-visual-bottom{background-image: linear-gradient(to top, black, transparent);}
  .promo-countdown{gap: 17px;}

  /* Single line: hamburger left, logo center, icons right */
  .main-header .container .row {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }

  /* Logo stays centered */
  .main-header .brand .logo {
    width: 130px;
  }

  /* Navigation: trigger left, icons right, no gap issues */
  .navigation {
    gap: 6px;
    justify-content: flex-end;
    align-items: center;
  }

  /* Keep header height consistent */
  header .main-header {
    height: auto;
    padding: 10px 0;
  }
}

@media screen and (max-width: 375px){
  .hero-section .hero-content-wrap .main-banner-heading { font-size: 18px; }
  .category .main-title { font-size: 18px; }
  .category-slide .main-title { font-size: 18px; }
  .product-detail-title { font-size: 15px; }
  .why-section-title { font-size: 18px; }
  .featured-product-title { font-size: 15px; }
  .why-choose-section .main-title { font-size: 18px; }
  .reviews-section .main-title { font-size: 18px; }
  .promo-section-title { font-size: 18px; }
  .countdown-item { width: 54px; height: 54px; }
  .countdown-num { font-size: 16px; }
  .promo-pest-icons { gap: 6px; }
  .pest-icon { width: 38px; height: 38px; }
  .pest-icon img { width: 20px; height: 20px; }
  .footer-newsletter-form { padding: 8px 6px 8px 14px; }
}