:root {
  --primary: #1a4fa0;
  --primary-dark: #0d2f6e;
  --primary-light: #3a6fd8;
  --accent: #e8a020;
  --accent-light: #f5c842;
  --green: #28a745;
  --light-bg: #f4f7fc;
  --text-dark: #1c2340;
  --text-muted: #6c757d;
  --border: #dee2e6;
  --shadow: 0 8px 40px rgba(26,79,160,0.10);
  --shadow-lg: 0 20px 60px rgba(26,79,160,0.15);
}
*{box-sizing:border-box;}
body{font-family:'Poppins',sans-serif;color:var(--text-dark);overflow-x:hidden;background:#fff;}
h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif;font-weight:700;}
a{text-decoration:none;}

/* ===== NAVBAR ===== */
#mainNav{background:rgba(255,255,255,0.97);box-shadow:0 2px 20px rgba(0,0,0,0.08);padding:10px 0;}
#mainNav .navbar-brand img{height:52px;}
#mainNav .nav-link{color:var(--text-dark)!important;font-weight:500;font-size:.88rem;padding:8px 14px!important;border-radius:6px;transition:all .3s;}
#mainNav .nav-link:hover,#mainNav .nav-link.active{color:var(--primary)!important;background:rgba(26,79,160,.07);}
#mainNav .nav-cta{background:var(--primary);color:#fff!important;border-radius:50px;padding:9px 22px!important;font-weight:600;}
#mainNav .nav-cta:hover{background:var(--primary-dark);}
#mainNav .dropdown-menu{border:none;box-shadow:0 12px 40px rgba(26,79,160,.14);border-radius:18px;padding:10px;min-width:230px;}
#mainNav .dropdown-item{border-radius:8px;font-size:.84rem;font-weight:500;color:var(--text-dark);padding:8px 14px;transition:all .2s;}
#mainNav .dropdown-item:hover{background:rgba(26,79,160,.07);color:var(--primary);}
#mainNav .dropdown-header-item{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;padding:8px 14px 4px;pointer-events:none;background:transparent;}

/* ===== BREADCRUMB ===== */
.breadcrumb-wrap{background:var(--light-bg);padding:14px 0;border-bottom:1px solid var(--border);}
.breadcrumb{margin:0;font-size:.82rem;}
.breadcrumb-item a{color:var(--primary);}
.breadcrumb-item.active{color:var(--text-muted);}
.breadcrumb-item+.breadcrumb-item::before{color:var(--text-muted);}

/* ===== PRODUCT HERO ===== */
.product-hero{padding:60px 0 50px;}
.img-gallery-main{border-radius:20px;overflow:hidden;background:var(--light-bg);aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:30px;border:1.5px solid var(--border);}
.img-gallery-main img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s;}
.img-gallery-main:hover img{transform:scale(1.05);}
.img-thumbnails{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.img-thumb{width:70px;height:70px;border-radius:12px;overflow:hidden;border:2px solid var(--border);cursor:pointer;background:var(--light-bg);display:flex;align-items:center;justify-content:center;padding:6px;transition:all .3s;}
.img-thumb:hover,.img-thumb.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,79,160,.15);}
.img-thumb img{width:100%;height:100%;object-fit:contain;}
.product-badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.p-badge{font-size:.72rem;font-weight:700;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:1px;}
.p-badge-primary{background:var(--primary);color:#fff;}
.p-badge-eco{background:var(--green);color:#fff;}
.p-badge-sale{background:var(--accent);color:#fff;}
.p-badge-outline{border:1.5px solid var(--primary);color:var(--primary);background:transparent;}
.product-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.25;margin-bottom:12px;color:var(--text-dark);}
.product-tagline{color:var(--text-muted);font-size:.95rem;line-height:1.7;margin-bottom:22px;}
.material-tag{display:inline-block;background:rgba(26,79,160,.08);color:var(--primary);font-size:.78rem;font-weight:600;padding:6px 16px;border-radius:50px;margin-bottom:18px;}
.product-spec-mini{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;}
.spec-pill{display:flex;align-items:center;gap:7px;background:var(--light-bg);border-radius:10px;padding:8px 14px;font-size:.8rem;font-weight:600;color:var(--text-dark);}
.spec-pill i{color:var(--primary);font-size:.95rem;}
.color-select-row{margin-bottom:22px;}
.color-select-row label{font-size:.82rem;font-weight:700;color:var(--text-dark);margin-bottom:10px;display:block;}
.color-options{display:flex;gap:10px;}
.color-opt{width:34px;height:34px;border-radius:50%;border:2px solid rgba(0,0,0,.12);cursor:pointer;position:relative;transition:all .3s;}
.color-opt:hover,.color-opt.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,79,160,.2);}
.color-opt.white{background:#fff;border-color:#ccc;}
.color-opt.black{background:#1a1a1a;}
.color-opt.navy{background:#1a3a6e;}
.product-action-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px;}
.btn-enquire{background:var(--primary);color:#fff;border:none;padding:14px 32px;border-radius:50px;font-weight:700;font-size:.95rem;transition:all .3s;box-shadow:0 4px 18px rgba(26,79,160,.25);}
.btn-enquire:hover{background:var(--primary-dark);transform:translateY(-2px);color:#fff;}
.btn-whatsapp{background:#25d366;color:#fff;border:none;padding:14px 28px;border-radius:50px;font-weight:600;font-size:.95rem;transition:all .3s;}
.btn-whatsapp:hover{background:#1ea855;transform:translateY(-2px);color:#fff;}
.trust-mini{display:flex;flex-wrap:wrap;gap:14px;padding:18px 0;border-top:1px solid var(--border);}
.trust-mini-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted);font-weight:500;}
.trust-mini-item i{color:var(--primary);font-size:1rem;}

/* ===== PRODUCT DETAIL TABS ===== */
.detail-tabs-wrap{padding:50px 0;background:var(--light-bg);}
.detail-nav-tabs{border:none!important;gap:8px;margin-bottom:30px;}
.detail-nav-tabs .nav-link{border:1.5px solid var(--border)!important;border-radius:10px!important;color:var(--text-dark);font-weight:600;font-size:.88rem;padding:10px 22px;background:#fff;transition:all .3s;}
.detail-nav-tabs .nav-link.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;}
.tab-content-card{background:#fff;border-radius:20px;padding:36px;box-shadow:0 2px 20px rgba(0,0,0,.05);}
.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.feature-item{display:flex;gap:14px;align-items:flex-start;padding:18px;background:var(--light-bg);border-radius:14px;}
.feature-item .f-icon{width:44px;height:44px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0;}
.feature-item h6{font-weight:700;font-size:.88rem;margin-bottom:4px;}
.feature-item p{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.6;}
.spec-table-full{width:100%;border-collapse:collapse;}
.spec-table-full tr{border-bottom:1px solid var(--border);}
.spec-table-full tr:last-child{border-bottom:none;}
.spec-table-full td{padding:14px 16px;font-size:.875rem;}
.spec-table-full td:first-child{font-weight:700;color:var(--primary);width:35%;background:rgba(26,79,160,.04);}
.spec-table-full td:last-child{color:var(--text-dark);}
.app-tag{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:9px 16px;font-size:.82rem;font-weight:600;margin:5px;transition:all .3s;}
.app-tag:hover{border-color:var(--primary);color:var(--primary);background:rgba(26,79,160,.05);}
.app-tag i{color:var(--primary);}

/* ===== RELATED PRODUCTS ===== */
.related-section{padding:60px 0;}
.section-label{font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--primary);margin-bottom:6px;display:block;}
.related-card{background:#fff;border-radius:18px;overflow:hidden;border:1.5px solid var(--border);transition:all .35s;}
.related-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent;}
.related-card .rc-img{background:var(--light-bg);height:180px;display:flex;align-items:center;justify-content:center;padding:20px;}
.related-card .rc-img img{max-height:150px;object-fit:contain;transition:transform .35s;}
.related-card:hover .rc-img img{transform:scale(1.08);}
.related-card .rc-body{padding:18px;}
.related-card .rc-title{font-size:.9rem;font-weight:700;margin-bottom:6px;color:var(--text-dark);}
.related-card .rc-mat{font-size:.75rem;color:var(--primary);font-weight:600;}
.related-card .rc-link{font-size:.82rem;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:5px;margin-top:10px;}

/* ===== ENQUIRY CTA ===== */
.enquiry-cta{background:linear-gradient(135deg,var(--primary-dark),var(--primary));padding:70px 0;}
.enquiry-cta h2{color:#fff;font-size:1.8rem;font-weight:800;}
.enquiry-cta p{color:rgba(255,255,255,.8);font-size:.95rem;}
.enquiry-form-card{background:#fff;border-radius:20px;padding:36px;box-shadow:var(--shadow-lg);}
.enquiry-form-card label{font-size:.82rem;font-weight:700;margin-bottom:5px;display:block;}
.enquiry-form-card .form-control,.enquiry-form-card .form-select{border:1.5px solid var(--border);border-radius:10px;padding:11px 14px;font-size:.88rem;transition:all .3s;}
.enquiry-form-card .form-control:focus,.enquiry-form-card .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,79,160,.1);}

/* ===== FOOTER ===== */
#footer{background:var(--text-dark);padding:60px 0 0;}
#footer .footer-logo img{height:54px;filter:brightness(0) invert(1);opacity:.9;margin-bottom:14px;}
#footer p.footer-desc{color:rgba(255,255,255,.6);font-size:.84rem;line-height:1.8;}
#footer h6.footer-title{color:#fff;font-weight:700;font-size:.92rem;margin-bottom:18px;padding-bottom:8px;position:relative;}
#footer h6.footer-title::after{content:'';position:absolute;bottom:0;left:0;width:28px;height:2px;background:var(--accent);border-radius:2px;}
#footer ul.footer-links{list-style:none;padding:0;margin:0;}
#footer ul.footer-links li{margin-bottom:9px;}
#footer ul.footer-links a{color:rgba(255,255,255,.6);font-size:.84rem;transition:.3s;display:flex;align-items:center;gap:7px;}
#footer ul.footer-links a:hover{color:var(--accent-light);padding-left:3px;}
.social-icons{display:flex;gap:9px;margin-top:18px;}
.social-icon{width:36px;height:36px;background:rgba(255,255,255,.1);border-radius:9px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);font-size:.95rem;transition:.3s;}
.social-icon:hover{background:var(--primary);color:#fff;transform:translateY(-2px);}
.footer-bottom{background:rgba(0,0,0,.25);margin-top:44px;padding:16px 0;}
.footer-bottom p{color:rgba(255,255,255,.4);font-size:.8rem;margin:0;}
#scrollTop{position:fixed;bottom:90px;right:24px;width:44px;height:44px;background:var(--primary);color:#fff;border:none;border-radius:50%;font-size:1.05rem;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s;box-shadow:var(--shadow);z-index:999;}
#scrollTop.visible{opacity:1;pointer-events:all;}
#scrollTop:hover{background:var(--primary-dark);transform:translateY(-3px);}
.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:1000;width:54px;height:54px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 6px 20px rgba(37,211,102,.45);transition:all .3s;animation:waPulse 2.5s infinite;}
.whatsapp-float:hover{transform:scale(1.1);color:#fff;}
@keyframes waPulse{0%,100%{box-shadow:0 6px 20px rgba(37,211,102,.45)}50%{box-shadow:0 6px 32px rgba(37,211,102,.75)}}
@media(max-width:768px){
  .product-hero{padding:30px 0;}
  .img-gallery-main{aspect-ratio:auto;height:280px;}
  .product-title{font-size:1.4rem;}
  .tab-content-card{padding:22px;}
}