:root{--review-green:#102c22;--review-gold:#d8b667}
header{flex-wrap:wrap;gap:18px!important}
.fx-control{display:flex;align-items:center;gap:3px;flex:none;border:1px solid #d8b667;border-radius:12px;background:#102c22;padding:3px;box-shadow:0 0 12px #d8b66726}
.fx-control button{border:0;background:transparent;color:#f1dda9;min-width:44px;min-height:44px;padding:9px;font:600 12px/1.2 'DM Sans',Arial,sans-serif;cursor:pointer;border-radius:8px}
.fx-control button[aria-pressed=true]{background:#d8b667;color:#102c22}
.premium-arrow{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #d8b667;border-radius:9px;background:#102c22;color:#d8b667;box-shadow:0 0 10px #d8b66738;transition:box-shadow .2s}
.premium-arrow svg{width:19px;height:19px;transition:transform .2s ease}
[aria-expanded=true] .premium-arrow svg{transform:rotate(180deg)}
button:hover .premium-arrow,button[aria-expanded=true] .premium-arrow{box-shadow:0 0 17px #d8b66770}
.fx-control .fx-more{padding:3px;display:flex;gap:6px;align-items:center}
.fx-selected{font-size:12px;padding-left:4px}
.premium-categories{position:relative}
.premium-category-trigger{display:flex;align-items:center;gap:12px;min-height:48px;border:1px solid #d8b667;border-radius:12px;background:#102c22;color:#f2dda9;padding:5px 6px 5px 16px;font:600 14px/1.3 'DM Sans',Arial,sans-serif;cursor:pointer;box-shadow:0 0 12px #d8b66726}
.premium-categories-panel{position:absolute;z-index:60;top:calc(100% + 12px);left:0;width:335px;max-width:calc(100vw - 32px);max-height:65dvh;overflow:auto;padding:14px;background:#102c22;border:1px solid #d8b667;border-radius:15px;box-shadow:0 18px 45px #102c2238;color:#f3ecd9;animation:review-reveal .2s ease}
.premium-categories-panel[hidden]{display:none}
.premium-categories-panel a{display:block!important;color:#f3ecd9!important;min-height:44px;padding:12px 14px!important;box-sizing:border-box;text-decoration:none!important;border-radius:7px;font-size:14px;line-height:1.4}
.premium-categories-panel a:hover,.premium-categories-panel a:focus-visible{background:#284738}
.premium-categories-panel a:first-child{color:#e4c67e!important;border-bottom:1px solid #d8b66740;border-radius:0;margin-bottom:8px}
.premium-categories-panel .category-family{font-weight:600;color:#f0d69a!important;padding-top:16px!important}
.premium-categories-panel .category-child{padding-left:29px!important;font-size:13px;color:#d4ded5!important;border-left:1px solid #d8b66740;margin-left:15px}
.fx-dialog{box-sizing:border-box;position:fixed;width:480px;max-width:calc(100vw - 24px);max-height:85dvh;overflow:auto;border:1px solid #d8b667;border-radius:20px;padding:25px;background:#102c22;color:#f3ecd9;box-shadow:0 24px 90px #0006;font:400 14px/1.5 'DM Sans',Arial,sans-serif}
.fx-dialog::backdrop{background:#071c16a6}
.fx-dialog:not([open]){display:none}
.fx-dialog header{padding:0!important;border:0!important;display:flex;justify-content:space-between;background:transparent!important;margin-bottom:18px;position:static!important}
.fx-dialog h2{font:500 23px/1.3 'DM Sans',Arial,sans-serif;margin:0;color:#f0d69a}
.fx-dialog .fx-close{background:#254236;color:#f0d69a;border:1px solid #d8b66770;border-radius:50%;width:44px;height:44px;font-size:24px;cursor:pointer}
.fx-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.fx-options button{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:48px;border:1px solid #d8b66740;border-radius:8px;background:#183a2c;color:#f3ecd9;padding:12px;text-align:left;cursor:pointer;font:500 13px/1.3 'DM Sans',Arial,sans-serif}
.fx-options button:hover{border-color:#d8b667;background:#294e3b}
.fx-options button[aria-pressed=true]{border-color:#e1c075;background:#d8b667;color:#102c22}
.fx-options button:disabled{opacity:.6;cursor:not-allowed}
.fx-options small{font-size:11px}.fx-dialog p{font-size:12px;color:#d2ddd3;line-height:1.6}.fx-dialog a{color:#eed18b}
.fx-disclosure{display:block;padding:9px 18px;text-align:center;background:#f6f0df;color:#3e513f;font:400 12px/1.5 'DM Sans',Arial,sans-serif;border-bottom:1px solid #d8b66750}
.fx-disclosure[hidden]{display:none}
[data-fx-ui] button:focus-visible,.premium-categories button:focus-visible,.premium-categories a:focus-visible{outline:3px solid #f7ce65;outline-offset:3px}
@keyframes review-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){header{gap:12px!important;padding-left:18px!important;padding-right:18px!important}header>nav{order:4;width:100%;display:flex;justify-content:space-between;align-items:center;gap:9px!important}.fx-control{margin-left:auto}.premium-category-trigger{font-size:13px;gap:7px;padding-left:11px}.premium-categories-panel{position:fixed;top:auto;bottom:12px;left:12px;right:12px;width:auto;max-width:none;max-height:72dvh;padding-bottom:max(16px,env(safe-area-inset-bottom))}.fx-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85dvh;border-radius:22px 22px 0 0;padding-bottom:max(25px,env(safe-area-inset-bottom))}.fx-dialog header{padding:0!important;width:100%}.review-banner{font-size:11px}.fx-control button{font-size:11px;padding:8px;min-width:44px}.fx-control .fx-more{padding:3px}.premium-arrow{width:32px;height:32px}.fx-selected{display:none}.fx-options{gap:8px}}
@media(max-width:700px){#app header,body>header,.page-shell>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}header>.brand{grid-column:1;grid-row:1}header>.fx-control{grid-column:2;grid-row:1;margin:0}header>#open-basket,header>.basket-button{grid-column:1;grid-row:2;justify-self:start}header>.language-switch{grid-column:2;grid-row:2;justify-self:end;width:auto;order:initial}header>nav:not(.language-switch){grid-column:1/-1;grid-row:3;width:100%;order:initial}.fx-dialog header{display:flex!important}}
@media(prefers-reduced-motion:reduce){.premium-arrow svg{transition:none}.premium-categories-panel{animation:none}}

.visitor-language-hint{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:950;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 28px);padding:12px 16px;border:1px solid #c8a85a;border-radius:12px;background:#102f28;color:#f7f0db;box-shadow:0 8px 30px #0005;font:15px/1.4 system-ui}.visitor-language-hint a{color:#f4d784;text-decoration:underline;white-space:nowrap}.visitor-language-hint button{background:transparent;color:inherit;border:0;font-size:24px;padding:0 6px;cursor:pointer}.visitor-language-hint a:focus-visible,.visitor-language-hint button:focus-visible{outline:2px solid #f4d784;outline-offset:4px}