:root {
    --sky: #0EA5E9;
    --sky-2: #0369A1;
    --red: #E63946;
    --green: #138A36;
    --green-2: #0F6B2B;
    --gold: #F5C542;
    --bg: #F5FBFF;
    --text: #212529;
    --muted: #68736d;
    --white: #FFFFFF;
    --radius: 8px;
    --shadow: 0 20px 60px rgba(14, 165, 233, .14);
    --glow: 0 18px 50px rgba(245, 197, 66, .42);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text);
    background: var(--bg);
    overflow-x: hidden;
}
.swiper, .product-swiper { overflow: hidden; max-width: 100%; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.premium-loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: radial-gradient(circle at center, rgba(14,165,233,.16), #fff 42%, #eef9ff);
    display: grid;
    place-items: center;
    transition: opacity .45s ease, visibility .45s ease;
}
.premium-loader:before { content: ""; position: absolute; width: 170px; height: 170px; border-radius: 50%; border: 8px solid rgba(14,165,233,.16); border-top-color: var(--red); border-right-color: var(--green); animation: spinLoader 1s linear infinite; }
.premium-loader img { width: 92px; height: 92px; border-radius: 50%; object-fit: contain; background: #fff; padding: .45rem; filter: drop-shadow(0 18px 30px rgba(14,165,233,.18)); animation: pulseLogo 1.6s infinite ease-in-out; }
.premium-loader span { position: absolute; width: 132px; height: 132px; border: 2px solid rgba(245,197,66,.75); border-radius: 50%; animation: loaderRing 1.4s infinite; }
.premium-loader.hide { opacity: 0; visibility: hidden; }
@keyframes loaderRing { to { transform: scale(1.35); opacity: 0; } }
@keyframes spinLoader { to { transform: rotate(360deg); } }
@keyframes pulseLogo { 50% { transform: translateY(-8px) scale(1.04); } }

.cursor-glow {
    position: fixed;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, rgba(245,197,66,.28), rgba(14,165,233,.12) 45%, transparent 70%);
    transform: translate(-50%, -50%);
    z-index: 1;
    mix-blend-mode: multiply;
}
.site-header, main, footer, .floating-whatsapp { position: relative; z-index: 2; }
main { overflow-x: clip; }

.top-strip {
    background: linear-gradient(90deg, var(--sky-2), var(--green));
    color: #fff;
    font-size: .88rem;
    padding: .48rem 0;
}
.top-strip i { color: var(--gold); margin-right: .35rem; }
.premium-nav {
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(15,81,50,.09);
    transition: box-shadow .25s ease, transform .25s ease;
}
.premium-nav.is-stuck { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 14px 40px rgba(15,81,50,.12); animation: slideDown .3s ease; }
@keyframes slideDown { from { transform: translateY(-100%); } }
.navbar-brand { display: flex; gap: .65rem; align-items: center; font-weight: 800; letter-spacing: 0; color: var(--sky-2); }
.navbar-brand img { width: 54px; height: 54px; object-fit: contain; }
.nav-link { font-weight: 650; color: #213529; position: relative; }
.nav-link:after {
    content: "";
    position: absolute;
    left: .5rem;
    right: .5rem;
    bottom: .25rem;
    height: 2px;
    background: linear-gradient(90deg, var(--sky), var(--red), var(--green));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .25s ease;
}
.nav-link:hover:after { transform: scaleX(1); }
.mega-menu { width: 100%; border: 0; border-radius: 0 0 var(--radius) var(--radius); padding: 1.4rem 0; box-shadow: var(--shadow); }
.mega-card { display: block; padding: 1rem; border: 1px solid rgba(15,81,50,.08); border-radius: var(--radius); background: #fff; transition: .25s ease; height: 100%; }
.mega-card:hover { transform: translateY(-5px); border-color: var(--gold); box-shadow: var(--glow); }
.mega-card img { height: 42px; margin-bottom: .75rem; }
.mega-card strong, .mega-card small { display: block; }
.mega-card small { color: var(--muted); }

.btn { border-radius: var(--radius); font-weight: 750; padding: .78rem 1.1rem; border: 0; position: relative; overflow: hidden; }
.btn-green { background: linear-gradient(135deg, var(--green), var(--sky)); color: #fff; box-shadow: 0 14px 32px rgba(14,165,233,.24); }
.btn-green:hover { color: #fff; transform: translateY(-2px); background: linear-gradient(135deg, var(--gold), #ffdc62); box-shadow: var(--glow); }
.btn-gold { background: linear-gradient(135deg, var(--red), var(--gold)); color: #17251d; box-shadow: var(--glow); }
.btn-gold:hover { color: #17251d; transform: translateY(-2px); filter: saturate(1.05); }
.btn-outline-green { border: 1px solid rgba(14,165,233,.25); color: var(--sky-2); background: #fff; }
.btn-outline-green:hover { background: var(--gold); color: #17251d; box-shadow: var(--glow); }
.btn-glass { color: #fff; border: 1px solid rgba(255,255,255,.55); background: rgba(255,255,255,.12); backdrop-filter: blur(12px); }
.ripple .ripple-dot { position: absolute; border-radius: 50%; transform: scale(0); animation: ripple .65s linear; background: rgba(255,255,255,.6); pointer-events: none; }
@keyframes ripple { to { transform: scale(4); opacity: 0; } }

.hero-section { position: relative; min-height: 68vh; overflow: hidden; background: linear-gradient(135deg, #0369A1 0%, #138A36 58%, #E63946 120%); color: #fff; }
.hero-row { min-height: 620px; }
.hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at 18% 20%, rgba(245,197,66,.24), transparent 28%), radial-gradient(circle at 85% 30%, rgba(255,255,255,.16), transparent 24%); opacity: 1; transform: scale(1.05); }
.hero-section:after { content: ""; position: absolute; inset: auto 0 0; height: 160px; background: linear-gradient(transparent, var(--bg)); }
.eyebrow { display: inline-flex; align-items: center; gap: .45rem; color: var(--gold); text-transform: uppercase; font-size: .78rem; font-weight: 850; letter-spacing: .08em; margin-bottom: .9rem; }
.eyebrow:before { content: ""; width: 28px; height: 2px; background: currentColor; }
h1, h2, h3, h4, h5 { color: inherit; font-weight: 850; letter-spacing: 0; line-height: 1.08; }
h1 { font-size: clamp(2.45rem, 7vw, 5.3rem); }
h2 { font-size: clamp(2rem, 4vw, 3.25rem); }
.hero-section h1 { font-size: clamp(2.35rem, 5vw, 4.25rem); }
p { color: var(--muted); line-height: 1.75; }
.hero-section p { color: rgba(255,255,255,.82); font-size: 1.12rem; max-width: 620px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 2rem; }
.hero-showcase { position: relative; padding: 1rem 2rem; min-height: 430px; display: grid; place-items: center; overflow: hidden; }
.hero-products {
    width: min(430px, 92%);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    transform: translateX(-8px) rotate(-4deg);
}
.hero-products div {
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    padding: .8rem;
    border-radius: var(--radius);
    background: rgba(255,255,255,.88);
    box-shadow: 0 26px 60px rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.7);
    backdrop-filter: blur(14px);
}
.hero-products div:nth-child(2), .hero-products div:nth-child(5) { transform: translateY(-22px); }
.hero-products div:nth-child(3), .hero-products div:nth-child(4) { transform: translateY(18px); }
.hero-products img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; filter: drop-shadow(0 18px 24px rgba(15,81,50,.16)); }
.float-product { animation: floatProduct 5s ease-in-out infinite; }
@keyframes floatProduct { 50% { transform: translateY(-16px); } }
.glass-stat {
    position: absolute;
    min-width: 128px;
    padding: 1rem;
    border-radius: var(--radius);
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.3);
    backdrop-filter: blur(16px);
    box-shadow: 0 24px 50px rgba(0,0,0,.15);
}
.glass-stat strong { display: block; font-size: 2rem; color: var(--gold); }
.glass-stat span { color: #fff; }
.stat-a { left: 4%; top: 18%; }
.stat-b { right: 3%; bottom: 18%; }

.section-padding { padding: 96px 0; }
.section-strip { position: relative; z-index: 3; padding: 10px 0; background: linear-gradient(90deg, var(--sky), var(--green), var(--red)); color: #fff; font-weight: 850; text-align: center; box-shadow: 0 10px 28px rgba(15,81,50,.1); }
.muted-bg { background: linear-gradient(180deg, #fff, #f0f5f2); }
.section-title { margin-bottom: 2rem; max-width: 780px; }
.section-title p { max-width: 680px; }
.text-link { color: var(--green); font-weight: 850; }
.text-link:hover { color: var(--gold); }
.page-hero { padding: 120px 0 70px; color: #fff; background: linear-gradient(135deg, var(--sky-2), var(--green)); position: relative; overflow: hidden; }
.page-hero:after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(212,175,55,.25), transparent 28%); }
.page-hero .container { position: relative; z-index: 1; }
.page-hero p { color: rgba(255,255,255,.78); max-width: 740px; }

.image-collage { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.image-collage img { width: 100%; height: 220px; object-fit: cover; border-radius: var(--radius); box-shadow: var(--shadow); transition: .28s ease; background: #fff; }
.image-collage img:nth-child(2), .image-collage img:nth-child(3) { transform: translateY(26px); }
.image-collage img:hover { transform: translateY(-8px) scale(1.02); box-shadow: var(--glow); }

.category-card, .feature-card, .contact-card, .info-panel, .testimonial-card, .product-card, .premium-form {
    background: rgba(255,255,255,.9);
    border: 1px solid rgba(15,81,50,.08);
    border-radius: var(--radius);
    box-shadow: 0 12px 36px rgba(15,81,50,.08);
}
.category-card { display: flex; flex-direction: column; min-height: 312px; padding: 1.35rem; transition: .28s ease; overflow: hidden; }
.category-card.tall { min-height: 360px; }
.category-card img { width: 64px; height: 64px; object-fit: contain; margin-bottom: 1rem; transition: .28s ease; }
.category-card h3 { color: var(--green); font-size: 1.35rem; }
.category-card p { flex: 1; }
.category-card span { color: var(--gold); font-weight: 850; }
.category-card:hover { transform: translateY(-10px); box-shadow: var(--glow); }
.category-card:hover img { transform: scale(1.12) rotate(-4deg); }
.category-card-fmcg { border-top: 5px solid var(--sky); }
.category-card-ayurvedic { border-top: 5px solid var(--green); }
.category-card-agro { border-top: 5px solid #6BBF59; }
.category-card-electronic { border-top: 5px solid var(--red); }

.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1.25rem; }
.product-grid.compact { grid-template-columns: repeat(4, minmax(0,1fr)); }
.product-grid.list-view { grid-template-columns: 1fr; }
.product-grid.list-view .product-card { display: grid; grid-template-columns: 240px 1fr; }
.product-card { overflow: hidden; transition: transform .28s ease, box-shadow .28s ease; position: relative; }
.product-card:before { content: ""; position: absolute; inset: -1px; border-radius: var(--radius); background: linear-gradient(135deg, rgba(212,175,55,.45), transparent 35%, rgba(15,81,50,.25)); opacity: 0; transition: .25s ease; pointer-events: none; }
.product-card:hover { transform: translateY(-9px); border-color: var(--gold); box-shadow: var(--glow); }
.product-card:hover:before { opacity: 1; }
.product-image { height: 230px; padding: 1rem; display: grid; place-items: center; background: linear-gradient(145deg, #fff, #eef6f1); overflow: hidden; }
.product-image img { max-height: 200px; object-fit: contain; transition: transform .35s ease; mix-blend-mode: multiply; }
.product-card:hover .product-image img { transform: scale(1.1); }
.product-body { padding: 1.1rem; }
.product-body h3 { color: var(--green); font-size: 1.1rem; margin: .85rem 0 .45rem; min-height: 2.4rem; }
.product-body p { font-size: .92rem; margin-bottom: .6rem; }
.product-body small { color: var(--muted); }
.price { color: var(--green); font-size: 1rem; white-space: nowrap; }
.pill { display: inline-flex; align-items: center; min-height: 28px; padding: .32rem .68rem; border-radius: 999px; background: rgba(212,175,55,.16); color: #806414; font-size: .78rem; font-weight: 850; }
.product-actions { display: flex; gap: .55rem; align-items: center; margin-top: 1rem; }
.product-actions .btn:first-child { flex: 1; }
.product-placeholder {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    align-content: center;
    background: radial-gradient(circle at 30% 25%, #fff, var(--gold) 45%, var(--sky) 100%);
    color: #fff;
    box-shadow: inset 0 0 0 8px rgba(255,255,255,.38), 0 20px 45px rgba(15,81,50,.18);
    transition: .28s ease;
}
.product-placeholder span { display: block; font-size: 2rem; font-weight: 900; }
.product-placeholder i { position: absolute; font-size: 3.4rem; opacity: .16; }
.product-placeholder small { color: #fff; font-size: .7rem; font-weight: 750; }
.product-card:hover .product-placeholder { transform: scale(1.08) rotate(-3deg); }
.product-placeholder-fmcg { background: radial-gradient(circle at 30% 25%, #fff, #38BDF8 42%, #0369A1 100%); }
.product-placeholder-ayurvedic { background: radial-gradient(circle at 30% 25%, #fff, #86EFAC 42%, #138A36 100%); }
.product-placeholder-agro { background: radial-gradient(circle at 30% 25%, #fff, #F5C542 42%, #6BBF59 100%); }
.product-placeholder-electronic { background: radial-gradient(circle at 30% 25%, #fff, #FCA5A5 42%, #E63946 100%); }

.product-toolbar { display: grid; grid-template-columns: 1fr 240px auto; gap: 1rem; margin-bottom: 1.5rem; align-items: center; }
.search-box { position: relative; }
.search-box i { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: var(--green); }
.search-box input, .product-toolbar select, .premium-form .form-control, .premium-form .form-select {
    width: 100%;
    border: 1px solid rgba(15,81,50,.14);
    border-radius: var(--radius);
    padding: .86rem 1rem;
    background: #fff;
}
.search-box input { padding-left: 2.6rem; }
.view-toggle { display: inline-flex; background: #fff; border: 1px solid rgba(15,81,50,.12); border-radius: var(--radius); overflow: hidden; }
.view-toggle button { border: 0; background: transparent; padding: .85rem 1rem; color: var(--green); }
.view-toggle button.active { background: var(--green); color: #fff; }
.empty-state { display: none; text-align: center; padding: 3rem; color: var(--muted); }

.deep-cta { background: linear-gradient(135deg, var(--sky-2), var(--green), var(--red)); color: #fff; }
.deep-cta p { color: rgba(255,255,255,.75); }
.why-grid, .feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.why-grid div { display: flex; align-items: center; gap: .8rem; padding: 1.2rem; border-radius: var(--radius); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(12px); }
.why-grid i { color: var(--gold); font-size: 1.35rem; }
.feature-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.feature-card, .contact-card, .info-panel { padding: 1.5rem; transition: .28s ease; height: 100%; }
.feature-card:hover, .contact-card:hover, .info-panel:hover { transform: translateY(-8px); box-shadow: var(--glow); }
.feature-card i, .contact-card i, .info-panel i { color: var(--gold); font-size: 2rem; margin-bottom: .8rem; display: inline-block; }
.feature-card h3, .contact-card h3 { color: var(--green); font-size: 1.18rem; }

.testimonial-row, .testimonial-grid { display: grid; gap: 1rem; }
.testimonial-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.testimonial-card { padding: 1.4rem; transition: .28s ease; }
.testimonial-card.large { min-height: 280px; }
.testimonial-card:hover { transform: translateY(-8px); box-shadow: var(--glow); }
.testimonial-card i { color: var(--gold); font-size: 2rem; }
.testimonial-card strong, .testimonial-card span { display: block; }
.testimonial-card strong { color: var(--green); }
.testimonial-card span { color: var(--muted); }

.gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1rem; }
.gallery-grid.preview { grid-template-columns: repeat(6, minmax(0,1fr)); }
.gallery-grid a, .gallery-item { overflow: hidden; border: 0; padding: 0; border-radius: var(--radius); box-shadow: var(--shadow); background: #fff; cursor: pointer; }
.gallery-grid img { width: 100%; height: 230px; object-fit: contain; transition: .35s ease; background: linear-gradient(145deg, #fff, #eef6f1); padding: 1rem; }
.gallery-grid a:hover img, .gallery-item:hover img { transform: scale(1.08); filter: saturate(1.15); }
.gallery-item:hover { box-shadow: var(--glow); }

.gallery-modal .modal-dialog { max-width: min(1120px, calc(100vw - 2rem)); margin-top: 1rem; margin-bottom: 1rem; }
.gallery-modal .modal-content { background: #06151d; border: 0; border-radius: var(--radius); max-height: calc(100vh - 2rem); display: grid; place-items: center; overflow: hidden; padding: 1.5rem 5rem; }
.gallery-modal.show, .home-popup-modal.show { display: block; background: rgba(0,0,0,.58); }
.gallery-stage { width: 100%; display: grid; place-items: center; }
.gallery-modal img { max-height: 520px; max-height: min(68vh, 520px); max-width: 100%; width: auto; height: auto; object-fit: contain; margin: auto; }
.gallery-modal .btn-close { position: absolute; top: 1rem; right: 1rem; z-index: 4; filter: invert(1); opacity: 1; }
.gallery-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 52px; height: 52px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--gold); color: #17251d; font-size: 1.7rem; box-shadow: var(--glow); }
.gallery-nav:hover { background: #fff; color: var(--green); }
.gallery-prev { left: 1.2rem; }
.gallery-next { right: 1.2rem; }

.news-achievers-section { position: relative; z-index: 2; background: #fff; padding-top: 82px; }
.ticker-card { height: 100%; padding: 1.5rem; border-radius: var(--radius); background: linear-gradient(145deg, #fff, #e8f7ff); border: 1px solid rgba(14,165,233,.12); box-shadow: var(--shadow); overflow: hidden; }
.achiever-card { background: linear-gradient(145deg, #fff, #edfdf2); }
.ticker-card .section-title { margin-bottom: 1.2rem; }
.ticker-card .section-title h2 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); margin: 0; }
.scroll-window { height: 210px; overflow: hidden; position: relative; }
.scroll-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .75rem; animation: scrollUp 16s linear infinite; }
.scroll-window:hover .scroll-list { animation-play-state: paused; }
.scroll-list li { display: flex; align-items: center; gap: .75rem; padding: .9rem 1rem; border-radius: var(--radius); background: #fff; box-shadow: 0 10px 26px rgba(14,165,233,.09); }
.scroll-list i { color: var(--red); }
.scroll-list span { margin-left: auto; background: var(--gold); color: #17251d; font-size: .75rem; font-weight: 850; border-radius: 999px; padding: .25rem .6rem; white-space: nowrap; }
@keyframes scrollUp { from { transform: translateY(0); } to { transform: translateY(-55%); } }

.team-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem; }
.team-card { padding: 1rem; border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); text-align: center; transition: .28s ease; border: 1px solid rgba(14,165,233,.12); }
.team-card:hover { transform: translateY(-8px); border-color: var(--gold); box-shadow: var(--glow); }
.team-card img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--radius); margin-bottom: 1rem; }
.team-card h3 { color: var(--sky-2); font-size: 1rem; }
.team-card p { margin: 0; color: var(--red); font-weight: 750; }

.home-popup-modal .modal-content { border: 0; border-radius: var(--radius); overflow: hidden; box-shadow: 0 35px 90px rgba(0,0,0,.26); }
.home-popup-modal .btn-close { position: absolute; right: 1rem; top: 1rem; z-index: 3; background-color: #fff; border-radius: 50%; opacity: 1; }
.home-popup-modal img { width: 100%; height: 310px; object-fit: contain; background: linear-gradient(135deg, #e8f7ff, #fff); padding: 1rem; }
.popup-copy { padding: 1.5rem; }

.contact-band { padding: 0 0 96px; }
.glass-panel { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 2rem; border-radius: var(--radius); background: rgba(255,255,255,.72); border: 1px solid rgba(15,81,50,.1); backdrop-filter: blur(18px); box-shadow: var(--shadow); }
.premium-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .7rem; padding: 0; margin: 1.5rem 0 0; list-style: none; }
.premium-list li { padding: .85rem 1rem; background: #fff; border-radius: var(--radius); box-shadow: 0 8px 24px rgba(15,81,50,.07); }
.premium-list li:before { content: "✓"; color: var(--green); font-weight: 900; margin-right: .5rem; }

.premium-form { padding: 1.5rem; display: grid; gap: 1rem; }
.premium-form textarea { min-height: 140px; resize: vertical; }
.form-control:focus, .form-select:focus { border-color: var(--gold); box-shadow: 0 0 0 .22rem rgba(212,175,55,.18); }
.form-status { margin-left: 1rem; color: var(--green); font-weight: 750; }
.map-wrap iframe { width: 100%; min-height: 480px; border: 0; border-radius: var(--radius); box-shadow: var(--shadow); }
.step-list { display: grid; gap: 1rem; margin-top: 1.5rem; }
.step-list div { display: flex; gap: 1rem; padding: 1.1rem; background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); }
.step-list b { color: var(--gold); font-size: 1.35rem; }

.detail-image { min-height: 520px; display: grid; place-items: center; background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; overflow: hidden; }
.detail-image img { max-height: 470px; object-fit: contain; transition: transform .35s ease; }
.zoom-wrap:hover img { transform: scale(1.08); }
.detail-price { color: var(--green); font-size: 2rem; font-weight: 900; margin: 1rem 0; }
.detail-specs { display: grid; gap: .7rem; margin: 1.5rem 0; }
.detail-specs div { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-radius: var(--radius); background: #fff; box-shadow: 0 8px 24px rgba(15,81,50,.07); }
.detail-specs dt { font-weight: 850; color: var(--green); }
.detail-specs dd { margin: 0; color: var(--muted); }

.premium-modal .modal-content { border: 0; border-radius: var(--radius); overflow: hidden; box-shadow: 0 35px 80px rgba(0,0,0,.2); }
.premium-modal .modal-dialog { max-height: calc(100vh - 2rem); }
.premium-modal .modal-content { max-height: calc(100vh - 2rem); overflow: auto; }
.premium-modal .btn-close { position: absolute; right: 1rem; top: 1rem; z-index: 5; }
.modal-product-image { min-height: 420px; display: grid; place-items: center; background: linear-gradient(145deg, #fff, #eef6f1); padding: 1.5rem; }
.modal-product-image img { max-height: 340px; object-fit: contain; }
.modal-product-copy { padding: 2.2rem; }

.site-footer { background: #071f15; color: #fff; padding: 72px 0 0; }
.site-footer p, .site-footer a { color: rgba(255,255,255,.72); }
.site-footer a { display: block; margin: .45rem 0; }
.site-footer a:hover { color: var(--gold); }
.footer-logo { width: 86px; margin-bottom: 1rem; filter: drop-shadow(0 12px 20px rgba(0,0,0,.25)); }
.socials { display: flex; gap: .65rem; }
.socials a { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; }
.footer-bottom { margin-top: 3rem; padding: 1.2rem 0; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.62); font-size: .92rem; }
.floating-whatsapp { position: fixed; right: 22px; bottom: 22px; width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; background: #25D366; color: #fff; font-size: 1.7rem; box-shadow: 0 18px 42px rgba(37,211,102,.35); animation: waPulse 2s infinite; z-index: 1000; }
@keyframes waPulse { 50% { transform: translateY(-5px); box-shadow: 0 24px 54px rgba(37,211,102,.45); } }

.narrow { max-width: 850px; }
.legal-copy h2 { color: var(--green); margin-top: 1.5rem; }

@media (max-width: 1199px) {
    .product-grid, .product-grid.compact { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .gallery-grid.preview { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 991px) {
    .section-padding { padding: 72px 0; }
    .product-grid, .product-grid.compact, .feature-grid, .testimonial-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .product-toolbar { grid-template-columns: 1fr; }
    .team-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .product-grid.list-view .product-card { grid-template-columns: 1fr; }
    .hero-showcase { margin-top: 2rem; }
    .mega-menu { box-shadow: none; }
}
@media (max-width: 767px) {
    .cursor-glow { display: none; }
    .top-strip .container { justify-content: center !important; text-align: center; }
    h1 { font-size: 2.45rem; }
    .hero-row { min-height: auto !important; padding-top: 4rem !important; }
    .hero-showcase { min-height: auto; padding: 1rem 0; }
    .hero-products { grid-template-columns: repeat(2, 1fr); transform: none; }
    .hero-products div { transform: none !important; }
    .glass-stat { position: static; display: inline-block; margin: .4rem; }
    .product-grid, .product-grid.compact, .feature-grid, .testimonial-grid, .gallery-grid, .gallery-grid.preview, .why-grid, .premium-list { grid-template-columns: 1fr; }
    .image-collage img:nth-child(2), .image-collage img:nth-child(3) { transform: none; }
    .glass-panel { display: block; }
    .glass-panel .btn { margin-top: 1rem; }
    .detail-image { min-height: 360px; }
    .team-grid { grid-template-columns: 1fr; }
    .gallery-modal .modal-dialog { margin-top: .5rem; margin-bottom: .5rem; }
    .gallery-modal .modal-content { padding: 4rem .75rem 1rem; }
    .gallery-modal img { max-height: 58vh; }
    .gallery-nav { width: 44px; height: 44px; top: auto; bottom: .8rem; transform: none; }
    .gallery-prev { left: calc(50% - 54px); }
    .gallery-next { right: calc(50% - 54px); }
}