/* Shared accessible palette. Navy/gold remain brand accents in both modes. */
html[data-theme] body{--background-color:#f8f5ee;--secondary-bg:#fffdf8;--text-color:#202735;--secondary-text:#555d69;--secondary-text-brand:#555d69;--text-muted:#555d69;--accent-color:#795a26;--accent-hover:#e1c991;--link-color:#684a1d;--link-hover:#443016;--button-bg:#1e2431;--button-text:#fff;--button-hover:#354159;--border-color:#cfc5b5;--or-paper:#f8f5ee;--surface:#fffdf8;--soft-surface:#eee8dd;--muted:#555d69;--gold-ink:#795a26;--price-ink:#172738;--success-bg:#205c3d;--success-text:#fff;--expired-bg:#a22c30;--expired-text:#fff;--error-bg:#a22c30;--error-text:#fff;background:var(--background-color);color:var(--text-color)}
html[data-theme=dark] body{--background-color:#171e2b;--secondary-bg:#242e3e;--text-color:#f7f2e9;--secondary-text:#cbcbd0;--secondary-text-brand:#cbcbd0;--text-muted:#cbcbd0;--accent-color:#dfc28a;--accent-hover:#f0d8aa;--link-color:#e6ca96;--link-hover:#fff0cc;--button-bg:#dfc28a;--button-text:#172132;--button-hover:#f0d8aa;--border-color:#5a6371;--or-paper:#171e2b;--surface:#242e3e;--soft-surface:#202938;--muted:#cbcbd0;--gold-ink:#dfc28a;--price-ink:#ffe0a0;--success-bg:#205c3d;--success-text:#fff;--expired-bg:#a22c30;--expired-text:#fff;--error-bg:#a22c30;--error-text:#fff}
html[data-theme] body :focus-visible{outline:3px solid var(--gold-ink);outline-offset:4px}
html[data-theme] .navbar-main{gap:20px;padding:16px 24px;border-radius:0;flex-wrap:wrap}
html[data-theme] .navbar-left,html[data-theme] .navbar-right{flex-shrink:0}
html[data-theme] .navbar-center{flex:1 1 630px;min-width:0}
html[data-theme] .nav-links{gap:18px;align-items:center;flex-wrap:wrap}
html[data-theme] .navbar .nav-link,html[data-theme] .navbar .extern{font-size:13px;white-space:nowrap}
html[data-theme] .navbar a,html[data-theme] .sidebar-wrapper a{color:#f7f2e9}
html[data-theme] .navbar-banner{animation:none;background:#ddc48f;color:#192334;font-weight:600}
html[data-theme] .navbar-right .theme-toggle,html[data-theme] .sidebar-actions .theme-toggle{display:inline-flex;gap:7px;min-height:44px;height:auto;width:auto;padding:8px 12px;border:1px solid #d3bb87;border-radius:8px;background:#273346;color:#fff4d9;font:600 12px/1.4 Arial,sans-serif;flex-shrink:0;cursor:pointer;transform:none}
html[data-theme] .theme-symbol{font-size:23px;line-height:1}
html[data-theme] .theme-toggle .orbit{display:none}
html[data-theme] .theme-toggle:hover{background:#37455b}
html[data-theme] .hamburger{position:relative;min-width:44px;min-height:44px;border:1px solid #718098;border-radius:8px;color:#fff6e5}
html[data-theme] .hamburger .bar,html[data-theme] .hamburger:hover .bar{background:#fff6e5}
html[data-theme] .navbar .dropdown,html[data-theme] .sidebar-wrapper .dropdown{background:#273346;border:1px solid #748196;color:#fff8ea;backdrop-filter:none;border-radius:8px;list-style:none}
html[data-theme] .navbar .dropdown{margin-top:0;min-width:190px;padding:8px;max-width:280px}
html[data-theme] .navbar .dropdown a,html[data-theme] .sidebar-wrapper .dropdown a{color:#fff8ea;font-size:15px;font-weight:500;min-height:44px;box-sizing:border-box;border-radius:5px;padding:12px 14px;line-height:1.4;white-space:normal;transition:background .15s,color .15s}
html[data-theme] .navbar .dropdown a:hover,html[data-theme] .navbar .dropdown a:focus-visible,html[data-theme] .sidebar-wrapper .dropdown a:hover,html[data-theme] .sidebar-wrapper .dropdown a:focus-visible{background:#e0c58c;color:#172334}
html[data-theme] .navbar .nav-item:focus-within .dropdown{display:block;opacity:1;transform:none}
html[data-theme] .navbar .nav-item:focus-within .dropdown li{opacity:1;transform:none}
html[data-theme] .sidebar-wrapper{z-index:20000;background:#1e293a;width:min(320px,92vw);max-width:100%;height:100dvh;box-sizing:border-box}
html[data-theme] .sidebar-close{color:#fff6e5;min-height:44px;min-width:44px;top:10px;right:14px}
html[data-theme] .sidebar-wrapper .nav-links{align-items:stretch}
html[data-theme] .sidebar-wrapper .nav-arrow{background:transparent;border:1px solid #78869a;border-radius:5px;color:#fff6e5;min-width:44px;min-height:44px;cursor:pointer;padding:10px}
html[data-theme] .sidebar-wrapper .nav-item[data-open=true] .dropdown li{opacity:1;transform:none}
html[data-theme] body[data-sidebar=open] .navbar,html[data-theme] body[data-sidebar=open] .main-content{transform:none}
html[data-theme] body[data-sidebar=open] .or-whatsapp{visibility:hidden}
html[data-theme] .sidebar-actions{display:flex}
html[data-theme] .sidebar-wrapper .dropdown a:before{display:none}
html[data-theme] .price-now,html[data-theme] .product-price,html[data-theme] .or-price strong{color:var(--price-ink);font-size:22px;font-weight:750;line-height:1.4}
html[data-theme] .price-now .price-number{font-size:22px;color:inherit}
html[data-theme] .price-now .currency{font-size:16px;color:inherit}
html[data-theme] .price-old,html[data-theme] .or-price del{color:var(--muted);font-size:14px;opacity:1}
html[data-theme] .price-line{white-space:normal;flex-wrap:wrap}
html[data-theme] .price-unspecified{font-size:14px;white-space:normal;color:var(--text-color)}
html[data-theme] .brand-name,html[data-theme] .category-genre{color:var(--muted)}
html[data-theme] input,html[data-theme] select,html[data-theme] textarea{color:var(--text-color);background-color:var(--secondary-bg)}
/* Override the old homepage's fixed light backgrounds, without tinting photos. */
html[data-theme] .or-home .or-kicker,html[data-theme] .or-home .or-offer>span:not(.or-promo-code),html[data-theme] .or-home .or-steps li>span{color:var(--gold-ink)}
html[data-theme] .or-home .or-hero-copy>p,html[data-theme] .or-home .or-offer small,html[data-theme] .or-home .or-trust p,html[data-theme] .or-home .or-prescription small,html[data-theme] .or-home .or-product-info>small{color:var(--muted)}
html[data-theme] .or-home .or-prescription,html[data-theme] .or-home .or-reviews{background:var(--soft-surface);color:var(--text-color)}
html[data-theme] .or-home .or-product,html[data-theme] .or-home .or-review-track figure,html[data-theme] .or-home .or-illustrated-collections>a{background:var(--surface);color:var(--text-color);border-color:var(--border-color)}
html[data-theme] .or-home .or-illustrated-collections>a:hover{background:var(--soft-surface)}
html[data-theme] .or-home .or-collection-number,html[data-theme] .or-home .or-review-track figcaption{color:var(--gold-ink)}
html[data-theme] .or-home .or-collection-icon{color:var(--text-color)}
html[data-theme] .or-home .or-collections,html[data-theme] .or-home .or-steps li,html[data-theme] .or-home .or-brand-strip{border-color:var(--border-color)}
html[data-theme] .or-home .or-order{color:var(--link-color)!important;border-color:var(--border-color);font-size:13px;font-weight:600}
html[data-theme] .or-home .or-button{background:var(--button-bg);color:var(--button-text)!important;border-color:var(--button-bg)}
html[data-theme] .or-home .or-outline{background:transparent;color:var(--text-color)!important;border-color:var(--gold-ink)}
html[data-theme] .or-home .or-bundles{background:#1e293a;color:#fff6e5}
html[data-theme] .or-home .or-bundles .or-kicker{color:#dfc28a}
html[data-theme] .or-home .or-bundles .or-button{background:#dfc28a;color:#172132!important;border-color:#dfc28a}
html[data-theme] .or-home .or-bundles .or-outline{background:transparent;color:#fff6e5!important}
html[data-theme] .or-home .or-brands-toggle,html[data-theme] .or-home .or-reviews button{color:var(--text-color);border-color:var(--gold-ink)}
html[data-theme] .or-home .or-brand-card{background:#fffdf8;color:#1e2431}
html[data-theme] .or-home .or-review-track a{text-decoration:underline;text-underline-offset:3px}
html[data-theme] .or-review-meta{display:block;margin-top:10px;font:12px/1.6 Arial;color:var(--muted)}
html[data-theme] .or-review-stars{display:block;font-size:20px;color:var(--gold-ink);letter-spacing:2px;margin-bottom:12px}
html[data-theme] [hidden]{display:none!important}
@media(max-width:700px){html[data-theme] .page-wrapper{box-sizing:border-box;width:100%;max-width:100%}html[data-theme] .main-content,html[data-theme] .products-container{min-width:0;max-width:100%}html[data-theme] .filters-products-container{gap:0}html[data-theme] .products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}html[data-theme] .product-card{width:auto;max-width:none;min-width:0;flex:auto}html[data-theme] .product-info{padding:12px 8px}html[data-theme] .product-name{overflow-wrap:anywhere}}
@media(min-width:1200px){html[data-theme] .navbar-center{display:flex}html[data-theme] .hamburger,html[data-theme] .sidebar-wrapper{display:none}html[data-theme] .navbar-right .login-btn{display:block}}
@media(min-width:1200px) and (max-width:1450px){html[data-theme] .navbar-center{order:3;flex-basis:100%}html[data-theme] .navbar-main{gap:12px}html[data-theme] .navbar .nav-links{justify-content:center}}
@media(max-width:1199px){html[data-theme] .navbar-center{display:none}html[data-theme] .hamburger{display:flex;align-items:center;justify-content:center;order:1;flex-shrink:0}html[data-theme] .navbar-left{order:2;flex:1;justify-content:center;min-width:0}html[data-theme] .navbar-right{order:3}html[data-theme] .navbar-right .login-btn{display:none}html[data-theme] .navbar-main{flex-wrap:nowrap;padding:12px 16px;gap:10px}html[data-theme] .sidebar-wrapper{display:block}}
@media(max-width:600px){html[data-theme] .navbar-main{padding:10px;gap:7px}html[data-theme] .navbar .site-url{gap:6px}html[data-theme] .navbar .site-name{font-size:15px}html[data-theme] .navbar-logo{width:32px;height:32px}html[data-theme] .navbar-right .theme-toggle{width:44px;height:44px;padding:8px;justify-content:center}html[data-theme] .navbar-right .theme-label{display:none}html[data-theme] .price-now,html[data-theme] .product-price,html[data-theme] .price-now .price-number,html[data-theme] .or-price strong{font-size:21px}html[data-theme] .or-home .or-product-info{padding:12px}html[data-theme] .or-home .or-price{gap:5px;align-items:flex-start;flex-direction:column}html[data-theme] .or-home .or-order{font-size:12px}html[data-theme] .or-home .or-top{font-size:11px}}
@media(prefers-reduced-motion:reduce){html[data-theme] *,html[data-theme] *:before,html[data-theme] *:after{transition:none!important;scroll-behavior:auto!important}}
