@charset "utf-8";
/* CSS Document */

/* CSS Document © 2026 ENVINTO */
/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

@font-face {
    font-family: 'Brittany Signature';
    src: url('../fonts/BrittanySignatureRegular.eot');
    src: url('../fonts/BrittanySignatureRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrittanySignatureRegular.woff2') format('woff2'),
        url('../fonts/BrittanySignatureRegular.woff') format('woff'),
        url('../fonts/BrittanySignatureRegular.ttf') format('truetype'),
        url('../fonts/BrittanySignatureRegular.svg#BrittanySignatureRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */



::-moz-selection{ background:#7b7d7f; color:var(--global); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--global); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family: "Inter", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#000000; background: #ffffff; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden; overflow-y: scroll; scroll-behavior: smooth;}
:root { --primary: #FE0000; --secondary:#333333; --global: #ffffff;}
a { text-decoration:none; transition:all 0.25s ease-out 0s; outline: none; box-shadow: none;color: var(--secondary);}
a:hover{text-decoration: none;color: var(--primary);}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ font-family: "Inter", sans-serif;}
p, p span {font-family: "Open Sans", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:#000;
}
::-moz-placeholder { 
  color:#000;
}
:-ms-input-placeholder {
  color:#000;
}
:-moz-placeholder {
  color:#000;
}

section, header, footer {width: 100%; float: left;}

img{max-width: 100%; display: block;}

strong{font-weight: bold;}

.container{max-width: 1400px; margin: 0 auto;padding: 0px 15px;}


strong{font-weight: bold;}



.error-page-section {background: var(--primary);}
.error-page-row {max-width: 800px; margin: 50px auto;}
.error-page-col1 h1 {font-size: 40px;color: #000;}
.error-page-col1 h2 {font-size: 40px;font-weight: 700;margin: 0 0 20px;color: #000;}
.error-page-col1 p {font-size: 16px;font-weight: 600;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-form { width: 100%; display: flex; align-items: center;}
.search-form input {width: 197px;height: 45px;border: 1px solid #000;margin: 0 7px 0 0;padding: 0 10px;color: #000;outline: none;box-shadow: none;display: inline-block;border-radius: 80px;}
.search-form .search-submit {width: auto;height: 45px;display: inline-block;padding: 0 25px;color: #ffff;border: 1px solid #000;background: #000;transition all 0.25s ease-in-out;border-radius: 80px;}
.search-form .search-submit .screen-reader-text { position: relative !important;  display: block;  height: auto;  width: auto;  color: #ffff;  clip-path: none;  transition: all 0.25s ease-in-out;}
.search-form .search-submit:hover { color: #000; background: none;}
.search-form .search-submit:hover .screen-reader-text { color: #000;}
.search-form input::placeholder { color: #000;}
.search-page-section {padding: 80px 0px;background: #ffff;}
.search-page-row {  max-width: 1320px;  margin: 0 auto;}
.search-page-row .page-header .page-title {font-size: 40px;margin: 0 0 35px;display: flex;color: #000;font-weight: 500;}
.search-page-card {  margin: 0 0 50px;}
.search-page-content { padding: 0; max-width: inherit;  width: 100%;  text-align: left;  flex: 1 0 0;}
.search-page-content h3 {font-size: 32px;color: #000;font-weight: 500;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid var(--primary);}
.search-page-content p {font-size: 16px;font-weight: 500;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-btn1 {padding: 12px 24px;background-color: #000;border-radius: 80px;color: #ffffff;border: 1px solid #000;transition: 0.3s all ease-in-out;font-size: 16px;font-weight: 400;display: inline-block;margin: 10px auto 0;}
.search-btn1:hover {background-color: #ffffff;color: #000;}



.defualt-page-section {padding: 60px 0; background: #fff;}
.content-wrap h2 { font-size: 46px; font-weight: 500; color: var(--primary); margin: 0 0 20px;}
.content-wrap p { font-size: 16px; color: var(--secondary); line-height: 1.56; margin: 0 0 20px;}
.content-wrap ul {width: 100%; margin: 0 0 20px;}
.content-wrap ul li { font-size: 16px; line-height: 1.56; color: var(--primary); padding-left: 10px; position: relative;}
.content-wrap ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.content-wrap ol { width: 100%;float: none; counter-reset: my-awesome-counter; margin: 0 auto 28px;position: relative;}
.content-wrap ol li {font-size: 16px; line-height: 1.56; color: var(--primary); padding-left: 20px;position: relative;counter-increment: step-counter;}
.content-wrap ol li:before { content: counter(step-counter) '.'; margin-right: 0px; position: absolute; left: -4px; top: 0;}
.content-wrap p a, .content-wrap ul li a, .content-wrap ol li a{color:var(--primary);}
.content-wrap p a:hover, .content-wrap ul li a:hover, .content-wrap ol li a:hover{color: #000000;}



.whatsup-icon { position: fixed; bottom: 10px; right: 10px; z-index: 9999;background: #fff;padding: 15px;border-radius: 11px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.whatsup-icon img { width: 50px; height: 50px; }
.whatsup-icon  h3{font-size: 12px;text-align: center;color: var(--primary);margin: 0 0 10px;}




.overlay{display: none;}
.burger-btn{display: none;}


.header-section.sticky{position: fixed;top: -11px;left: 0;z-index: 999;background:#fff;animation: .7s slide-down;box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;}
.header-section.sticky .menu-list ul li a{color:var(--primary);}
.header-section.sticky {padding: 10px 0px;margin: 10px 0px;}
.header-section.sticky .header-col .logo img{height: 50px;}

@keyframes slide-down {
  0% {
      transform: translateY(-100%)
  }

  100% {
      transform: translateY(0)
  }
}



.header-section{padding:24px 0px;border-bottom: 1px solid #DCDCDC;}
.header-row{display: flex;align-items: center;justify-content: space-between;}
.logo img{height:60px;}
.menu ul{display:flex;list-style:none;gap:40px;}
.menu ul li a{position:relative;text-decoration:none;font-size:15px;color:#333;font-weight:500;padding:8px 0;transition:.3s;}
.menu ul li a.active,.menu ul li a:hover{font-weight:700;}
.menu ul li a.active::after,.menu ul li a:hover::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:#333;}


.primary-btn a{padding:14px 32px;background:var(--primary);color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:700;border-radius:30px;box-shadow:0 8px 18px rgba(255,20,0,.25);transition:.3s;letter-spacing: 0.8px;}
.primary-btn a:hover{background:#e10f00;transform:translateY(-2px);}




.hero-slider{overflow:hidden;}
.hero-item{padding:130px 0;background:#f8f8f8;position: relative;}
.hero-content{width:60%;position:relative;z-index: 5;}
.hero-content h1{font-size:60px;line-height:1.08;font-weight:700;color:#111;margin-bottom:25px;}
.hero-content p{font-size:18px;line-height:1.8;color:#666;max-width:470px;margin-bottom:35px;}
.theme-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 35px;background:#ff1a00;color:#fff;text-decoration:none;font-weight:700;border-radius:40px;text-transform:uppercase;font-size:14px;transition:.4s;}
.theme-btn:hover{background:#111;}
.hero-image{width:55%;text-align:right;}
.hero-image img{max-width:100%;display:block;position: absolute;left: 0;top: 0;width:100%;object-fit: cover;height: 100%;}




.hero-slider .slick-prev,.hero-slider .slick-next{width:44px;height:44px;border:0;border-radius:50%;background:#d9d9d9;display:flex !important;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:99;cursor:pointer;
transition:.3s ease;box-shadow:0 4px 12px rgba(0,0,0,.08);}
.hero-slider .slick-prev{left:15px;}
.hero-slider .slick-next{right:15px;}
.hero-slider .slick-prev i,.hero-slider .slick-next i{color:#fff;font-size:16px;line-height:1;}
.hero-slider .slick-prev:hover,.hero-slider .slick-next:hover{background:var(--primary);}
.hero-slider .slick-prev::before,.hero-slider .slick-next::before{display:none;}



.category-section{padding:60px 0;background:#fff;}
.sec-title{text-align:center;margin-bottom:40px;}
.sec-title span{display:block;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--primary);text-transform:uppercase;margin-bottom:12px;}
.sec-title h2{font-size:40px;line-height:1.15;font-weight:700;color:#1d1d1d;}
.category-row{display:grid;grid-template-columns: repeat(3,1fr);gap: 25px;}
.category-card{width:100%;background:#fff;border:1px solid #e6e6e6;border-radius:12px;overflow:hidden;transition:.4s;margin-bottom: 25px;}
.category-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.08);}
.category-img{height:280px;overflow:hidden;}
.category-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s;}
.category-card:hover img{transform:scale(1.05);}
.category-content{padding:25px 20px;}
.category-content h3{font-size:22px;line-height:1.4;font-weight:700;color:#15284b;margin-bottom:10px;}
.category-content p{font-size:14px;line-height:1.5;color:#7d7d7d;margin-bottom:18px;}
.category-content a{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#15284b;text-decoration:none;transition:.3s;}
.category-content a i{font-size:12px;transition:.3s;}
.category-content a:hover{color:var(--primary);}
.category-content a:hover i{transform:translateX(5px);}





.about-section{padding:60px 0;background:#F7F8FA;}
.about-section .container{max-width:1320px;margin:auto;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:80px;}
.about-content{max-width:520px;}
.about-content span{display:block;font-size:13px;font-weight:700;letter-spacing:1.5px;color:#ff1b00;text-transform:uppercase;margin-bottom:12px;}
.about-content h2{font-size:36px;line-height:1.15;font-weight:700;color:#1a1a1a;margin-bottom:25px;}
.about-content p{font-size:16px;line-height:1.9;color:#666;margin-bottom:15px;}
.about-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:1.5px solid #ff1b00;border-radius:50px;text-decoration:none;font-size:14px;font-weight:700;color:#ff1b00;text-transform:uppercase;margin-top:20px;transition:.3s;}
.about-btn:hover{background:#ff1b00;color:#fff;}
.about-image{flex:1;}
.about-image img{width:100%;display:block;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.08);}






.why-choose{padding:60px 0;background:#fff;}
.why-box{display:flex;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.12);}
.why-image{width:46%;position: relative;}
.why-image img::after{box-shadow: 0px 20px 25px -5px #00000043;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.why-image img{width:100%;height:100%;display:block;object-fit:cover;}
.why-content{width:54%;background:#060606;padding:55px 50px;color:#fff;}
.why-content .sub-title{display:block;font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--primary);text-transform:uppercase;margin-bottom:14px;}
.why-content h2{font-size:36px;line-height:1.18;font-weight:700;margin-bottom:24px;}
.why-content p{font-size:15px;line-height:1.9;color:#b8b8b8;margin-bottom:35px;}
.why-content ul{list-style:none;}
.why-content ul li{position:relative;padding-left:34px;font-size:15px;color:#d8d8d8;margin-bottom:18px;}
.why-content ul li::before{content:"✓";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:1px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:11px;font-weight:700;}
.why-bottom{margin-top:40px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;}
.theme-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 34px;background:var(--primary);color:#fff;text-decoration:none;border-radius:40px;font-size:13px;font-weight:700;transition:.35s;}
.theme-btn:hover{background:#fff;color:#111;}
.theme-btn i{font-size:12px;}
.trusted{display:flex;align-items:center;gap:14px;}
.avatars{display:flex;}
.avatars img{width:38px;height:38px;border-radius:50%;border:2px solid #fff;object-fit:cover;margin-left:-10px;}
.avatars img:first-child{margin-left:0;}
.trusted span{font-size:13px;font-weight:600;color:#fff;}




 
.contact-section{position:relative;padding:60px 0;background:url('../images/contact-bg.png') center/cover no-repeat;}
.contact-head{text-align:center;max-width:700px;margin:0 auto 55px;}
.contact-head span{display:block;font-size:13px;font-weight:700;letter-spacing:1.6px;color:var(--primary);text-transform:uppercase;margin-bottom:12px;}
.contact-head h2{font-size:42px;font-weight:700;color:#fff;margin-bottom:18px;}
.contact-head p{font-size:15px;line-height:1.8;color:#c6c9cf;}
.contact-wrap{display:flex;align-items:stretch;gap:48px;}
.contact-info{flex:0.8;border: 1px solid #FFFFFF33;border-radius:24px;padding:35px;backdrop-filter:blur(4px);}
.contact-info-item{display:flex;align-items:flex-start;gap:18px;padding:22px 0;border-bottom:1px solid #FFFFFF33;}
/* .contact-info-item:first-child{padding-top:0;} */
.contact-info-item:last-child{border-bottom:none;}
.contact-info-item i{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;background: #FFFFFF4D;border-radius:50%;color:var(--primary);font-size:15px;}
.contact-info-text label{display:block;font-size:13px;font-weight:700;letter-spacing:1px;color:#9a9ea6;text-transform:uppercase;margin-bottom:6px;}
.contact-info-text p{font-size:16px;font-weight:600;line-height:1.5;color:#fff;}
.contact-info-text a{display: inline-block;text-decoration: none;transition: .3s;font-size: 16px;font-weight: 600;line-height: 1.5;color: #fff;}
.contact-info-text a:hover{color: var(--primary);}
.contact-form{flex:1.2;background:#fff;border-radius:24px;padding:35px;box-shadow:0 25px 60px rgba(0,0,0,.35);}
.contact-row{display:flex;gap:20px;margin-bottom:22px;}
.contact-field{flex:1;}
.contact-field label{display:block;font-size:11px;font-weight:700;letter-spacing:1px;color:#8a8f98;text-transform:uppercase;margin-bottom:10px;}
.contact-field input, .contact-field textarea{width:100%;padding:14px 16px;border:1px solid #e3e5e9;border-radius:8px;font-size:14px;color:#1a1a1a;outline:none;transition:.25s;}
.contact-field textarea{resize:vertical;min-height:110px;font-family:inherit;}
.contact-field input:focus, .contact-field textarea:focus{border-color:var(--primary);}
.contact-field input::placeholder, .contact-field textarea::placeholder{color:#b3b6bc;}
 
.contact-btn{width:100%;padding:16px;border-radius:8px;background:var(--primary);color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:.3s;display: block;text-align: center;border: 1px solid var(--primary);}
.contact-btn:hover{background:transparent;color: var(--primary);}
 



.footer-section{background:#0d0d0d;padding:70px 0 0;}
.footer-top{display:flex;gap:40px;justify-content:space-between;padding-bottom:50px;}
.footer-about{flex:0 0 26%;}
.footer-logo{width:70px;height:70px;border:2px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.footer-logo span{font-size:20px;font-weight:800;color:var(--primary);letter-spacing:.5px;}
.footer-about p{font-size:13.5px;line-height:1.9;color:#9a9a9a;margin-bottom:22px;}
.footer-socials{display:flex;gap:12px;}
.footer-socials a{width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:13px;text-decoration:none;transition:.3s;}
.footer-socials a:hover{background:var(--primary);color:#fff;}
.footer-col{flex:0 0 18%;}
.footer-col h4{font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--primary);text-transform:uppercase;margin-bottom:22px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:20px;}
.footer-col ul li a{font-size:14px;color:#c9c9c9;text-decoration:none;transition:.25s;}
.footer-col ul li a:hover{color:var(--primary);}
.footer-contact{flex:0 0 24%;}
.footer-contact h4{font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--primary);text-transform:uppercase;margin-bottom:22px;}
.footer-contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;}
.footer-contact-item i{color:var(--primary);font-size:14px;margin-top:3px;}
.footer-contact-item p{font-size:14px;line-height:1.6;color:#c9c9c9;margin-bottom: 20px;}
.footer-contact-item a{text-decoration: none;transition: .3s;color: #c9c9c9;font-size: 14px;}
.footer-contact-item a:hover{color:var(--primary);  }
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 15px;display:flex;align-items:center;justify-content:space-between;margin:auto;}
.footer-bottom p{font-size:13px;color:#8a8a8a;}
.footer-bottom p a{text-decoration: none;transition: .3s;color: var(--primary);}
.footer-bottom p strong{color:#fff;font-weight:600;}
.footer-bottom .footer-credit a{color:var(--primary);text-decoration:none;font-weight:700;}
.footer-bottom-row{display: flex;align-items: center;justify-content: space-between;}





.inner-banner-section{position:relative;height:500px;display:flex;align-items:center;justify-content:center;background:url('../images/inner-banner.png') center 30%/cover no-repeat;}
.inner-banner-section::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: #00000033;}
.inner-banner-content{position:relative;z-index:2;text-align:center;max-width:640px;padding:0 20px;}
.inner-banner-content h1{font-size:60px;font-weight:600;line-height:1.25;color:#fff;margin-bottom:14px;}
.inner-banner-content p{font-size:16px;line-height:1.8;color:#f1f1f1;}





 
.shop-section{padding:50px 0;}
.shop-layout{display:flex;gap:35px;align-items:flex-start;}
.shop-sidebar{flex:0 0 220px;}
.shop-sidebar h3{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:18px;}
.shop-cat-item{display:flex;align-items:center;gap:10px;margin-bottom:16px;cursor:pointer;}
.shop-cat-item i.shop-cat-icon{width:16px;text-align:center;font-size:14px;color:#8a8a8a;transition:.2s;}
.shop-cat-item input{appearance:none;-webkit-appearance:none;width:17px;height:17px;flex:0 0 17px;border:1px solid #E8BCB7;border-radius:4px;position:relative;cursor:pointer;transition:.2s;}
.shop-cat-item input:hover{border-color:var(--primary);}
.shop-cat-item input:checked{background:var(--primary);border-color:#E8BCB7;}
.shop-cat-item input:checked::after{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:9px;}
.shop-cat-item label{font-size:14px;color:#4a4a4a;cursor:pointer;}
.shop-cat-item.active i.shop-cat-icon{color:var(--primary);}
.shop-cat-item.active label{color:var(--primary);font-weight:600;}
.shop-main{flex:1;width: 100%;}
.shop-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;justify-content: flex-end;}
.shop-tab{padding:9px 20px;border: 1px solid #E8BCB7;border-radius:30px;background:#fff;font-size:13px;font-weight:500;color:#5F5E5E;cursor:pointer;transition:.25s;}
.shop-tab:hover{border-color:var(--primary);color:var(--primary);}
.shop-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;}
.shop-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
.shop-card{border:1px solid #eee;border-radius:10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:.3s;}
.shop-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.1);transform:translateY(-3px);}
.shop-card img{width:100%;height:250px;object-fit:contain;}
.shop-card h4{font-size:14px;font-weight:700;color:#1a1a1a;line-height:1.4;margin-bottom:16px;min-height:40px;}
.shop-btn{display:inline-block;padding:11px 26px;border:1px solid var(--primary);border-radius:30px;background:#fff;color:var(--primary);font-size:12.5px;font-weight:600;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:.25s;width: 100%;}
.shop-btn:hover{background:var(--primary);color:#fff;}
.shop-empty{display:none;text-align:center;padding:60px 0;color:#999;font-size:14px;}
.shop-card-content{padding: 30px 20px;}


 
.shop-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;}
.shop-page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#4a4a4a;font-size:13px;font-weight:600;cursor:pointer;transition:.2s;}
.shop-page-btn:hover{border-color:var(--primary);color:var(--primary);}
.shop-page-btn.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff;cursor:default;}
.shop-page-btn.disabled{opacity:.4;cursor:not-allowed;}
.shop-page-btn.disabled:hover{border-color:#e0e0e0;color:#4a4a4a;}
.shop-page-dots{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#9a9a9a;font-size:13px;}
 

 .other-category-section{background-color: #F7F8FA;padding: 50px 0;}
 .sec-btn{ text-align: center; margin-top: 30px;width: fit-content; margin: auto;}











 
.pd-section{padding:60px 0;}
.pd-breadcrumb{font-size:12.5px;color:#6a6a6a;margin-bottom:28px;}
.pd-breadcrumb span{color:#1a1a1a;font-weight:600;}
.pd-top{display:flex;gap:40px;}
.pd-gallery{display:flex;gap:14px;flex:1;}
.pd-thumbs{display:flex;flex-direction:column;gap:12px;}
.pd-thumb{width:64px;height:64px;border:1px solid #e2e2e2;border-radius:6px;padding:4px;cursor:pointer;transition:.2s;}
.pd-thumb img{width:100%;height:100%;object-fit:contain;}
.pd-thumb.active{border-color:var(--primary);}
.pd-main-img{flex:1;border:1px solid #e2e2e2;border-radius:6px;padding:20px;display:flex;align-items:center;justify-content:center;height:550px;}
.pd-main-img img{max-width:100%;max-height:100%;object-fit:contain;}
.pd-info{flex:1;padding-top:4px;}
.pd-info h2{font-size:42px;font-weight:700;line-height:1.2;color:#111;margin-bottom:14px;}
.pd-info h2::after{content:"";display:block;width:56px;height:3px;background:#434655;margin-top:12px;}
.pd-info .pd-desc{font-size:14px;line-height:1.85;color:#000000;margin:22px 0;}
.pd-block{margin-bottom:16px;}
.pd-block h4{font-size:12.5px;font-weight:700;letter-spacing:.5px;color:var(--primary);text-transform:uppercase;margin-bottom:6px;}
.pd-block p{font-size:13.5px;color:#3a3a3a;}
.pd-colors{display:flex;gap:10px;}
.pd-color{width:26px;height:26px;border-radius:5px;cursor:pointer;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:.2s;}
/* .pd-color .image-switch{height: 120px;width: 120px;border: 1px solid #000000;} */
.pd-color.active{border-color:#1a1a1a;transform:scale(1.08);}
.pd-order-btn{margin-top:12px;padding:14px 42px;border:none;border-radius:30px;background:var(--primary);color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:.25s;border: 1px solid var(--primary);}
.pd-order-btn:hover{background:transparent;color: var(--primary);}
.pd-details{margin-top:60px;}
.pd-details-head{display:flex;align-items:center;gap:20px;margin-bottom:22px;}
.pd-details-head h2{font-size:22px;font-weight:700;color:#111;white-space:nowrap;}
.pd-details-head::after{content:"";flex:1;height:1px;background:#e2e2e2;}
.pd-table{width:100%;border-collapse:collapse;border: 1px solid #434655;border-radius:10px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.05);}
.pd-table th{background:var(--primary);color:#fff;text-align:left;font-size:13px;font-weight:700;padding:14px 22px;}
.pd-table td{padding:16px 22px;font-size:13.5px;color:#333;border: 1px solid #E5E7EB;}
.pd-table td:first-child{font-weight:600;color:#1a1a1a;width:220px;}
.pd-table tr:nth-child(even) td{background:#fafafa;}
 




.related-section{padding:60px 0;background:#000;}
.related-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px;gap:20px;}
.related-head h2{font-size:28px;font-weight:600;color:#fff;margin-bottom:8px;}
.related-head p{font-size:13.5px;color:#a8a8a8;}
.related-viewall{font-size:13px;font-weight:700;color:var(--primary);text-decoration:none;white-space:nowrap;transition:.2s;}
.related-viewall:hover{opacity:.75;}
.related-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
.related-card{background:#fff;border-radius:8px;padding:22px;text-align:center;}
.related-card img{width:100%;height:170px;object-fit:contain;margin-bottom:16px;}
.related-card h4{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:16px;}
.related-btn{display:inline-block;padding:10px 24px;border:1.5px solid var(--primary);border-radius:30px;background:#fff;color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:.25s;width: 100%;}
.related-btn:hover{background:var(--primary);color:#fff;}






.articles-section { padding: 60px 0; background: #fff; }
.articles-grid { display: flex; gap: 30px; }
.article-featured { flex: 0 0 calc(65% - 15px); display: flex; flex-direction: column; border: 1px solid #eaeaea; border-radius: 8px; overflow: hidden; }
.article-featured .article-img { position: relative; height: 380px; }
.article-featured .article-img img { width: 100%; height: 100%; object-fit: cover; }
.badge-featured { position: absolute; top: 15px; left: 15px; background: #ffcc00; color: #111; font-size: 10px; font-weight: 800; padding: 4px 10px; border-radius: 4px; z-index: 2; letter-spacing: 1px; }
.article-featured .article-content { padding: 35px 30px; background: #fff; flex: 1; display: flex; flex-direction: column; }
.article-featured .article-meta { font-size: 11px; font-weight: 700; color: #888; letter-spacing: 1px; margin-bottom: 12px; text-transform: uppercase; }
.article-featured h2 { font-size: 24px; font-weight: 700; color: #111; line-height: 1.3; margin-bottom: 15px; }
.article-featured p { font-size: 16px; color: #666; line-height: 1.7; margin-bottom: 30px; flex: 1; }
.article-featured .read-more { font-size: 13px; font-weight: 700; color: #111; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: 0.3s; }
.article-featured .read-more:hover { color: var(--primary); }
.article-list { flex: 0 0 calc(35% - 15px); display: flex; flex-direction: column; gap: 25px; }
.article-item { display: flex; flex-direction: column; gap: 12px; }
.article-item .article-img { width: 100%; height: 150px; border-radius: 8px; overflow: hidden; }
.article-item .article-img img { width: 100%; height: 100%; object-fit: cover; }
.article-item .article-content { display: flex; flex-direction: column; gap: 6px; }
.article-item .article-cat { font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.text-red { color: var(--primary); }
.text-gold { color: #b8860b; }
.article-item h3 { font-size: 15px; font-weight: 400; color: #111; line-height: 1.4; cursor: pointer; transition: 0.3s; margin:0; }
.article-item h3:hover { color: var(--primary); }

/* Blog Listing Section */
.blog-listing-section { background: #F7F8FA; padding: 60px 0; }
.blog-filter-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; gap: 20px; flex-wrap: wrap; }
.blog-search { display: flex; align-items: center; background: #fff; padding: 12px 20px; border-radius: 6px; flex: 1; border: 1px solid #e0e0e0; max-width: 700px; }
.blog-search i { color: #888; font-size: 16px; margin-right: 12px; }
.blog-search input { border: none; outline: none; background: transparent; width: 100%; font-size: 14px; color: #333; }
.blog-search input::placeholder { color: #999; }
.blog-filters { display: flex; gap: 15px; }
.custom-select { position: relative; }
.custom-select select { appearance: none; -webkit-appearance: none; background: #fff; border: 1px solid #e0e0e0; padding: 12px 40px 12px 20px; border-radius: 6px; font-size: 14px; color: #333; cursor: pointer; outline: none; width: 160px; font-weight: 500;}
.custom-select::after { content: '\f107'; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #888; pointer-events: none; font-size: 14px; }

.blog-layout { display: flex; gap: 40px; align-items: flex-start; }
.blog-main { flex: 1; }
.blog-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.blog-card { background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #eaeaea; transition: .3s; }
.blog-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.06); transform: translateY(-3px); }
.blog-card-img { position: relative; height: 220px; }
.blog-card-img img { width: 100%; height: 100%; object-fit: cover; }
.read-time { position: absolute; bottom: 15px; left: 15px; background: rgba(255,255,255,0.9); font-size: 10px; font-weight: 700; padding: 4px 10px; border-radius: 4px; color: #111; letter-spacing: 1px; text-transform: uppercase; }
.blog-card-content { padding: 30px; }
.blog-card-meta { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.blog-cat { font-size: 11px; font-weight: 700; color: #b8860b; text-transform: uppercase; letter-spacing: 1px; }
.blog-date { font-size: 11px; color: #888; text-transform: uppercase; font-weight: 600;}
.blog-card-content h3 { font-size: 20px; font-weight: 700; color: #111; line-height: 1.35; margin-bottom: 12px; transition: .3s; }
.blog-card-content p { font-size: 14px; color: #666; line-height: 1.7; margin-bottom: 22px; }
.blog-card-content .read-more { font-size: 12px; font-weight: 700; color: #111; text-decoration: none; display: flex; align-items: center; gap: 6px; transition: .3s; text-transform: uppercase;}
.blog-card-content .read-more:hover, .blog-card:hover .blog-card-content h3 { color: var(--primary); }

.blog-pagination { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 50px; }
.page-num, .page-arrow, .page-dots { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; color: #111; font-size: 14px; font-weight: 600; text-decoration: none; transition: .3s; }
.page-num:hover, .page-arrow:hover { border-color: #111; background: #111; color: #fff; }
.page-num.active { background: #111; color: #fff; border-color: #111; }
.page-dots { background: transparent; border: none; color: #888; }

.blog-sidebar { flex: 0 0 300px; display: flex; flex-direction: column; gap: 40px; }
.widget-title { font-size: 14px; font-weight: 700; color: #111; text-transform: uppercase; letter-spacing: 1.5px; position: relative; padding-left: 12px; margin-bottom: 25px; }
.widget-title::before { content: ""; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #ffcc00; }

.recent-posts-list { display: flex; flex-direction: column; gap: 30px; }
.recent-post-item { display: flex; align-items: center; gap: 15px; }
.recent-post-item img { width: 65px; height: 65px; border-radius: 6px; object-fit: cover; }
.recent-post-content { flex: 1; }
.recent-date { display: block; font-size: 11px; color: #888; font-weight: 600; text-transform: uppercase; margin-bottom: 6px; }
.recent-post-content h5 { font-size: 13.5px; font-weight: 700; color: #111; line-height: 1.4; transition: .3s; cursor: pointer; margin: 0; }
.recent-post-content h5:hover { color: var(--primary); }

.tags-list { display: flex; flex-wrap: wrap; gap: 10px; }
.tags-list a { display: inline-block; padding: 8px 16px; background: #fff; border: 1px solid #e0e0e0; border-radius: 30px; font-size: 12px; font-weight: 600; color: #333; text-decoration: none; transition: .3s; }
.tags-list a:hover { background: var(--primary); color: #fff; border-color: var(--primary); }

/* Blog Detail Section */
.blog-detail-section { padding: 40px 0 80px; background: #fff; }
.breadcrumb { font-size: 11px; color: #888; margin-bottom: 40px; font-weight: 500; }
.breadcrumb a { color: #888; text-decoration: none; transition: .3s; }
.breadcrumb a:hover { color: var(--primary); }
.breadcrumb span { color: #111; font-weight: 600; }
.blog-detail-layout { display: flex; gap: 50px; align-items: flex-start; }
/* Sidebar */
.blog-detail-sidebar { flex: 0 0 280px; display: flex; flex-direction: column; gap: 30px; position: sticky; top: 100px; align-self: flex-start; }
.toc-widget { background: #F7F8FA; padding: 30px; border-radius: 12px; }
.toc-widget h4 { font-size: 13px; font-weight: 700; color: #333; margin-bottom: 20px; text-transform: uppercase; letter-spacing: .5px; }
.toc-widget ul { list-style: none; display: flex; flex-direction: column; gap: 15px; }
.toc-widget ul li { position: relative; padding-left: 15px; }
.toc-widget ul li::before { content: ""; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; background: var(--primary); border-radius: 50%; }
.toc-widget ul li a { font-size: 13.5px; color: #555; text-decoration: none; transition: .3s; }
.toc-widget ul li a:hover { color: var(--primary); }
.support-widget { background: #ff1b00; color: #fff; padding: 30px; border-radius: 12px; }
.support-widget h4 { font-size: 15px; font-weight: 600; margin-bottom: 10px; }
.support-widget p { font-size: 12px; line-height: 1.5; margin-bottom: 20px; opacity: .9; }
.support-widget a { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: #fff; text-decoration: none; }
.share-widget { display: flex; align-items: center; gap: 20px; padding: 0 10px; }
.share-widget strong { font-size: 12px; color: #555; }
.share-icons { display: flex; gap: 10px; }
.share-icons a { width: 32px; height: 32px; background: #eaeaea; color: #555; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; text-decoration: none; transition: .3s; }
.share-icons a:hover { background: var(--primary); color: #fff; }
/* Content */
.blog-detail-content { flex: 1; }
.blog-intro-row { display: flex; gap: 40px; align-items: flex-start; margin-bottom: 60px; }
.blog-intro-text { flex: 1; }
.blog-intro-text h1 { font-size: 32px; font-weight: 700; color: #111; line-height: 1.25; margin-bottom: 20px; }
.blog-intro-text p { font-size: 15px; color: #666; line-height: 1.7; margin-bottom: 30px; }
.stats-row { display: flex; gap: 20px; }
.stat-box { background: #F7F8FA; padding: 20px; border-radius: 8px; text-align: center; flex: 1; border-bottom: 3px solid #ccc; }
.stat-box h3 { font-size: 22px; font-weight: 700; color: #111; margin-bottom: 5px; }
.stat-box span { font-size: 11px; color: #777; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; }
.blog-intro-image { flex: 0 0 500px; }
.blog-intro-image img { width: 100%; border-radius: 12px; }
.top-list-header { text-align: center; margin-bottom: 40px; }
.top-list-header h2 { font-size: 26px; font-weight: 700; color: #111; margin-bottom: 10px; }
.top-list-header p { font-size: 14px; color: #666; max-width: 500px; margin: auto; line-height: 1.6; }
.ppe-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.ppe-card { border: 1px solid #eaeaea; border-radius: 12px; padding: 30px; display: flex; flex-direction: column; }
.ppe-card-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; }
.ppe-num { font-size: 40px; font-weight: 800; color: #E5E7EB; line-height: 1; }
.ppe-tag { font-size: 10px; font-weight: 700; padding: 4px 10px; border-radius: 4px; letter-spacing: .5px; }
.ppe-tag.critical { background: #FFF7E6; color: #B38600; }
.ppe-tag.popular { background: #ffcc00; color: #111; }
.ppe-card-img { height: 200px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.ppe-card-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.ppe-card h3 { font-size: 18px; font-weight: 700; color: #111; margin-bottom: 10px; }
.ppe-card p { font-size: 13.5px; color: #666; line-height: 1.6; margin-bottom: 25px; }
.ppe-features { background: #F7F8FA; padding: 20px; border-radius: 8px; margin-bottom: 25px; flex: 1; }
.ppe-features h5 { font-size: 12px; font-weight: 600; color: #111; margin-bottom: 12px; }
.ppe-features ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.ppe-features ul li { font-size: 12.5px; color: #555; display: flex; gap: 8px; align-items: flex-start; }
.ppe-features ul li i { font-size: 14px; color: #888; margin-top: 2px; }

.btn-outline-red { display: block; text-align: center; padding: 14px; border: 1.5px solid var(--primary); border-radius: 30px; color: var(--primary); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; transition: .3s; margin-top: auto; }
.btn-outline-red:hover { background: var(--primary); color: #fff; }

/* Daily Safety Check */
.daily-safety-check { background: #111; color: #fff; padding: 40px 60px; border-radius: 12px; margin-top: 60px; text-align: center; }
.daily-safety-check h4 { font-size: 15px; font-weight: 400; margin-bottom: 40px; color: #fff; }
.safety-icons { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.safety-icon-item { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.safety-icon-circle { width: 50px; height: 50px; border: 1.5px solid #ffcc00; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffcc00; font-size: 18px; }
.safety-icon-item span { font-size: 13px; color: #ccc; }

/* Compliance Section */
.compliance-section { display: flex; gap: 40px; margin-top: 60px; align-items: center; }
.compliance-text { flex: 1; }
.compliance-text h3 { font-size: 22px; font-weight: 700; color: #111; margin-bottom: 15px; }
.compliance-text p { font-size: 14px; color: #666; line-height: 1.7; margin-bottom: 25px; }
.compliance-badges { display: flex; gap: 15px; flex-wrap: wrap; }
.comp-badge { border: 1px solid #eaeaea; padding: 8px 15px; border-radius: 6px; font-size: 12px; font-weight: 600; color: #333; display: flex; align-items: center; gap: 8px; }
.comp-badge:nth-child(1) i { color: #dc3545; }
.comp-badge:nth-child(2) i { color: #b8860b; }
.comp-badge:nth-child(3) i { color: #666; }

.compliance-steps { flex: 1; background: #F7F8FA; padding: 40px; border-radius: 12px; display: flex; flex-direction: column; gap: 30px; }
.comp-step { display: flex; gap: 15px; align-items: flex-start; position: relative; }
.comp-step:not(:last-child)::after { content: ""; position: absolute; left: 11px; top: 24px; bottom: -30px; width: 1.5px; background: #e0e0e0; z-index: 1; }
.comp-num { width: 24px; height: 24px; background: #ffcc00; color: #111; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; position: relative; z-index: 2; }
.comp-step-text h5 { font-size: 14px; font-weight: 700; color: #111; margin-bottom: 5px; }
.comp-step-text p { font-size: 12px; color: #777; line-height: 1.5; margin: 0; }

/* FAQ Section */
.faq-section {background: #F7F8FA;padding: 50px;border-radius: 12px;margin-top: 60px;text-align: center;}
.faq-section h3 {font-size: 24px;font-weight: 700;color: #111;margin-bottom: 30px;}
.faq-list {display: flex;flex-direction: column;gap: 15px;text-align: left;}
.faq-item {background: #fff;border: 1px solid #eaeaea;border-radius: 8px;overflow: hidden;transition: .3s;}
.faq-question {padding: 18px 25px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.faq-question h5 {font-size: 14px;font-weight: 600;color: #333;margin: 0;padding-right: 20px;}
.faq-question i {color: #888;font-size: 12px;transition: transform .3s ease;flex-shrink: 0;}
.faq-answer {max-height: 0;overflow: hidden;transition: max-height .35s ease, padding .35s ease;padding: 0 25px;}
.faq-answer p {font-size: 14px;line-height: 1.7;color: #666;margin: 0;}
.faq-item.active {border-color: #ccc;}
.faq-item.active .faq-answer {max-height: 200px;padding: 0 25px 20px;}
.faq-item.active .faq-question i {transform: rotate(180deg);}

/* Continue Reading Section */
.continue-reading { margin-top: 60px; }
.continue-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.continue-top h4 { font-size: 14px; font-weight: 600; color: #333; margin: 0; }
.continue-top a { font-size: 13px; font-weight: 600; color: #dc3545; text-decoration: none; display: flex; align-items: center; gap: 5px; }
.continue-top a:hover { text-decoration: underline; }
.continue-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.cont-card img { width: 100%; height: 160px; object-fit: cover; border-radius: 8px; margin-bottom: 15px; }
.cont-card h5 { font-size: 14px; font-weight: 700; color: #111; line-height: 1.4; margin-bottom: 8px; }
.cont-card p { font-size: 11px; color: #666; line-height: 1.5; margin:0; }





.everest-forms input{width: 100% !important;padding: 12px !important;border: 1px solid #ececec !important;border-radius:4px !important;font-size: 15px !important;font-family: inherit !important;background:#ececec !important;color:#6B7280 !important;}
.everest-forms select{width: 100% !important;padding: 12px !important;border: 1px solid #ececec !important;border-radius:4px !important;font-size: 15px !important;font-family: inherit !important;background:#ececec !important;color:#6B7280 !important;}
.everest-forms textarea{width: 100% !important;padding: 12px !important;border: 1px solid #ececec !important;border-radius:4px !important;font-size: 15px !important;font-family: inherit !important;background:#ececec !important;color:#6B7280!important;}
.everest-forms button.button:not(.button-large), .everest-forms button[type=submit]{background: var(--secondary) !important;color: white !important;padding: 14px 30px !important;font-size: 16px !important;border: none !important;border-radius: 4px !important;cursor: pointer !important;transition: 0.3s ease !important;border: 1px solid var(--secondary) !important;width: 100% !important;}
.everest-forms button.button:not(.button-large):hover,.everest-forms button[type=submit]:hover {background:transparent !important;color:var(--secondary)!important;border: 1px solid var(--secondary) !important;}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field{margin-bottom: 5px;}



.overlay {
  display: none;
}
.burger-btn {
  display: none;
}
.product-sidebar-mobile.mobile-only{
  display: none;
}


.filter-dropdown-wrapper{display: none;}





/* --- RESPONSIVE STYLES --- */
@media screen and (max-width: 991px) {
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}






 
@media(max-width:1300px){
  .blog-intro-row{flex-wrap: wrap;}
  .blog-intro-image{flex: auto;}
  .blog-intro-text{width: 100%;}
  .blog-intro-image img{margin: 0 0 20px;}
}


@media (max-width:1200px){
  .hero-content h1{font-size:48px;}
  .why-content{padding:45px 35px;}
  .article-featured .article-img{height:320px;}
  .category-row{grid-template-columns: repeat(2,1fr);}
  .ppe-card{padding: 10px;}
  .blog-intro-row{margin-bottom: 20px;}
}
 
@media (max-width:992px){
  /* Header */
  .header-row{position:relative;}
  .menu{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;box-shadow:0 15px 25px rgba(0,0,0,.1);z-index:998;}
  .menu.active{display:block;}
  .menu ul{flex-direction:column;gap:0;}
  .menu ul li{border-bottom:1px solid #eee;}
  .menu ul li a{display:block;padding:15px 20px;}

  .primary-btn a{padding:12px 22px;font-size:12px;}
  .overlay.active{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:997;}
 
  /* Hero */
  .hero-item{padding:80px 0;position: relative;}
  .hero-row{display:flex;flex-direction:column-reverse;}
  .hero-content{width:100%;text-align:center;}
  .hero-content p{margin:0 auto 20px;}
  .hero-content h1{font-size:38px;}
  .hero-image{width:100%;position:absolute;height:600px;margin-bottom:30px;top: 0;left: 0;}
  .hero-item::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 600px;background: rgba(255, 255, 255, 0.522);z-index: 1;}
  .hero-image img{position:relative;height:600px;object-fit:cover;}
  .hero-content h1 br{display: none;margin-bottom: 10px;}
  .hero-content p{max-width: 600px;color:#000;}
  /* Category */
  .category-row{flex-wrap:wrap;}
 
  /* About */
  .about-section .container{flex-direction:column;gap:35px;}
  .about-content{max-width:100%;text-align:center;}
  .about-btn{margin:20px auto 0;}
 
  /* Why choose */
  .why-box{flex-direction:column;}
  .why-image,.why-content{width:100%;}
  .why-image{height:280px;}
 
  /* Contact */
  .contact-wrap{flex-direction:column;}
  .contact-info,.contact-form{flex:1;width:100%;}
 
  /* Footer */
  .footer-top{flex-wrap:wrap;gap:20px 0px;padding-bottom: 30px;}
  .footer-about,.footer-col,.footer-contact{flex:0 0 calc(50% - 18px);}
  .footer-bottom-row{flex-direction:column;gap:5px;text-align:center;}
  .footer-bottom{padding: 10px 0px;}
 .footer-col ul li{margin-bottom: 15px;}
  /* Inner banner */
  .inner-banner-section{height:340px;}
  .inner-banner-content h1{font-size:40px;}
 
  /* Shop */
  .shop-layout{flex-direction:column;}
  .shop-sidebar{flex:0 0 auto;width:100%;}
  .shop-grid{grid-template-columns:repeat(2,1fr);}
 
  /* Product detail */
  .pd-top{flex-direction:column;}
  .pd-main-img{height:400px;}
  .pd-table td:first-child{width:150px;}
 
  /* Related */
  .related-grid{grid-template-columns:repeat(2,1fr);}
 
  /* Articles */
  .articles-grid{flex-direction:column;}
  .article-featured,.article-list{flex:1 1 100%;}
 
  /* Blog listing */
  .blog-layout{flex-direction:column;}
  .blog-sidebar{flex:0 0 auto;width:100%;}
  .blog-grid{grid-template-columns:1fr;}
  .blog-filter-bar{flex-direction:column;align-items:stretch;}
  .blog-filters{flex-wrap:wrap;}
 
  /* Blog detail */
  .blog-detail-layout{flex-direction:column;}
  .blog-detail-sidebar{position:static;width:100%;flex:0 0 auto;}
  .blog-intro-row{flex-direction:column;}
  .blog-intro-image{flex:0 0 auto;width:100%;}
  .ppe-grid{grid-template-columns:1fr;}
  .compliance-section{flex-direction:column;}
  .continue-grid{grid-template-columns:repeat(2,1fr);}
  .ppe-card-img{height: 150px;}
  .compliance-steps{padding:25px;width: 100%;}



  .burger-btn {display: block;position: fixed; width: 45px; height: 30px; right: 5%;top: 25px; z-index: 9999;overflow: hidden;cursor: pointer;}
  .burger-btn span { display: block; width: 100%; height: 3px; background: var(--primary); background-size: 300% 100%;border-radius: 5px; transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
  .burger-btn .burger-toggle { display: flex; flex-wrap: wrap; justify-content: right;}
  .header-menu {  display: none;}
  .burger-btn span:nth-child(2n) {margin: 9px 0;transition: all 0.5s cubic-bezier(0.22, 0.68, 0, 1.71);background: var(--primary);}
  .burger-btn span:first-child {width: 70%;background: var(--primary);}
  .burger-btn span:last-child { width: 70%;background: var(--primary);}
  .overlay { display: block;position: fixed;  right: 0;  top: 0;width: 320px; height: 100%;  background-color: var(--primary); background-size: 300% 100%; z-index: 999; padding: 50px 5% 50px; transform: translateX(100%); opacity: 0;  visibility: hidden;  transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
  .overlay ul li a { color:var(--global) !important; display: block; padding: 15px 0;}
  .overlay ul li { font-size: 16px;border-bottom: 1px solid var(--global) !important;font-weight: 500;}
  .overlay.show { transform: translateX(0); opacity: 1; visibility: visible;}
  .burger-btn .active span:first-child {  transform: translateY(13px) rotate(-45deg);background: var(--global);}
  .burger-btn .active span:last-child { transform: translateY(-11px) rotate(45deg);background: var(--global);}
  .burger-btn .active span:nth-child(2n) {transform: translateX(-100%);background: var(--global);} 
  
  .header-row .primary-btn{display: none;}

.filter-dropdown-wrapper{display: block;width: 100%;}
.filter-dropdown-wrapper .custom-dropdown { position: relative;width:100%;user-select: none; }
.filter-dropdown-wrapper .dropdown-selected {padding: 12px 14px; border: 1px solid var(--global); border-radius: 28px; cursor: pointer; color: #fff;background:var(--primary) url(../images/chevron-down-solid-full.svg) no-repeat center /14px; background-position-x: 93%;text-align: center;}
.filter-dropdown-wrapper .dropdown-list { position: absolute; top: calc(100% + 5px); left: 0; width: 100%; background: #fff; border: 1px solid #ddd; border-radius: 6px; display: none; max-height: 180px; overflow-y: auto; overscroll-behavior: contain; z-index: 9999;}
.filter-dropdown-wrapper .dropdown-list::-webkit-scrollbar {width: 6px;}
.filter-dropdown-wrapper .dropdown-list::-webkit-scrollbar-thumb {background: var(--global); border-radius: 10px;}
.filter-dropdown-wrapper .dropdown-list::-webkit-scrollbar {width: 6px;}
.filter-dropdown-wrapper .dropdown-item {padding: 10px 14px; cursor: pointer;  transition: .2s;}
.filter-dropdown-wrapper .dropdown-item:hover,.filter-dropdown-wrapper .dropdown-item.active { background:var(--primary); color: #fff;}
.filter-search-wrapper input {width: 100%;height: 44px;background: #FFFFFF14 url(../images/magnifying-glass-solid-full.svg) no-repeat center / 18px; background-position-x: 14px; border: 1.13px solid var(--global);padding: 12px 15px 12px 40px!important;font-size: 14px;border-radius: 28px;color: var(--global);}



/* .blog-filters {display: flex;gap: 15px;width: 100%;}
.blog-filters .custom-select {position: relative;width: 100%;user-select: none;}
.blog-filters .custom-select select {width: 100%;height: 48px;padding: 12px 45px 12px 18px;border: 1px solid var(--global);border-radius: 28px;cursor: pointer;color: #fff;background: var(--primary);font-size: 14px;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url("../images/chevron-down-solid-full.svg");background-repeat: no-repeat;background-position: right 18px center;background-size: 14px;outline: none;}
.blog-filters .custom-select select option {background: #fff;color: #111;padding: 10px;}
.blog-filters .custom-select::after {content: "";position: absolute;top: 50%;right: 18px;width: 14px;height: 14px;transform: translateY(-50%);background: url("../images/chevron-down-solid-full.svg") no-repeat center / 14px;pointer-events: none;}
.blog-filters .custom-select select {background-image: none;}
.blog-filters .custom-select select:focus {outline: none;box-shadow: none;}

 */





.shop-tabs{justify-content: flex-start;}
.shop-sidebar{display: none !important;}
.header-section{padding: 10px 0px;}

}
 
@media (max-width:768px){
  body{overflow-x:hidden;}
 
  /* Header */
  .header-section{padding:10px 0;}
  .logo img{height:44px;}
 
  /* Hero */
  .hero-content h1{font-size:30px;}
  .hero-content p{font-size:15px;max-width:500px;}
  .theme-btn,.contact-btn{padding:14px 26px;font-size:12px;}
 
  /* Section titles */
  .sec-title h2,.about-content h2,.why-content h2,.contact-head h2{font-size:28px;}
 
  /* Category */
  .category-card{width:100%;}
  .category-img{height:220px;}
 
  /* Contact */
  .contact-row{flex-direction:column;gap:14px;}
  .contact-head h2{font-size:30px;}
 
  /* Footer */
  .footer-about,.footer-contact{flex:0 0 100%;}
 
  /* Inner banner */
  .inner-banner-section{height:260px;}
  .inner-banner-content h1{font-size:30px;}
 
  /* Shop */
  .shop-grid{grid-template-columns:repeat(2,1fr);}
  .shop-tabs{justify-content:flex-start;}
 
  /* Product detail */
  .pd-info h2{font-size:30px;}
  .pd-main-img{height:320px;}
  .pd-details-head h2{font-size:18px;}
  /* .pd-table,.pd-table thead,.pd-table tbody,.pd-table th,.pd-table td,.pd-table tr{display:block;} */
  .pd-table tr{margin-bottom:10px;border:1px solid #E5E7EB;border-radius:8px;overflow:hidden;}
  .pd-table td:first-child{width:auto;background:#fafafa;}
 
  /* Related */
  .related-grid{grid-template-columns:repeat(2,1fr);}
  .related-head{flex-direction:column;align-items:flex-start;}
 
  /* Articles */
  .article-featured .article-img{height:220px;}
  .article-featured .article-content{padding:20px;}
  .article-featured h2{font-size:20px;}
 
  /* Blog detail */
  .stats-row{flex-wrap:wrap;}
  .stat-box{flex:0 0 calc(50% - 10px);}
  .continue-grid{grid-template-columns:1fr;}
  .daily-safety-check{padding:30px 20px;}
  .safety-icons{justify-content:center;}

  .faq-section{padding:30px 20px;}
  .blog-intro-image{height: 300px;}
  .blog-intro-image img{object-fit: cover;height: 300px;}
  .everest-forms .evf-submit-container{padding: 0 !important;}




}
 
@media (max-width:576px){
  .container{padding:0 12px;}
 
  /* Hero */
  .hero-item{padding:50px 0;}
  .hero-content h1{font-size:26px;}
 
  /* Category / About / Why / Contact heads */
  .sec-title h2,.about-content h2,.why-content h2,.contact-head h2,.top-list-header h2{font-size:20px;}
  .about-content p,.why-content p,.category-content p{font-size:13px;}
  .category-content h3{font-size: 18px;}

  .sec-title h2 br,.about-content h2 br,.why-content h2 br,.contact-head h2 br{display: none;}
  .about-content p, .why-content p,.why-content ul li,.why-content ul li p{font-size: 13px;}
  .trusted{flex-wrap: wrap;}
  /* Why choose */
  .why-content{padding:35px 22px;}
  .why-bottom{flex-direction:column;align-items:flex-start;gap:16px;}
 
  /* Contact */
  .contact-info,.contact-form{padding:22px;}
 
  /* Footer */
  .footer-section{padding:30px 0 0;}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center;padding:18px 15px;}
 
  /* Inner banner */
  .inner-banner-section{height:220px;}
  .inner-banner-content h1{font-size:24px;}
  .inner-banner-content p{font-size:13px;}
 
  /* Shop */
  .shop-card img{height:100px;object-fit: contain;}
  .shop-card-content{padding: 10px;}
 
  /* Product detail */
  .pd-gallery{flex-direction:column-reverse;}
  .pd-thumbs{flex-direction:row;overflow-x:auto;}
  .pd-main-img{height:260px;}
  .pd-order-btn{width:100%;}
 .footer-top{padding-bottom: 0;}
  /* Related */
  .related-grid{grid-template-columns:1fr;}
  .category-content{padding: 15px;}
  /* Blog */
  .blog-intro-text h1{font-size:24px;}
  .stat-box{flex:0 0 100%;}
  .toc-widget,.support-widget{padding:22px;}
  .share-widget{flex-wrap:wrap;gap:12px;}
  .hero-slider .slick-prev, .hero-slider .slick-next{display: none !important;}
  .category-section{padding: 40px 0px;}
  .category-row{grid-template-columns: repeat(1,1fr);}
  .contact-info-text a{font-size: 13px;}
  .contact-info-item{padding: 15px 0px;}
  .contact-head{margin: 0 auto 15px;}
  .footer-col ul li{margin-bottom: 10px;}
  .blog-card-content{padding: 15px;}
  .safety-icon-circle{width: 60px;height: 60px;}
  .faq-question{padding: 15px;}
  .footer-contact-item a{font-size: 12px;}
  .footer-about p{font-size: 12px;}
  .footer-col ul li a{font-size: 12px;}
  .footer-bottom p{font-size: 11px;}
  .hero-content p{font-size: 13px;}
  .shop-tab{width: 48%;padding: 12px;font-size: 12px;}
  .burger-btn{top: 16px;}
  .footer-col{flex: 0 0 calc(50% - 5px);}
  .pd-table td{padding: 10px;font-size: 10px;}
  .pd-section{padding: 30px 0px;}
  .custom-select{width: 100% !important;}
  .custom-select select{width: 100% !important;}
    .shop-card h4{font-size: 10px;min-height:auto;margin-bottom:10px;}
}
 
@media (max-width:480px){
  .hero-content h1{font-size:22px;margin-bottom: 10px;}
  .theme-btn,.primary-btn a,.about-btn,.contact-btn,.shop-btn,.related-btn,.btn-outline-red{font-size:10px;padding:10px;}
  .whatsup-icon{padding:10px;}
  .whatsup-icon img{width:38px;height:38px;}
  .footer-logo{width:56px;height:56px;}
  .comp-badge{font-size:11px;padding:7px 12px;}
  .article-item .article-cat{font-size:15px;}
  .faq-answer p{font-size: 12px;}
}