/* Keep the homepage header independent of the older hero/header rules. */
.app-home .site-header{position:relative;isolation:isolate;border-bottom:1px solid #37332e;background:linear-gradient(110deg,#0b0e10,#111517);z-index:20}
.app-home .site-header .nav{display:grid;grid-template-columns:minmax(160px,220px) 34px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:82px;height:auto;padding-block:14px}
.app-home .site-header .nav .logo{display:block;width:100%;max-width:220px;min-width:0;flex:none}
.app-home .site-header .nav .logo img{width:100%;height:auto}
.app-home .site-header .nav .header-tyre{display:block;width:34px;height:34px;margin:0;flex:none}
.app-home .site-header .nav .header-tyre img{width:100%;height:100%}
.app-home .site-header .desktop-nav{display:flex;justify-self:end;margin:0;gap:clamp(14px,2vw,28px)}
.app-home .site-header .desktop-nav a{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.4}
.app-home .site-header .nav-actions{justify-self:end;display:grid;grid-template-columns:52px 44px 44px;align-items:center;gap:8px;margin:0;flex:none;min-width:0}
.app-home .site-header .nav-actions .icon-button,.app-home .site-header .nav-actions .header-language{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;box-sizing:border-box;border-radius:12px;text-decoration:none;overflow:visible}
.app-home .site-header .nav-actions .header-language{width:52px;min-width:52px;border:1px solid #b8895f66;background:#b8895f12;font-size:14px;line-height:1.4}
.app-home .site-header .nav-actions #search-nav{border:1px solid #41484d;background:linear-gradient(145deg,#20262b,#151b20);color:#e5e9eb}
.app-home .site-header .nav-actions .header-cart{border:1px solid #ac8059;background:linear-gradient(145deg,#453426,#261f1a);color:#ffc18b}
.app-home .site-header .nav-actions .icon-button svg{display:block;width:21px;height:21px;max-width:21px;max-height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-home .site-header .header-cart [data-cart-count]{position:absolute;inset-block-start:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:1px 4px;display:grid;place-items:center;border:1px solid #13171a;border-radius:20px;background:#ffc18b;color:#25190e;font:700 11px/1 Arial,sans-serif;pointer-events:none}
.app-home .site-header .nav-actions a:focus-visible,.app-home .site-header .nav-actions button:focus-visible{outline:2px solid #ffc18b;outline-offset:3px}
.app-home .home-header-links{display:none}
@media(max-width:1050px){
 .app-home .site-header .nav{width:calc(100% - 32px);grid-template-columns:minmax(0,190px) 28px minmax(156px,1fr);gap:12px;min-height:68px;padding-block:8px;box-sizing:border-box}
 .app-home .site-header .nav .logo{max-width:190px}
 .app-home .site-header .nav .header-tyre{width:28px;height:28px}
 .app-home .site-header .desktop-nav{display:none}
 .app-home .home-header-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 32px);position:relative;isolation:isolate;overflow:hidden;margin:0 auto 6px;border:1px solid #b8895f30;border-radius:11px;background:linear-gradient(110deg,#29241f,#20282c);padding:3px;gap:4px;box-sizing:border-box}
 .app-home .home-header-links a{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;position:relative;z-index:1;min-height:44px;padding:5px 2px;box-sizing:border-box;border:1px solid #ffffff0d;border-radius:7px;background:#ffffff05;color:#e2e7e9;font-size:clamp(11px,3.15vw,13px);font-weight:600;line-height:1.3;white-space:nowrap;text-decoration:none;overflow-wrap:normal}
 .app-home .home-header-links::before{content:"";position:absolute;z-index:0;inset-block:-20%;inset-inline-start:-65%;width:65%;background:linear-gradient(100deg,transparent,#ffc18b24,transparent);pointer-events:none;animation:home-menu-glow 8s ease-in-out infinite}
 .app-home .home-header-links a:hover,.app-home .home-header-links a:focus-visible{color:#ffd1aa;background:#be8a5414}
}
@media(max-width:640px){
 .app-home .site-header .nav{grid-template-columns:minmax(0,165px) 25px minmax(156px,1fr);gap:8px;min-height:64px;padding-block:8px}
 .app-home .site-header .nav .logo{max-width:165px}
 .app-home .site-header .nav .header-tyre{width:25px;height:25px}
}
@media(max-width:380px){
 .app-home .site-header .nav{grid-template-columns:minmax(0,1fr) auto;gap:10px}
 .app-home .site-header .nav .header-tyre{display:none}
 .app-home .site-header .nav .logo{max-width:145px}
}
/* Keep the logo and utility controls in the same physical positions in both languages. */
html[dir="rtl"] .app-home .site-header .nav,html[dir="rtl"] .app-home .site-header .nav-actions{direction:ltr}
html[dir="rtl"] .app-home .site-header .desktop-nav{direction:rtl}
html[dir="rtl"] .app-home .home-header-links{direction:rtl}
html[dir="rtl"] .app-home .home-header-links a{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}

@keyframes home-menu-glow{0%,10%{transform:translateX(0);opacity:0}30%,70%{opacity:1}90%,100%{transform:translateX(260%);opacity:0}}
html[dir="rtl"] .app-home .home-header-links a{white-space:normal}
html[dir="rtl"] .app-home .home-header-links::before{inset-inline-start:auto;left:-65%}
@media(prefers-reduced-motion:reduce){.app-home .home-header-links::before{animation:none;opacity:0}}