/* A Használtautógumibolt katalóguselrendezése, a Motorolajker eredeti kékjeivel. */
:root{--navy:#19467D;--blue:#286BE0;--blue-dark:#1C58BC;--ink:#243248;--bg:#f5f7fa;--line:#e0e5ed;--radius:10px;font-family:Arial,Helvetica,sans-serif}body{background:#f5f7fa}.container{width:min(1170px,calc(100% - 48px))}.ecosystem{background:#19467D;color:#d6e2f7}.ecosystem-inner{min-height:32px}.header-main{min-height:126px;gap:34px}.site-header{background:#fff}.header-search{background:#292f38;border:1px solid #292f38;border-radius:5px;overflow:hidden}.header-search input{background:#292f38;color:#f5f7fb;padding:13px 15px;font-size:12px}.header-search input::placeholder{color:#c3cbd7;opacity:1}.header-search button{background:#286BE0;color:#fff;align-self:stretch;display:grid;place-items:center;padding:12px 16px}.header-actions{gap:22px}.cart-link{padding:13px;border:1px solid #e0e5ed;border-radius:5px;background:#fff}.cart-count{background:#286BE0;color:#fff}.main-nav{background:#19467D;border:0;max-width:1170px;margin:0 auto;border-radius:5px;overflow:hidden}.nav-inner{width:100%;padding:0 20px}.nav-shop{gap:0}.nav-inner a{color:#fff;font-size:12px;font-weight:600;padding:0 18px;min-height:50px}.nav-inner a.active{background:#286BE0}.nav-inner a.active:after{display:none}.nav-shop a:hover,.nav-service>a:first-child:hover{background:#1C58BC;color:#fff}.nav-service{gap:0}.nav-service a.booking-nav{background:#286BE0;color:#fff;padding:0 20px}.prototype-bar{background:#eef2f8;border-bottom:1px solid #e1e7f0}.prototype-bar .container{min-height:28px;height:auto;padding-top:5px;padding-bottom:5px}.breadcrumbs{padding-top:20px;padding-bottom:14px;font-size:11px}.page-intro{padding-top:8px;padding-bottom:25px}.page-intro h1{font-size:28px;letter-spacing:-.6px;font-weight:650;color:#243248}.page-intro p{font-size:12px;margin-top:9px}.shop-layout{grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start;padding-bottom:35px}.filter-box{border-radius:12px;overflow:hidden;background:#19467D;border:1px solid #315D91;box-shadow:0 7px 20px #19467D18}.filter-content{padding:0 14px 20px;color:#e4ecf9;background:#19467D}.filter-title{min-height:48px;margin:0 -14px 18px;padding:13px 14px;background:linear-gradient(135deg,#24558D,#19467D);border-bottom:3px solid #286BE0;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.035em}.filter-title button{color:#b7cffb;font-size:10px}.filter-content fieldset{border:0;border-top:1px solid #ffffff24;padding:16px 0 12px;margin:0}.filter-content legend{font-size:12px;font-weight:700;color:#f5f8ff;background:#19467D;padding:0 6px 0 0}.filter-content .check-label{color:#dce7f9;font-size:12px;margin-bottom:8px;font-weight:500}.filter-content input[type=checkbox]{accent-color:#427cf2}.filter-content input[type=number]{background:#fbfcff;border:1px solid #d8e1ef;border-radius:7px;color:#35465e;min-height:39px;font-size:12px}.catalog-toolbar{background:#edf0f5;border:1px solid #dfe5ee;border-radius:6px;padding:10px 13px;min-height:47px;font-size:11px;margin-bottom:18px}.catalog-toolbar select{background:white;border:1px solid #d8e1ee;border-radius:4px;font-size:11px;padding:7px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.product-card{padding:0;overflow:hidden;border:1px solid #00000012;border-radius:10px;background:#fff;box-shadow:0 5px 15px #19467D0c;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 9px 22px #19467D17;border-color:#286BE055}.product-card .product-image{height:245px;min-height:245px;padding:18px 18px 10px;margin:0;background:linear-gradient(180deg,#fff,#fafbfd);border-bottom:1px solid #e9edf4;border-radius:0;display:flex;align-items:center;justify-content:center}.product-image img{height:210px;max-height:220px;width:auto;max-width:100%;object-fit:contain}.product-body{padding:15px 18px 18px;display:flex;flex-direction:column;flex:1;min-height:245px;text-align:left}.brand-caption{font-size:18px;font-style:italic;font-weight:900;letter-spacing:-.4px;min-height:32px;display:flex;align-items:center;color:#19467D;margin-bottom:6px}.product-body h3{font-size:14px;line-height:1.38;min-height:58px;margin:0 0 6px;font-weight:750;letter-spacing:0}.product-body h3 a:hover{color:#286BE0}.product-body .spec-row{justify-content:flex-start;margin:3px 0 12px;gap:5px}.spec-row span{font-size:10px;background:#edf2fb;border-radius:4px;color:#58749e;padding:4px 6px}.product-body .stock{display:inline-flex;align-self:flex-start;align-items:center;max-width:100%;padding:5px 9px;color:#17643a;background:#edf8f1;border:1px solid #b8e2c7;border-radius:20px;font-size:10px;line-height:1.25;margin:0 0 10px}.product-body .stock.out{color:#8e6b3c;background:#faf4e9;border-color:#e8d5b6}.price-row{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:auto;padding-top:4px}.product-body .price{color:#19467D;font-size:21px;font-weight:850;line-height:1.25}.unit-price{font-size:9px;color:#8794a7;margin-top:5px}.add-btn{width:100%;height:34px;min-height:34px;border-radius:22px;background:#286BE0;color:#fff;border:1px solid #1C58BC;display:flex;align-items:center;justify-content:center;gap:8px}.add-btn:after{content:'Beteszem a kosárba';font-size:11px;font-weight:700}.add-btn svg{width:17px;height:17px}.add-btn:hover{background:#1C58BC}.product-card .favorite{top:10px;right:10px;background:#f0f4fb;border-radius:50%;width:30px;height:30px;z-index:2}.product-card .favorite svg{width:16px;height:16px}.product-card .badge{top:10px;left:10px;border-radius:4px;font-size:8px;padding:5px 7px;z-index:2}.section{padding:45px 0}.service-banner{border-radius:12px;background:#19467D}.service-banner .btn-yellow{background:#286BE0;color:#fff}.btn{border-radius:22px}.btn-yellow{background:#286BE0;color:white}.btn-yellow:hover{background:#1C58BC}.pagination button{border-radius:4px}.summary-card,.form-card,.record-card,.product-detail,.no-results{border-radius:10px}footer{background:#19467D;border-radius:0}.footer-bottom{color:#97abc7}.mobile-filter{background:#19467D;color:white}.filter-content fieldset input:focus{outline-color:#7fa6f5}
@media(max-width:1050px){.header-main{gap:20px}.header-actions{gap:16px}.logo>span{font-size:20px}.logo small b{display:none}.shop-layout{grid-template-columns:240px minmax(0,1fr)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-inner a{padding:0 13px}.catalog-toolbar{align-items:start;gap:10px;flex-wrap:wrap}}
@media(max-width:750px){.container{width:calc(100% - 32px)}.header-main{min-height:126px;display:flex;flex-wrap:wrap;padding:16px 0;gap:14px;position:relative}.logo{margin-right:auto}.logo>span{font-size:20px}.logo>svg{width:29px;height:36px}.header-actions{gap:10px}.header-search{flex:1 0 100%;order:3;min-height:40px}.header-search input{padding:11px 12px}.header-actions .action-label{display:none}.cart-link{padding:9px}.menu-toggle{display:flex}.main-nav{max-width:none;border-radius:0}.main-nav .nav-inner{width:100%;padding:0 12px;display:flex;flex-wrap:wrap;gap:0}.nav-shop{display:flex;flex-wrap:wrap}.nav-inner a{font-size:10px;padding:0 12px;min-height:44px}.nav-service{gap:0}.nav-service a.booking-nav{padding:0 12px}.main-nav:not(.open){display:none}.main-nav.open{display:block}.prototype-detail{font-size:8px;max-width:65%;text-align:right}.prototype-bar .container{font-size:8px;line-height:1.4}.page-intro{padding:5px 0 22px}.page-intro h1{font-size:25px}.shop-layout{grid-template-columns:1fr;gap:20px}.filter-box{border-radius:10px}.mobile-filter{padding:15px;font-size:12px}.filter-content{padding:0 14px 17px}.filter-title{margin:0 -14px 17px}.filter-content .check-label{font-size:12px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.product-card .product-image{height:190px;min-height:190px;padding:15px 10px 8px}.product-image img{height:170px;max-height:170px}.product-body{padding:14px 11px;min-height:245px}.brand-caption{font-size:16px;min-height:28px}.product-body h3{font-size:12px;min-height:55px;line-height:1.4}.product-body .price{font-size:19px}.product-body .stock{font-size:9px;padding:4px 7px}.product-body .spec-row{gap:4px}.spec-row span{font-size:9px}.add-btn{height:32px;min-height:32px;gap:5px}.add-btn:after{font-size:9px}.add-btn svg{width:14px;height:14px}.product-card .favorite{width:27px;height:27px}.catalog-toolbar{font-size:10px;padding:10px}.catalog-toolbar select{font-size:10px}.unit-price{font-size:8px}.section{padding:30px 0}.header-search button{padding:10px 14px}.service-banner{border-radius:10px}.cart-count{font-size:8px}}
/* Lágy hullámzó kék tónusok, lassú és visszafogott mozgással. */
.main-nav,.filter-box,footer{background-color:#19467d;background-image:radial-gradient(ellipse at 15% 25%,#4275b65c 0%,#4275b600 53%),radial-gradient(ellipse at 85% 75%,#286be047 0%,#286be000 58%),linear-gradient(120deg,#19467d 0%,#285e9a 35%,#1c4d85 65%,#3168a4 100%);background-size:180% 180%,170% 170%,210% 210%;background-repeat:no-repeat;animation:mok-blue-wave 24s ease-in-out infinite alternate}
.filter-content{background:transparent}.filter-content legend{background:transparent}.filter-title{background:#143e7066;backdrop-filter:blur(3px)}.add-btn,.header-search button,.nav-service a.booking-nav{background-image:linear-gradient(120deg,#286be0,#4384ed,#286be0);background-size:180% 180%;animation:mok-blue-wave 24s ease-in-out infinite alternate}.add-btn:hover{background-color:#1c58bc;background-image:linear-gradient(120deg,#1c58bc,#3275dd,#1c58bc)}
@keyframes mok-blue-wave{0%{background-position:0% 15%,100% 85%,0% 50%}50%{background-position:55% 65%,35% 25%,55% 55%}100%{background-position:100% 25%,0% 75%,100% 50%}}
@media(prefers-reduced-motion:reduce){.main-nav,.filter-box,footer,.add-btn,.header-search button,.nav-service a.booking-nav{animation:none;background-position:35% 35%,65% 65%,50% 50%}}