:root{
    --navy:#0f2540; --navy-dark:#0a1a2e; --gold:#e6a817; --gold-dark:#c78f0f;
    --text:#1f2937; --muted:#6b7280; --bg:#ffffff; --bg-alt:#f6f8fb; --border:#e5e7eb;
    --radius:12px;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--text);line-height:1.6;background:var(--bg);}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.container{max-width:1180px;margin:0 auto;padding:0 1.5rem;}
ul{list-style:none;}

/* Header */
.site-header{background:var(--navy);position:sticky;top:0;z-index:50;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.5rem;}
.site-logo{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.1rem;}
.site-logo-img{height:54px;width:auto;display:block;}
.logo-icon{font-size:1.4rem;}
.logo-text strong{color:var(--gold);}
.site-nav{display:flex;align-items:center;gap:1.6rem;}
.site-nav a{color:#cbd5e1;font-weight:500;font-size:.92rem;padding:.3rem 0;border-bottom:2px solid transparent;}
.site-nav a:hover, .site-nav a.active{color:#fff;border-bottom-color:var(--gold);}
.nav-admin-link{background:var(--gold);color:var(--navy-dark) !important;padding:.45rem .9rem !important;border-radius:6px;border-bottom:none !important;font-weight:600 !important;}
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;}

/* Services dropdown */
.nav-dropdown{position:relative !important;}
.nav-dropdown-toggle{display:flex;align-items:center;gap:.3rem;}
.nav-caret{font-size:.65rem;transition:transform .15s;}
.nav-dropdown-menu{
    display:block !important;
    position:absolute !important;top:100% !important;left:0 !important;background:#fff;border-radius:10px;box-shadow:0 14px 30px rgba(0,0,0,.15);
    min-width:280px;padding:.5rem;opacity:0 !important;visibility:hidden !important;transform:translateY(6px);transition:.15s;z-index:9999 !important;
    pointer-events:none;
}
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown.open .nav-dropdown-menu{opacity:1 !important;visibility:visible !important;transform:translateY(0);pointer-events:auto;}
.nav-dropdown:hover .nav-caret{transform:rotate(180deg);}
.nav-dropdown-menu a{display:flex !important;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:7px;color:var(--text);font-size:.86rem;border-bottom:none !important;white-space:nowrap;}
.nav-dropdown-menu a:hover{background:var(--bg-alt);color:var(--navy);}
.nav-dropdown-menu a span{font-size:1.1rem;}
.nav-dropdown-all{margin-top:.3rem;padding-top:.7rem !important;border-top:1px solid var(--border) !important;color:var(--navy) !important;font-weight:600;justify-content:center;}
@media (max-width:860px){
    .nav-dropdown-menu{position:static !important;box-shadow:none;opacity:1 !important;visibility:visible !important;pointer-events:auto;transform:none;max-height:0;overflow:hidden;padding:0;transition:max-height .2s ease;}
    .nav-dropdown.open .nav-dropdown-menu{max-height:400px;padding:.4rem 0 .4rem 1rem;}
    .nav-dropdown-menu a{color:#cbd5e1;}
    .nav-dropdown-menu a:hover{background:rgba(255,255,255,.06);color:#fff;}
    .nav-dropdown-all{border-top-color:rgba(255,255,255,.15) !important;color:var(--gold) !important;}
}

@media (max-width:860px){
    .nav-toggle{display:block;}
    .site-nav{position:fixed;top:74px;left:0;right:0;background:var(--navy);flex-direction:column;align-items:flex-start;padding:1rem 1.5rem;gap:.9rem;max-height:0;overflow:hidden;transition:max-height .25s ease;}
    .site-nav.open{max-height:400px;}
}

/* Hero */
.hero{background:linear-gradient(135deg,var(--navy),var(--navy-dark));color:#fff;padding:4.5rem 0;}
.hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center;}
.eyebrow{color:var(--gold);font-weight:700;letter-spacing:.05em;font-size:.8rem;text-transform:uppercase;}
.hero-text h1{font-size:2.3rem;line-height:1.25;margin:.6rem 0 1rem;}
.hero-text p{color:#cbd5e1;font-size:1rem;margin-bottom:1.6rem;max-width:520px;}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;}
.hero-visual{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:1.3rem 1rem;text-align:center;font-size:1.8rem;display:flex;flex-direction:column;gap:.5rem;align-items:center;}
.hero-card span{font-size:.78rem;color:#cbd5e1;}
@media (max-width:860px){.hero-inner{grid-template-columns:1fr;} .hero-text h1{font-size:1.8rem;}}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;border:1px solid transparent;transition:.15s;}
.btn-primary{background:var(--gold);color:var(--navy-dark);}
.btn-primary:hover{background:var(--gold-dark);}
.btn-outline{background:#fff;border-color:var(--border);color:var(--text);}
.btn-outline:hover{background:var(--bg-alt);}
.btn-outline-light{border-color:rgba(255,255,255,.4);color:#fff;}
.btn-outline-light:hover{background:rgba(255,255,255,.1);}
.btn-light{background:#fff;color:var(--navy-dark);}

/* Sections */
.section{padding:4rem 0;}
.section-alt{background:var(--bg-alt);}
.section-title{font-size:1.7rem;text-align:center;margin-bottom:.4rem;}
.section-sub{text-align:center;color:var(--muted);margin-bottom:2.2rem;}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
@media (max-width:900px){.service-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.service-grid{grid-template-columns:1fr;}}
.service-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;text-align:center;transition:.2s;}
.service-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,37,64,.08);}
.service-icon{font-size:2.1rem;margin-bottom:.7rem;}
.service-card h3{font-size:1.05rem;margin-bottom:.5rem;}
.service-card p{color:var(--muted);font-size:.88rem;}

.service-list{display:flex;flex-direction:column;gap:2.2rem;}
.service-row{display:flex;align-items:center;gap:2rem;}
.service-row.reverse{flex-direction:row-reverse;}
.service-row-icon{font-size:3rem;background:var(--bg-alt);border-radius:var(--radius);width:110px;height:110px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.service-row-text h3{margin-bottom:.4rem;font-size:1.2rem;}
.service-row-text p{color:var(--muted);}
.service-row-arrow{color:var(--gold-dark);font-weight:700;}
.service-row:hover .service-row-icon{background:var(--gold);transition:.2s;}
@media (max-width:640px){.service-row, .service-row.reverse{flex-direction:column;text-align:center;}}

.breadcrumb{color:#9aa7b8;font-size:.85rem;margin-bottom:.5rem;}
.breadcrumb a{color:#cbd5e1;}
.breadcrumb a:hover{color:var(--gold);}

.service-detail-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:start;}
@media (max-width:900px){.service-detail-grid{grid-template-columns:1fr;}}
.service-detail-text p{color:var(--muted);margin-bottom:1rem;}
.service-detail-text h3{margin:1.2rem 0 .6rem;font-size:1.1rem;}

/* Zoomable image viewer */
.zoom-viewer{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:sticky;top:90px;}
.zoom-viewer-toolbar{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;background:#fff;border-bottom:1px solid var(--border);}
.zoom-btn{width:32px;height:32px;border-radius:7px;border:1px solid var(--border);background:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;color:var(--navy);line-height:1;}
.zoom-btn:hover{background:var(--bg-alt);}
.zoom-reset{width:auto;padding:0 .7rem;font-size:.78rem;font-weight:600;margin-left:auto;}
.zoom-level{font-size:.8rem;color:var(--muted);min-width:44px;text-align:center;}
.zoom-viewer-stage{width:100%;height:380px;overflow:hidden;position:relative;cursor:grab;touch-action:none;background:repeating-conic-gradient(#eef1f5 0% 25%, #fff 0% 50%) 50%/24px 24px;}
.zoom-viewer-stage.grabbing{cursor:grabbing;}
.zoom-viewer-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform .05s linear;}
.zoom-viewer-content svg{width:100%;height:100%;display:block;}
.zoom-viewer-content.auto-zoom{animation:autoZoomPulse 7s ease-in-out infinite;transition:none;}
@keyframes autoZoomPulse{
    0%{transform:scale(1);}
    50%{transform:scale(1.18);}
    100%{transform:scale(1);}
}
.zoom-hint{font-size:.75rem;color:var(--muted);text-align:center;padding:.5rem 0;}
@media (max-width:900px){.zoom-viewer{position:static;}}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
@media (max-width:960px){.product-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.product-grid{grid-template-columns:1fr;}}
.product-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.product-thumb{background:var(--bg-alt);font-size:2.4rem;display:flex;align-items:center;justify-content:center;height:110px;}
.product-body{padding:1rem;}
.product-body h4{font-size:.95rem;margin-bottom:.2rem;}
.product-cat{font-size:.75rem;color:var(--muted);}
.product-price{font-weight:700;color:var(--navy);margin:.5rem 0;}
.product-price small{font-weight:400;color:var(--muted);}
.stock-badge{font-size:.72rem;padding:.2rem .5rem;border-radius:999px;font-weight:600;}
.stock-badge.in{background:#d1fae5;color:#065f46;}
.stock-badge.low{background:#fef3c7;color:#92400e;}
.stock-badge.out{background:#fee2e2;color:#991b1b;}

.center-cta{text-align:center;margin-top:2rem;}

.cta-band{background:var(--navy);color:#fff;padding:3rem 0;}
.cta-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;}
.cta-inner h2{font-size:1.4rem;}

.page-hero{background:var(--navy);color:#fff;padding:3rem 0;text-align:center;}
.page-hero p{color:#cbd5e1;margin-top:.4rem;}

.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:2.5rem;}
.about-grid h2{margin:1.4rem 0 .6rem;font-size:1.25rem;}
.about-grid h2:first-child{margin-top:0;}
.about-grid p{color:var(--muted);margin-bottom:.6rem;}
.check-list li{padding:.35rem 0;padding-left:1.6rem;position:relative;color:var(--muted);}
.check-list li::before{content:"✔";position:absolute;left:0;color:var(--gold-dark);font-weight:700;}
.about-side{display:flex;flex-direction:column;gap:1rem;}
@media (max-width:860px){.about-grid{grid-template-columns:1fr;}}

.info-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.3rem;}
.info-card h4{font-size:.85rem;margin-bottom:.3rem;}
.info-card p{color:var(--muted);font-size:.88rem;margin:0;}

.shop-filter{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:2rem;}
.shop-filter input, .shop-filter select{padding:.6rem .8rem;border:1px solid var(--border);border-radius:8px;font-size:.88rem;}
.empty-note{text-align:center;color:var(--muted);padding:3rem 0;}

.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
@media (max-width:900px){.news-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.news-grid{grid-template-columns:1fr;}}
.news-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;}
.news-thumb{width:100%;height:170px;object-fit:cover;display:block;background:var(--bg-alt);}
.news-doc-thumb{display:flex;align-items:center;justify-content:center;font-size:3rem;}
.news-body{padding:1.1rem;display:flex;flex-direction:column;gap:.5rem;flex:1;}
.news-body h4{font-size:1rem;}
.news-desc{color:var(--muted);font-size:.85rem;flex:1;}
.news-date{font-size:.75rem;color:var(--muted);}
.news-actions{display:flex;gap:.6rem;margin-top:.4rem;flex-wrap:wrap;}
.news-actions .btn{padding:.5rem .9rem;font-size:.82rem;}

.contact-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:2.5rem;}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr;}}
.contact-info{display:flex;flex-direction:column;gap:1rem;}

.form{display:flex;flex-direction:column;gap:1rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
@media (max-width:560px){.form-row{grid-template-columns:1fr;}}
.form-group{display:flex;flex-direction:column;gap:.35rem;}
.form-group label{font-size:.85rem;font-weight:600;}
input, select, textarea{padding:.65rem .8rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;font-family:inherit;}
input:focus, select:focus, textarea:focus{outline:none;border-color:var(--navy);}

.alert{padding:.8rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.88rem;}
.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0;}
.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;}

/* Footer */
.site-footer{background:var(--navy-dark);color:#cbd5e1;padding:3rem 0 0;margin-top:2rem;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2rem;}
.footer-grid h4{color:#fff;margin-bottom:.8rem;font-size:.9rem;}
.footer-grid a, .footer-grid span{display:block;color:#9aa7b8;font-size:.85rem;padding:.25rem 0;}
.footer-grid a:hover{color:var(--gold);}
.footer-logo{color:#fff;margin-bottom:.7rem;}
.footer-logo-img{height:84px;width:auto;display:block;}
.footer-about{font-size:.85rem;color:#9aa7b8;max-width:280px;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:1.1rem 1.5rem;font-size:.8rem;flex-wrap:wrap;gap:.6rem;}
.footer-bottom a{color:var(--gold);}
@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr;}}