:root{--tf-nav-bg:#090c11;--tf-nav-panel:#111720;--tf-nav-gold:#f0c94d;--tf-nav-text:#f8f8f5;--tf-nav-muted:#b9bec8;--tf-nav-line:rgba(240,201,77,.22);--tf-nav-shell:1540px;--tf-z-header:100;--tf-z-overlay:190;--tf-z-drawer:200}
.tf-shell{width:min(var(--tf-nav-shell),calc(100% - 40px));margin-inline:auto}
.tf-skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 14px;color:#090c11;background:var(--tf-nav-gold);transform:translateY(-160%)}
.tf-skip-link:focus{transform:translateY(0)}
.tf-service-bar{color:var(--tf-nav-text);background:#0d1117;border-bottom:1px solid var(--tf-nav-line)}
.tf-service-bar__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:38px;align-items:center}
.tf-service-bar__track>span{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:7px 12px;color:#e8e3d2;font:700 11px/1.2 Outfit,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.035em}
.tf-service-bar svg{width:17px;height:17px;flex:0 0 17px;color:var(--tf-nav-gold)}
.tf-header{position:sticky;top:0;z-index:var(--tf-z-header);color:var(--tf-nav-text);background:var(--tf-nav-bg);border-bottom:1px solid rgba(255,255,255,.09);contain:layout style}
.tf-header__grid{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:24px;align-items:center;min-height:78px}
.tf-brand{display:inline-flex;align-items:center;width:210px;min-height:48px;text-decoration:none}
.tf-brand img{display:block;width:180px;height:auto;object-fit:contain}
.tf-nav{min-width:0}.tf-nav__mobile-head,.tf-nav__mobile-actions,.tf-nav-toggle,.tf-language-switch--mobile{display:none}
.tf-nav__list,.tf-nav__list ul{margin:0;padding:0;list-style:none}
.tf-nav__list{display:flex;align-items:stretch;justify-content:center;gap:clamp(8px,1.4vw,22px)}
.tf-nav__list>li{position:relative;display:flex;align-items:stretch}
.tf-nav__list a{color:inherit;text-decoration:none}
.tf-nav__list>li>a{display:inline-flex;align-items:center;min-height:78px;padding:0 6px;color:var(--tf-nav-text);font:800 clamp(12px,.82vw,14px)/1 Outfit,sans-serif;text-transform:uppercase;letter-spacing:.035em;border-bottom:2px solid transparent}
.tf-nav__list>li:hover>a,.tf-nav__list>li:focus-within>a,.tf-nav__list>.current-menu-item>a,.tf-nav__list>.current-menu-ancestor>a{color:var(--tf-nav-gold);border-bottom-color:var(--tf-nav-gold)}
.tf-submenu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:currentColor;background:transparent;border:0;cursor:pointer}
.tf-submenu-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.tf-nav__list>li>.sub-menu{position:absolute;top:calc(100% - 1px);left:50%;width:min(660px,calc(100vw - 44px));max-height:min(68vh,610px);overflow-x:hidden!important;overflow-y:auto!important;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:5px 22px;padding:18px;color:var(--tf-nav-text);background:var(--tf-nav-panel);border:1px solid var(--tf-nav-line);border-radius:0 0 16px 16px;box-shadow:0 24px 50px rgba(0,0,0,.42);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;scrollbar-color:var(--tf-nav-gold) #171c24;scrollbar-width:thin}
.tf-nav__list>li:hover>.sub-menu,.tf-nav__list>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.tf-nav__list>li:first-child>.sub-menu{left:0;transform:translate(0,8px)}
.tf-nav__list>li:first-child:hover>.sub-menu,.tf-nav__list>li:first-child:focus-within>.sub-menu{transform:translate(0,0)}
.tf-nav__list>li:last-child>.sub-menu{right:0;left:auto;transform:translate(0,8px)}
.tf-nav__list>li:last-child:hover>.sub-menu,.tf-nav__list>li:last-child:focus-within>.sub-menu{transform:translate(0,0)}
.tf-nav .sub-menu li{min-width:0}.tf-nav .sub-menu a{display:flex;align-items:center;min-height:42px;padding:9px 11px;border-radius:9px;color:#ecece8;font:650 14px/1.25 Outfit,sans-serif}
.tf-nav .sub-menu a:hover,.tf-nav .sub-menu a:focus-visible{color:#111;background:var(--tf-nav-gold)}
.tf-nav .sub-menu .sub-menu{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:0 0 7px;padding:0 7px 7px;border-left:1px solid var(--tf-nav-line)}
.tf-nav .sub-menu .sub-menu a{min-height:36px;padding-block:7px;color:var(--tf-nav-muted);font-size:13px}
.tf-nav .sub-menu .sub-menu a:hover,.tf-nav .sub-menu .sub-menu a:focus-visible{color:#111}
.tf-header__actions{display:grid;grid-template-columns:minmax(220px,330px) auto 46px 46px 46px;gap:8px;align-items:center}
.tf-language-switch{display:grid;grid-template-columns:36px 36px;align-items:center;min-height:42px;padding:2px;border:1px solid rgba(240,201,77,.28);border-radius:999px;background:#0d1218}
.tf-language-switch a{display:grid;place-items:center;min-height:36px;color:#e6e8ea;border-radius:999px;font:750 11px/1 Outfit,sans-serif;text-decoration:none}
.tf-language-switch a:hover,.tf-language-switch a:focus-visible{color:#111;background:var(--tf-nav-gold)}
.tf-language-switch a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tf-language-switch a.is-active{color:#111;background:linear-gradient(135deg,#f5d662,#dca92c)}
.tf-search{display:grid;grid-template-columns:minmax(0,1fr) 44px;height:46px;overflow:hidden;background:#11161e;border:1px solid rgba(255,255,255,.13);border-radius:999px}
.tf-search:focus-within{border-color:var(--tf-nav-gold);box-shadow:0 0 0 3px rgba(240,201,77,.13)}
.tf-search input{min-width:0;width:100%;padding:0 4px 0 16px;color:var(--tf-nav-text);background:transparent;border:0;box-shadow:none;font:500 14px/1 Outfit,sans-serif}
.tf-search input::placeholder{color:#9399a4;opacity:1}
.tf-search button,.tf-header-action{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;color:var(--tf-nav-gold);background:transparent;border:0;border-radius:999px;cursor:pointer}
.tf-header-action{position:relative;border:1px solid rgba(255,255,255,.16);text-decoration:none}
.tf-search button:hover,.tf-header-action:hover{color:#111;background:var(--tf-nav-gold)}
.tf-search button:focus-visible,.tf-header-action:focus-visible,.tf-nav a:focus-visible,.tf-nav button:focus-visible,.tf-nav-toggle:focus-visible{outline:2px solid var(--tf-nav-gold);outline-offset:3px}
.tf-search svg,.tf-header-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.tf-cart-count{position:absolute;top:-4px;right:-3px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;color:#111;background:var(--tf-nav-gold);border:2px solid var(--tf-nav-bg);border-radius:999px;font:800 10px/1 Outfit,sans-serif}
.tf-wishlist-count{position:absolute;top:-4px;right:-3px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;color:#111;background:var(--tf-nav-gold);border:2px solid var(--tf-nav-bg);border-radius:999px;font:800 10px/1 Outfit,sans-serif}.tf-wishlist-count[hidden]{display:none}
@media(min-width:1181px){
 .tf-nav__list>li:first-child>.sub-menu{width:min(1040px,calc(100vw - 260px));grid-template-columns:repeat(4,minmax(185px,1fr));gap:22px 24px;padding:22px 24px}
 .tf-nav__list>li:first-child>.sub-menu>li{align-content:start;padding:0 0 12px;border-bottom:1px solid var(--tf-nav-line)}
 .tf-nav__list>li:first-child>.sub-menu>li>a{position:relative;min-height:46px;padding:8px 8px 8px 46px;color:var(--tf-nav-text);font-size:15px}
 .tf-nav__list>li:first-child>.sub-menu>li>a::before{content:"";position:absolute;left:8px;top:50%;width:28px;height:28px;background:rgba(240,201,77,.12) center/contain no-repeat;border:1px solid rgba(240,201,77,.28);border-radius:7px;transform:translateY(-50%)}
 .tf-nav__list>li:first-child>.sub-menu>li>a[href*="/serie-a/"]::before{background-image:url("https://tifosostore.com/wp-content/uploads/2026/05/tifoso-league-logo-serie-a-square-100x100.png")}
 .tf-nav__list>li:first-child>.sub-menu>li>a[href*="/premier-league/"]::before{background-image:url("https://tifosostore.com/wp-content/uploads/2026/05/tifoso-league-logo-premier-square-100x100.png")}
 .tf-nav__list>li:first-child>.sub-menu>li>a[href*="/la-liga/"]::before{background-image:url("https://tifosostore.com/wp-content/uploads/2026/05/tifoso-league-logo-la-liga-square-100x100.png")}
 .tf-nav__list>li:first-child>.sub-menu>li>a[href*="/bundesliga/"]::before{background-image:url("https://tifosostore.com/wp-content/uploads/2026/05/tifoso-league-logo-bundesliga-square-280x280.png")}
 .tf-nav__list>li:first-child>.sub-menu>li>a[href*="/ligue-1/"]::before{background-image:url("https://tifosostore.com/wp-content/uploads/2026/05/tifoso-league-logo-ligue-1-square-280x280.png")}
 .tf-nav__list>li:first-child>.sub-menu>li>.sub-menu{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:8px}
 .tf-nav__list>li:first-child>.sub-menu>li>.sub-menu a{position:relative;padding-left:17px}
 .tf-nav__list>li:first-child>.sub-menu>li>.sub-menu a::before{content:"";position:absolute;left:5px;top:50%;width:4px;height:4px;background:var(--tf-nav-gold);border-radius:50%;transform:translateY(-50%);opacity:.7}
}
@media(max-width:1300px) and (min-width:1024px){.tf-header__grid{grid-template-columns:152px minmax(0,1fr) auto;gap:12px}.tf-brand,.tf-brand img{width:145px}.tf-header__actions{grid-template-columns:minmax(160px,220px) 44px 44px}.tf-language-switch,.tf-header-action--wishlist{display:none}.tf-nav__list{gap:4px}.tf-nav__list>li>a{font-size:11px;padding-inline:4px}}
@media(max-width:1023px){
 .tf-shell{width:min(calc(100% - 24px),960px)}.tf-service-bar{overflow:hidden}.tf-service-bar__track{width:max-content;min-width:100%;min-height:32px;display:flex;justify-content:center}.tf-service-bar__track>span{display:none;min-height:32px;padding:5px 10px;font-size:10px}.tf-service-bar__track>span:first-child,.tf-service-bar__track>span:nth-child(2){display:inline-flex}
 .tf-header{contain:style}.tf-header__grid{grid-template-columns:48px minmax(120px,1fr) 98px;grid-template-rows:58px 48px;gap:6px 10px;min-height:116px}
 .tf-nav-toggle{grid-column:1;grid-row:1;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;color:var(--tf-nav-gold);background:#11161e;border:1px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer}.tf-nav-toggle__icon{display:grid;gap:4px;width:20px}.tf-nav-toggle__icon span{display:block;width:100%;height:2px;background:currentColor;border-radius:2px}
 .tf-brand{grid-column:2;grid-row:1;width:142px;justify-self:center}.tf-brand img{width:142px;height:auto}.tf-header__actions{grid-column:3;grid-row:1/3;display:grid;grid-template-columns:44px 44px;grid-template-rows:58px 48px;gap:0 6px}.tf-language-switch,.tf-header-action--wishlist{display:none}.tf-search{position:absolute;left:12px;right:12px;bottom:7px;height:44px}.tf-header-action{grid-row:1;align-self:center}
 .tf-nav{position:fixed;top:0;left:0;bottom:0;z-index:var(--tf-z-drawer);width:min(430px,92vw);display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:var(--tf-nav-text);background:var(--tf-nav-bg);border-right:1px solid var(--tf-nav-line);box-shadow:24px 0 55px rgba(0,0,0,.46);transform:translateX(-102%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s;overflow:hidden}.tf-nav.is-open{transform:translateX(0);visibility:visible;transition-delay:0s}
 .tf-nav__mobile-head{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:10px;align-items:center;min-height:68px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.09)}.tf-nav__mobile-head strong{min-width:0;color:var(--tf-nav-gold);font:800 15px/1.2 Outfit,sans-serif;text-transform:uppercase;letter-spacing:.05em}.tf-nav__mobile-head .tf-language-switch--mobile{display:grid;grid-template-columns:34px 34px;min-height:40px}.tf-nav__mobile-head .tf-language-switch--mobile a{min-height:34px}.tf-nav__close{width:44px;height:44px;padding:0;color:var(--tf-nav-text);background:var(--tf-nav-panel);border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:26px;cursor:pointer}
 .tf-nav__list{display:block;overflow-y:auto;overscroll-behavior:contain;padding:8px 14px 18px}.tf-nav__list>li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 48px;border-bottom:1px solid rgba(255,255,255,.08)}.tf-nav__list>li>a{grid-column:1;min-height:54px;padding:10px 8px;border:0;font-size:15px}.tf-submenu-toggle{display:inline-flex;grid-column:2;grid-row:1;align-self:center}.tf-submenu-toggle svg{transition:transform .18s ease}.menu-item-has-children.is-open>.tf-submenu-toggle svg{transform:rotate(180deg)}
 .tf-nav__list .sub-menu,.tf-nav__list>li>.sub-menu,.tf-nav .sub-menu .sub-menu{position:static;grid-column:1/-1;width:auto;max-height:0;display:block;overflow:hidden;margin:0;padding:0 0 0 10px;color:inherit;background:transparent;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;transition:max-height .22s ease}.tf-nav__list .is-open>.sub-menu{max-height:1600px;padding-bottom:9px}.tf-nav .sub-menu li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px}.tf-nav .sub-menu a{grid-column:1;min-height:44px;padding:8px 10px;color:#d7d9dd;font-size:14px;border-radius:8px}.tf-nav .sub-menu .tf-submenu-toggle{grid-column:2;grid-row:1}
 .tf-nav__mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 18px;border-top:1px solid rgba(255,255,255,.09)}.tf-nav__mobile-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 10px;color:#111;background:var(--tf-nav-gold);border-radius:10px;font:800 12px/1.2 Outfit,sans-serif;text-align:center;text-decoration:none;text-transform:uppercase}.tf-nav__mobile-actions a:last-child{color:var(--tf-nav-text);background:var(--tf-nav-panel);border:1px solid rgba(255,255,255,.15)}
 .tf-nav-overlay{position:fixed;inset:0;z-index:var(--tf-z-overlay);background:rgba(0,0,0,.68)}html.tf-nav-open,html.tf-nav-open body{overflow:hidden}
}
@media(max-width:560px){.tf-shell{width:calc(100% - 16px)}.tf-service-bar__track>span:nth-child(2){display:none}.tf-header__grid{grid-template-columns:46px minmax(100px,1fr) 94px;gap-inline:6px}.tf-brand,.tf-brand img{width:118px}.tf-search{left:8px;right:8px}}
@media(prefers-reduced-motion:reduce){.tf-nav,.tf-nav__list .sub-menu,.tf-submenu-toggle svg{transition:none}}