/* =========================================================
   LASTO FRONTEND THEME SYSTEM
   Central colour variables only. Page layout and functionality stay unchanged.
   ========================================================= */
:root{
    color-scheme:light;
    --theme-bg-page:#f5f7fb;
    --theme-bg-surface:#ffffff;
    --theme-bg-surface-2:#fbfcff;
    --theme-bg-soft:#eef2f8;
    --theme-bg-elevated:#ffffff;
    --theme-text-primary:#101828;
    --theme-text-secondary:#667085;
    --theme-text-muted:#98a2b3;
    --theme-border:#e4e7ec;
    --theme-border-strong:#d0d5dd;
    --theme-input-bg:#ffffff;
    --theme-input-text:#101828;
    --theme-placeholder:#98a2b3;
    --theme-primary:#7350f5;
    --theme-primary-hover:#6241e8;
    --theme-primary-soft:#f1edff;
    --theme-danger-bg:#fff0f0;
    --theme-danger-text:#b4232c;
    --theme-success-bg:#eaf8f1;
    --theme-success-text:#087a50;
    --theme-warning-bg:#fff5df;
    --theme-warning-text:#986000;
    --theme-shadow:0 14px 36px rgba(15,23,42,.07);
    --theme-shadow-soft:0 8px 24px rgba(15,23,42,.045);
    --theme-modal-overlay:rgba(0,0,0,.55);
    --theme-logo-box:rgba(255,255,255,.98);
    --theme-focus:0 0 0 4px rgba(115,80,245,.22);

    /* Existing page variable aliases. */
    --ink:var(--theme-text-primary);
    --muted:var(--theme-text-secondary);
    --line:var(--theme-border);
    --soft:var(--theme-bg-soft);
    --shadow:var(--theme-shadow);
    --brand-ink:var(--theme-text-primary);
    --brand-muted:var(--theme-text-secondary);
    --brand-line:var(--theme-border);
    --brand-soft:var(--theme-primary-soft);
    --service-ink:var(--theme-text-primary);
    --service-muted:var(--theme-text-secondary);
    --service-line:var(--theme-border);
    --service-purple-soft:var(--theme-primary-soft);
    --contact-ink:var(--theme-text-primary);
    --contact-muted:var(--theme-text-secondary);
    --contact-line:var(--theme-border);
    --contact-purple-soft:var(--theme-primary-soft);
    --compare-text:var(--theme-text-primary);
    --compare-muted:var(--theme-text-secondary);
    --compare-border:var(--theme-border);
}

html[data-site-theme="dark"]{
    color-scheme:dark;
    --theme-bg-page:#090d18;
    --theme-bg-surface:#111827;
    --theme-bg-surface-2:#141d2b;
    --theme-bg-soft:#182132;
    --theme-bg-elevated:#172131;
    --theme-text-primary:#f8fafc;
    --theme-text-secondary:#cbd5e1;
    --theme-text-muted:#94a3b8;
    --theme-border:#293548;
    --theme-border-strong:#3a475d;
    --theme-input-bg:#151e2e;
    --theme-input-text:#f1f5f9;
    --theme-placeholder:#8290a5;
    --theme-primary:#8b72ff;
    --theme-primary-hover:#9e89ff;
    --theme-primary-soft:#251f45;
    --theme-danger-bg:#3a171d;
    --theme-danger-text:#ff9da3;
    --theme-success-bg:#10382c;
    --theme-success-text:#78e0b8;
    --theme-warning-bg:#3b2d17;
    --theme-warning-text:#f4c978;
    --theme-shadow:0 18px 46px rgba(0,0,0,.28);
    --theme-shadow-soft:0 12px 30px rgba(0,0,0,.22);
    --theme-modal-overlay:rgba(0,0,0,.68);
    --theme-logo-box:rgba(255,255,255,.96);
    --theme-focus:0 0 0 4px rgba(139,114,255,.28);
}

/* Smooth theme changes without changing geometry. */
body,.main-nav,.benefits,.featured-products,.product-card,.google-review-card,.google-reviews-shell,
.brands-v2-card,.brands-v2-benefits,.brands-v2-help,.large-category-card,.statement-card,.value-card,
.step-card,.offer-card,.help-information,.about-whatsapp,.catalog-product-card,.product-filters,
.products-results-panel,.product-main-image-wrap,.product-thumbnail,.key-spec-card,.product-specification-section,
.specification-table-wrap,.service-shortcuts a,.repair-service-card,.business-service-card,.service-help,
.service-faq-list,.service-whatsapp,.contact-method-card,.store-location-card,.contact-support-strip,
.contact-faq-item,.comparison-intro,.comparison-rule-card,.comparison-table,.page-card,.whatsapp-picker-dialog{
    transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}

/* Theme control: one compact control, cycling System → Light → Dark. */
.site-theme-toggle{
    position:static;right:auto;bottom:auto;z-index:auto;min-width:82px;height:38px;padding:0 11px;
    border:1px solid rgba(255,255,255,.34);border-radius:8px;background:rgba(255,255,255,.06);
    color:#fff;box-shadow:none;backdrop-filter:none;flex:0 0 auto;
    display:flex;align-items:center;justify-content:center;gap:7px;
    font:700 10px/1 "Montserrat",Arial,sans-serif;letter-spacing:.02em;cursor:pointer;
}
.site-theme-toggle svg{width:17px;height:17px;fill:currentColor}
.site-theme-icon{display:none;place-items:center}
html[data-site-theme-preference="light"] .site-theme-icon-sun,
html[data-site-theme-preference="dark"] .site-theme-icon-moon,
html[data-site-theme-preference="system"] .site-theme-icon-system{display:grid}
.site-theme-toggle:hover{transform:translateY(-1px);border-color:var(--theme-primary);color:var(--theme-primary)}
.site-theme-toggle:focus-visible{outline:none;box-shadow:var(--theme-focus),var(--theme-shadow-soft)}
html[data-site-theme="dark"] .site-theme-toggle{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28);color:var(--theme-text-primary);box-shadow:none}

/* Shared page shell and navigation. */
html[data-site-theme="dark"] body,
html[data-site-theme="dark"] .about-main,
html[data-site-theme="dark"] .categories-main,
html[data-site-theme="dark"] .brands-page,
html[data-site-theme="dark"] .products-page,
html[data-site-theme="dark"] .product-details-page,
html[data-site-theme="dark"] .services-page,
html[data-site-theme="dark"] .contact-page,
html[data-site-theme="dark"] .comparison-page,
html[data-site-theme="dark"] .connected-page-shell{
    background:var(--theme-bg-page)!important;color:var(--theme-text-primary);
}
html[data-site-theme="dark"] .main-nav{
    background:rgba(14,20,30,.98)!important;border-color:var(--theme-border)!important;
    box-shadow:0 3px 14px rgba(0,0,0,.2);
}
html[data-site-theme="dark"] .nav-links.navbar-menu a{color:#dce4ef}
html[data-site-theme="dark"] .nav-links.navbar-menu a:hover,
html[data-site-theme="dark"] .nav-links.navbar-menu a.active{color:#ad9cff}
html[data-site-theme="dark"] .search-form input{background:var(--theme-input-bg);border-color:var(--theme-border-strong);color:var(--theme-input-text)}
html[data-site-theme="dark"] .search-form input::placeholder{color:var(--theme-placeholder)}

/* Global text and form states. Keep light-image heroes readable with explicit exceptions below. */
html[data-site-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-site-theme="dark"] select,
html[data-site-theme="dark"] textarea{
    background:var(--theme-input-bg)!important;color:var(--theme-input-text)!important;border-color:var(--theme-border-strong)!important;
}
html[data-site-theme="dark"] input::placeholder,
html[data-site-theme="dark"] textarea::placeholder{color:var(--theme-placeholder)!important;opacity:1}
html[data-site-theme="dark"] option{background:var(--theme-input-bg);color:var(--theme-input-text)}
html[data-site-theme="dark"] :is(a,button,input,select,textarea,summary):focus-visible{outline:none;box-shadow:var(--theme-focus)}
html[data-site-theme="dark"] hr{border-color:var(--theme-border)}

/* Homepage. */
html[data-site-theme="dark"] .benefits,
html[data-site-theme="dark"] .featured-products,
html[data-site-theme="dark"] .product-card,
html[data-site-theme="dark"] .google-reviews-shell,
html[data-site-theme="dark"] .google-review-card{
    background:var(--theme-bg-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text-primary);box-shadow:var(--theme-shadow-soft);
}
html[data-site-theme="dark"] .benefit{color:var(--theme-text-primary)}
html[data-site-theme="dark"] .benefit>.icon{color:var(--theme-primary)}
html[data-site-theme="dark"] .benefit p,
html[data-site-theme="dark"] .promotion-intro>p:not(.section-eyebrow),
html[data-site-theme="dark"] .product-meta,
html[data-site-theme="dark"] .product-spec,
html[data-site-theme="dark"] .google-reviews-summary>p,
html[data-site-theme="dark"] .google-review-card-text,
html[data-site-theme="dark"] .google-review-profile-copy span,
html[data-site-theme="dark"] .google-review-filter-notice{color:var(--theme-text-secondary)!important}
html[data-site-theme="dark"] .section-heading-row h2,
html[data-site-theme="dark"] .mini-heading h2,
html[data-site-theme="dark"] .promotion-intro h2,
html[data-site-theme="dark"] .product-card h3,
html[data-site-theme="dark"] .google-review-title,
html[data-site-theme="dark"] .google-review-profile-copy strong{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .product-price,
html[data-site-theme="dark"] .section-heading-row a,
html[data-site-theme="dark"] .mini-heading a,
html[data-site-theme="dark"] .google-review-read-link{color:#a995ff!important}
html[data-site-theme="dark"] .featured-original-price{color:var(--theme-text-muted)!important}
html[data-site-theme="dark"] .product-image,
html[data-site-theme="dark"] .google-review-photo-strip img{background:var(--theme-bg-soft)}
html[data-site-theme="dark"] .benefit:not(:last-child),
html[data-site-theme="dark"] .google-review-card{border-color:var(--theme-border)!important}
html[data-site-theme="dark"] .benefit-link:hover,
html[data-site-theme="dark"] .product-card:hover{background:var(--theme-bg-elevated)!important;border-color:#6f5bd1!important}
html[data-site-theme="dark"] .small-dark-button{background:var(--theme-bg-elevated);border:1px solid var(--theme-border);color:var(--theme-text-primary)}
html[data-site-theme="dark"] .search-status{background:var(--theme-primary-soft);color:#c5b9ff}

/* A light hero image must keep dark copy even when the surrounding site is dark. */
html[data-site-theme="dark"] .hero-slide-light .hero-content,
html[data-site-theme="dark"] .hero-slide-light h1,
html[data-site-theme="dark"] .hero-slide-light h2{color:#101828!important}
html[data-site-theme="dark"] .hero-slide-light .hero-description,
html[data-site-theme="dark"] .hero-slide-light .eyebrow{color:#475467!important}
html[data-site-theme="dark"] .hero-slide-light .button-outline{border-color:#182235;color:#182235;background:rgba(255,255,255,.72)}
html[data-site-theme="dark"] .hero-slide-light::after{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.82) 31%,rgba(255,255,255,.20) 61%,rgba(255,255,255,0) 100%)}

/* Category page. */
html[data-site-theme="dark"] .categories-heading h1,
html[data-site-theme="dark"] .category-title-row h2{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .categories-heading p,
html[data-site-theme="dark"] .category-title-row p{color:var(--theme-text-secondary)!important}
html[data-site-theme="dark"] .large-category-card{
    background:radial-gradient(circle at 84% 78%,rgba(var(--accent-rgb),.17),transparent 38%),linear-gradient(135deg,rgba(var(--accent-rgb),.10),var(--theme-bg-surface) 58%)!important;
    border-color:rgba(var(--accent-rgb),.30)!important;box-shadow:var(--theme-shadow-soft);
}
html[data-site-theme="dark"] .category-tags a{
    background:rgba(24,33,50,.92);border-color:rgba(var(--accent-rgb),.36);color:color-mix(in srgb,var(--accent) 72%,white);
}
html[data-site-theme="dark"] .category-tags a:hover{background:#202b3d}
html[data-site-theme="dark"] .category-artwork::before{background:linear-gradient(90deg,var(--theme-bg-surface) 0%,rgba(17,24,39,.22) 30%,rgba(17,24,39,0) 100%)}

/* Brands page. */
html[data-site-theme="dark"] .brands-v2-hero{
    background:radial-gradient(circle at 78% 28%,rgba(117,74,255,.22),transparent 31%),linear-gradient(105deg,#121824 0%,#171629 48%,#221a3a 100%);
    border-color:var(--theme-border);box-shadow:var(--theme-shadow);
}
html[data-site-theme="dark"] .brands-v2-hero::after{background:linear-gradient(90deg,rgba(12,17,26,.99) 0%,rgba(12,17,26,.93) 40%,rgba(12,17,26,.30) 70%,rgba(12,17,26,0) 100%)}
html[data-site-theme="dark"] .brands-v2-hero-copy h1,
html[data-site-theme="dark"] .brands-v2-section-heading h2,
html[data-site-theme="dark"] .brands-v2-card-content strong,
html[data-site-theme="dark"] .brands-v2-benefits h3,
html[data-site-theme="dark"] .brands-v2-help-copy h2{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .brands-v2-hero-copy p,
html[data-site-theme="dark"] .brands-v2-section-heading p,
html[data-site-theme="dark"] .brands-v2-card-content small,
html[data-site-theme="dark"] .brands-v2-benefits p,
html[data-site-theme="dark"] .brands-v2-help-copy p,
html[data-site-theme="dark"] .brands-breadcrumb,
html[data-site-theme="dark"] .brands-breadcrumb a{color:var(--theme-text-secondary)!important}
html[data-site-theme="dark"] .brands-v2-hero-copy{position:relative;z-index:4}
html[data-site-theme="dark"] .brands-v2-hero-copy h1{text-shadow:0 2px 14px rgba(0,0,0,.88),0 1px 2px rgba(0,0,0,.96)}
html[data-site-theme="dark"] .brands-v2-hero-copy p{text-shadow:0 1px 8px rgba(0,0,0,.9)}
html[data-site-theme="dark"] .brands-v2-card,
html[data-site-theme="dark"] .brands-v2-benefits,
html[data-site-theme="dark"] .brands-v2-help,
html[data-site-theme="dark"] .brands-v2-empty{
    background:var(--theme-bg-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text-primary);box-shadow:var(--theme-shadow-soft);
}
html[data-site-theme="dark"] .brand-logo{
    padding:6px 10px;border:1px solid rgba(255,255,255,.78);border-radius:12px;background:var(--theme-logo-box);
}
html[data-site-theme="dark"] .brands-v2-search-box>.icon{color:var(--theme-text-muted)}
html[data-site-theme="dark"] .brands-v2-filter,
html[data-site-theme="dark"] .brands-v2-load,
html[data-site-theme="dark"] .brands-v2-card-button{
    background:var(--theme-bg-soft);border-color:var(--theme-border-strong);color:var(--theme-text-secondary);
}
html[data-site-theme="dark"] .brands-v2-filter:hover,
html[data-site-theme="dark"] .brands-v2-load:hover,
html[data-site-theme="dark"] .brands-v2-card:hover .brands-v2-card-button{background:var(--theme-primary-soft);border-color:var(--theme-primary);color:#c8bdff}
html[data-site-theme="dark"] .brands-v2-filter.is-active{background:linear-gradient(135deg,#6544ee,#8064ff);color:#fff;border-color:transparent}
html[data-site-theme="dark"] .brands-v2-benefits article:not(:last-child){border-color:var(--theme-border)}
html[data-site-theme="dark"] .brands-v2-benefits article>span{background:var(--theme-primary-soft);border-color:#55458d;color:#a995ff}
html[data-site-theme="dark"] .brands-v2-help-mark{border-color:#6853b4;color:#ad9cff;box-shadow:0 0 0 22px rgba(126,83,234,.07)}

/* Products catalogue. */
html[data-site-theme="dark"] .catalog-intro{
    background:var(--theme-bg-page)!important;border-color:var(--theme-border)!important;color:var(--theme-text-primary);
}
html[data-site-theme="dark"] .catalog-intro h2{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .catalog-intro-description,
html[data-site-theme="dark"] .catalog-intro .products-result-count{color:var(--theme-text-secondary)!important}
html[data-site-theme="dark"] .products-toolbar{border-color:var(--theme-border)}
html[data-site-theme="dark"] .products-result-count,
html[data-site-theme="dark"] .products-toolbar-right>label,
html[data-site-theme="dark"] .filter-options label,
html[data-site-theme="dark"] .filter-options small,
html[data-site-theme="dark"] .price-inputs label span,
html[data-site-theme="dark"] .price-inputs b,
html[data-site-theme="dark"] .price-scale,
html[data-site-theme="dark"] .catalog-product-spec,
html[data-site-theme="dark"] .catalog-product-extra{color:var(--theme-text-secondary)!important}
html[data-site-theme="dark"] .products-result-count strong,
html[data-site-theme="dark"] .filter-heading-row span,
html[data-site-theme="dark"] .filter-group summary,
html[data-site-theme="dark"] .catalog-product-card h2,
html[data-site-theme="dark"] .catalog-product-bottom>strong{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .filter-toggle,
html[data-site-theme="dark"] .view-button,
html[data-site-theme="dark"] .product-filters,
html[data-site-theme="dark"] .filter-group,
html[data-site-theme="dark"] .catalog-product-card,
html[data-site-theme="dark"] .no-products,
html[data-site-theme="dark"] .compare-selected-product{
    background:var(--theme-bg-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text-primary);box-shadow:var(--theme-shadow-soft);
}
html[data-site-theme="dark"] .filter-heading-row,
html[data-site-theme="dark"] .filter-group{border-color:var(--theme-border)}
html[data-site-theme="dark"] .filter-options input{background:var(--theme-input-bg);border-color:var(--theme-border-strong)}
html[data-site-theme="dark"] .price-inputs label{background:var(--theme-input-bg);border-color:var(--theme-border-strong)}
html[data-site-theme="dark"] .catalog-product-image,
html[data-site-theme="dark"] .compare-selected-product img{background:linear-gradient(180deg,#f8fafc,#eef2f6)!important}
html[data-site-theme="dark"] .product-badge,
html[data-site-theme="dark"] .product-compare-button,
html[data-site-theme="dark"] .active-search-message,
html[data-site-theme="dark"] .active-taxonomy-summary,
html[data-site-theme="dark"] .dynamic-filter-profile,
html[data-site-theme="dark"] .subcategory-filter-gate,
html[data-site-theme="dark"] .availability-sync-note,
html[data-site-theme="dark"] .taxonomy-option{
    background:var(--theme-primary-soft)!important;border-color:#4a3d79!important;color:#c8bdff!important;
}
html[data-site-theme="dark"] .active-search-message strong,
html[data-site-theme="dark"] .active-taxonomy-summary strong,
html[data-site-theme="dark"] .dynamic-filter-profile strong,
html[data-site-theme="dark"] .subcategory-filter-gate strong,
html[data-site-theme="dark"] .availability-sync-note strong{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .dynamic-filter-profile small,
html[data-site-theme="dark"] .subcategory-filter-gate span,
html[data-site-theme="dark"] .availability-sync-note span{color:var(--theme-text-secondary)!important}
html[data-site-theme="dark"] .product-details-button,
html[data-site-theme="dark"] .product-card-whatsapp,
html[data-site-theme="dark"] .product-compare-button{background:var(--theme-bg-soft);border-color:#725de0;color:#b6a6ff}
html[data-site-theme="dark"] .catalog-product-card:hover{background:var(--theme-bg-elevated)!important;border-color:#6954d7!important}
html[data-site-theme="dark"] .related-heading-row h2{color:#F5F7FF!important}
html[data-site-theme="dark"] .compare-floating-bar{background:rgba(17,24,39,.97);border-color:var(--theme-border);box-shadow:0 -14px 34px rgba(0,0,0,.34)}
html[data-site-theme="dark"] .compare-floating-heading strong,
html[data-site-theme="dark"] .compare-selected-product strong{color:var(--theme-text-primary)}
html[data-site-theme="dark"] .compare-floating-heading span{color:var(--theme-text-secondary)}
html[data-site-theme="dark"] .compare-selected-remove,
html[data-site-theme="dark"] .compare-clear-button{background:var(--theme-bg-soft);border-color:var(--theme-border);color:var(--theme-text-secondary)}
html[data-site-theme="dark"] .compare-now-button:disabled{background:#354052;border-color:#354052;color:#8e9aad;opacity:.75}

/* Product detail and comparison tables. */
html[data-site-theme="dark"] .product-breadcrumb,
html[data-site-theme="dark"] .product-overview{border-color:var(--theme-border)!important}
html[data-site-theme="dark"] .product-breadcrumb,
html[data-site-theme="dark"] .product-breadcrumb a,
html[data-site-theme="dark"] .product-description,
html[data-site-theme="dark"] .product-summary,
html[data-site-theme="dark"] .product-trust-item span,
html[data-site-theme="dark"] .key-spec-card p,
html[data-site-theme="dark"] .specification-table td,
html[data-site-theme="dark"] .comparison-table td{color:var(--theme-text-secondary)!important}
html[data-site-theme="dark"] .product-summary h1,
html[data-site-theme="dark"] .product-detail-title,
html[data-site-theme="dark"] .product-suitable-row>strong,
html[data-site-theme="dark"] .key-specifications h2,
html[data-site-theme="dark"] .full-specifications h2,
html[data-site-theme="dark"] .key-spec-card h3,
html[data-site-theme="dark"] .product-trust-item strong,
html[data-site-theme="dark"] .specification-table th,
html[data-site-theme="dark"] .comparison-table th{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .product-main-image-wrap,
html[data-site-theme="dark"] .product-thumbnail,
html[data-site-theme="dark"] .key-spec-card,
html[data-site-theme="dark"] .product-specification-section,
html[data-site-theme="dark"] .specification-table-wrap,
html[data-site-theme="dark"] .comparison-intro,
html[data-site-theme="dark"] .comparison-rule-card,
html[data-site-theme="dark"] .comparison-table{
    background:var(--theme-bg-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text-primary);box-shadow:var(--theme-shadow-soft);
}
html[data-site-theme="dark"] .product-main-image-wrap,
html[data-site-theme="dark"] .product-thumbnail,
html[data-site-theme="dark"] .comparison-product-image{background:linear-gradient(180deg,#f8fafc,#eef2f6)!important}
html[data-site-theme="dark"] .gallery-expand{background:var(--theme-bg-soft);border-color:var(--theme-border);color:var(--theme-text-secondary)}
html[data-site-theme="dark"] .key-spec-icon{background:var(--theme-primary-soft);color:#aa97ff}
html[data-site-theme="dark"] .specification-table th,
html[data-site-theme="dark"] .comparison-feature-heading{background:#1b2636!important}
html[data-site-theme="dark"] .specification-table th,
html[data-site-theme="dark"] .specification-table td,
html[data-site-theme="dark"] .comparison-table th,
html[data-site-theme="dark"] .comparison-table td{border-color:var(--theme-border)!important}
html[data-site-theme="dark"] .specification-table tr:nth-child(even),
html[data-site-theme="dark"] .comparison-table tbody tr:nth-child(even){background:#101722}
html[data-site-theme="dark"] .product-detail-marketing-badge{background:#2b2350!important;color:#c8baff!important}
html[data-site-theme="dark"] .stock-badge.is-in-stock,
html[data-site-theme="dark"] .status-new{background:var(--theme-success-bg)!important;color:var(--theme-success-text)!important}
html[data-site-theme="dark"] .stock-badge.is-low-stock{background:var(--theme-warning-bg)!important;color:var(--theme-warning-text)!important}
html[data-site-theme="dark"] .stock-badge.is-confirm-stock{background:#273141!important;color:#c3cbd7!important}
html[data-site-theme="dark"] .stock-badge.is-out-of-stock{background:#43251f!important;color:#ffac96!important}
html[data-site-theme="dark"] .status-recond{background:var(--theme-warning-bg)!important;color:var(--theme-warning-text)!important}

/* Services. */
html[data-site-theme="dark"] .service-hero{
    background:linear-gradient(115deg,#121824 0%,#121824 43%,#211a38 100%);border-color:var(--theme-border);box-shadow:var(--theme-shadow);
}
html[data-site-theme="dark"] .service-hero-copy h1,
html[data-site-theme="dark"] .service-section-heading h2,
html[data-site-theme="dark"] .repair-service-copy h3,
html[data-site-theme="dark"] .business-service-copy strong,
html[data-site-theme="dark"] .service-process-grid h3,
html[data-site-theme="dark"] .service-help-copy h2,
html[data-site-theme="dark"] .service-whatsapp h2{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .service-hero-copy>p:not(.service-eyebrow),
html[data-site-theme="dark"] .service-section-heading>p:not(.service-eyebrow),
html[data-site-theme="dark"] .repair-service-copy p,
html[data-site-theme="dark"] .business-service-copy small,
html[data-site-theme="dark"] .service-process-grid p,
html[data-site-theme="dark"] .service-help-copy>p:not(.service-eyebrow),
html[data-site-theme="dark"] .service-whatsapp p,
html[data-site-theme="dark"] .service-faq-answer p{color:var(--theme-text-secondary)!important}
html[data-site-theme="dark"] .service-shortcuts a,
html[data-site-theme="dark"] .repair-service-card,
html[data-site-theme="dark"] .business-service-card,
html[data-site-theme="dark"] .service-help,
html[data-site-theme="dark"] .service-faq-list,
html[data-site-theme="dark"] .service-whatsapp{
    background:var(--theme-bg-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text-primary);box-shadow:var(--theme-shadow-soft);
}
html[data-site-theme="dark"] .business-services,
html[data-site-theme="dark"] .why-lasto,
html[data-site-theme="dark"] .service-process,
html[data-site-theme="dark"] .service-faq{background:var(--theme-bg-page)!important;border-color:var(--theme-border)!important}
html[data-site-theme="dark"] .shortcut-icon,
html[data-site-theme="dark"] .service-process-grid li>span{background:var(--theme-primary-soft);color:#aa97ff}
html[data-site-theme="dark"] .service-button-outline,
html[data-site-theme="dark"] .view-all-services,
html[data-site-theme="dark"] .service-whatsapp>a{background:var(--theme-bg-soft);border-color:#725de0;color:#b7a8ff}
html[data-site-theme="dark"] .service-faq-item:not(:last-child){border-color:var(--theme-border)}
html[data-site-theme="dark"] .service-faq-item button{background:var(--theme-bg-surface);color:var(--theme-text-primary)}
html[data-site-theme="dark"] .service-faq-item button:hover,
html[data-site-theme="dark"] .service-faq-answer{background:var(--theme-bg-elevated)}
html[data-site-theme="dark"] .service-hero-visual::before,
html[data-site-theme="dark"] .service-help-image::before{background:linear-gradient(90deg,#121824 0%,rgba(18,24,36,.24) 24%,rgba(18,24,36,0) 100%)}

/* About. */
html[data-site-theme="dark"] .statement-card,
html[data-site-theme="dark"] .value-card,
html[data-site-theme="dark"] .step-card,
html[data-site-theme="dark"] .offer-card,
html[data-site-theme="dark"] .help-information,
html[data-site-theme="dark"] .about-whatsapp{
    background:var(--theme-bg-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text-primary);box-shadow:var(--theme-shadow-soft);
}
html[data-site-theme="dark"] .about-section-title,
html[data-site-theme="dark"] .statement-copy h2,
html[data-site-theme="dark"] .value-card h3,
html[data-site-theme="dark"] .step-card h3,
html[data-site-theme="dark"] .offer-card h3,
html[data-site-theme="dark"] .help-information h3,
html[data-site-theme="dark"] .about-whatsapp h2{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .statement-copy p,
html[data-site-theme="dark"] .value-card p,
html[data-site-theme="dark"] .step-card p,
html[data-site-theme="dark"] .offer-card p,
html[data-site-theme="dark"] .help-information p,
html[data-site-theme="dark"] .about-whatsapp p{color:var(--theme-text-secondary)!important}
html[data-site-theme="dark"] .statement-icon,
html[data-site-theme="dark"] .round-icon,
html[data-site-theme="dark"] .help-icon{background:var(--theme-primary-soft);color:#9c89ff}
html[data-site-theme="dark"] .help-information article:not(:last-child),
html[data-site-theme="dark"] .statement-card:last-child{border-color:var(--theme-border)}

/* Contact. */
html[data-site-theme="dark"] .contact-hero{
    background:radial-gradient(circle at 18% 24%,rgba(108,73,255,.18),transparent 31%),linear-gradient(100deg,#101722 0%,#151626 48%,#211a38 100%);border-color:var(--theme-border);box-shadow:var(--theme-shadow);
}
html[data-site-theme="dark"] .contact-hero-copy h1,
html[data-site-theme="dark"] .contact-section-heading h2,
html[data-site-theme="dark"] .contact-method-card h3,
html[data-site-theme="dark"] .store-location-name,
html[data-site-theme="dark"] .contact-support-copy h2{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .contact-hero-copy>p:not(.contact-eyebrow),
html[data-site-theme="dark"] .contact-hero-meta span,
html[data-site-theme="dark"] .contact-section-heading p,
html[data-site-theme="dark"] .contact-method-card p,
html[data-site-theme="dark"] .store-address,
html[data-site-theme="dark"] .store-contact-list,
html[data-site-theme="dark"] .store-hours,
html[data-site-theme="dark"] .contact-support-copy>p:not(.contact-eyebrow),
html[data-site-theme="dark"] .contact-faq-answer p{color:var(--theme-text-secondary)!important}
html[data-site-theme="dark"] .contact-method-card,
html[data-site-theme="dark"] .store-location-card,
html[data-site-theme="dark"] .contact-support-strip,
html[data-site-theme="dark"] .contact-faq-item{
    background:var(--theme-bg-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text-primary);box-shadow:var(--theme-shadow-soft);
}
html[data-site-theme="dark"] .contact-methods,
html[data-site-theme="dark"] .store-location-section,
html[data-site-theme="dark"] .contact-faq{background:var(--theme-bg-page)!important}
html[data-site-theme="dark"] .contact-secondary-button,
html[data-site-theme="dark"] .map-directions-button,
html[data-site-theme="dark"] .store-direction-button{background:var(--theme-bg-soft)!important;border-color:#725de0!important;color:#b7a8ff!important}
html[data-site-theme="dark"] .contact-faq-item button{background:var(--theme-bg-surface);color:var(--theme-text-primary)}
html[data-site-theme="dark"] .contact-faq-item button:hover{background:var(--theme-bg-elevated)}
html[data-site-theme="dark"] .contact-faq-answer p{border-color:var(--theme-border)}
html[data-site-theme="dark"] .contact-support-art{background:var(--theme-primary-soft);color:#a996ff}
html[data-site-theme="dark"] .contact-hero-visual::before{background:linear-gradient(90deg,#101722 0%,rgba(16,23,34,.22) 24%,rgba(16,23,34,0) 100%)}
html[data-site-theme="dark"] .store-location-photo,
html[data-site-theme="dark"] .store-map-wrap{border-color:var(--theme-border)}
html[data-site-theme="dark"] .map-soft-overlay{background:linear-gradient(135deg,rgba(17,24,39,.06),rgba(37,31,69,.14))}

/* Generic connected pages and modal/picker surfaces. */
html[data-site-theme="dark"] .page-card{background:var(--theme-bg-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text-primary);box-shadow:var(--theme-shadow-soft)}
html[data-site-theme="dark"] .page-card h1,
html[data-site-theme="dark"] .page-card h2,
html[data-site-theme="dark"] .page-card h3{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .page-card p{color:var(--theme-text-secondary)!important}
html[data-site-theme="dark"] .whatsapp-picker-backdrop{background:var(--theme-modal-overlay)}
html[data-site-theme="dark"] .whatsapp-picker-dialog{background:var(--theme-bg-surface);color:var(--theme-text-primary);border-color:var(--theme-border);box-shadow:0 28px 80px rgba(0,0,0,.48)}
html[data-site-theme="dark"] .whatsapp-picker-close,
html[data-site-theme="dark"] .whatsapp-branch-option{background:var(--theme-bg-soft);border-color:var(--theme-border);color:var(--theme-text-primary)}
html[data-site-theme="dark"] .whatsapp-branch-option:hover{background:var(--theme-bg-elevated)}
html[data-site-theme="dark"] .whatsapp-picker-description,
html[data-site-theme="dark"] .whatsapp-branch-copy span,
html[data-site-theme="dark"] .whatsapp-picker-note{color:var(--theme-text-secondary)}
html[data-site-theme="dark"] .whatsapp-branch-copy strong{color:var(--theme-text-primary)}
html[data-site-theme="dark"] .mobile-bottom-nav{background:rgba(15,21,31,.97);border-color:var(--theme-border)}
html[data-site-theme="dark"] .mobile-bottom-link{color:var(--theme-text-secondary)}
html[data-site-theme="dark"] .mobile-bottom-link.is-active{color:#aa97ff}

@media(max-width:900px){
    html[data-site-theme="dark"] .brands-v2-hero::after{background:linear-gradient(180deg,rgba(12,17,26,.99) 0%,rgba(12,17,26,.94) 49%,rgba(12,17,26,.15) 82%,rgba(12,17,26,0) 100%)}
    html[data-site-theme="dark"] .service-hero-visual::before,
    html[data-site-theme="dark"] .contact-hero-visual::before{background:linear-gradient(180deg,#121824 0%,rgba(18,24,36,.08) 28%,rgba(18,24,36,0) 62%)}
}
@media(max-width:780px){
    .site-theme-toggle{min-width:38px;width:38px;height:38px;padding:0;border-radius:12px}
    .site-theme-toggle-label{display:none}
}

/* =========================================================
   REQUESTED DARK-MODE VISIBILITY PATCH — 24 JUL 2026
   Scope: Brands presentation and text contrast in the supplied
   Services, Comparison and Contact sections only.
   No layout, content or functionality changes.
   ========================================================= */

/* Brands: retain the original clean logo-on-card presentation shown
   in the supplied reference instead of introducing a second white box. */
html[data-site-theme="dark"] .brands-page .brand-logo{
    padding:4px 4px 12px;
    border:0;
    border-radius:0;
    background:transparent;
}
html[data-site-theme="dark"] .brands-page .brands-v2-card-button{
    background:transparent;
    border-color:#8f79ef;
    color:#8b72ff;
}
html[data-site-theme="dark"] .brands-page .brands-v2-card:hover .brands-v2-card-button{
    background:#f7f5ff;
    border-color:#8b72ff;
    color:#573bd8;
}

/* Services — Why Choose LASTO copy was still using light-theme colours. */
html[data-site-theme="dark"] .why-lasto-grid h3{
    color:var(--theme-text-primary)!important;
}
html[data-site-theme="dark"] .why-lasto-grid p{
    color:var(--theme-text-secondary)!important;
}

/* Product comparison — headings and rule copy on dark surfaces. */
html[data-site-theme="dark"] .comparison-intro h1,
html[data-site-theme="dark"] .comparison-rule-card strong,
html[data-site-theme="dark"] .comparison-section-heading h2{
    color:var(--theme-text-primary)!important;
}
html[data-site-theme="dark"] .comparison-back-link,
html[data-site-theme="dark"] .comparison-intro>div>p:last-child,
html[data-site-theme="dark"] .comparison-rule-card span{
    color:var(--theme-text-secondary)!important;
}

/* Contact store cards — labels, phone, WhatsApp, email and hours. */
html[data-site-theme="dark"] .store-panel-heading,
html[data-site-theme="dark"] .store-hours strong{
    color:var(--theme-text-primary)!important;
}
html[data-site-theme="dark"] .store-contact-list a,
html[data-site-theme="dark"] .store-hours p{
    color:var(--theme-text-secondary)!important;
}
html[data-site-theme="dark"] .store-location-right-column{
    border-color:var(--theme-border)!important;
}

/* =========================================================
   REQUESTED BRANDS + SPECIAL DEALS POLISH — 24 JUL 2026
   Scope only: Brands directory logo visibility/alignment,
   Brands text/card hover, Brands navbar opacity, and the
   homepage Special Deals arrow. No HTML/function changes.
   ========================================================= */

/* Keep every brand mark inside one consistent visual area so card
   titles and descriptions begin on the same horizontal line. */
.brands-page .brands-v2-card{
    height:270px;
    min-height:270px;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.brands-page .brand-logo{
    width:100%;
    height:105px;
    min-height:105px;
    max-height:105px;
    flex:0 0 105px;
    padding:4px 2px 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.brands-page .brand-logo img{
    display:block;
    width:auto;
    height:auto;
    max-width:190px;
    max-height:78px;
    object-fit:contain;
    object-position:center;
}

/* Small optical adjustments keep differently shaped logos balanced
   without changing the source artwork. */
.brands-page .brand-logo-dell img,
.brands-page .brand-logo-hp img{
    max-width:180px;
    max-height:76px;
}
.brands-page .brand-logo-lenovo img{
    max-width:190px;
    max-height:64px;
}
.brands-page .brand-logo-asus img{
    max-width:188px;
    max-height:62px;
}
.brands-page .brand-logo-acer img{
    max-width:184px;
    max-height:66px;
}
.brands-page .brand-logo-intel img{
    max-width:164px;
    max-height:68px;
}
.brands-page .brand-logo-amd img,
.brands-page .brand-logo-msi img{
    max-width:180px;
    max-height:62px;
}

/* Use the original dark logo artwork in light mode. Only the three
   monochrome black marks are inverted in dark mode. */
html[data-site-theme="dark"] .brands-page .brand-logo-asus img,
html[data-site-theme="dark"] .brands-page .brand-logo-amd img,
html[data-site-theme="dark"] .brands-page .brand-logo-msi img{
    filter:brightness(0) invert(1);
    opacity:.96;
}
html[data-site-theme="light"] .brands-page .brand-logo-asus img,
html[data-site-theme="light"] .brands-page .brand-logo-amd img,
html[data-site-theme="light"] .brands-page .brand-logo-msi img{
    filter:none;
    opacity:1;
}

/* Improve supporting-text contrast without competing with the title. */
html[data-site-theme="dark"] .brands-page .brands-v2-card-content small,
html[data-site-theme="dark"] .brands-page .brands-v2-card-content p{
    color:#b8c1d1;
}

/* Subtle card lift only. */
.brands-page .brands-v2-card:hover{
    transform:translateY(-4px);
    border-color:rgba(139,92,246,.55);
    box-shadow:0 14px 35px rgba(0,0,0,.16);
}
html[data-site-theme="dark"] .brands-page .brands-v2-card:hover{
    box-shadow:0 14px 35px rgba(0,0,0,.25);
}

/* Make the sticky Brands navbar fully opaque so filters/content cannot
   show through and appear as overlapping navigation text. */
.brands-page .main-nav{
    isolation:isolate;
}
html[data-site-theme="dark"] .brands-page .main-nav{
    background:#0f1622;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}
html[data-site-theme="light"] .brands-page .main-nav{
    background:#ffffff;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}

/* Special Deals: soften and slightly reduce the white arrow, then use
   the site purple on card hover. */
.promotions .round-arrow{
    width:40px;
    height:40px;
    background:rgba(255,255,255,.92);
    transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.promotions .promotion-card:hover .round-arrow{
    background:#6c3cff;
    color:#ffffff;
    transform:translateX(4px);
    box-shadow:0 8px 20px rgba(108,60,255,.28);
}

@media (max-width:760px){
    .brands-page .brands-v2-card{
        height:242px;
        min-height:242px;
    }
    .brands-page .brand-logo{
        height:86px;
        min-height:86px;
        max-height:86px;
        flex-basis:86px;
    }
    .brands-page .brand-logo img{
        max-width:154px;
        max-height:60px;
    }
}

@media (max-width:430px){
    .brands-page .brands-v2-card{
        height:238px;
        min-height:238px;
    }
}

/* Final optical balance for the supplied first-row brand logos. */
.brands-page .brand-logo-dell img{
    transform:scale(1.20);
}
.brands-page .brand-logo-hp img{
    transform:scale(1.10);
}
.brands-page .brand-logo-intel img{
    max-width:150px;
    max-height:62px;
}
html[data-site-theme="dark"] .brands-page .brands-v2-card-content small,
html[data-site-theme="dark"] .brands-page .brands-v2-card-content p{
    color:#b8c1d1!important;
}

/* =========================================================
   REQUESTED MONOCHROME LOGOS + RESPONSIVE DARK MODE AUDIT — 24 JUL 2026
   Scope only: four dark brand marks, Trusted Brands title,
   How It Works connectors, and responsive dark-mode colour overrides.
   No layout, content, data or functionality changes.
   ========================================================= */

/* Only brand marks that are predominantly black receive a white dark-mode
   treatment. Coloured marks such as Samsung, Razer, Epson and Brother keep
   their original artwork. */
html[data-site-theme="dark"] .brands-page .brand-logo.is-monochrome img{
    filter:brightness(0) invert(1);
    opacity:.96;
}
html[data-site-theme="light"] .brands-page .brand-logo.is-monochrome img{
    filter:none;
    opacity:1;
}

/* Homepage Trusted Brands heading: prevent the light-theme fixed black title
   colour from overriding the active dark theme. */
html[data-site-theme="dark"] .ui-trusted-brands.trusted-brands-section{
    background:var(--theme-bg-page)!important;
}
html[data-site-theme="dark"] .ui-trusted-brands .trusted-brands-title{
    color:var(--theme-text-primary)!important;
}

/* Services process connectors: use the same soft purple as the step icons. */
html[data-site-theme="dark"] .service-process-grid li:not(:last-child)::after{
    border-top-color:rgba(139,92,246,.75)!important;
}
html[data-site-theme="dark"] .service-process-grid li:not(:last-child)::before{
    border-left-color:#8b5cf6!important;
}

/* Responsive dark mode. The mobile stylesheet contains deliberate fixed light
   surfaces for the app layout; these final theme-scoped rules keep the same
   geometry while replacing only colour, border and shadow values. */
@media (max-width:980px){
    html[data-site-theme="dark"] .main-nav{
        background:#0f1622!important;
        border-color:var(--theme-border)!important;
    }
    html[data-site-theme="dark"] .nav-links.navbar-menu a{
        color:var(--theme-text-secondary)!important;
    }
    html[data-site-theme="dark"] .nav-links.navbar-menu a.active,
    html[data-site-theme="dark"] .nav-links.navbar-menu a[aria-current="page"]{
        color:#c3b6ff!important;
    }
}

@media (max-width:768px){
    html[data-site-theme="dark"]{
        --mobile-page:var(--theme-bg-page);
        --mobile-card:var(--theme-bg-surface);
        --mobile-ink:var(--theme-text-primary);
        --mobile-muted:var(--theme-text-secondary);
        --mobile-line:var(--theme-border);
    }

    html[data-site-theme="dark"] body{
        background:var(--theme-bg-page)!important;
        color:var(--theme-text-primary)!important;
    }

    /* Mobile search and menu drawer. */
    html[data-site-theme="dark"] .search-form input{
        background:var(--theme-input-bg)!important;
        color:var(--theme-input-text)!important;
        border:1px solid var(--theme-border-strong)!important;
        box-shadow:0 3px 13px rgba(0,0,0,.28)!important;
    }
    html[data-site-theme="dark"] .search-form input::placeholder{
        color:var(--theme-placeholder)!important;
    }
    html[data-site-theme="dark"] .search-form::before{
        border-color:var(--theme-text-muted)!important;
    }
    html[data-site-theme="dark"] .search-form::after{
        background:var(--theme-text-muted)!important;
    }
    html[data-site-theme="dark"] .main-nav{
        border-color:var(--theme-border-strong)!important;
        background:rgba(15,22,34,.985)!important;
        box-shadow:0 22px 60px rgba(0,0,0,.46)!important;
    }
    html[data-site-theme="dark"] .nav-links.navbar-menu a{
        border-color:var(--theme-border)!important;
        background:var(--theme-bg-soft)!important;
        color:var(--theme-text-secondary)!important;
    }
    html[data-site-theme="dark"] .nav-links.navbar-menu a:hover{
        border-color:#6754bf!important;
        background:var(--theme-bg-elevated)!important;
        color:var(--theme-text-primary)!important;
    }
    html[data-site-theme="dark"] .nav-links.navbar-menu a.active,
    html[data-site-theme="dark"] .nav-links.navbar-menu a[aria-current="page"]{
        border-color:#6653b5!important;
        background:var(--theme-primary-soft)!important;
        color:#c3b6ff!important;
    }

    /* Fixed mobile navigation and action bars. */
    html[data-site-theme="dark"] .mobile-bottom-nav{
        border-color:var(--theme-border)!important;
        background:rgba(15,21,31,.97)!important;
        box-shadow:0 -8px 26px rgba(0,0,0,.32)!important;
    }
    html[data-site-theme="dark"] .mobile-bottom-link{
        color:var(--theme-text-secondary)!important;
    }
    html[data-site-theme="dark"] .mobile-bottom-link.is-active{
        color:#aa97ff!important;
    }
    html[data-site-theme="dark"] .products-toolbar,
    html[data-site-theme="dark"] .product-primary-actions{
        border-color:var(--theme-border)!important;
        background:rgba(17,24,39,.97)!important;
        box-shadow:0 6px 18px rgba(0,0,0,.28)!important;
    }

    /* Mobile page and section surfaces that were fixed to white in responsive CSS. */
    html[data-site-theme="dark"] .categories-heading,
    html[data-site-theme="dark"] .product-catalog,
    html[data-site-theme="dark"] .product-detail-main,
    html[data-site-theme="dark"] .related-products,
    html[data-site-theme="dark"] .brands-v2-directory,
    html[data-site-theme="dark"] .repair-section,
    html[data-site-theme="dark"] .why-lasto,
    html[data-site-theme="dark"] .service-process,
    html[data-site-theme="dark"] .service-faq,
    html[data-site-theme="dark"] .about-section,
    html[data-site-theme="dark"] .contact-methods,
    html[data-site-theme="dark"] .contact-stores,
    html[data-site-theme="dark"] .contact-faq,
    html[data-site-theme="dark"] .comparison-intro,
    html[data-site-theme="dark"] .comparison-section,
    html[data-site-theme="dark"] .google-reviews,
    html[data-site-theme="dark"] .ui-trusted-brands.trusted-brands-section{
        background:var(--theme-bg-page)!important;
        border-color:var(--theme-border)!important;
    }

    /* Mobile sheets, cards and table headers. */
    html[data-site-theme="dark"] .product-filters,
    html[data-site-theme="dark"] .filters-mobile-heading,
    html[data-site-theme="dark"] .key-specifications,
    html[data-site-theme="dark"] .full-specifications,
    html[data-site-theme="dark"] .comparison-feature-heading,
    html[data-site-theme="dark"] .comparison-table tbody th{
        background:var(--theme-bg-surface)!important;
        border-color:var(--theme-border)!important;
        color:var(--theme-text-primary)!important;
    }
    html[data-site-theme="dark"] .filter-toggle{
        background:var(--theme-primary-soft)!important;
        border-color:#5e4daa!important;
        color:#b9abff!important;
    }
    html[data-site-theme="dark"] .taxonomy-option,
    html[data-site-theme="dark"] .filter-options label{
        background:var(--theme-bg-soft)!important;
        border-color:var(--theme-border)!important;
        color:var(--theme-text-secondary)!important;
    }

    /* Consistent responsive text contrast. */
    html[data-site-theme="dark"] :is(
        .section-heading h2,
        .service-section-heading h2,
        .contact-section-heading h2,
        .about-section-title,
        .brands-v2-section-heading h2,
        .ui-standard-title,
        .trusted-brands-title
    ){
        color:var(--theme-text-primary)!important;
    }
    html[data-site-theme="dark"] :is(
        .ui-standard-description,
        .brands-v2-section-heading p,
        .service-section-heading>p:not(.service-eyebrow),
        .contact-section-heading p
    ){
        color:var(--theme-text-secondary)!important;
    }

    /* Keep dark monochrome brand treatment active after mobile image sizing
       rules without affecting already-coloured brand artwork. */
    html[data-site-theme="dark"] .brands-page .brand-logo.is-monochrome img{
        filter:brightness(0) invert(1)!important;
        opacity:.96!important;
    }
}



/* =========================================================
   REQUESTED HEADER THEME CONTROL + WHATSAPP BRAND COLOUR
   Scope: move the existing frontend theme control into the top
   header and standardise WhatsApp actions without changing logic.
   ========================================================= */
:root{
    --whatsapp-green:#25d366;
    --whatsapp-green-hover:#1fbd59;
    --whatsapp-green-shadow:rgba(37,211,102,.28);
}

/* Every shared WhatsApp glyph now carries .icon-whatsapp. */
.icon-whatsapp{
    color:var(--whatsapp-green)!important;
}

/* Primary WhatsApp actions use the official brand green surface. */
.header-whatsapp,
.global-floating-whatsapp,
.service-floating-whatsapp{
    background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-hover))!important;
    border-color:transparent!important;
    box-shadow:0 10px 24px var(--whatsapp-green-shadow)!important;
}
.header-whatsapp:hover,
.global-floating-whatsapp:hover,
.service-floating-whatsapp:hover{
    background:linear-gradient(135deg,#2adb70,#18ad4e)!important;
    box-shadow:0 13px 30px rgba(37,211,102,.38)!important;
}
.header-whatsapp .icon-whatsapp,
.global-floating-whatsapp .icon-whatsapp,
.service-floating-whatsapp .icon-whatsapp,
.whatsapp-picker-icon .icon-whatsapp{
    color:#fff!important;
}

/* Keep compact/outline WhatsApp controls neutral with a green glyph. */
.product-card-whatsapp .icon-whatsapp,
.service-button-outline .icon-whatsapp,
.product-whatsapp-button .icon-whatsapp,
.comparison-whatsapp-button .icon-whatsapp,
.store-whatsapp-button .icon-whatsapp,
.footer-help .icon-whatsapp,
.social-link-whatsapp .icon-whatsapp,
.mobile-bottom-chat .icon-whatsapp,
.whatsapp-branch-action .icon-whatsapp,
.contact-method-whatsapp .icon-whatsapp,
.store-contact-lines .icon-whatsapp{
    color:var(--whatsapp-green)!important;
}

/* Navbar placement: the script inserts the existing button before the menu control. */
.header-actions .site-theme-toggle{
    margin:0;
}

@media(max-width:780px){
    .header-actions .site-theme-toggle{
        display:grid!important;
        place-items:center!important;
    }
}

@media(max-width:480px){
    .header-actions .site-theme-toggle{
        min-width:40px;
        width:40px;
        height:40px;
    }
}

/* =========================================================
   SUBTLE MOTION PASS — 24 JUL 2026
   Scope only: shared navbar feedback, homepage benefits,
   Special Deals, Featured Products, theme icon and the
   floating WhatsApp control. No layout/data/function changes.
   ========================================================= */

/* Entrance reveal classes are added only by assets/js/main.js.
   Without JavaScript, all content remains visible as normal. */
html.motion-ready .motion-reveal{
    opacity:0;
    will-change:opacity,transform;
}
html.motion-ready .motion-reveal.is-visible{
    animation:lasto-reveal-up .62s cubic-bezier(.22,.72,.2,1) var(--motion-delay,0ms) both;
}
html.motion-ready .motion-reveal.motion-from-left.is-visible{
    animation-name:lasto-reveal-left;
}
@keyframes lasto-reveal-up{
    from{opacity:0;transform:translate3d(0,20px,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes lasto-reveal-left{
    from{opacity:0;transform:translate3d(-24px,0,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
}

/* Two-level navbar remains sticky, becomes slightly more compact and
   gains a solid surface/shadow after the visitor starts scrolling. */
@media (min-width:769px){
    body{
        --lasto-motion-header-height:84px;
        --lasto-motion-nav-height:60px;
    }
    .top-header,
    .header-inner,
    .main-nav,
    .logo-link,
    .logo-link img,
    .search-form{
        transition:min-height .28s ease,height .28s ease,top .28s ease,width .28s ease,
                   flex-basis .28s ease,gap .28s ease,background-color .28s ease,
                   box-shadow .28s ease,border-color .28s ease;
    }
    .top-header,
    .header-inner{
        min-height:var(--lasto-motion-header-height);
    }
    .main-nav{
        top:var(--lasto-motion-header-height);
        height:var(--lasto-motion-nav-height);
    }
    body.has-scrolled{
        --lasto-motion-header-height:72px;
        --lasto-motion-nav-height:54px;
    }
    body.has-scrolled .top-header{
        background:#090c13;
        border-bottom-color:rgba(255,255,255,.1);
        box-shadow:0 10px 28px rgba(2,6,23,.2);
    }
    body.has-scrolled .header-inner{gap:24px}
    body.has-scrolled .logo-link{
        width:154px;
        flex-basis:154px;
    }
    body.has-scrolled .logo-link img{width:148px}
    body.has-scrolled .search-form{height:40px}
    body.has-scrolled .main-nav{
        background:rgba(255,255,255,.98);
        border-bottom-color:rgba(15,23,42,.12);
        box-shadow:0 12px 28px rgba(15,23,42,.11);
        backdrop-filter:blur(14px);
        -webkit-backdrop-filter:blur(14px);
    }
    html[data-site-theme="dark"] body.has-scrolled .main-nav{
        background:rgba(12,18,29,.98);
        border-bottom-color:rgba(148,163,184,.2);
        box-shadow:0 14px 30px rgba(0,0,0,.3);
    }
}

/* Active navigation underline arrives cleanly and keeps a restrained glow. */
.nav-links.navbar-menu a.active::after{
    box-shadow:0 0 12px rgba(108,60,255,.32);
    transform-origin:center;
    animation:lasto-active-nav-in .55s cubic-bezier(.22,.72,.2,1) both;
}
@keyframes lasto-active-nav-in{
    from{opacity:0;transform:translateX(-50%) scaleX(.25)}
    to{opacity:1;transform:translateX(-50%) scaleX(1)}
}

/* Homepage benefit bar: reveal is staggered by JavaScript; hover remains quiet. */
.benefits .benefit{
    transition:background-color .2s ease,transform .24s ease,border-color .2s ease;
}
.benefits .benefit:hover{transform:translateY(-2px)}

/* Special Deals: staggered reveal, gentle lift, image/background zoom and arrow motion. */
.promotions .promotion-card{
    border:1px solid transparent;
    background-size:100% 100%,auto 100%;
    background-repeat:no-repeat;
    background-position:center,center;
    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,
               background-size .7s ease;
}
.promotions .promotion-card:hover{
    transform:translateY(-5px);
    border-color:rgba(108,60,255,.42);
    box-shadow:0 18px 40px rgba(0,0,0,.22);
    background-size:100% 100%,auto 104%;
}
html[data-site-theme="dark"] .promotions .promotion-card:hover{
    box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 0 1px rgba(108,60,255,.1);
}
.promotions .round-arrow,
.promotions .round-arrow .icon{
    transition:transform .24s ease,background-color .24s ease,color .24s ease,box-shadow .24s ease;
}
.promotions .promotion-card:hover .round-arrow{transform:translateX(4px)}

/* Featured products reveal on scroll and retain only a small, premium hover zoom. */
.featured-products-grid .product-card{
    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.featured-products-grid .product-card:hover{
    transform:translateY(-5px);
    border-color:rgba(108,60,255,.42);
    box-shadow:0 17px 36px rgba(39,31,91,.13);
}
.featured-products-grid .product-image img{transition:transform .55s ease}
.featured-products-grid .product-card:hover .product-image img{transform:scale(1.025)}
.featured-products-grid .product-badge{
    transition:box-shadow .3s ease,transform .3s ease;
}
.featured-products-grid .product-card:hover .product-badge{
    transform:translateY(-1px);
    box-shadow:0 7px 18px rgba(92,53,244,.24),0 0 0 4px rgba(92,53,244,.08);
}
.featured-products .section-heading-row>a .icon{
    transition:transform .25s ease;
}
.featured-products .section-heading-row>a:hover .icon{transform:translateX(5px)}

/* Theme icon turns once when the preference changes. */
.site-theme-toggle .site-theme-icon{transform-origin:center}
.site-theme-toggle.is-theme-changing .site-theme-icon{
    animation:lasto-theme-icon-turn .38s cubic-bezier(.3,.7,.25,1) both;
}
@keyframes lasto-theme-icon-turn{
    from{opacity:.35;transform:rotate(-90deg) scale(.78)}
    to{opacity:1;transform:rotate(180deg) scale(1)}
}

/* A soft WhatsApp ring pulses only once every few seconds and pauses on hover. */
.global-floating-whatsapp::before{
    animation:lasto-whatsapp-pulse 5.8s ease-out infinite;
    transform-origin:center;
}
.global-floating-whatsapp:hover::before,
.global-floating-whatsapp:focus-visible::before{
    animation-play-state:paused;
}
@keyframes lasto-whatsapp-pulse{
    0%,72%,100%{opacity:.55;transform:scale(1)}
    78%{opacity:.46;transform:scale(1.03)}
    90%{opacity:0;transform:scale(1.24)}
    91%{opacity:0;transform:scale(1)}
}

/* Mobile keeps its existing two-row app header geometry; only the scrolled
   surface/shadow becomes a little more solid so no responsive layout moves. */
@media (max-width:768px){
    body.has-scrolled .top-header{
        background:linear-gradient(135deg,#080a10 0%,#130e25 72%,#38209d 150%)!important;
        box-shadow:0 8px 24px rgba(3,7,18,.3)!important;
    }
    .promotions .promotion-card:hover,
    .featured-products-grid .product-card:hover,
    .benefits .benefit:hover{
        transform:none;
    }
}

/* Motion accessibility: retain every final visual state with no movement. */
@media (prefers-reduced-motion:reduce){
    .top-header,
    .main-nav,
    .nav-links.navbar-menu a.active::after,
    .site-theme-toggle.is-theme-changing .site-theme-icon,
    .global-floating-whatsapp::before{
        animation:none!important;
    }
    html.motion-ready .motion-reveal,
    html.motion-ready .motion-reveal.is-visible{
        opacity:1!important;
        transform:none!important;
        animation:none!important;
    }
    .promotions .promotion-card,
    .featured-products-grid .product-card,
    .featured-products-grid .product-image img,
    .featured-products .section-heading-row>a .icon,
    .benefits .benefit{
        transition:none!important;
    }
}

/* Page-load entrance for the shared header/navigation. */
@media (prefers-reduced-motion:no-preference){
    .top-header{animation:lasto-header-enter .45s ease-out backwards}
    .main-nav{animation:lasto-header-enter .52s .06s ease-out backwards}
}
@keyframes lasto-header-enter{
    from{opacity:0;transform:translate3d(0,-10px,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
}


/* Product Details gallery consistency and breadcrumb contrast. */
html[data-site-theme="dark"] .product-main-image-wrap{
    background:#eef1f5!important;
}
html[data-site-theme="dark"] .product-thumbnail{
    background:#f8fafc!important;
}
html[data-site-theme="dark"] .product-main-image,
html[data-site-theme="dark"] .product-thumbnail img,
html[data-site-theme="dark"] .gallery-lightbox img{
    filter:none!important;
}
html[data-site-theme="dark"] .product-breadcrumb{
    color:#b8c1d1!important;
    background:var(--theme-bg-page)!important;
}
html[data-site-theme="dark"] .product-breadcrumb a{
    color:#cbd5e1!important;
}
html[data-site-theme="dark"] .product-breadcrumb a:hover{
    color:#a996ff!important;
}
html[data-site-theme="dark"] .product-breadcrumb span{
    color:#f8fafc!important;
}
html[data-site-theme="dark"] .product-breadcrumb .icon{
    color:#8b72ff!important;
}

/* 25 Jul 2026 — semantic global tokens shared by every responsive component. */
:root{
    --site-bg:var(--theme-bg-page);--site-surface:var(--theme-bg-surface);--site-surface-soft:var(--theme-bg-soft);
    --site-surface-elevated:var(--theme-bg-elevated);--site-text:var(--theme-text-primary);--site-text-secondary:var(--theme-text-secondary);
    --site-muted:var(--theme-text-muted);--site-border:var(--theme-border);--site-border-strong:var(--theme-border-strong);
    --site-input-bg:var(--theme-input-bg);--site-input-text:var(--theme-input-text);--site-accent:var(--theme-primary);
    --site-accent-hover:var(--theme-primary-hover);--site-accent-soft:var(--theme-primary-soft);--site-shadow:var(--theme-shadow);
}
body{background:var(--site-bg);color:var(--site-text)}
:is(.catalog-product-card,.brands-v2-card,.large-category-card,.service-card,.contact-method-card,.store-location-card,.key-spec-card,.page-card,.search-suggestions){border-color:var(--site-border)}
:is(.catalog-product-card,.brands-v2-card,.large-category-card,.contact-method-card,.store-location-card,.key-spec-card,.page-card,.search-suggestions){background-color:var(--site-surface);color:var(--site-text)}
:is(.catalog-product-card,.brands-v2-card,.large-category-card,.service-card,.contact-method-card,.store-location-card,.key-spec-card,.page-card) :is(p,small,.muted){color:var(--site-text-secondary)}
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){background-color:var(--site-input-bg);color:var(--site-input-text);border-color:var(--site-border-strong)}
:is(table,dialog,.modal,.dropdown,.comparison-table,.specification-table-wrap){color:var(--site-text)}
html[data-site-theme="dark"] :is(.search-suggestions,.product-branch-availability,.share-product-button,.branch-status){background:var(--site-surface)!important;border-color:var(--site-border)!important;color:var(--site-text)!important}
html[data-site-theme="dark"] :is(.search-suggestion-item:hover,.search-suggestion-item:focus){background:var(--site-accent-soft)!important}
html[data-site-theme="dark"] :is(.product-saving){background:var(--theme-success-bg);color:var(--theme-success-text)}

/* Product card readability and unified actions — 2026-07-27. */
html[data-site-theme="dark"] .product-brand,
html[data-site-theme="dark"] .product-card-meta{
    color:#cbd3e1!important;
}
html[data-site-theme="dark"] .catalog-product-spec,
html[data-site-theme="dark"] .product-spec,
html[data-site-theme="dark"] .catalog-product-extra,
html[data-site-theme="dark"] .product-extra{
    color:#b9c3d3!important;
}
html[data-site-theme="dark"] .catalog-product-availability{
    color:#e5e9f2!important;
}
html[data-site-theme="dark"] .product-details-button{
    border-color:#6d49ff!important;
    background:#5c35f4!important;
    color:#fff!important;
    box-shadow:0 7px 16px rgba(68,39,190,.28);
}
html[data-site-theme="dark"] .product-details-button:hover{
    border-color:#7b5bff!important;
    background:#6a43ff!important;
    color:#fff!important;
}
html[data-site-theme="dark"] .product-compare-button{
    border-color:#687286!important;
    background:transparent!important;
    color:#c8d0dd!important;
}
html[data-site-theme="dark"] .product-compare-button:hover,
html[data-site-theme="dark"] .product-compare-button.is-selected{
    border-color:#8d7be8!important;
    background:#2b2350!important;
    color:#d2c8ff!important;
}
html[data-site-theme="dark"] .product-card-whatsapp{
    border-color:#347b58!important;
    background:#173b2b!important;
    color:#71dfa4!important;
}
html[data-site-theme="dark"] .product-card-whatsapp:hover{
    border-color:#27a966!important;
    background:#1d8f56!important;
    color:#fff!important;
}
html[data-site-theme="dark"] .chat-product-button{
    border-color:#8c6cff!important;
    background:#fff!important;
    color:#5c35f4!important;
}
html[data-site-theme="dark"] .chat-product-button:hover{
    border-color:#9a80ff!important;
    background:#f7f4ff!important;
    color:#4c2dd7!important;
}

/* Products hero WhatsApp button uses the primary WhatsApp treatment in every theme. */
.products-whatsapp-link,
html[data-site-theme="dark"] .products-whatsapp-link{
    border-color:transparent!important;
    background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-hover))!important;
    color:#fff!important;
    box-shadow:0 12px 26px var(--whatsapp-green-shadow)!important;
}
.products-whatsapp-link:hover,
html[data-site-theme="dark"] .products-whatsapp-link:hover{
    background:linear-gradient(135deg,#2adb70,#18ad4e)!important;
    color:#fff!important;
    box-shadow:0 16px 32px rgba(37,211,102,.38)!important;
}
.products-whatsapp-link .icon-whatsapp{
    color:#fff!important;
}


/* Global search dark-mode parity. */
html[data-site-theme="dark"] .global-search-panel,
html[data-site-theme="dark"] .mobile-global-search .global-search-group,
html[data-site-theme="dark"] .mobile-global-search .global-search-view-all,
html[data-site-theme="dark"] .global-search-result-card,
html[data-site-theme="dark"] .global-search-no-results{
    border-color:#2f394c;background:#111827;color:#eef2f8
}
html[data-site-theme="dark"] .global-search-panel{box-shadow:0 24px 64px rgba(0,0,0,.5)}
html[data-site-theme="dark"] .global-search-group+.global-search-group{border-color:#273144}
html[data-site-theme="dark"] .global-search-group-heading strong,
html[data-site-theme="dark"] .global-search-item-subtitle,
html[data-site-theme="dark"] .global-search-view-all small,
html[data-site-theme="dark"] .global-search-empty span,
html[data-site-theme="dark"] .mobile-global-search-intro span,
html[data-site-theme="dark"] .global-search-result-copy small,
html[data-site-theme="dark"] .global-search-results-count,
html[data-site-theme="dark"] .global-search-no-results p{color:#aeb8c9}
html[data-site-theme="dark"] .global-search-item-title-row strong,
html[data-site-theme="dark"] .global-search-empty strong,
html[data-site-theme="dark"] .global-search-result-copy strong,
html[data-site-theme="dark"] .global-search-results-hero h1,
html[data-site-theme="dark"] .global-search-results-count strong{color:#f5f7fb}
html[data-site-theme="dark"] .global-search-quick-item:hover,
html[data-site-theme="dark"] .global-search-quick-item:focus-visible{background:#1a2233}
html[data-site-theme="dark"] .global-search-item-media,
html[data-site-theme="dark"] .global-search-result-media{border-color:#303a4e;background:#0c1220}
html[data-site-theme="dark"] .global-search-item-media.is-icon,
html[data-site-theme="dark"] .global-search-result-media.is-icon{background:#211a3e}
html[data-site-theme="dark"] .global-search-view-all{border-color:#2d3749;color:#cbbfff}
html[data-site-theme="dark"] .mobile-global-search{background:#0b101b;color:#eef2f8}
html[data-site-theme="dark"] .mobile-global-search-header{border-color:#2e384b;background:#0e1522}
html[data-site-theme="dark"] .mobile-global-search-form{border-color:#334057;background:#111827}
html[data-site-theme="dark"] .mobile-global-search-form input{color:#f5f7fb}
html[data-site-theme="dark"] .mobile-global-search-recent button{border-color:#493d78;background:#151d2b;color:#d2c7ff}
html[data-site-theme="dark"] .global-search-results-main{background:#0b101b}
html[data-site-theme="dark"] .global-search-results-hero{border-color:#303a4d;background:linear-gradient(135deg,#111827,#151229);box-shadow:0 16px 42px rgba(0,0,0,.22)}
html[data-site-theme="dark"] .global-search-filter-tabs a{border-color:#344057;background:#111827;color:#c3ccda}
html[data-site-theme="dark"] .global-search-filter-tabs a span{background:#222c3d;color:#cfd7e4}
html[data-site-theme="dark"] .global-search-filter-tabs a.is-active{border-color:#765cff;background:#603ee7;color:#fff}
html[data-site-theme="dark"] .global-search-result-card:hover{border-color:#765cff;box-shadow:0 16px 34px rgba(0,0,0,.26)}


/* Lightweight autocomplete suggestions in both themes. */
html[data-site-theme="dark"] .global-search-panel,
html[data-site-theme="dark"] .mobile-global-search-suggestions{
    border-color:#2f394c;
    background:#111827;
    color:#eef2f8;
}
html[data-site-theme="dark"] .global-search-panel .search-suggestion-item,
html[data-site-theme="dark"] .mobile-global-search-suggestions .search-suggestion-item{
    color:#eef2f8;
}
html[data-site-theme="dark"] .global-search-panel .search-suggestion-item:hover,
html[data-site-theme="dark"] .global-search-panel .search-suggestion-item:focus-visible,
html[data-site-theme="dark"] .mobile-global-search-suggestions .search-suggestion-item:hover,
html[data-site-theme="dark"] .mobile-global-search-suggestions .search-suggestion-item:focus-visible{
    background:#1a2233;
    color:#d7ceff;
}
html[data-site-theme="dark"] .search-suggestion-icon{color:#aeb8c9}
html[data-site-theme="dark"] .global-search-view-all{
    border-color:#2d3749;
    color:#cbbfff;
}
html[data-site-theme="dark"] .mobile-global-search-suggestions{box-shadow:0 14px 34px rgba(0,0,0,.22)}

/* Compare selection and tray use the same light/dark surfaces and contrast. */
html[data-site-theme="light"] .compare-floating-bar{border-top-color:#ded9f7;background:rgba(255,255,255,.98);box-shadow:0 -16px 38px rgba(37,27,91,.13)}
html[data-site-theme="light"] .compare-selected-product{border-color:#e1def0;background:#fff}
html[data-site-theme="light"] .compare-add-placeholder{border-color:#c9c0f7;background:#faf9ff;color:#6750d8}
html[data-site-theme="light"] .compare-clear-button{border-color:#dedfe6;background:#fff;color:#555a68}
html[data-site-theme="light"] .compare-mode-summary{color:#6c7280}
html[data-site-theme="dark"] .compare-floating-bar{border-top-color:#3a4660!important;background:rgba(12,18,30,.98)!important;box-shadow:0 -16px 42px rgba(0,0,0,.42)!important}
html[data-site-theme="dark"] .compare-floating-icon{background:#241d43;color:#c9baff}
html[data-site-theme="dark"] .compare-selected-product{border-color:#344158!important;background:#111827!important}
html[data-site-theme="dark"] .compare-selected-product img{background:#0b111d}
html[data-site-theme="dark"] .compare-selected-product strong{color:#eef2f8!important}
html[data-site-theme="dark"] .compare-selected-product span{color:#c9baff}
html[data-site-theme="dark"] .compare-selected-remove{background:#232d3e;color:#c3ccda}
html[data-site-theme="dark"] .compare-selected-remove:hover{background:#30274f;color:#fff}
html[data-site-theme="dark"] .compare-clear-button{border-color:#3a465b;background:#111827;color:#c3ccda}
html[data-site-theme="dark"] .compare-now-button:disabled{border-color:#394355;background:#394355;color:#8994a5}
html[data-site-theme="dark"] .compare-toast{background:#f3f0ff;color:#231c43}

/* Search results grouped layout — dark/light parity. */
html[data-site-theme="dark"] .global-search-results-main{background:#0b101b}
html[data-site-theme="dark"] .global-search-results-hero{
    border-color:#303a4d;
    background:linear-gradient(135deg,#111827,#151229);
    box-shadow:0 14px 36px rgba(0,0,0,.22);
}
html[data-site-theme="dark"] .global-search-results-hero h1,
html[data-site-theme="dark"] .global-search-results-count strong,
html[data-site-theme="dark"] .global-search-group-heading-row h2,
html[data-site-theme="dark"] .global-search-specific-heading strong{color:#f5f7fb}
html[data-site-theme="dark"] .global-search-results-count{color:#aeb8c9}
html[data-site-theme="dark"] .search-results-inline-form.search-form input{
    border-color:#344057!important;
    background:#0d1421!important;
    color:#f5f7fb!important;
}
html[data-site-theme="dark"] .global-search-filter-tabs a{
    border-color:#344057;
    background:#111827;
    color:#c3ccda;
}
html[data-site-theme="dark"] .global-search-filter-tabs a span{background:#222c3d;color:#cfd7e4}
html[data-site-theme="dark"] .global-search-filter-tabs a.is-active{border-color:#765cff;background:#603ee7;color:#fff}
html[data-site-theme="dark"] .global-search-product-card,
html[data-site-theme="dark"] .global-search-compact-card,
html[data-site-theme="dark"] .global-search-no-results{
    border-color:#2f394c;
    background:#111827;
    color:#eef2f8;
}
html[data-site-theme="dark"] .global-search-product-card:hover,
html[data-site-theme="dark"] .global-search-compact-card:hover{
    border-color:#765cff;
    box-shadow:0 16px 34px rgba(0,0,0,.26);
}
html[data-site-theme="dark"] .global-search-product-image{
    background:linear-gradient(180deg,#121a28,#0d1420);
}
html[data-site-theme="dark"] .global-search-product-badge{
    background:#2b2250;
    color:#d1c7ff;
}
html[data-site-theme="dark"] .global-search-product-meta,
html[data-site-theme="dark"] .global-search-compact-copy small,
html[data-site-theme="dark"] .global-search-specific-heading span{color:#b8a8ff}
html[data-site-theme="dark"] .global-search-product-card h2 a,
html[data-site-theme="dark"] .global-search-product-bottom>strong,
html[data-site-theme="dark"] .global-search-compact-copy strong{color:#f5f7fb}
html[data-site-theme="dark"] .global-search-product-spec,
html[data-site-theme="dark"] .global-search-product-extra,
html[data-site-theme="dark"] .global-search-product-bottom>small,
html[data-site-theme="dark"] .global-search-compact-copy span,
html[data-site-theme="dark"] .global-search-no-results p{color:#aeb8c9}
html[data-site-theme="dark"] .global-search-compact-media{background:#0c1220}
html[data-site-theme="dark"] .global-search-compact-media.is-icon{background:#211a3e}
html[data-site-theme="dark"] .global-search-product-actions a{
    border-color:#765cff;
    color:#cbbfff;
}
html[data-site-theme="dark"] .global-search-product-actions a:hover{background:#684cf0;color:#fff}
html[data-site-theme="dark"] .global-search-product-actions .is-whatsapp{
    border-color:#27633f;
    color:#43d67b;
}
html[data-site-theme="dark"] .global-search-product-actions .is-whatsapp:hover{
    border-color:#20bb60;
    background:#20bb60;
    color:#fff;
}


/* =========================================================
   STANDARD WHATSAPP CTA — HERO / FOOTER / PRODUCTS / STORES
   Screenshot-matched outlined treatment with the official
   WhatsApp glyph. This intentionally does not affect product
   card icon buttons, floating chat controls or navbar actions.
   ========================================================= */
a.lasto-whatsapp-cta {
    width: max-content;
    max-width: 100%;
    min-height: 54px !important;
    padding: 0 22px !important;
    border: 1px solid #7657ff !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #5d45d5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: none !important;
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

a.lasto-whatsapp-cta .icon,
a.lasto-whatsapp-cta .icon-whatsapp {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px;
    color: #25d366 !important;
}

a.lasto-whatsapp-cta:hover {
    border-color: #6548ff !important;
    background: #f5f2ff !important;
    color: #4e35cc !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(101, 72, 255, .14) !important;
}

a.lasto-whatsapp-cta:focus-visible {
    outline: 3px solid rgba(118, 87, 255, .28);
    outline-offset: 3px;
}

/* Dark-banner contexts retain the exact navy + purple screenshot direction. */
.hero-slide-dark a.lasto-whatsapp-cta,
.products-hero-inner a.lasto-whatsapp-cta,
.footer a.lasto-whatsapp-cta,
html[data-site-theme="dark"] a.lasto-whatsapp-cta {
    border-color: #7657ff !important;
    background: rgba(18, 24, 38, .68) !important;
    color: #b9a8ff !important;
    box-shadow: none !important;
}

.hero-slide-dark a.lasto-whatsapp-cta:hover,
.products-hero-inner a.lasto-whatsapp-cta:hover,
.footer a.lasto-whatsapp-cta:hover,
html[data-site-theme="dark"] a.lasto-whatsapp-cta:hover {
    border-color: #8c74ff !important;
    background: rgba(118, 87, 255, .13) !important;
    color: #d7ceff !important;
    box-shadow: 0 10px 26px rgba(72, 46, 182, .18) !important;
}

/* A light homepage slide remains legible while preserving the same outline style. */
.hero-slide-light a.lasto-whatsapp-cta {
    border-color: #7657ff !important;
    background: rgba(255, 255, 255, .88) !important;
    color: #5d45d5 !important;
}

/* Store cards should not stretch this button beyond its content on desktop. */
.store-location-actions .lasto-whatsapp-cta {
    flex: 0 1 auto;
}

@media (max-width: 680px) {
    a.lasto-whatsapp-cta {
        min-height: 46px !important;
        padding: 0 17px !important;
        border-radius: 10px !important;
        gap: 8px !important;
        font-size: 12.5px !important;
    }

    a.lasto-whatsapp-cta .icon,
    a.lasto-whatsapp-cta .icon-whatsapp {
        width: 18px !important;
        height: 18px !important;
        flex-basis: 18px;
    }
}


/* ================================================================
   28 JUL 2026 — FEATURED PRODUCTS DARK MODE & STANDARD CTA SIZE
   Targeted only at Homepage hero, footer, All Products banner and
   Contact store actions. Dimensions follow the Services hero button.
   ================================================================ */
html[data-site-theme="dark"] .featured-products{
  background:var(--theme-bg-surface)!important;
  border-color:var(--theme-border)!important;
  box-shadow:var(--theme-shadow-soft)!important;
}
html[data-site-theme="dark"] .featured-products .section-heading-row h2{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .featured-products .section-heading-row>a{color:#b7a8ff!important}
html[data-site-theme="dark"] .featured-products .catalog-product-card{
  background:var(--theme-bg-surface-2)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-text-primary)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.18)!important;
}
html[data-site-theme="dark"] .featured-products .catalog-product-card:hover{
  background:var(--theme-bg-elevated)!important;
  border-color:#725de0!important;
}
html[data-site-theme="dark"] .featured-products .catalog-product-image{
  background:linear-gradient(180deg,#f8fafc,#eef2f6)!important;
  border-color:var(--theme-border)!important;
}
html[data-site-theme="dark"] .featured-products .catalog-product-card h2,
html[data-site-theme="dark"] .featured-products .catalog-product-card h2 a,
html[data-site-theme="dark"] .featured-products .catalog-product-bottom>strong{color:var(--theme-text-primary)!important}
html[data-site-theme="dark"] .featured-products :is(.catalog-product-spec,.catalog-product-extra,.catalog-product-availability){color:var(--theme-text-secondary)!important}
html[data-site-theme="dark"] .featured-products .product-brand{color:#c5baff!important}
html[data-site-theme="dark"] .featured-products .product-original-price{color:var(--theme-text-muted)!important}

.hero-actions .button,
.products-hero-actions .products-whatsapp-link,
.footer .footer-whatsapp-button,
.store-location-actions .store-direction-button,
.store-location-actions .store-whatsapp-button{
  min-height:44px!important;
  height:44px;
  padding:0 18px!important;
  border-radius:8px!important;
  gap:9px!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap;
}
.hero-actions .button .icon,
.products-hero-actions .products-whatsapp-link .icon,
.footer .footer-whatsapp-button .icon,
.store-location-actions :is(.store-direction-button,.store-whatsapp-button) .icon{
  width:16px!important;height:16px!important;flex:0 0 16px;
}

/* WhatsApp outline follows the Services banner in light mode. */
a.lasto-whatsapp-cta,
.hero-slide-dark a.lasto-whatsapp-cta,
.products-hero-inner a.lasto-whatsapp-cta,
.hero-slide-light a.lasto-whatsapp-cta{
  min-height:44px!important;
  height:44px;
  padding:0 18px!important;
  border-radius:8px!important;
  border:1px solid #9c84ef!important;
  background:#fff!important;
  color:#5632db!important;
  gap:9px!important;
  font-size:11.5px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
a.lasto-whatsapp-cta .icon,
a.lasto-whatsapp-cta .icon-whatsapp{width:16px!important;height:16px!important;flex:0 0 16px;color:#25d366!important}
a.lasto-whatsapp-cta:hover,
.hero-slide-dark a.lasto-whatsapp-cta:hover,
.products-hero-inner a.lasto-whatsapp-cta:hover,
.hero-slide-light a.lasto-whatsapp-cta:hover{
  border-color:#5c35f4!important;
  background:#faf8ff!important;
  color:#4d2fd0!important;
  transform:translateY(-2px);
  box-shadow:none!important;
}

/* Footer remains a dark surface even while the site preference is light. */
.footer a.lasto-whatsapp-cta{
  border-color:#7657ff!important;
  background:rgba(18,24,38,.72)!important;
  color:#b9a8ff!important;
}
.footer a.lasto-whatsapp-cta:hover{background:rgba(118,87,255,.14)!important;color:#d7ceff!important}

html[data-site-theme="dark"] a.lasto-whatsapp-cta,
html[data-site-theme="dark"] .store-whatsapp-button{
  border-color:#725de0!important;
  background:var(--theme-bg-soft)!important;
  color:#b7a8ff!important;
}
html[data-site-theme="dark"] a.lasto-whatsapp-cta:hover,
html[data-site-theme="dark"] .store-whatsapp-button:hover{
  border-color:#8c74ff!important;
  background:#2a2350!important;
  color:#d7ceff!important;
}
html[data-site-theme="dark"] .store-direction-button{
  border:1px solid transparent!important;
  background:linear-gradient(135deg,#6544ee,#8064ff)!important;
  color:#fff!important;
}

@media(max-width:680px){
  .hero-actions .button,
  .products-hero-actions .products-whatsapp-link,
  .footer .footer-whatsapp-button,
  .store-location-actions .store-direction-button,
  .store-location-actions .store-whatsapp-button,
  a.lasto-whatsapp-cta{
    min-height:44px!important;height:44px;padding:0 16px!important;font-size:11.5px!important;
  }
}

/* =========================================================
   PRODUCT DETAILS — SPECIFICATIONS DARK COLOUR PARITY
   Colour-only override. Geometry/layout intentionally unchanged.
   Mirrors the light-mode hierarchy using the dark palette.
   ========================================================= */
html[data-site-theme="dark"] .product-specification-section{
    background:var(--theme-bg-page)!important;
    border-color:var(--theme-border)!important;
}
html[data-site-theme="dark"] .key-spec-card,
html[data-site-theme="dark"] .specification-table-wrap{
    background:var(--theme-bg-page)!important;
    border-color:var(--theme-border)!important;
}
html[data-site-theme="dark"] .specification-table{
    background:var(--theme-bg-page)!important;
    color:var(--theme-text-secondary)!important;
}
html[data-site-theme="dark"] .specification-table th{
    background:#101722!important;
    color:var(--theme-text-primary)!important;
}
html[data-site-theme="dark"] .specification-table td{
    background:var(--theme-bg-page)!important;
    color:var(--theme-text-secondary)!important;
}
html[data-site-theme="dark"] .specification-table tr:nth-child(even){
    background:var(--theme-bg-page)!important;
}
html[data-site-theme="dark"] .specification-table th,
html[data-site-theme="dark"] .specification-table td{
    border-color:var(--theme-border)!important;
}
html[data-site-theme="dark"] .key-spec-icon{
    background:rgba(139,114,255,.08)!important;
    border-color:rgba(170,151,255,.46)!important;
    color:#aa97ff!important;
}


/* Products empty-state text must remain readable in dark mode on desktop and mobile. */
html[data-site-theme="dark"] .products-catalog-layout.is-empty .no-products h2{
    color:var(--theme-text-primary)!important;
}
html[data-site-theme="dark"] .products-catalog-layout.is-empty .no-products p{
    color:var(--theme-text-secondary)!important;
}