html,body{max-width:100%;}

html{font-size:16px;}

body{margin:0;line-height:1.6;font-family: 'Inter', sans-serif;}

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

:before,:after{box-sizing:border-box;}

h1,h2,h3,h4,h5,h6{font-family:'Sora', sans-serif;}

input,textarea,select,button{font-family: 'Inter', sans-serif;}
p a{color:#cd1312;text-decoration:none;}

#product-title span{color: #cd1312;}
.container,.hero-flex{width:90%;max-width:1320px;margin:0 auto;height:auto;overflow:hidden;}

.breadcrumb{width:90%;height:auto;overflow:hidden;max-width:1320px;margin:20px auto 0 auto}

.breadcrumb-elite{width:90%;max-width:1320px;margin:0 auto;padding:0 0 20px;font-size: clamp(0.75rem, 1vw, 0.85rem);}

.breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:8px}

.breadcrumb-list a{text-decoration:none;color:#718096;font-weight:600;transition:.3s;border-bottom:1px solid transparent}

.breadcrumb-list a:hover{color:#cd1312;border-color:#cd1312}

.active{color:#cd1312;font-weight:700}

.breadcrumb-list li:not(:last-child)::after{content:"/";margin-left:8px;color:#718096}

.hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;padding:3rem 0;align-items:start}

.hero-grid>*{min-width:0}

.gallery-container{position:sticky;top:20px}

.main-display{width:100%;aspect-ratio:1/1;background:#f9f9f9;border-radius:25px;overflow:hidden;border:1px solid #eee;display:flex;align-items:center;justify-content:center}

.main-display img{max-width:100%;max-height:100%;object-fit:contain;transition:.3s ease}

.thumb-grid{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}

.thumb-item{width:70px;height:70px;border:2px solid #eee;border-radius:10px;cursor:pointer;overflow:hidden;transition:.2s}

.thumb-item.active{border-color:#cd1312}

.thumb-item img{width:100%;height:100%;object-fit:cover}

.buy-now-box{margin-top:25px;padding:20px;border-radius:20px;background:#fcfcfc;border:1px dashed #ddd;text-align:center}

.btn-buy{display:block;background:#111;color:#fff;padding:15px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1rem;transition:.3s}

.btn-buy:hover{background:#333}

.btn-buy:active,.btn-quote:active{transform:scale(.98)}

.trust-badge-container{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid #eee;text-align:center;justify-content:center}

.trust-item{display:flex;flex-direction:column;gap:4px;text-decoration:none;transition:transform .2s ease;align-items:center}

.trust-item:hover{transform:translateY(-2px)}

.trust-stars{color:#f2b01e;font-size:.8rem;letter-spacing:1px;display:flex}

.tp-stars{color:#00b67a}

.trust-label{font-size:.75rem;color:#444;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}

.trust-label strong{color:#000;margin-left:2px}

.trust-divider{width:1px;height:35px;background-color:#ddd}

.quote-card{background:#fff;padding:2.5rem;border-radius:35px;border:1px solid #f0f0f0;box-shadow:0 30px 70px rgba(0,0,0,.06)}

.status-badge{background:#e6fcf5;color:#087f5b;padding:5px 15px;border-radius:50px;font-size:.75rem;font-weight:700;margin-bottom:1rem;display:inline-block}

h1{font-size:clamp(1.8rem, 5vw + 1rem, 2.8rem);font-weight:700;letter-spacing:-1.5px;line-height:1.1;margin-bottom:1.5rem}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}

label{font-size: clamp(0.6rem, 1vw, 0.7rem);font-weight:700;color:#999;text-transform:uppercase;margin-bottom:5px;display:block}

input,select,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #ddd;background:#fafafa;font-size: clamp(0.85rem, 1vw + 0.2rem, 0.95rem);}

input:focus{border-color:#cd1312;outline:none;background:#fff}

.btn-quote{width:100%;background:#cd1312;color:#fff;padding:20px;border:none;border-radius:50px;font-weight:700;font-size: clamp(0.95rem, 2vw, 1.1rem);cursor:pointer;transition:.4s;box-shadow:0 10px 25px rgba(205,19,18,.2)}

.btn-quote:hover{transform:translateY(-3px);background:#a50f0e}

.feat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:2rem;border-top:1px solid #eee;padding-top:1.5rem}

.feat-box{text-align:center;font-size:.65rem;font-weight:700;color:#666;text-transform:uppercase}

.feat-box svg{width:20px;height:20px;fill:#cd1312;display:block;margin:0 auto 5px}

.product-deep-dive{margin-top:60px;display:flex;flex-direction:column;gap:80px}

.info-section{width:100%;padding:20px 0}

.section-title{margin-bottom:40px}

.sub-text{color:#cd1312;text-transform:uppercase;font-weight:700;font-size:clamp(.7rem,1vw,.8rem);letter-spacing:2px}

.section-title h2{font-size:clamp(1.5rem,4vw + .5rem,2.2rem);color:#111;margin-top:10px}

.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center}

.text-block p{font-size:1.05rem;color:#444;margin-bottom:20px;text-align:justify}
.text-block h3{font-size:clamp(1.3rem,3.5vw + .5rem,1.6rem);color:#111;margin:10px 0 20px 0}

.stats-row{display:flex;flex-direction:column;gap:20px}

.stat-card{background:#fdf2f2;padding:30px;border-radius:20px;text-align:center;border:1px solid #fee2e2}

.stat-num{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:#cd1312}

.dark-bg{background:#111;padding:60px 40px;border-radius:40px;color:#fff}

.table-wrapper{overflow-x:auto;margin-top:30px}

.spec-data-table{width:100%;border-collapse:collapse}

.spec-data-table th{text-align:left;padding:20px;background:#222;color:#cd1312;text-transform:uppercase;font-size:.8rem}

.spec-data-table td{padding:20px;border-bottom:1px solid #333;font-size:.95rem}

.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}

.step-item{padding:30px;border-radius:25px;background:#fff;border:1px solid #eee;transition:.4s ease}

.step-item:hover{border-color:#cd1312;transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.05)}

.step-icon{width:50px;height:50px;background:#cd1312;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;margin-bottom:20px}

.step-item h3{margin-bottom:12px;font-size:1.1rem}

.step-item p{font-size:.9rem;color:#666;line-height:1.5}

.related-products-section{padding:60px 0;background:#fff;width:100%}

.related-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}

.related-header h2{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;color:#111;margin:0}

.carousel-controls{display:flex;gap:10px}

.control-btn{width:44px;height:44px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#333;font-size:14px}

.control-btn:hover{background:#cd1312;color:#fff;border-color:#cd1312;box-shadow:0 4px 10px rgba(205,19,18,.2)}

.related-carousel-wrapper{position:relative;padding:15px 5px;margin:-15px -5px}

.related-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:10px 5px}

.related-carousel::-webkit-scrollbar{display:none}

.product-card{flex:0 0 calc(25% - 15px);min-width:calc(25% - 15px);text-decoration:none;background:#fff;border-radius:18px;border:1px solid #eee;overflow:hidden;display:flex;flex-direction:column;scroll-snap-align:start;transition:all .4s cubic-bezier(.165,.84,.44,1)}

.product-card:hover{transform:translateY(-8px);border-color:#cd1312;box-shadow:0 15px 35px rgba(0,0,0,.06)}

.card-img{width:100%;aspect-ratio:1/1;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}

.card-img img{width:100%;height:100%;object-fit:contain;display:block;font-size:12px;color:#888;line-height:1.5;box-sizing:border-box}

.card-text{padding:20px 10px;background:#f9f9f9;border-top:1px solid #f0f0f0;text-align:center;transition:background .3s}

.product-card:hover .card-text{background:#f1f1f1}

.card-text h3{font-size:.95rem;font-weight:700;color:#222;margin:0}

.faq-container{max-width:1320px;margin:40px auto;width:90%;color:#333}

.faq-title{text-align:center;font-size:clamp(1.6rem,5vw,2.5rem);margin-bottom:30px;color:#1a1a1a}

.faq-item{border-bottom:1px solid #eee;margin-bottom:10px}

.faq-question{width:100%;padding:20px;background:#f9f9f9;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:clamp(.95rem,2vw,1.1rem);font-weight:600;text-align:left;transition:background .3s ease}

.faq-question:hover{background:#f0f0f0}

.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background:#fff;transition: max-height 0.3s ease-out, padding 0.3s ease;}

.faq-answer div{padding:20px;line-height:1.6;color:#666;font-size:clamp(.9rem,1.5vw,1rem)}

.faq-footer{margin-top:40px;padding:25px;background:#fdfdfd;border:1px dashed #ccc;text-align:center;border-radius:8px}

.faq-footer p{width:90%;max-width:800px;margin:0 auto}

.pro-page-foot-cta{background:#cd1312;color:#fff;padding:12px 25px;text-decoration:none;border-radius:50px;display:inline-block;font-weight:800;font-size:.9rem;transition:all .3s ease;margin-top:25px}

.pro-page-foot-cta:hover{background:#a10f0f;transform:scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,.2);text-decoration:none}



@media (max-width: 1024px){

.product-card{flex:0 0 calc(33.33% - 14px);min-width:calc(33.33% - 14px)}

}

@media (max-width: 991px){ 

.hero-grid{grid-template-columns:1fr;gap:2rem;padding:1.5rem 10px}

.form-row{grid-template-columns:1fr}

.gallery-container{position:relative;top:0}

.content-grid{grid-template-columns:1fr}

.dark-bg{padding:40px 20px;border-radius:25px}

}

@media (max-width: 768px){

.quote-card{padding:1.5rem;border-radius:25px}

.thumb-grid{justify-content:center}

.feat-row{grid-template-columns:1fr;gap:20px}

.product-card{flex:0 0 calc(50% - 10px);min-width:calc(50% - 10px)}

}

@media (max-width: 480px){

.container,.breadcrumb,.breadcrumb-elite{width:95%;padding-left:5px;padding-right:5px}

.product-card{flex:0 0 85%;min-width:85%}

}

@media (max-width: 420px){

.hero-grid{padding:1rem 5px;gap:1.5rem}

h1{line-height:1.2;letter-spacing:-.5px;margin-bottom:1rem}

.quote-card{padding:1.25rem;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.04)}

.main-display{border-radius:12px}

.thumb-item{width:55px;height:55px;border-radius:6px}

.thumb-grid{gap:6px;justify-content:flex-start}

input,select,textarea{padding:10px;}

.btn-quote{padding:15px;}

.feat-row{grid-template-columns:1fr;gap:12px;padding-top:1rem}

.feat-box{display:flex;align-items:center;text-align:left;font-size:.75rem}

.feat-box svg{margin:0 10px 0 0;width:16px;height:16px}

}

@media (max-width: 380px){

.hero-grid{padding:.5rem 5px;gap:1rem}

h1{letter-spacing:-.5px;margin-bottom:.8rem}

.quote-card{padding:1rem;border-radius:15px;border:none}

.thumb-item{width:50px;height:50px}

.btn-quote{padding:14px;}

.g-recaptcha{transform:scale(.65);transform-origin:left top}

}

@media (max-width: 360px){

.trust-divider{display:none;}

.trust-badge-container{flex-direction:column;gap:20px;}

}

@media (max-width: 320px) {

.hero-grid{padding:0 !important}

.quote-card{padding:12px;margin:0 auto;width:100%;box-sizing:border-box}

input,select,textarea{width:100% !important;max-width:100%;margin-left:0;margin-right:0}

.g-recaptcha{transform:scale(.65);transform-origin:left top}

}

@media (max-width: 280px) {

.hero-grid{padding:0;gap:.5rem}

h1{text-align:center}

.thumb-grid{gap:4px;justify-content:center}

.thumb-item{width:40px;height:40px}

.quote-card{padding:.75rem;box-shadow:none;border:1px solid #eee}

input,select,textarea{padding:8px;}

label{margin-bottom:2px}

.feat-row{grid-template-columns:1fr;padding-top:.5rem}

.feat-box{font-size:.6rem;flex-direction:row;justify-content:center}

.g-recaptcha{transform:scale(.60);transform-origin:left top}

}

@media (max-width: 250px) {

.g-recaptcha{transform:scale(.50);transform-origin:left top}

}


/*Red: cd1312

font-family: 'Inter', sans-serif;

*/