/* gume.guru V3 — faithful adaptation of the approved fourth homepage concept.
   All layouts are HTML/CSS, links and forms use real application routes. */
:root{--bg:#061523;--bg2:#081b2c;--header:#0b1b2b;--panel:#0e2439;--panel2:#102b44;--outline:#28435c;--maintext:#f1f6ff;--subtext:#aec0d5;--blue:#438cf5;--bright:#5b9eff;--max:1490px;--lime:#438cf5;--accent:#438cf5;--ink:#f1f6ff;--mid:#b8c7da;--muted:#94aec6;--line:#24435f;--paper:#061523;--cream:#10283f;--deep:#061523;--white:#f8fbff}
html{color-scheme:dark}*{scroll-margin-top:20px}body{background:var(--bg);color:var(--maintext);font:14px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}body main{background:var(--bg);min-height:60vh}a{transition:color .15s,border-color .15s,background-color .15s}img{display:block;max-width:100%}.shell{width:min(var(--max),calc(100% - 72px));margin-inline:auto}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.skip-to-main{position:absolute;top:-80px;left:15px;z-index:999;background:#fff;color:#061523;padding:10px 16px;border-radius:6px}.skip-to-main:focus{top:10px}
/* navigation */
.site-header{position:relative;z-index:60;background:#0c1b2b!important;border-bottom:1px solid #27435e!important;box-shadow:none!important}.header-inner{display:flex;align-items:center;min-height:68px;gap:25px}.brandmark{display:flex;align-items:flex-start;flex-direction:column;gap:0;min-width:176px;white-space:nowrap}.brand-name{color:#fff!important;font-size:29px;font-weight:850;letter-spacing:-.055em;line-height:1.05}.brand-name span{color:#4c91f4!important}.brandmark small{display:block;letter-spacing:.17em;color:#a4b8cd;font-weight:600;font-size:8px;margin-top:4px}.main-nav{display:flex;align-items:center;gap:22px;margin:0 0 0 auto}.main-nav a{font-size:13px;color:#d4e1ef!important;font-weight:560;border-bottom:2px solid transparent;padding:23px 0 21px;white-space:nowrap}.main-nav a:hover,.main-nav a.current{color:#fff!important;border-bottom-color:var(--bright)}.main-nav a.current:after{display:none}.header-search{display:flex;align-items:center;gap:0;width:min(290px,20vw);height:34px;background:#162b41;border:1px solid #36516c;border-radius:6px;margin-left:auto}.header-search input{flex:1;min-width:0;width:100%;border:0!important;background:transparent!important;color:#edf5ff!important;padding:7px 12px;font-size:11px;outline:0;box-shadow:none!important}.header-search input::placeholder{color:#91a8c1}.header-search button{border:0;background:transparent;color:#dce9f7;font-size:22px;padding:0 10px;height:100%}.header-actions{display:flex;align-items:center;gap:12px}.header-login{font-weight:640;font-size:12px;color:#d7e4f2!important}.header-signup{background:#2c70df;border:1px solid #5c99fa;color:#fff;padding:8px 12px;border-radius:5px;white-space:nowrap;font-weight:650;font-size:11px}.header-signup:hover{background:#3f82eb}.mobile-menu{display:none!important;color:#fff!important;background:transparent!important;border:1px solid #37516c!important;border-radius:6px;padding:4px 10px;margin-left:auto}.main-nav .mobile-account{display:none}
/* Above fold */
.mag-hero{isolation:isolate;position:relative;min-height:339px;background:#071a2c url('/static/hero-road.webp') center 53%/cover no-repeat;border-bottom:1px solid #1b3d5c;overflow:hidden}.mag-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#051321fa 0%,#071727f9 31%,#07192cd8 52%,#071b2c93 80%,#051321ce 100%)}.mag-hero-photo{position:absolute;z-index:-1;inset:-5px 16% auto auto;width:min(700px,49vw);height:315px;background: url('/static/visuals/hero-tread.webp') center top/cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 74%,transparent 100%);opacity:.88}.mag-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:25px;align-items:start;padding:30px 0 18px}.mag-hero-content{max-width:1100px;min-width:0}.mag-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.18em;color:#81b9fc;margin-bottom:6px}.mag-hero h1{font-size:clamp(30px,3.1vw,48px);font-weight:820;letter-spacing:-.039em;line-height:1.1;margin:0 0 11px;color:#fff}.mag-hero h1 span{color:#4f96fd}.mag-hero-content>p{max-width:620px;color:#d8e5f4;font-size:14px;line-height:1.55;margin:0 0 18px}.mag-hero-facts{padding:48px 0 0;display:flex;flex-direction:column;gap:11px}.mag-hero-facts>div{display:flex;align-items:center;gap:13px;padding:0 0 11px;border-bottom:1px solid #3a516578}.mag-hero-facts>div:last-child{border:0}.mag-fact-icon{color:#c3d8f7;font-size:23px;width:30px;text-align:center}.mag-hero-facts p{margin:0}.mag-hero-facts strong{display:block;font-size:12px;color:#eff7ff}.mag-hero-facts small{font-size:11px;display:block;color:#a0b7d0;margin-top:2px}
.mag-search{width:min(1100px,100%);position:relative;background:#10243bc9;border:1px solid #395b80;border-radius:8px;box-shadow:0 9px 22px #01111b55}.mag-search-tabs{display:flex;align-items:stretch;gap:5px;background:#091d30b8;border-radius:8px 8px 0 0}.mag-search-tabs button{font-size:11px;font-weight:660;white-space:nowrap;color:#bbd0e4;border:0;border-bottom:2px solid transparent;padding:10px 18px;background:transparent;cursor:pointer}.mag-search-tabs button.is-active{background:#153553;color:#fff;border-bottom-color:#579fff}.mag-search-tabs button:hover{color:#fff}.mag-search-panel{padding:12px 16px 12px}.mag-search-panel[hidden]{display:none!important}.mag-size-form{display:grid;grid-template-columns:1fr 1fr 1fr 1.42fr 1.7fr;gap:12px;align-items:end}.mag-size-form label,.mag-simple-form label{display:block;font-size:10px;color:#c0d2e5;font-weight:630}.mag-size-form select{margin-top:3px;width:100%;height:37px;border:1px solid #3a5b7b;border-radius:5px;background:#1a334e;color:#f8fbff;padding:0 11px;font-size:11px}.mag-search-panel select:focus,.mag-search-panel input:focus{outline:2px solid #90bcff;outline-offset:1px}.mag-primary{border:1px solid #75adff;background:#327be8;color:#fff;font-size:12px;min-height:37px;padding:8px 11px;font-weight:770;border-radius:5px;white-space:nowrap}.mag-primary:hover{background:#4a90f2}.mag-primary>span{font-size:16px}.mag-simple-form{display:flex;gap:12px}.mag-simple-form input,.mag-simple-form select{height:40px;flex:1;min-width:0;border:1px solid #426486;border-radius:5px;padding:0 12px;color:#fff;background:#1a334e}.mag-search-note{font-size:10px;line-height:1.4;margin:0 16px 10px;color:#9cb6d2}.mag-search-note a{color:#a8cfff;text-decoration:underline;text-underline-offset:2px}
/* Four photographic season tiles */
.mag-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:12px 0 0}.mag-category{position:relative;isolation:isolate;overflow:hidden;min-height:151px;border:1px solid #31506e;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:20px 25px 19px 47%;background:#112e48}.mag-category:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,transparent 0%,#0b1f35a8 40%,#0a1d32f5 92%),var(--tile-photo);background-size:cover;background-position:left center;transition:transform .24s}.mag-category:hover{border-color:#75b0fb}.mag-category:hover:before{transform:scale(1.04)}.mag-category strong{font-size:17px;color:#fff;line-height:1.12;white-space:normal;text-shadow:0 2px 4px #0005}.mag-category>span:not(.mag-category-arrow){font-size:10px;color:#d0deec;line-height:1.35;display:block;margin-top:5px}.mag-category-arrow{position:absolute;right:16px;bottom:11px;color:#e8f3ff;font-size:26px;line-height:1}
/* Mockup-equivalent three-column utility section */
.mag-dashboard{display:grid;grid-template-columns:1.18fr 1fr .93fr;gap:13px;margin-top:13px}.mag-panel{background:#0d2134;border:1px solid #2b455f;border-radius:9px;min-height:244px;min-width:0;padding:16px 16px 17px}.mag-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;border-bottom:1px solid #244058}.mag-panel-header h2{font-size:18px;line-height:1.22;color:#fff;margin:0;letter-spacing:-.03em}.mag-panel-header>a{color:#6fafff;font-size:10px;white-space:nowrap}.mag-panel-header>a:hover{text-decoration:underline}.mag-review-row{display:grid;grid-template-columns:73px minmax(0,1fr) auto;gap:11px;border-bottom:1px solid #274259;padding:9px 0;align-items:center}.mag-review-row:last-child{border:0}.mag-review-row img{width:73px;height:54px;border-radius:4px;object-fit:cover}.mag-review-row strong{font-size:11px;line-height:1.2;display:block;color:#f3f8ff}.mag-review-row small{color:#879eb7;font-size:9px;display:block;margin:3px 0}.mag-review-row span{color:#b0c3d6;font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mag-review-score{font-size:11px;color:#cce3ff;white-space:nowrap}.mag-empty-reviews{padding:18px 8px 5px;color:#b0c3d6;text-align:center}.mag-empty-reviews>span{font-size:33px;color:#74adfa}.mag-empty-reviews h3{font-size:17px;margin:4px 0 8px;color:#fff}.mag-empty-reviews p{font-size:11px;max-width:300px;margin:0 auto 13px;color:#b7cadd}.mag-subtle-link{font-size:11px;color:#82bafd;font-weight:700}.mag-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:11px}.mag-brand-card{overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #304d69;background:#142e48;border-radius:5px;min-height:84px}.mag-brand-card:hover{border-color:#6ca9f3}.mag-brand-card img{width:100%;height:100%;object-fit:cover}.mag-brand-card span{font-weight:800;font-size:14px}.mag-compare .mag-panel-header{border:0;padding-bottom:6px}.mag-compare>p{font-size:11px;color:#b1c7dd;margin:0 0 10px}.mag-compare-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mag-compare-icons{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:70px;align-items:stretch;overflow:hidden}.mag-compare-icons img{width:100%;height:69px;object-fit:cover;border-radius:5px}.mag-compare-icons span{display:grid;place-items:center;border-radius:50%;border:1px dashed #6284aa;color:#accdf2;font-size:29px;margin:3px 12px}.mag-compare-form select{min-width:0;max-width:100%;height:38px;background:#1c354f;color:#eaf4ff;border:1px solid #456581;border-radius:5px;padding:0 6px;font-size:10px}.mag-compare-btn{grid-column:1/-1;background:#203d60;color:#e4f0ff;border:1px solid #406185;border-radius:5px;height:38px;font-weight:710;font-size:12px}.mag-compare-btn:hover{background:#2d5885}
/* Real catalog entries and guides below the concept fold */
.mag-featured,.mag-guides{padding-top:42px;padding-bottom:20px}.mag-section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:17px}.mag-section-heading h2{color:#fff;font-size:25px;margin:0 0 5px}.mag-section-heading p{font-size:12px;color:#aabdd1;margin:0}.mag-section-heading a{white-space:nowrap;color:#89bdfa;font-size:12px}.mag-model-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.mag-model-card{display:flex;flex-direction:column;overflow:hidden;border-radius:7px;background:#0e2439;border:1px solid #2c4863}.mag-model-card:hover{border-color:#6daaff}.mag-model-photo{height:140px;position:relative;overflow:hidden}.mag-model-photo img{width:100%;height:100%;object-fit:cover}.mag-model-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#051626cc)}.mag-model-brand{position:absolute;z-index:2;bottom:9px;left:10px;color:#fff;text-shadow:0 1px 8px #000;font-weight:820;font-size:14px}.mag-model-content{padding:13px;display:flex;flex-direction:column;gap:4px}.mag-model-content strong{font-size:13px;line-height:1.3;color:#fff}.mag-model-content span{font-size:11px;color:#b9cbe0}.mag-model-content small{font-size:10px;color:#74b1ff;margin-top:8px}.mag-guides{padding-bottom:48px}.mag-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mag-guide-card{background:#0e2439;border:1px solid #2d4b68;padding:19px;border-radius:6px;display:flex;flex-direction:column;min-height:160px}.mag-guide-card:hover{border-color:#73aeff}.mag-guide-card span{color:#82b8ff;font-size:10px;font-weight:800;letter-spacing:.08em}.mag-guide-card strong{color:#f1f7ff;font-size:17px;margin:9px 0}.mag-guide-card small{color:#b2c5d8;font-size:12px;line-height:1.6}.mag-guide-card em{font-style:normal;color:#7ab3fe;margin-top:auto;padding-top:14px;font-weight:650;font-size:11px}
/* Footer and inner routes: dark all the way down, no blinding white cards. */
.site-footer{background:#081827!important;border-top:1px solid #26415c!important}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:30px}.site-footer h4{color:#f5f9ff}.site-footer p,.site-footer a:not(.brandmark),.footer-bottom{color:#9eb5ca}.footer-join{border:1px solid #45688c;border-radius:5px;padding:8px 11px;display:inline-flex;margin-top:5px}.footer-join:hover{color:#fff!important}.footer-bottom{border-top:1px solid #27415a}.page-hero,.product-hero,.article-top{background:#0a2138!important}.page-hero h1,.product-grid h1,.article-top h1,.page-hero h1 em,.product-hero h1 em{color:#f7fbff!important}.page-hero p,.product-grid p,.article-lede{color:#c2d2e4!important}.content-layout,.detail-layout,.profile-layout,.admin-grid{color:#f0f5ff!important}.filters-panel,.content-panel,.sidebar-panel,.result-card,.brand-card,.account-panel,.empty-box,.auth-card,.comparison-form,.comparison-table-wrap,.comparison-table thead,.sources-box,.profile-review,.admin-review,.search-band,.guide-card,.soft,.empty-reviews,.review-card,.editor-details,.model-card{background:#0e263f!important;border-color:#2b4d70!important;color:#ecf4ff!important;box-shadow:none!important}.filters-panel h2,.content-panel h2,.sidebar-panel h3,.result-card h3,.auth-card h1,.account-panel h2,.empty-box h3{color:#f7fbff!important}.filters-panel label,.auth-card label,.review-form label,.stack-form label{color:#d4e1ee!important}.filters-panel p,.content-panel p,.sidebar-panel p,.result-card p,.account-panel p,.review-card p,.empty-reviews p,.caption-text,.editorial-text,.article-body>p,.article-lede,.spec-list span,.review-meta,.source-disclosure,.empty-box p{color:#b7cbe0!important}.content-panel a:not(.btn),.sidebar-panel .text-link,.auth-switch a,.comparison-table a,.size-pills a,.sources-box a{color:#8fc0ff!important}.result-card,.tire-tile{border-left-color:#3f8df4!important}.result-body h3 a,.model-card h2{color:#fff}.page-hero .overline,.product-hero .overline{color:#8bbdfe}.article-body{background:#061523!important;color:#e6f1ff!important}.article-body>p{color:#d2e2f1!important}.article-body a:not(.btn){color:#8fc0ff!important}.auth-page{background:#071b2e!important}.auth-card{border:1px solid #345775!important}.comparison-table thead{background:#163650!important}.comparison-table th,.comparison-table td,.spec-list>div{border-color:#34536f!important}.review-attributes span,.status,.review-bubble{background:#193953!important;color:#d7e9fc!important}.status-approved{background:#173f3f!important;color:#a7e6d7!important}.status-rejected{background:#4f2c3a!important;color:#f9c8d2!important}.unrated,.notice{background:#153550!important;color:#ccdeef!important;border-color:#355877!important}.notice.success{background:#133d40!important;color:#bfe9dc!important}.sidebar-panel.soft{background:#112d47!important}.rating-details{background:#112d47!important;border-color:#355675!important}.rating-details legend{color:#f4f9ff!important}.rating-details legend small,.rating-grid label span{color:#aec3d8!important}.product-rating strong,.review-stars{color:#a9cfff!important}.model-summary{background:#102b49!important}.model-summary .model-summary-brand{color:#7fbaff!important}.brand-name span{color:#519afa!important}select,input,textarea{background:#112b46!important;color:#f2f9ff!important;border-color:#426382!important}select option{background:#102942!important;color:#fff!important}input::placeholder,textarea::placeholder{color:#9bb1c8!important}.btn-accent{background:#327beb!important;border-color:#619cf4!important;color:#fff!important}.btn-accent:hover{background:#4995f9!important}.btn-dark{background:#1c4770!important;color:#f3f9ff!important}.btn-outline{color:#e1effe!important;background:#0e2946!important;border-color:#456887!important}.btn-outline:hover{background:#23496a!important}.text-link{color:#86baff!important}.catalog-usage-note{font-size:12px;margin-top:12px!important;color:#e8f2ff!important}
@media(max-width:1340px){.shell{width:calc(100% - 52px)}.header-search{width:190px}.main-nav{gap:15px}.mag-dashboard{grid-template-columns:1.07fr 1fr 1fr}.mag-brand-card{min-height:74px}}
@media(max-width:1080px){.site-header .header-search{display:none}.main-nav{margin-left:auto}.mag-hero-inner{grid-template-columns:1fr 210px}.mag-hero-facts{padding-top:55px}.mag-hero-photo{right:15%}.mag-category{padding-left:41%;padding-right:14px}.mag-category strong{font-size:15px}.mag-dashboard{grid-template-columns:1fr 1fr}.mag-compare{grid-column:1/-1}.mag-compare-icons{height:95px}.mag-compare-icons img{height:95px}.mag-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{width:calc(100% - 30px)}.header-inner{min-height:62px}.brand-name{font-size:26px}.brandmark{min-width:auto}.mobile-menu{display:inline-block!important}.main-nav{display:none;position:absolute;top:62px;left:0;right:0;background:#102942!important;border-bottom:1px solid #345575;padding:15px;flex-direction:column;gap:0;box-shadow:0 18px 28px #0009}.main-nav.open{display:flex}.main-nav>a{width:100%;font-size:14px!important;padding:12px 4px;border-bottom:1px solid #2d4f6b}.main-nav .mobile-account{display:flex;flex-direction:column;gap:0;margin:0;border-top:0;padding:0}.main-nav .mobile-account a{display:block;padding:11px 4px;border-bottom:1px solid #2d4f6b;color:#dbeaff}.header-actions{display:none}.mag-hero-inner{display:block;padding:32px 0 19px}.mag-hero-photo{right:0;width:72%;height:240px;opacity:.48}.mag-hero h1{font-size:clamp(32px,7vw,48px)}.mag-hero-content>p{font-size:13px;max-width:490px}.mag-hero-facts{display:none}.mag-size-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mag-size-form .mag-primary{grid-column:1/-1}.mag-search{max-width:100%}.mag-search-tabs button{padding:9px 8px;flex:1;font-size:10px}.mag-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.mag-category{min-height:136px;padding:18px 16px 18px 44%}.mag-dashboard{grid-template-columns:1fr}.mag-compare{grid-column:auto}.mag-brand-card{min-height:88px}.mag-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mag-guides-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.mag-featured,.mag-guides{padding-top:31px}}
@media(max-width:460px){.mag-hero-inner{padding:25px 0 15px}.mag-hero-photo{height:210px;opacity:.3}.mag-hero h1{font-size:32px}.mag-hero-content>p{font-size:12px}.mag-search-tabs button{font-size:9px;padding:10px 5px}.mag-search-tabs button span{white-space:nowrap}.mag-search-panel{padding:11px}.mag-search-note{margin:0 11px 11px}.mag-categories{gap:8px}.mag-category{min-height:124px;padding:16px 12px 16px 47%}.mag-category strong{font-size:13px}.mag-category>span:not(.mag-category-arrow){font-size:9px}.mag-category-arrow{right:9px;bottom:8px}.mag-panel{padding:13px}.mag-panel-header h2{font-size:17px}.mag-brand-card{min-height:65px}.mag-compare-icons{height:75px}.mag-compare-icons img{height:75px}.mag-compare-form select{font-size:9px}.mag-model-grid{gap:9px}.mag-model-photo{height:110px}.mag-model-content{padding:10px}.mag-model-brand{font-size:12px}.mag-section-heading{align-items:flex-start;gap:9px}.mag-section-heading h2{font-size:21px}.mag-section-heading>a{font-size:10px}.footer-grid{grid-template-columns:1fr}}
/* Photo tiles render over the solid card backing, not underneath it. */
.mag-category:before{z-index:0;pointer-events:none}
.mag-category strong,.mag-category span{position:relative;z-index:1}

/* Photo source selection lives in a stylesheet to comply with production CSP. */
.mag-category.cat-summer{--tile-photo:url('/static/visuals/kategorija-letnje.webp')}
.mag-category.cat-winter{--tile-photo:url('/static/visuals/kategorija-zimske.webp')}
.mag-category.cat-allseason{--tile-photo:url('/static/visuals/kategorija-sve-sezone.webp')}
.mag-category.cat-suv{--tile-photo:url('/static/visuals/kategorija-suv.webp')}

/* gume.guru V3.1 — navy + warm yellow identity and responsive catalog pager.
   Palette and components are deliberately consolidated here so future edits stay simple. */
:root {
  --bg:#071624; --bg2:#0a1b2c; --header:#091b2d;
  --panel:#102941; --panel2:#152f49; --outline:#33536e;
  --yellow:#ffd336; --yellow-hover:#ffe16b; --yellow-ink:#0a1b2c;
  --blue:#ffd336; --bright:#ffd336; --lime:#ffd336; --accent:#ffd336;
}
html { color-scheme:dark; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid var(--yellow)!important; outline-offset:3px;
}
.site-header{background:#081a2b!important;border-bottom:1px solid #29465f!important}
.header-inner{min-height:72px}
.brandmark{min-width:0!important;display:inline-flex!important;align-items:center!important;flex-direction:row!important;gap:10px!important;white-space:nowrap}
.brand-symbol{flex:none;width:42px;height:42px;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;justify-content:center;gap:1px}
.brand-name{font-size:27px!important;line-height:1.08!important;letter-spacing:-.055em!important}
.brand-name span,.site-footer .brand-name span{color:var(--yellow)!important}
.brandmark small{font-size:8px!important;letter-spacing:.13em!important;color:#b2c8d9!important}
.main-nav a:hover,.main-nav a.current{color:var(--yellow)!important}
.main-nav a.current:after{background:var(--yellow)!important}
.header-signup{background:var(--yellow)!important;color:var(--yellow-ink)!important;border:1px solid #ffe47a!important;font-weight:800!important;padding:10px 14px!important}
.header-signup:hover{background:var(--yellow-hover)!important}
.header-search button:hover{color:var(--yellow)!important}
.mag-kicker{color:#ffe187!important}
.mag-hero h1 span{color:var(--yellow)!important}
.mag-hero{border-bottom-color:#3b4b56}
.mag-search{border-color:#577089;box-shadow:0 12px 35px #0004}
.mag-search-tabs button.is-active{background:#1c3347!important;color:var(--yellow)!important;border-bottom-color:var(--yellow)!important}
.mag-search-tabs button:hover{color:var(--yellow)}
.mag-primary,.mag-size-form .mag-primary{
  background:var(--yellow)!important;color:var(--yellow-ink)!important;border-color:#ffe178!important;
  font-weight:850!important;box-shadow:none!important;
}
.mag-primary:hover,.mag-size-form .mag-primary:hover{background:var(--yellow-hover)!important}
.mag-category{border-color:#426078}
.mag-category:hover{border-color:var(--yellow)!important}
.mag-category-arrow{color:var(--yellow)!important}
.mag-panel{background:#10283e!important;border-color:#2e4a62!important}
.mag-panel-header>a,.mag-subtle-link,.mag-section-heading a,.mag-guide-card em,.mag-model-content small{color:var(--yellow)!important}
.mag-brand-card:hover{border-color:var(--yellow)}
.mag-review-score,.mag-empty-reviews>span{color:var(--yellow)!important}
.mag-compare-btn{background:var(--yellow)!important;color:var(--yellow-ink)!important;border-color:#ffe178!important;font-weight:800!important}
.mag-compare-btn:hover{background:var(--yellow-hover)!important}
.mag-model-card:hover,.mag-guide-card:hover{border-color:var(--yellow)!important}
.mag-guide-card>span:first-child{color:var(--yellow)!important}
/* Standard pages, forms and controls */
.page-hero .overline,.product-hero .overline,.overline{color:#f1cf65!important}
.result-card,.tire-tile{border-left-color:var(--yellow)!important}
.result-body .tiny-caps,.tile-content .tiny-caps{color:#f4d376!important}
.rating,.review-stars,.product-rating strong{color:var(--yellow)!important}
.content-panel a:not(.btn),.sidebar-panel .text-link,.auth-switch a,
.comparison-table a,.size-pills a,.sources-box a,.text-link{
  color:#ffe18a!important;
}
.btn-accent,.btn-dark,.filters-panel .btn-dark{
  background:var(--yellow)!important;color:var(--yellow-ink)!important;border-color:#ffe178!important;
  box-shadow:none!important;font-weight:820!important;
}
.btn-accent:hover,.btn-dark:hover,.filters-panel .btn-dark:hover{background:var(--yellow-hover)!important}
.btn-outline:hover{border-color:var(--yellow)!important}
.filters-panel,.result-card,.content-panel,.sidebar-panel,.account-panel{border-color:#36526c!important}
.filters-title a{color:#f7d76c!important}
.model-summary .model-summary-brand{color:var(--yellow)!important}
.catalog-usage-note{color:#dbe7f1!important}
/* Wrapping, windowed, keyboard-accessible pagination – never an unbounded row. */
.pagination{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-wrap:wrap!important;gap:8px!important;width:100%!important;
  min-width:0!important;max-width:100%!important;padding:26px 6px 5px!important;
  margin:0 auto!important;clear:both;
}
.pagination>a,.pagination>span{
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;min-width:38px!important;min-height:40px!important;
  padding:6px 11px!important;border:1px solid #3d5872!important;
  border-radius:7px!important;background:#102a42!important;color:#e6f1fb!important;
  text-decoration:none!important;font-size:13px!important;font-weight:650!important;
}
.pagination>a:hover{border-color:var(--yellow)!important;color:var(--yellow)!important}
.pagination .is-current{background:var(--yellow)!important;border-color:var(--yellow)!important;
  color:var(--yellow-ink)!important;font-weight:850!important}
.pagination .pager-ellipsis{background:transparent!important;border:0!important;color:#92a9bd!important;min-width:22px!important}
.pagination .pager-direction{padding:6px 15px!important;gap:7px!important}
.pager-summary{text-align:center;font-size:12px;color:#a5bdd0;margin:8px 0 0}
.catalog-results{min-width:0}
@media(max-width:760px){
 .brand-symbol{width:34px;height:34px}
 .brand-name{font-size:23px!important}
 .brandmark small{font-size:7px!important}
 .pagination{gap:5px!important;padding-top:18px!important}
 .pagination>a,.pagination>span{min-height:38px!important;min-width:33px!important;padding:5px 9px!important;font-size:12px!important}
 .pagination .pager-direction span{display:none}
 .pagination .pager-direction{min-width:39px!important;padding:5px 9px!important}
 .main-nav>a:hover,.main-nav>a.current{color:var(--yellow)!important}
 .main-nav .mobile-account a{color:var(--yellow)!important}
}
@media(max-width:390px){
 .pagination>a,.pagination>span{min-width:30px!important;padding:5px 8px!important}
}


/* V3.2 – logo/favicons from approved concept 1, no functional changes. */
.site-header .brandmark,.site-footer .brandmark{
  display:inline-flex!important;flex-direction:row!important;align-items:center!important;
  flex-shrink:0;gap:9px!important;text-decoration:none;white-space:nowrap;
}
.site-header .brand-symbol,.site-footer .brand-symbol{
  width:58px!important;height:58px!important;object-fit:contain!important;flex:none;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.18));
}
.site-header .brand-name,.site-footer .brand-name{
  font-weight:850!important;font-size:27px!important;line-height:1.02!important;
  color:#f7f9fb!important;letter-spacing:-.055em!important;
}
.site-header .brand-name span,.site-footer .brand-name span{color:#ffd336!important;}
.site-header .brandmark small,.site-footer .brandmark small{
  color:#b7c7d7!important;letter-spacing:.095em!important;font-size:8px!important;
  margin-top:5px!important;line-height:1.1!important;
}
.site-footer .brand-symbol{width:65px!important;height:65px!important;}
@media(max-width:760px){
 .site-header .brand-symbol{width:45px!important;height:45px!important;}
 .site-header .brand-name{font-size:23px!important;}
 .site-header .brandmark small{font-size:7px!important;letter-spacing:.06em!important;}
 .site-footer .brand-symbol{width:55px!important;height:55px!important;}
}
@media(max-width:365px){
 .site-header .brand-symbol{width:38px!important;height:38px!important;}
 .site-header .brand-name{font-size:21px!important;}
 .site-header .brandmark{gap:5px!important;}
}
