.product-wrapper{ display:flex; gap:50px; align-items:flex-start;} .product-gallery{  width:50%;}.product-content{  width:50%;}
.product-main-image{ border-radius:10px; overflow:hidden; background:#111;}
.product-main-image img{ width:100%; display:block; height:450px; object-fit:cover;} .product-thumbs{ display:flex; gap:10px; margin-top:20px;}
.product-thumbs img{  width:120px;  height:90px;  border-radius:8px; object-fit:cover; cursor:pointer; border:2px solid transparent; transition:.3s;}
.product-thumbs img.active, .product-thumbs img:hover{ border-color:var(--primary);}
.product-buttons{ display:flex; gap:10px; margin:35px 0; flex-wrap:wrap;} .product-tags{ display:flex; gap:10px; flex-wrap:wrap;}
.product-tags span{ border:1px solid var(--border); border-radius:50px; padding:6px 18px; font-weight:600; font-size:13px; background:#fff;}
.product-tags span::before{ content:""; width:8px; height:8px; background:var(--primary); border-radius:50%; display:inline-block; margin-right:10px;}
@media(max-width:991px){.product-wrapper{ flex-direction:column;} .product-gallery, .product-content{  width:100%;} .product-main-image img{ height:400px;} .product-thumbs img{ width:80px; height:70px;}}
/*-- product butoon pop up button --*/
.quote-popup{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.7); z-index:9999; justify-content:center; align-items:center; padding:20px;}
.quote-popup-content{ background:#fff; width:100%; max-width:700px; border-radius:12px; padding:30px; position:relative; max-height:90vh; overflow:auto;}
.quote-close{  position:absolute;  right:20px;  top:15px;  font-size:30px;  cursor:pointer;  line-height:1;}.quote-popup.show{  display:flex;}
@media(max-width:767px){.quote-popup-content{    padding:10px;}}


.product-info-section{  background:#f8f5f0;}
.info-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.info-card{ background:#fff; border:1px solid var(--border); border-radius:13px; padding:25px; }
.info-icon{ width:50px; height:50px; border:1px solid var(--border); border-radius:8px; display:flex; align-items:center; justify-content:center; margin-bottom:20px; font-size:25px; color:var(--primary); }
.info-card h3{ font-size:22px; margin-bottom:5px; text-transform:uppercase;} .info-card ul{ margin:0; padding:0; list-style:none;}
.info-card ul li{ display:flex; align-items:center; gap:15px; padding:12px 0; border-bottom:1px solid var(--border); font-size:16px; color:var(--text-dark);}
.info-card ul li:last-child{ border-bottom:none;}
.info-card ul li::before{ content:"\f054"; font-family:"Font Awesome 6 Free"; font-weight:900; color:var(--primary); font-size:9px;}
@media(max-width:991px){ .info-grid{  grid-template-columns:1fr;} .info-card{  padding:20px;}}


/*=============================
SPECIFICATION SECTION
=============================*/

.mitva-specificatbjdb-6hbs-wrapper{ display:grid; grid-template-columns:1.15fr .95fr; gap:30px; align-items:flex-start;}
.mitva-specificatbjdb-6hbs-table{ border:1px solid var(--border);  border-radius:12px;  overflow:hidden;}
.mitva-specificatbjdb-6hbs-table table{ width:100%; border-collapse:collapse;}.mitva-specificatbjdb-6hbs-table tr:nth-child(odd){ background:#f7f4ef;}
.mitva-specificatbjdb-6hbs-table th, .mitva-specificatbjdb-6hbs-table td{ padding:10px 25px; border-bottom:1px solid var(--border); vertical-align:top;}
.mitva-specificatbjdb-6hbs-table tr:last-child th, .mitva-specificatbjdb-6hbs-table tr:last-child td{  border-bottom:none;}
.mitva-specificatbjdb-6hbs-table th{ width:38%; text-transform:uppercase; letter-spacing:1px; color:var(--secondary); font-size:14px; font-weight:600; text-align:left;}
.mitva-specificatbjdb-6hbs-table td{ font-size:15px; font-weight:400; color: #666; line-height:1.7;}
.mitva-specificatbjdb-6hbs-right{ border:1px solid var(--border); border-radius:12px; background:#fff; padding:22px;}
.mitva-specificatbjdb-6hbs-heading{ display:flex; align-items:center; gap:12px; margin-bottom:18px; text-transform:uppercase; color:var(--primary); font-size:15px; font-weight:700; letter-spacing:2px;}
.mitva-specificatbjdb-6hbs-heading::before{ content:""; width:20px; height:2px; background:var(--primary);}
.mitva-specificatbjdb-6hbs-door-grid{  display:flex;  justify-content:space-between;  gap:12px;  margin-bottom:35px;}
.mitva-specificatbjdb-6hbs-door{ text-align:center; flex:1;}
.mitva-specificatbjdb-6hbs-door-panel{ width:100%; height:215px; background:#c9291f; border-radius:8px; position:relative; overflow:hidden; transition:.3s;}
.mitva-specificatbjdb-6hbs-door-panel::before{ content:""; position:absolute; inset:0; background: repeating-linear-gradient( 45deg, rgba(255,255,255,.08), rgba(255,255,255,.08) 2px, transparent 2px, transparent 18px);}
.mitva-specificatbjdb-6hbs-standard::after{ content:""; position:absolute; width:32px; height:50px; background:#eee; top:45px; left:50%; transform:translateX(-50%);}
.mitva-specificatbjdb-6hbs-square::after{ content:""; position:absolute; width:40px; height:50px; background:#eee; top:45px; left:50%; transform:translateX(-50%);}
.mitva-specificatbjdb-6hbs-narrow::after{ content:""; position:absolute; width:18px; height:120px; background:#eee; top:38px; left:50%; transform:translateX(-50%);}
.mitva-specificatbjdb-6hbs-door h6{ margin:12px 0 3px; font-size:15px;} .mitva-specificatbjdb-6hbs-door span{ font-size:13px; color:#666;}
.mitva-specificatbjdb-6hbs-colors{ display:flex; flex-wrap:wrap; gap:12px; margin-top:20px;}
.mitva-specificatbjdb-6hbs-color{ width:58px; cursor:pointer; text-align:center; border-radius: 6px;}
.mitva-specificatbjdb-6hbs-color::before{ content:""; width:58px; height:58px; display:block; border:2px solid transparent; background:inherit;}
.mitva-specificatbjdb-6hbs-color small{ display:block; margin-top:8px; font-size:11px; font-weight:700; color:#333; background: #ffffff; margin-bottom: -2px; padding-top: 2px;}
.mitva-specificatbjdb-6hbs-note{margin-top:30px; padding-top:18px; border-top:1px solid var(--border);}
.mitva-specificatbjdb-6hbs-note p{ margin:0; font-size:14px; line-height:1.8; color:#666;}
@media(max-width:991px){
    .mitva-specificatbjdb-6hbs-wrapper{ grid-template-columns:1fr; }
    .mitva-specificatbjdb-6hbs-door-grid{ flex-wrap:wrap; justify-content:center; gap:20px; }
    .mitva-specificatbjdb-6hbs-door{ width:48%; max-width:48%; flex:unset; }
}
@media(max-width:767px){
    .mitva-specificatbjdb-6hbs-door-grid{ flex-wrap:wrap; gap:16px; }
    .mitva-specificatbjdb-6hbs-door{ flex:0 0 calc(50% - 10px); max-width:calc(50% - 10px); }
}
@media(max-width:575px){
    .mitva-specificatbjdb-6hbs-door{ flex:0 0 calc(50% - 10px); max-width:calc(50% - 10px); }
    .mitva-specificatbjdb-6hbs-table th,
    .mitva-specificatbjdb-6hbs-table td{ display:block; width:100%; padding:10px; }
    .mitva-specificatbjdb-6hbs-table th{ padding-bottom:5px; }
}


.product-mitvacommn-faqh5{ padding:0 0 50px;}
.product-mitvacommn-faqh5__accordion{ display:flex; flex-direction:column; gap:15px;}
.product-mitvacommn-faqh5__item{ border:1px solid var(--border); border-radius:10px; overflow:hidden;}
.product-mitvacommn-faqh5__question{  width:100%; padding:15px 30px; display:flex; justify-content:space-between; align-items:center; border:none !important; background:none; cursor:pointer; font-family:var(--font-body); font-size:17px; font-weight:600; color:var(--secondary);  outline:none !important;}
.product-mitvacommn-faqh5__icon{ width:24px; height:24px; border-radius:50%; background:var(--danger); color:#fff; display:flex; align-items:center; justify-content:center; font-size:15px;}
.product-mitvacommn-faqh5__answer{ display:none; padding:0 30px 5px;}
.product-mitvacommn-faqh5__item.active .product-mitvacommn-faqh5__answer{ display:block;}
.product-mitvacommn-faqh5__item.active .product-mitvacommn-faqh5__icon{  background:var(--danger);}


/*=== RELATED PRODUCTS ======*/
.product-mitvacommn-relatedh5{ padding:80px 0;}
.product-mitvacommn-relatedh5__title{ max-width:100%; margin:0 auto 35px; text-align:center;}
.product-mitvacommn-relatedh5__title .common-title__subtitle{ justify-content:center;}
.product-mitvacommn-relatedh5__title .common-title__subtitle::after{ content:""; width:28px; height:2px; background:var(--danger);}
.product-mitvacommn-relatedh5__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:25px;}
.product-mitvacommn-relatedh5__card{ border:1px solid var(--border); border-radius:10px; overflow:hidden; }
.product-mitvacommn-relatedh5__image{ height:200px; overflow:hidden; background:#111;}
.product-mitvacommn-relatedh5__image img{ width:100%; height:100%; object-fit:cover;}
.product-mitvacommn-relatedh5__content{ padding:20px;}
.product-mitvacommn-relatedh5__content h3{ margin:0 0 15px; font-family:var(--font-heading); font-size:25px; line-height:1; font-weight: 700; text-transform:uppercase; color:var(--secondary);}
.product-mitvacommn-relatedh5__content p{  margin-bottom:14px; font-style: 14px;}
.product-mitvacommn-relatedh5__btn{ display:inline-flex; align-items:center; gap:10px; font-size:17px; font-weight:600; text-transform:uppercase; color:var(--danger); text-decoration:none; transition:.3s;}
.product-mitvacommn-relatedh5__btn span{ transition:.3s;}.product-mitvacommn-relatedh5__btn:hover{  color:var(--secondary);}.product-mitvacommn-relatedh5__btn:hover span{  transform:translateX(5px);}
@media(max-width:767px){.product-mitvacommn-relatedh5{ padding:60px 0;} .product-mitvacommn-relatedh5__grid{ grid-template-columns:1fr; gap:22px;}
.product-mitvacommn-relatedh5__image{  height:220px;} .product-mitvacommn-relatedh5__content{ padding:22px;}
.product-mitvacommn-relatedh5__content h3{ font-size:24px;}.product-mitvacommn-relatedh5__btn{ font-size:18px;}}