.lekala-theme {
    --ink: #f1f2ef;
    --muted: #aebcbb;
    --line: #394145;
    --soft: #1b2428;
    --paper: #171e22;
    --accent: #e2b976;
    --accent-dark: #caa16a;
    --accent-soft: #30271b;
    --shadow: 0 12px 28px rgba(0, 0, 0, .22);
    --radius-xl: 12px;
    --radius-lg: 10px;
    --radius-md: 8px;
    color: var(--ink);
    background: #0a0e11;
}

.lekala-theme .site-header {
    border-bottom: 1px solid #353a3e;
    background: rgba(10, 14, 17, .97);
    box-shadow: none;
    backdrop-filter: blur(10px);
}
.lekala-theme .header-inner { position: relative; min-height: 72px; gap: 25px; }
.lekala-theme .brand-logo { width: 152px; filter: sepia(.65) saturate(.75) brightness(1.12); }
.lekala-theme .brand-title { color: #f6f3ed; font-size: 11px; font-weight: 660; }
.lekala-theme .brand-title > span { color: #deb675; }
.lekala-theme .header-nav { gap: clamp(12px, 1.5vw, 25px); color: #d2d5d4; font-size: 13px; font-weight: 550; }
.lekala-theme .header-nav a { white-space: nowrap; }
.lekala-theme .header-nav a:hover { color: #edc787; }
.lekala-theme .catalog-header-partner { padding: 10px 16px; border: 1px solid #b78b55; border-radius: 7px; color: #171a19; background: #e2b976; font-weight: 760; }
.lekala-theme .catalog-header-partner:hover { color: #101310; background: #f0ca88; }
.catalog-header-mobile, .catalog-mobile-menu { display: none; }
.catalog-mobile-menu[hidden] { display: none; }
.lekala-theme .site-footer { border-color: #30373b; background: #0b1013; }
.lekala-theme .footer-inner { color: #a4aead; }
.lekala-theme .footer-inner span:first-child { color: #e1bb7c; }
.lekala-theme .eyebrow { color: #c6a16b; letter-spacing: .08em; }
.lekala-theme .breadcrumbs { color: #afbbba; }
.lekala-theme .breadcrumbs a:hover { color: #e7c188; }
.lekala-theme .soft-badge { border-color: #5b5141; color: #e8c283; background: #29291f; }
.lekala-theme .skip-link { color: #1d1c18; background: #e2b976; }
.lekala-theme .toast { border: 1px solid #586560; color: #f1f2ef; background: #222d30; box-shadow: 0 14px 32px rgba(0, 0, 0, .4); }

/* The catalog remains the source of truth for its own cards and filters. */
.lekala-theme:not(.catalog-body) .button-primary,
.lekala-theme:not(.catalog-body) .button-dark {
    border: 1px solid #c99d62;
    color: #1d1c18;
    background: #e1b874;
}
.lekala-theme:not(.catalog-body) .button-primary:hover,
.lekala-theme:not(.catalog-body) .button-dark:hover { color: #171715; background: #f0cb8a; }
.lekala-theme:not(.catalog-body) .button-secondary { border-color: #6d5c43; color: #e8c283; background: #22282a; }
.lekala-theme :is(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid #e8bf7c; outline-offset: 2px; }

/* Brand and model directories use the same restrained dark cards as the catalog. */
.lekala-theme .moto-landing { padding-top: 22px; }
.lekala-theme .moto-landing-hero {
    padding: clamp(22px, 3vw, 36px) 0 30px;
    border: 0;
    border-bottom: 1px solid #384145;
    border-radius: 0;
    background: transparent;
}
.lekala-theme .moto-landing-hero h1 { max-width: 900px; color: #f5f4f0; font-size: clamp(34px, 4vw, 52px); letter-spacing: 0; }
.lekala-theme .moto-landing-hero p,
.lekala-theme .moto-landing-hero small,
.lekala-theme .moto-section-heading p,
.lekala-theme .moto-model-card p,
.lekala-theme .moto-variant-card p { color: #b4bfbd; }
.lekala-theme .moto-model-index,
.lekala-theme .moto-variant-list { padding: 0; border: 0; background: transparent; }
.lekala-theme .moto-model-card,
.lekala-theme .moto-variant-card,
.lekala-theme .moto-brand-card {
    border: 1px solid #394145;
    border-radius: 10px;
    color: #f1f2ef;
    background: linear-gradient(145deg, #1b2226, #13191d 70%);
    box-shadow: 0 7px 20px rgba(0, 0, 0, .12);
}
.lekala-theme .moto-model-card:hover,
.lekala-theme .moto-variant-card:hover { border-color: #bd9967; }
.lekala-theme .moto-model-card h3 a,
.lekala-theme .moto-variant-card h3 a,
.lekala-theme .moto-brand-link { color: #f4f1e9; text-decoration-color: #c9a46b; }
.lekala-theme .moto-model-card dl div,
.lekala-theme .moto-fact-list div { background: #232d31; }
.lekala-theme .moto-model-card dt,
.lekala-theme .moto-fact-list dt { color: #aebcbb; }
.lekala-theme .moto-related-nav { border-color: #394145; border-radius: 10px; background: #171e22; }
.lekala-theme .moto-model-links a,
.lekala-theme .moto-part-chips > span { border-color: #56605c; color: #e8c283; background: #202a2b; }
.lekala-theme .moto-detail-facts article { border-color: #394145; color: #f1f2ef; background: #1b2428; }
.lekala-theme .moto-detail-facts p,
.lekala-theme .moto-part-chips small { color: #aebcbb; }

/* Keep the cutting diagram a light technical sheet; surrounding tools are dark. */
.lekala-theme .constructor-header {
    position: relative;
    min-height: 250px;
    padding-top: 24px;
    padding-bottom: 28px;
    padding-inline: clamp(16px, 2vw, 26px);
    overflow: hidden;
    isolation: isolate;
    border: 1px solid #394145;
    border-radius: 8px;
    background: #11191d;
}
.lekala-theme .constructor-header > div { position: relative; z-index: 2; }
.lekala-theme .constructor-title-row > div { max-width: min(55%, 660px); }
.lekala-theme .constructor-header-photo {
    position: absolute;
    z-index: 0;
    inset: 0 0 0 auto;
    width: min(56%, 760px);
    height: 100%;
    object-fit: contain;
    object-position: right center;
    opacity: .72;
    -webkit-mask-image: linear-gradient(90deg, transparent 36%, #000 56%);
    mask-image: linear-gradient(90deg, transparent 36%, #000 56%);
}
.lekala-theme .constructor-header-photo.is-portrait {
    object-position: right center;
    -webkit-mask-image: linear-gradient(90deg, transparent 68%, #000 88%);
    mask-image: linear-gradient(90deg, transparent 68%, #000 88%);
}
.lekala-theme .constructor-header-photo.is-narrow-landscape {
    -webkit-mask-image: linear-gradient(90deg, transparent 43%, #000 65%);
    mask-image: linear-gradient(90deg, transparent 43%, #000 65%);
}
.lekala-theme .constructor-title-row h1 { color: #f7f5f1; letter-spacing: 0; }
.lekala-theme .constructor-title-row h1 small { color: #d4bc95; }
.lekala-theme .constructor-title-row p,
.lekala-theme .moto-detail-intro { color: #c4cdcb; }
.lekala-theme .constructor-layout { padding-top: 18px; }
.lekala-theme .workspace-card,
.lekala-theme .selection-panel,
.lekala-theme .selected-details-section,
.lekala-theme .vehicle-gallery { border-color: #394145; background: #171e22; box-shadow: 0 10px 28px rgba(0, 0, 0, .16); }
.lekala-theme .workspace-toolbar { border-color: #394145; }
.lekala-theme .instruction small,
.lekala-theme .zoom-label,
.lekala-theme .protection-presets-toolbar-label { color: #b4bfbd; }
.lekala-theme .zoom-controls { border-color: #485256; background: #20292d; box-shadow: none; }
.lekala-theme .zoom-controls button { color: #f1f2ef; background: #20292d; }
.lekala-theme .zoom-controls button:hover { color: #f0ca88; background: #30383a; }
.lekala-theme .zoom-controls strong { color: #e8c283; }
.lekala-theme .protection-presets-toolbar { border-color: #414c50; background: #1d262a; }
.lekala-theme .protection-preset-grid button { border-color: #4e595d; color: #f1f2ef; background: #263034; }
.lekala-theme .protection-preset-grid button:hover { border-color: #caa16a; background: #303a3c; }
.lekala-theme .protection-preset-grid button.is-active { border-color: #cea76c; color: #181d1c; background: #e2b976; box-shadow: none; }
.lekala-theme .protection-preset-grid button.is-active small { color: #354039; }
.lekala-theme .protection-preset-number { color: #1d1c18; background: #e2b976; }
.lekala-theme .protection-preset-grid button.is-active .protection-preset-number { color: #f8f7f3; background: #222b29; }
.lekala-theme .diagram-caption { border-color: #394145; color: #d8dfdc; background: #20292d; }
.lekala-theme .diagram-measure-summary { border-color: #394145; color: #cbd7d2; background: #1b2b2a; }
.lekala-theme .diagram-measure-summary small { color: #aebcbb; }
.lekala-theme .selection-footer { border-color: #394145; background: #171e22; }
.lekala-theme .moto-film-selector { border-color: #495557; background: #202a2d; }
.lekala-theme .moto-film-selector strong { color: #f1f2ef; }
.lekala-theme .moto-film-selector small,
.lekala-theme .moto-film-options button span { color: #afbcba; }
.lekala-theme .moto-film-options button { border-color: #596164; color: #f1f2ef; background: #2a3437; }
.lekala-theme .moto-film-options button.is-active { border-color: #caa16a; color: #181d1c; background: #e2b976; box-shadow: none; }
.lekala-theme .moto-film-options button.is-active span { color: #354039; }
.lekala-theme .roll-meter { border-color: #596164; color: #f1f2ef; background: #1d292a; }
.lekala-theme .roll-meter-head strong { color: #f1f2ef; }
.lekala-theme .roll-meter-head small { color: #b4bfbd; }
.lekala-theme .roll-meter-head > b { color: #e8c283; }
.lekala-theme .roll-readout span,
.lekala-theme .roll-meter > small { color: #b4bfbd; }
.lekala-theme .roll-readout strong { color: #f4f1e9; }
.lekala-theme .roll-readout > div + div,
.lekala-theme .roll-meter-foot { border-color: #596164; }
.lekala-theme .roll-meter-foot span { color: #d9dfdb; }
.lekala-theme .roll-meter.is-overflow { border-color: #c59b5f; background: #30271b; }
.lekala-theme .roll-meter.is-overflow .roll-meter-head > b,
.lekala-theme .roll-meter.is-overflow .roll-meter-foot span { color: #f0c780; }
.lekala-theme .live-estimate { border-color: #4c655b; background: #1b2b27; }
.lekala-theme .live-estimate strong,
.lekala-theme .estimate-price-breakdown > div > b { color: #e8c283; }
.lekala-theme .live-estimate span,
.lekala-theme .estimate-price-breakdown > div > span { color: #d5dfda; }
.lekala-theme .estimate-price-breakdown > div { border-color: #42594f; background: #26372f; }
.lekala-theme .estimate-price-breakdown .estimate-price-total { border-color: #91b393; background: #294739; }
.lekala-theme .estimate-price-breakdown .estimate-price-total > span,
.lekala-theme .estimate-price-breakdown .estimate-price-total > b { color: #f0dbac; }
.lekala-theme .selected-details-count { border-color: #6d5c43; color: #e8c283; background: #29291f; }
.lekala-theme .selected-item { border-color: #42594f; background: #1e2b29; }
.lekala-theme .selected-item-fact { border-color: #4b5b58; color: #f1f2ef; background: #202d2d; }
.lekala-theme .selected-item-fact > small,
.lekala-theme .selected-item-fact > span { color: #b4bfbd; }
.lekala-theme .selected-item-fact > strong { color: #e8c283; }
.lekala-theme .bulk-overlap { border-color: #4c655b; background: #1b2b27; }
.lekala-theme .bulk-overlap-head > span { color: #e8c283; background: #303830; }
.lekala-theme .bulk-overlap-presets button,
.lekala-theme .detail-overlap-presets button { border-color: #596164; color: #dce9df; background: #263430; }
.lekala-theme .bulk-overlap-presets button:hover,
.lekala-theme .detail-overlap-presets button:hover,
.lekala-theme .detail-overlap-presets button.is-active { border-color: #caa16a; color: #1d1c18; background: #e2b976; }
.lekala-theme .bulk-overlap-custom > div { border-color: #596164; background: #263430; }
.lekala-theme .bulk-overlap-custom button { color: #1d1c18; background: #e2b976; }
.lekala-theme .detail-size-row { border-color: #42594f; background: #263430; }
.lekala-theme .detail-size-row > small,
.lekala-theme .detail-size-row > em { color: #b4bfbd; }
.lekala-theme .detail-size-row > strong span { color: #e8c283; background: #1d2a28; }
.lekala-theme .number-stepper,
.lekala-theme .number-stepper button { border-color: #596164; color: #f1f2ef; background: #263034; }
.lekala-theme .number-stepper button:hover { background: #3a4649; }
.lekala-theme:not(.catalog-body) input:not([type='range']):not([type='checkbox']):not([type='radio']),
.lekala-theme:not(.catalog-body) select,
.lekala-theme:not(.catalog-body) textarea { border-color: #596164; color: #f1f2ef; background: #263034; }
.lekala-theme:not(.catalog-body) input::placeholder,
.lekala-theme:not(.catalog-body) textarea::placeholder { color: #a9b5b4; }

.lekala-theme .seo-info-card { border-color: #394145; color: #e9edeb; background: #12191d; box-shadow: none; }
.lekala-theme .seo-info-card p,
.lekala-theme .seo-info-card small,
.lekala-theme .seo-info-lead,
.lekala-theme .seo-process-grid p,
.lekala-theme .seo-process-grid ol,
.lekala-theme .seo-faq details p { color: #b4c0be; }
.lekala-theme .seo-benefit-grid article,
.lekala-theme .seo-process-grid > div { border-color: #3a4549; background: #1b2428; }
.lekala-theme .seo-benefit-grid strong,
.lekala-theme .seo-faq summary { color: #f3f3ef; }
.lekala-theme .seo-link-row a { border-color: #5c513e; color: #e8c283; background: #202629; }

.lekala-theme .checkout-dialog { border: 1px solid #596164; color: #f1f2ef; background: #171e22; }
.lekala-theme .checkout-form .form-grid label > span { color: #d4dfdb; }
.lekala-theme .checkout-consent-note { color: #aebcbb; }
.lekala-theme .checkout-consent-note a { color: #e8c283; }
.lekala-theme .dialog-close { border-color: #596164; color: #f1f2ef; background: #263034; }
.lekala-theme .order-review { color: #f0d9ae; background: #30271b; }
.lekala-theme .film-choice { border-color: #4c655b; background: #1b2b27; }
.lekala-theme .film-choice legend { color: #e8c283; }
.lekala-theme .film-choice-grid label { border-color: #596164; background: #263034; }
.lekala-theme .film-choice-grid label:has(input:checked) { border-color: #caa16a; box-shadow: 0 0 0 1px #caa16a; }
.lekala-theme .film-catalog-picker > span { color: #f1f2ef; }
.lekala-theme .film-catalog-picker input,
.lekala-theme .film-catalog-picker select { border-color: #596164; color: #f1f2ef; background: #263034; }
.lekala-theme .film-catalog-picker option { color: #f1f2ef; background: #263034; }
.lekala-theme .film-product-summary { border-color: #4c655b; color: #dce9df; background: #26372f; }
.lekala-theme .checkout-form input:not([type='checkbox']):not([type='radio']),
.lekala-theme .checkout-form textarea { border-color: #596164; color: #f1f2ef; background: #263034; }
.lekala-theme .checkout-form input::placeholder,
.lekala-theme .checkout-form textarea::placeholder { color: #a9b5b4; }

.lekala-theme .success-card,
.lekala-theme .success-details,
.lekala-theme .tracking-card { border-color: #394145; color: #f1f2ef; background: #171e22; box-shadow: none; }
.lekala-theme .success-meta { color: #b4bfbd; }
.lekala-theme .ordered-items > div { border-color: #394145; background: #20292d; }
.lekala-theme .ordered-items > div > span { color: #1d1c18; background: #e2b976; }

@media (max-width: 900px) {
    .lekala-theme .catalog-header-extra,
    .lekala-theme .catalog-header-login { display: none; }
}
@media (max-width: 700px) {
    .lekala-theme .header-inner { min-height: 57px; gap: 8px; }
    .lekala-theme .brand-logo { width: 105px; }
    .lekala-theme .brand-title { font-size: 10px; white-space: normal; }
    .lekala-theme .header-nav { display: none; }
    .catalog-header-mobile { display: flex; align-items: center; margin-left: auto; gap: 5px; }
    .catalog-header-mobile a, .catalog-header-mobile button { display: grid; place-items: center; width: 44px; height: 44px; border: 0; color: #e5c185; background: none; cursor: pointer; }
    .catalog-header-mobile svg { width: 21px; height: 21px; }
    .catalog-mobile-menu:not([hidden]) { position: absolute; z-index: 60; top: 57px; right: 0; left: 0; display: grid; padding: 10px 18px 14px; border: 1px solid #485155; border-radius: 0 0 10px 10px; background: #131a1e; box-shadow: 0 18px 30px rgba(0, 0, 0, .38); }
    .catalog-mobile-menu a { min-height: 43px; padding: 11px 4px; border-bottom: 1px solid #2e383c; color: #f0efeb; font-size: 14px; text-decoration: none; }
    .catalog-mobile-menu a:last-child { border-bottom: 0; }
    .lekala-theme .constructor-header { min-height: 0; padding-block: 20px; }
    .lekala-theme .constructor-header-photo { width: 65%; opacity: .25; }
    .lekala-theme .constructor-title-row > div { max-width: 100%; }
    .lekala-theme .moto-landing-hero h1 { font-size: 34px; }
}