/* LokyTech storefront: graphite theme over the shared card layout. */
:root {
  color-scheme: dark;
  --paper: #101217;
  --ink: #f4f5f7;
  --muted: #a6aab3;
  --line: #30343d;
  --white: #f4f5f7;
  --dark: #f4f5f7;
  --accent: #f4f5f7;
  --accent-strong: #d8dbe1;
  --accent-soft: #262a33;
  --loky-cream: #101217;
  --loky-lime: #f4f5f7;
  --loky-green: #f4f5f7;
  --pd-dark: #101217;
  --pd-green: #22262f;
  --pd-cream: #f4f5f7;
  --pd-lime: #f4f5f7;
  --pd-teal: #a6aab3;
  --pd-ink: #101217;
}

html, body, body:where(:not(.admin-page)) { background: #101217 !important; color: #f4f5f7; }
::selection { background: #f4f5f7; color: #101217; }
* { scrollbar-color: #4b505b #171a20; }
:is(button, a, input, select, summary):focus-visible { outline-color: #f4f5f7; }
.eyebrow, .section-kicker { color: #a6aab3; }
.eyebrow-dot { background: #f4f5f7; box-shadow: 0 0 0 5px #ffffff18; }

/* Navigation and introduction. */
.site-header, .site-header.is-scrolled, .product-header {
  border-color: #30343d; background: #191c23ed; color: #f4f5f7;
  box-shadow: 0 12px 34px #00000036;
}
.site-header .brand, .site-header .brand-light,
.product-header .brand, .product-header .brand-light,
.site-footer .brand, .site-footer .brand-light { color: #f4f5f7; }
.site-header .brand-symbol i, .product-header .brand-symbol i,
.site-footer .brand-symbol i { background: #f4f5f7; }
.site-header .brand-symbol i:nth-child(2), .product-header .brand-symbol i:nth-child(2) { background: #c2c5cc; }
.site-header .brand-symbol i:nth-child(3), .product-header .brand-symbol i:nth-child(3) { background: #838894; }
.site-header .brand-symbol i:nth-child(4), .product-header .brand-symbol i:nth-child(4) { background: #525763; }
.desktop-nav { background: #242831; }
.theme-toggle { border-color: #3d424c; background: #282d36; color: #f4f5f7; }
.theme-toggle:hover { border-color: #737985; background: #343a45; }
.desktop-nav a { color: #b2b6bf; }
.desktop-nav a:hover, .desktop-nav a.active { background: #343944; color: #fff; box-shadow: none; }
.cart-trigger, .product-cart { border-color: #f4f5f7; background: #f4f5f7; color: #17191e; }
.cart-trigger:hover, .product-cart:hover { background: #d9dce2; color: #17191e; }
.cart-count, .product-cart b { background: #17191e; color: #fff; }
.product-back { border-color: #30343d; background: #262a33; color: #f4f5f7; }
.product-back:hover { border-color: #686e7a; background: #303540; }
.mobile-nav { border-color: #30343d; background: #191c23f2; box-shadow: 0 -8px 28px #00000038; }
.mobile-nav a { color: #a6aab3; }
.mobile-nav a.active { background: #303540; color: #fff; }

.store-intro { background: #191c23; color: #f4f5f7; }
.store-intro .eyebrow, .store-intro .eyebrow b { color: #adb1ba; }
.store-intro .eyebrow-dot { background: #f4f5f7; box-shadow: 0 0 0 5px #ffffff18; }
.store-intro h1 .hero-word-loky, .store-intro h1 .hero-word-tech {
  color: #f4f5f7; -webkit-text-fill-color: #f4f5f7;
}
.store-intro p { color: #b0b4bd; }
.store-intro .button-primary, .button-primary { background: #f4f5f7; color: #16181d; }
.store-intro .button-primary:hover, .button-primary:hover { background: #daddE3; color: #16181d; }
.store-intro .button-glass, .button-glass { border-color: #414650; background: #282c35; color: #f4f5f7; }
.store-intro .button-glass:hover { background: #333842; color: #fff; }
.store-intro .hero-metrics>span { border-color: #333842; background: #242831; color: #9ea3ad; }
.store-intro .hero-metrics strong { color: #f4f5f7; }
.hero-stage { background: radial-gradient(circle at 45% 35%, #343a45 0, #232831 57%, #1b1f27 100%); }
.hero-stage:before { border-color: #5c626d; }
.hero-stage:after { color: #f4f5f7; text-shadow: 11px 12px 0 #6f7580, 22px 24px 30px #00000070; }
.hero-art-label, .store-intro .hero-glass-note, .store-intro .hero-glass-chip {
  border-color: #414650; background: #282d36; color: #f4f5f7; box-shadow: 0 10px 30px #00000038;
}
.store-intro .hero-glass-note small { color: #adb2bb; }
.store-intro .note-icon, .store-intro .hero-glass-chip span { background: #f4f5f7; color: #17191e; }
.experience-card, .experience-programs, .experience-subscriptions, .experience-support {
  background: #1b1f27; color: #f4f5f7;
}
.experience-card:before { background: #4d5561; opacity: .24; }
.experience-card:hover { box-shadow: 0 14px 32px #00000038; }
.experience-card .experience-label, .experience-card p { color: #aeb3bc; }
.experience-icon, .experience-arrow, .experience-price { background: #2c313b; color: #f4f5f7; }
.experience-icon svg, .experience-programs .experience-icon svg, .experience-support .experience-icon svg { color: #f4f5f7; }

/* Catalog filters and product cards. */
.shop-catalog { background: #101217; color: #f4f5f7; }
.shop-catalog .catalog-heading { border-bottom-color: #30343d; }
.shop-catalog .catalog-heading .section-kicker { color: #a6aab3; }
.shop-catalog .catalog-heading h2 { color: #f4f5f7; }
.shop-catalog .catalog-heading>a, .shop-catalog .button-outline {
  border-color: #393e48; background: #22262e; color: #f4f5f7;
}
.shop-catalog .catalog-heading>a:hover, .shop-catalog .button-outline:hover {
  border-color: #6d7380; background: #2b303a; color: #fff;
}
.shop-catalog .catalog-sidebar { background: #1b1e25; color: #f4f5f7; }
.shop-catalog .facet-caption, .shop-catalog .more-brands summary,
.shop-catalog .catalog-term-label { color: #a6aab3; }
.shop-catalog .brand-filter { color: #d2d5db; }
.shop-catalog .brand-filter small, .shop-catalog .more-brands,
.shop-catalog .more-brands summary span { color: #9399a4; }
.shop-catalog .brand-filter:hover, .shop-catalog .more-brands summary:hover {
  background: #303540; color: #fff;
}
.shop-catalog .brand-filter.active, .shop-catalog .more-brands .brand-filter.active {
  background: #f4f5f7; color: #17191e;
}
.shop-catalog .brand-filter.active small { color: #434852; }
.shop-catalog .more-brands>div { border-color: #353a45; background: #252a33; }
.shop-catalog .more-brands .brand-filter { color: #e3e5e9; }
.shop-catalog .catalog-reset { border-color: #5c626d; color: #bfc3cb; }
.shop-catalog .term-trigger, .shop-catalog .term-panel {
  border-color: #3b404b; background: #282d36; color: #f4f5f7;
}
.shop-catalog .term-trigger:hover, .shop-catalog .term-trigger.has-value,
.shop-catalog .term-trigger[aria-expanded="true"] {
  border-color: #828994; background: #333944; color: #fff;
}
.shop-catalog .term-clock, .shop-catalog .term-chevron, .shop-catalog .term-panel>p { color: #a5abb5; }
.shop-catalog #term-options [role="option"] { color: #d2d6dc; }
.shop-catalog #term-options [role="option"]:hover,
.shop-catalog #term-options [role="option"]:focus { background: #39404b; color: #fff; }
.shop-catalog #term-options [role="option"][aria-selected="true"] { background: #f4f5f7; color: #17191e; }
.shop-catalog .term-option-check { background: #17191e; color: #fff; }
.shop-catalog .catalog-types { background: #242831; }
.shop-catalog .catalog-types button { color: #afb3bc; }
.shop-catalog .catalog-types button.active { background: #f4f5f7; color: #17191e; }
.shop-catalog .catalog-controls .compact-search, .shop-catalog .sort-label select {
  border-color: #353a45; background: #22262e; color: #f4f5f7;
}
.shop-catalog .compact-search input { color: #f4f5f7; }
.shop-catalog .compact-search input::placeholder,
.shop-catalog .catalog-meta, .shop-catalog .catalog-preview-note { color: #969ca7; }
.shop-catalog .empty-state { border-color: #353a45; background: #1b1e25; color: #f4f5f7; }
.shop-catalog .compact-card, .shop-catalog .compact-card:hover { color: #f4f5f7; }
.menu-visual, .shop-catalog .compact-card .menu-visual, .product-gallery-main .menu-visual {
  background: radial-gradient(circle at 50% 38%, #343a46 0, #282d37 48%, #20242c 100%);
}
.menu-visual:not(.has-image):before { background: #000000a3; }
.menu-visual .menu-app-icon { filter: drop-shadow(0 20px 17px #0000008a); }
.menu-visual .menu-app-face { border-color: #ffffff66; }
.catalog-product-link:hover .menu-app-icon { filter: drop-shadow(0 27px 19px #000000a3); }
.menu-visual .product-custom-image { filter: none; }
.menu-visual .auto-delivery-badge { background: #f4f5f7; color: #17191e; }
.menu-visual .auto-delivery-badge b { color: #17191e; }
.menu-quick { background: #f4f5f7; color: #17191e; box-shadow: 0 5px 18px #00000050; }
.shop-catalog .compact-card .compact-price strong,
.shop-catalog .compact-card h3, .shop-catalog .compact-card .card-review-count b { color: #f4f5f7; }
.shop-catalog .compact-card .compact-price del { color: #89909b; }
.shop-catalog .compact-card .discount-pill { background: #353b46; color: #e0e3e9; }
.menu-term { color: #a0a6b0; }
.shop-catalog .compact-card .card-review-count { color: #bdc2cb; }
.shop-catalog .compact-card .card-review-count.no-reviews { color: #858c98; }

/* Customer account, services, explanations and footer. */
.account-section, .compact-installation, .faq-section, .contact-banner { background: #1b1e25; color: #f4f5f7; }
.account-copy .eyebrow, .account-copy h2 span,
.compact-installation .installation-intro .eyebrow,
.faq-section .eyebrow, .faq-section .text-link,
.contact-banner .eyebrow { color: #adb3bd; }
.account-copy h2, .compact-installation .installation-intro h2,
.how-section .section-heading h2, .faq-section h2,
.faq-list summary, .contact-banner h2 { color: #f4f5f7; }
.account-copy p, .account-copy small,
.compact-installation .installation-intro>p,
.steps p, .faq-list p, .service-card p { color: #b0b5be; }
.account-card, .service-card { border-color: #343943; background: #242831; color: #f4f5f7; }
.account-card label, .service-card-label { color: #acb1bb; }
.account-card input { border-color: #454b56; background: #1a1e25; color: #f4f5f7; }
.account-card input:focus { border-color: #aeb4be; box-shadow: 0 0 0 4px #ffffff1c; }
.account-card .button-dark, .contact-banner .button-dark,
.service-card .add-to-cart { border-color: #f4f5f7; background: #f4f5f7; color: #17191e; }
.account-card .button-dark:hover, .contact-banner .button-dark:hover,
.service-card .add-to-cart:hover { background: #daddE3; color: #17191e; }
.account-item { border-color: #383e48; background: #1b1e25; }
.account-status { background: #343a45; color: #f4f5f7; }
.service-card-buy>strong, .step-top, .steps h3 { color: #f4f5f7; }
.how-section .eyebrow { color: #a6aab3; }
.steps article, .steps article:nth-child(1), .steps article:nth-child(2), .steps article:nth-child(3) {
  background: #1b1e25; color: #f4f5f7;
}
.faq-list { border-top-color: #383d47; }
.faq-list details { border-bottom-color: #383d47; }
.faq-list summary>span { background: #2b303a; color: #f4f5f7; }
.site-footer, .product-footer { border-top-color: #30343d; color: #a6aab3; }
.site-footer>span, .site-footer a, .admin-footer-link { color: #a6aab3; }
.site-footer a:hover { color: #f4f5f7; }
.icon-button { border-color: #3e444e; background: #2b3039; color: #f4f5f7; }
dialog { border-color: #444a55; background: #1b1e25; color: #f4f5f7; box-shadow: 0 30px 85px #000000a1; }
dialog::backdrop { background: #000000b3; }
.cart-row, .cart-totals .grand-total { border-color: #3b404a; }
.cart-row .installation-toggle { background: #2b3039; }
.toast { border-color: #555c66; background: #f4f5f7; color: #17191e; }

/* Product details and reviews. */
.product-loading, .product-breadcrumbs,
.product-gallery-note, .product-gallery-note span:last-child { color: #a0a6b0; }
.product-breadcrumbs span:last-child, .product-breadcrumbs a:hover { color: #f4f5f7; }
.product-gallery-main { background: #22262e; }
.product-gallery-main .product-discount { background: #f4f5f7; color: #17191e; }
.product-summary, .customer-review { border-color: #353a44; background: #1b1e25; color: #f4f5f7; }
.product-badges span { border-color: #3c424c; background: #2b303a; color: #d0d4db; }
.product-badges span:first-child { background: #f4f5f7; color: #17191e; }
.product-summary-text, .product-panel>p, .product-review-panel p,
.product-checks li, .product-step p { color: #b3b8c1; }
.product-spec { border-color: #363c46; background: #262b34; }
.product-spec small { color: #a0a6b0; }
.product-buy-box { border-top-color: #383d47; background: #1b1e25; }
.product-main-price strong, .product-total strong,
.product-panel h2, .product-review-panel h2 { color: #f4f5f7; }
.product-main-price del, .product-main-price span,
.product-total, .product-order-note { color: #a5abb4; }
.product-variants a { border-color: #555b66; color: #e7e9ed; }
.product-variants a:hover { border-color: #b7bbc3; background: #343a45; }
.product-variants a.active { border-color: #f4f5f7; background: #f4f5f7; color: #17191e; }
.product-installation { border-color: #3d434e; background: #292e37; color: #f4f5f7; }
.product-installation input { accent-color: #f4f5f7; }
.product-add, .product-review-panel a, .product-not-found a, .review-show-more {
  border-color: #f4f5f7; background: #f4f5f7; color: #17191e;
}
.product-add:hover, .product-review-panel a:hover, .review-show-more:hover { background: #daddE3; }
.product-add b { background: #17191e; color: #f4f5f7; }
.product-add.added { border-color: #4d535f; background: #303540; color: #f4f5f7; }
.product-add.added b { background: #f4f5f7; color: #17191e; }
.product-panel, .product-review-panel { background: #1b1e25; color: #f4f5f7; }
.product-checks li:before { background: #f4f5f7; color: #17191e; }
.product-step>b { border-color: #aab0ba; color: #f4f5f7; }
.review-panel-heading h2 span { background: #f4f5f7; color: #17191e; }
.review-average strong { color: #b5bac3; }
.related-section h2, .related-card h3,
.related-section>div:first-child a, .related-card strong { color: #f4f5f7; }
.related-card, .product-not-found { border-color: #383e48; background: #1b1e25; }
.related-card:hover { border-color: #aeb4bf; }
.product-not-found p { color: #b1b6bf; }
.product-footer a:first-child { color: #f4f5f7; }
.product-toast { border-color: #555c66; background: #f4f5f7; color: #17191e; }
.customer-review-meta time, .customer-review-source, .review-truncated { color: #9da3ae; }
.customer-review p { color: #d8dbe1; }
.customer-review a, .review-product-link,
.customer-review-stars, .review-average>span { color: #f4f5f7; }
.reviews-hero { background: #1b1e25; }
.reviews-eyebrow, .reviews-hero h1 em,
.reviews-browser-top .reviews-eyebrow { color: #b6bac3; }
.reviews-hero h1 { color: #f4f5f7; }
.reviews-hero p { color: #b1b6bf; }
.reviews-score { border-color: #3c424c; background: #282d36; color: #f4f5f7; }
.reviews-score>span { color: #f4f5f7; }
.reviews-score small { color: #aeb4be; }
.reviews-browser { border-color: #353a44; background: #1b1e25; color: #f4f5f7; }
.reviews-browser-top>a { color: #f4f5f7; }
.reviews-controls label, .reviews-found { color: #aeb4be; }
.reviews-controls input, .reviews-controls select {
  border-color: #404650; background: #292e37; color: #f4f5f7;
}
.reviews-controls :is(input, select):focus { outline-color: #c9cdd4; }

@media (max-width: 600px) {
  body { background: #101217 !important; }
  .site-header { background: #191c23; }
}