/* Database-driven theme values are declared by the layout. */
body {
    background:var(--background);
    color:var(--ink);
    font-family:var(--site-font);
    line-height:1.7
}

html[lang=hi] body {
    font-family:'Noto Sans Devanagari',sans-serif
}

.text-primary,a {
    color:var(--primary)!important
}

.text-muted {
    color:var(--muted)!important
}

.text-warning {
    color:var(--accent)!important
}

.section-soft {
    background:color-mix(in srgb,var(--primary) 5%,var(--background))
}

.section-dark,.why-panel,footer {
    background:var(--dark)
}

footer,footer a,.section-dark {
    color:#e6f1ea!important
}

.navbar {
    background:var(--surface);
    border-color:color-mix(in srgb,var(--primary) 15%,var(--surface))
}

.navbar-brand,.nav-link {
    color:var(--ink)!important
}

.navbar-brand small {
    font-size:.65rem
}

.nav-link.active,.nav-link:hover {
    color:var(--primary)!important;
    background:color-mix(in srgb,var(--primary) 10%,var(--surface))
}

.language-switch {
    background:color-mix(in srgb,var(--primary) 8%,var(--surface))
}

.language-switch button.active {
    background:var(--primary)
}

.language-switch form {
    margin:0
}

.btn-primary {
    --bs-btn-bg:var(--primary);
    --bs-btn-border-color:var(--primary);
    --bs-btn-hover-bg:color-mix(in srgb,var(--primary) 80%,black);
    --bs-btn-hover-border-color:var(--primary);
    --bs-btn-active-bg:var(--primary);
    --bs-btn-active-border-color:var(--primary);
    color:#fff!important
}

.btn-outline-primary {
    --bs-btn-color:var(--primary);
    --bs-btn-border-color:var(--primary);
    --bs-btn-hover-bg:var(--primary);
    --bs-btn-hover-border-color:var(--primary);
    --bs-btn-active-bg:var(--primary);
    --bs-btn-active-border-color:var(--primary);
    color:var(--primary)!important
}

.btn-outline-primary:hover,.btn-outline-primary.active {
    color:#fff!important
}

.btn-success {
    --bs-btn-bg:var(--secondary);
    --bs-btn-border-color:var(--secondary);
    --bs-btn-hover-bg:color-mix(in srgb,var(--secondary) 80%,black);
    --bs-btn-hover-border-color:var(--secondary);
    color:white!important
}

.btn-light {
    color:var(--ink)!important
}

.btn-accent {
    background:var(--accent);
    border-color:var(--accent);
    color:#182a22!important
}

.btn-accent:hover {
    background:color-mix(in srgb,var(--accent) 85%,white)
}

.hero h1 {
    color:var(--ink)
}

.image-banner {
    background-color:var(--dark);
    background-image:linear-gradient(90deg,var(--dark) 0%,var(--dark) 43%,color-mix(in srgb,var(--dark) 78%,transparent) 58%,color-mix(in srgb,var(--dark) 20%,transparent) 82%),var(--banner-image);
    background-size:cover,58% auto;
    background-position:center,right center;
    color:white
}

.image-banner h1 {
    color:white
}

.image-banner .text-muted {
    color:#e4eee9!important
}

.image-banner .eyebrow {
    color:#e4eed2
}

.image-banner .btn-outline-primary {
    color:white!important;
    --bs-btn-border-color:#c7dfd3
}

.hero-photo {
    display:block;
    width:100%;
    height:480px;
    object-fit:cover;
    border:6px solid var(--surface);
    border-radius:calc(var(--radius) + 10px)
}

.feature-card,.product-card,.category-card,.customer-review,.contact-panel,.info-card,.scale-gallery-card,.trust-inner {
    background:var(--surface);
    border-radius:var(--radius);
    border-color:color-mix(in srgb,var(--primary) 13%,var(--surface))
}

.icon-box,.check-card {
    background:color-mix(in srgb,var(--primary) 7%,var(--surface));
    color:var(--primary)
}

.icon-box {
    border-color:color-mix(in srgb,var(--primary) 16%,var(--surface))
}

.newsletter,.location-cta {
    background:linear-gradient(90deg,var(--dark) 20%,color-mix(in srgb,var(--dark) 92%,transparent) 60%,color-mix(in srgb,var(--dark) 65%,transparent)),var(--cta-image);
    background-size:cover;
    background-position:right center;
    color:white;
    border-radius:var(--radius)
}

.product-card img {
    height:250px;
    width:100%;
    object-fit:contain
}

.product-card .card-body {
    display:flex;
    flex-direction:column;
    height:calc(100% - 250px)
}

.product-actions {
    margin-top:auto
}

.pre-line {
    white-space:pre-line
}

.founder-frame {
    padding:16px;
    background:var(--surface);
    border:1px solid #dce6df;
    border-radius:24px;
    box-shadow:0 18px 50px #193b3010
}

.founder-frame img {
    display:block;
    width:100%;
    height:460px;
    object-fit:cover;
    border-radius:16px
}

.founder-role {
    color:var(--primary);
    font-weight:600
}

.founder-quote {
    border-left:3px solid var(--accent);
    padding:12px 24px;
    color:var(--ink);
    font-size:1.15rem
}

.founder-quote i {
    font-size:32px;
    color:var(--primary)
}

.mini-gallery a {
    min-width:0
}

.mini-gallery img {
    width:100%;
    height:240px;
    object-fit:contain;
    background:var(--surface);
    border-radius:var(--radius)
}

.gallery-item {
    background:var(--surface)!important
}

.mobile-action-bar a {
    color:white!important
}

.mobile-action-bar a:first-child {
    background:var(--primary)
}

.mobile-action-bar a:last-child {
    background:var(--secondary)
}

.float-btn.whatsapp {
    background:var(--secondary);
    color:#fff!important
}

.float-btn.call {
    background:var(--primary);
    color:#fff!important
}

.skip-link {
    position:fixed;
    top:-100px;
    left:16px;
    z-index:3000;
    padding:12px;
    background:white
}

.skip-link:focus {
    top:12px
}

.no-motion * {
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important
}

.lightbox img {
    max-width:90vw;
    max-height:85vh;
    object-fit:contain
}

.lightbox-close {
    color:white
}

.form-control:focus,.form-select:focus {
    border-color:var(--primary);
    box-shadow:0 0 0 .2rem color-mix(in srgb,var(--primary) 15%,transparent)
}

.accordion-button:not(.collapsed) {
    background:color-mix(in srgb,var(--primary) 8%,var(--surface));
    color:var(--primary)
}

@media(max-width:767px) {
    .hero-photo {
    height:320px
}

.image-banner {
    background-size:cover,cover;
    background-image:linear-gradient(90deg,color-mix(in srgb,var(--dark) 94%,transparent),color-mix(in srgb,var(--dark) 72%,transparent)),var(--banner-image)
}

.founder-frame img {
    height:340px
}

.hero.image-banner {
    background-image:linear-gradient(90deg,var(--dark),color-mix(in srgb,var(--dark) 80%,transparent)),var(--banner-image)
}

.mini-gallery img {
    height:160px
}

.navbar-brand {
    font-size:1.05rem
}


}

@media(prefers-reduced-motion:reduce) {
    *,*::before,*::after {
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important
}


}