/* LURONPACK · mineral blue / mist white · 20261030-distinct-professional-themes-v1 */
:root {
  --brand: #174c78;
  --brand-hover: #123c60;
  --ink: #19334b;
  --muted: #486278;
  --page: #eaf2f8;
  --line: #c8d9e7;
  --paper: #fff;
  --orange: var(--brand);
  --orange-dark: var(--brand);
  --orange-action: var(--brand);
  --orange-action-hover: var(--brand-hover);
  --stone: var(--page);
  color: var(--ink);
  background: var(--page);
}
html { background: var(--page); }
body { min-width: 0; color: var(--ink); background: var(--paper); }
button, input, select, textarea { color: inherit; }
::selection { background: #c8dff0; color: var(--ink); }
:is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.locale-page :is(a, button, input, select, textarea, summary):focus-visible,
.language-selector :is(summary, a):focus-visible,
.product-navigation > summary:focus-visible {
  outline: 3px solid var(--brand);
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #fff;
}
.utility-bar, .product-navigation-shortcuts { background: var(--page); color: var(--muted); }
.site-header, .nav-bar, .mobile-nav, .locale-header { background: var(--paper); color: var(--ink); border-color: var(--line); }
.brand, .footer-brand { color: var(--brand); }
.nav-links a, .language-selector, .language-selector .language-selector-panel a { color: var(--ink); }
.language-selector .language-selector-panel { border-color: var(--line); box-shadow: 0 12px 30px #19334b18; }
.language-selector-panel a:hover, .language-selector-panel a[aria-current="page"],
.product-navigation-panel a:hover { color: var(--brand); background: var(--page); }
.button-primary { background: var(--brand); color: #fff; }
.button-primary:hover { background: var(--brand-hover); }
.button-outline, .button-secondary { background: #fff; color: var(--brand); border-color: var(--brand); backdrop-filter: none; }
.button-outline:hover, .button-secondary:hover { background: var(--page); }
.button-light { color: var(--brand); background: #fff; }
.eyebrow, .eyebrow-light { color: var(--brand); }

/* Separate the procurement introduction from the original production footage. */
.hero { min-height: 610px; color: var(--ink); background: var(--page) !important; border-bottom: 1px solid var(--line); }
.hero-static-poster { position: absolute; display: block; }
.hero-video, .hero-static-poster { inset: 32px 32px 32px auto; width: 43%; height: calc(100% - 64px); object-fit: cover; object-position: center; border-radius: 6px; background: #fff; }
.hero-overlay { display: none; }
.hero-content { padding-top: 72px; padding-bottom: 0; }
.hero-content > * { max-width: 48%; }
.hero .eyebrow { color: var(--brand); }
.hero h1 { max-width: 48%; font-size: clamp(40px, 4.1vw, 60px); line-height: 1.1; letter-spacing: -.04em; }
.hero-content > p:not(.eyebrow) { max-width: 46%; color: var(--muted); font-size: 17px; line-height: 1.65; margin-bottom: 26px; }
.hero-content > p.hero-chat-note { max-width: 46%; font-size: 13px; margin-top: 16px; margin-bottom: 0; }
.hero-actions { max-width: 48%; gap: 12px; }
.hero-actions .button { min-width: 0; padding-inline: 18px; }
.video-controls { color: var(--muted); margin-top: 22px; padding-bottom: 32px; }
.video-controls button { background: var(--brand); color: #fff; }
.paths-section, .path-section { background: #fff; }
.path-card:first-child { border-color: var(--line); }
.path-card:hover { background: var(--page); }
.path-icon { background: var(--page); color: var(--brand); }
.path-card small { color: var(--muted); }
.category-awaiting-assets { background: var(--page); border-color: var(--line); }
.category-image, .product-image, .car-photo-frame,
.product-category-review a[href="/car-diffuser-bottles/"] .category-image { background: #fff; border: 1px solid var(--line); }
.category-image img, .product-image img, .car-photo-frame img,
.product-category-review a[href="/car-diffuser-bottles/"] .category-image img { mix-blend-mode: normal; filter: none; }
.product-copy > p, .search-field { color: var(--muted); }
.product-copy > div, .product-search-summary, .search-field, .capacity-tabs button { border-color: var(--line); }
.capacity-tabs button { color: var(--brand); }
.capacity-tabs button.active { color: #fff; background: var(--brand); border-color: var(--brand); }
.search-field { background: #fff; }
.search-field:focus-within { outline: 2px solid var(--brand); outline-offset: 3px; }
.custom-section { background: var(--page); color: var(--ink); }
.custom-copy > p:not(.eyebrow), .capability-grid span { color: var(--muted); }
.capability-grid, .capability-grid > div { border-color: var(--line); }
.capability-grid > div { background: #fff; }
.capability-grid svg { color: var(--brand); }
.factory-evidence-section { background: var(--page); color: var(--ink); }
.factory-evidence-heading > p { color: var(--muted); }
.factory-evidence-card { background: #fff; border: 1px solid var(--line); }
.factory-evidence-image { background: #fff; }
.factory-evidence-copy p, .factory-evidence-copy a,
.factory-evidence-copy a:hover, .factory-evidence-copy a:focus-visible { color: var(--brand); }
.compliance-preview-card, .certificate-showcase-card { background: var(--page); }
.compliance-preview-image, .certificate-showcase-preview { background: #fff; }
.compliance-preview-image img { filter: none; }
.resource-section { background: var(--page); }
.resource-grid article { border: 1px solid var(--line); border-radius: 5px; }
.final-cta { background: var(--brand); color: #fff; }
.final-cta .eyebrow, .final-cta p:not(.eyebrow) { color: #eaf2f8; }
.site-footer, footer.site-footer, footer:has(.footer-grid) { background: var(--brand); color: #fff; }
.footer-grid p, .footer-grid a, .footer-grid button, .footer-bottom { color: #eaf2f8; }
.footer-grid .brand, .site-footer .brand, .site-footer .footer-brand, footer:has(.footer-grid) .footer-brand { color: #fff; }
.footer-bottom { border-color: #7394af; }
.site-footer :is(a,button):focus-visible, footer:has(.footer-grid) :is(a,button):focus-visible, .final-cta :is(a,button):focus-visible { outline-color: #fff; box-shadow: 0 0 0 2px var(--brand); }
.paths-section, .process-grid, .process-grid article, .faq-list, .faq-list article { border-color: var(--line); }
.quote-modal { color: var(--ink); border-top: 5px solid var(--brand); }
.modal-backdrop { background: rgb(25 51 75 / 68%); }
.whatsapp-modal-backdrop { background: rgb(25 51 75 / 70%); }
.quote-chat-help { border-color: var(--line); background: var(--page); }
.quote-progress li { border-color: var(--line); }
.quote-progress li span { background: var(--page); color: var(--muted); }
.quote-form input, .quote-form select, .quote-form textarea { border-color: #8da9bf; color: var(--ink); }
input::placeholder, textarea::placeholder { color: var(--muted); opacity: 1; }
.mobile-conversion-bar { border-color: var(--line); background: #fff; }

/* The translated procurement entries use the same system and retain natural wrapping. */
.locale-page { color: var(--ink); background: #fff; }
.locale-navigation a { color: var(--ink); }
.locale-hero { background: var(--page); color: var(--ink); border-bottom: 1px solid var(--line); }
.locale-hero .locale-eyebrow, .locale-eyebrow, .locale-text-link, .locale-hero .locale-text-link { color: var(--brand); }
.locale-page .locale-intro, .locale-hero .locale-note, .locale-scope, .locale-section-intro,
.locale-categories p, .locale-capacity-copy p, .locale-faq details p,
.locale-form .locale-note, .locale-whatsapp p { color: var(--muted); }
.locale-hero video { border-color: var(--line); background: #fff; border-radius: 5px; }
.locale-scope, .locale-categories article, .locale-capacity-link, .locale-faq details, .locale-whatsapp { border-color: var(--line); }
.locale-categories article, .locale-capacity-link { background: #fff; border-radius: 4px; overflow: hidden; color: var(--ink); }
.locale-categories img, .locale-capacity-link img, .locale-custom img { mix-blend-mode: normal; filter: none; background: #fff; }
.locale-stock-note, .locale-custom, .locale-quote { background: var(--page); }
.locale-capacity-link:hover { border-color: var(--brand); }
.locale-capacity-copy strong { color: var(--ink); }
.locale-process li { border-color: var(--line); }
.locale-process li > span, .locale-consent a { color: var(--brand); }
.locale-quote { border-top-color: var(--brand); }
.locale-form input:not([type="checkbox"]), .locale-form select, .locale-form textarea { border-color: #8da9bf; color: var(--ink); }
.locale-footer { background: var(--brand); color: #eaf2f8; }
.locale-footer .brand, .locale-footer a { color: #fff; }
.locale-footer :is(a,button):focus-visible { outline-color: #fff; box-shadow: 0 0 0 2px var(--brand); }
@media (min-width: 1600px) {
  .hero-video, .hero-static-poster { right: max(32px, calc((100vw - 1440px) / 2)); width: min(43%, 620px); }
}
@media (max-width: 1050px) {
  .hero { min-height: 0; display: flex; flex-direction: column; }
  .hero-content { order: 1; padding-top: 48px; }
  .hero-content > *, .hero h1, .hero-content > p:not(.eyebrow), .hero-content > p.hero-chat-note, .hero-actions { max-width: 100%; }
  .hero h1 { max-width: 780px; font-size: clamp(36px, 6vw, 56px); }
  .hero-video, .hero-static-poster { order: 2; position: relative; inset: auto; width: var(--shell); height: auto; aspect-ratio: 16 / 8; max-height: 390px; margin: 26px auto 0; object-position: center; }
  .video-controls { order: 3; margin-top: 16px; }
}
@media (max-width: 600px) {
  .hero-content { padding-top: 34px; }
  .hero h1 { font-size: clamp(34px, 8.8vw, 44px); }
  .hero-content > p:not(.eyebrow) { font-size: 16px; }
  .hero-actions .button { flex: 0 1 auto; padding: 12px 14px; width: 100%; }
  .hero-video, .hero-static-poster { aspect-ratio: 4 / 3; }
  .hero-content > p.hero-chat-note { font-size: 13px; }
  .locale-page h1 { font-size: clamp(32px, 8vw, 38px); overflow-wrap: anywhere; }
  .locale-navigation, .locale-actions { gap: 14px; }
  .locale-actions .button { padding: 12px 16px; }
}