/* AZZDA RIEPU RIKI — self-contained premium light-blue section V1.
   Scoped to .az-tools; no changes to the original site's layout/animations. */
.az-tools{
  --az-ink:#0b355a;--az-copy:#39698f;--az-accent:#008bd9;--az-border:#b9dff9;--az-white:#f7fcff;
  position:relative;isolation:isolate;overflow:hidden;
  padding:72px 0 60px;background:linear-gradient(155deg,#edf9ff 0%,#e3f4ff 48%,#dff0ff 100%);
  color:var(--az-ink);scroll-margin-top:98px;
}
.az-tools *{box-sizing:border-box}
.az-tools .az-tools-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
 background:radial-gradient(ellipse 55% 42% at 84% 8%,rgba(48,161,242,.18),transparent 73%),
  radial-gradient(ellipse 60% 40% at 8% 80%,rgba(113,206,255,.13),transparent 76%),
  linear-gradient(180deg,rgba(255,255,255,.2),rgba(200,230,251,.16));}
.az-tools .az-tools-backdrop:before{content:"";position:absolute;right:-2%;top:-145px;width:48%;height:510px;
 background:url('assets/product-1.webp') center 45%/cover no-repeat;
 opacity:.22;filter:brightness(1.3) saturate(.8);mask-image:linear-gradient(90deg,transparent,black 48%);}
.az-tools .az-tools-backdrop:after{content:"";position:absolute;width:35%;height:300px;left:-15%;bottom:0;
 background:radial-gradient(ellipse,rgba(77,166,236,.18),transparent 70%);filter:blur(24px);}
.az-tools .az-tools-inner{position:relative;z-index:2}
.az-tools .az-tools-header{position:relative;margin:0 0 26px;padding:0 4px}
.az-tools .az-tools-heading-copy{max-width:800px}
.az-tools .az-tools-eyebrow{color:#006fae!important;text-transform:uppercase;letter-spacing:.20em;font-size:.73rem;font-weight:900;margin:0 0 12px}
.az-tools h2,.az-tools h3{font-family:Georgia,'Times New Roman',serif;color:var(--az-ink)!important;letter-spacing:-.032em;text-shadow:none!important}
.az-tools h2{font-size:clamp(2.4rem,4.35vw,4.1rem);line-height:1.02;margin:0 0 15px;font-weight:800}
.az-tools .az-tools-heading-copy>p:last-child{max-width:730px;color:#345e7d!important;font-size:1rem;line-height:1.65;margin:0}
.az-tools .az-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.az-tools .az-tool-card{position:relative;min-width:0;min-height:385px;overflow:hidden;border-radius:23px;
 border:1px solid rgba(130,200,244,.52);padding:25px 25px 22px;
 background:linear-gradient(155deg,rgba(246,252,255,.97),rgba(214,238,254,.94));
 box-shadow:0 15px 36px rgba(43,106,160,.09), inset 0 1px 0 rgba(255,255,255,.85);
 transition:border-color .32s ease,box-shadow .32s ease,transform .32s ease;}
.az-tools .az-tool-card:hover,.az-tools .az-tool-card:focus-within{
 border-color:rgba(58,172,246,.72);box-shadow:0 19px 44px rgba(37,118,181,.16),0 0 24px rgba(59,185,255,.16),inset 0 1px 0 rgba(255,255,255,.92);
}
.az-tools .az-tool-compare:before,.az-tools .az-tool-vehicle:before,.az-tools .az-tool-speed:before,.az-tools .az-tool-load:before{
 content:"";position:absolute;z-index:0;pointer-events:none;right:0;top:0;width:54%;height:83%;background-position:right center;background-size:cover;background-repeat:no-repeat;
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.52) 55%,black 100%);opacity:.46;
 transition:transform 1s ease,opacity .4s ease;}
.az-tools .az-tool-card:hover:before{transform:scale(1.035);opacity:.52}
.az-tools .az-tool-compare:before{background-image:url('assets/product-1.webp')}
.az-tools .az-tool-vehicle:before{background-image:url('assets/vehicle-1.webp');opacity:.39}
.az-tools .az-tool-speed:before{background-image:url('assets/service-2.webp');opacity:.18}
.az-tools .az-tool-load:before{background-image:url('assets/gallery-5.webp');opacity:.25}
.az-tools .az-tool-card>*{position:relative;z-index:1}
.az-tools .az-tool-head{display:flex;align-items:flex-start;gap:17px;margin-bottom:25px}
.az-tools .az-tool-icon{flex:0 0 60px;width:60px;height:60px;border-radius:17px;display:grid;place-items:center;
 background:linear-gradient(150deg,#d5f0ff,#b7e2ff);border:1px solid #bde2f8;color:#1487d0;
 box-shadow:0 7px 21px rgba(37,149,220,.12)}
.az-tools .az-tool-icon svg{width:32px;height:32px}
.az-tools .az-tool-head h3{font-size:clamp(1.52rem,2.25vw,2.04rem);line-height:1.07;margin:0 0 8px;font-weight:800}
.az-tools .az-tool-head p{color:#456e8f!important;line-height:1.5;font-size:.92rem;max-width:400px;margin:0}
.az-tools .az-field{display:grid;gap:7px;min-width:0}
.az-tools .az-field>span,.az-tools .az-index-lookup label{font-size:.85rem;font-weight:800;color:#19446a}
.az-tools .az-field input,.az-tools .az-field select,.az-tools .az-index-lookup select{
 appearance:none;min-width:0;width:100%;height:47px;border:1px solid #add7f4;border-radius:11px;
 background:rgba(247,252,255,.91);color:#17466b;box-shadow:inset 0 1px 2px rgba(50,128,183,.035);
 padding:0 13px;font-family:inherit;font-size:.96rem;font-weight:550;transition:border-color .2s,box-shadow .2s;}
.az-tools .az-field input::placeholder{color:#7796b0}
.az-tools .az-field select,.az-tools .az-index-lookup select{padding-right:29px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231b79b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;cursor:pointer}
.az-tools .az-field input:focus,.az-tools .az-field select:focus,.az-tools .az-index-lookup select:focus{
 outline:0;border-color:#27a1ed;box-shadow:0 0 0 4px rgba(62,171,238,.17)}
.az-tools select:disabled{cursor:not-allowed;opacity:.6}
.az-tools .az-field input[aria-invalid="true"]{border-color:#cb4960!important;box-shadow:0 0 0 3px rgba(231,90,112,.16)!important}
.az-tools .az-primary{display:flex;align-items:center;justify-content:center;gap:13px;min-height:46px;padding:11px 22px;border:0;border-radius:100px;cursor:pointer;
 background:linear-gradient(180deg,#58d4ff 0%,#1b9efd 100%);color:#052e51!important;
 box-shadow:0 10px 23px rgba(17,153,231,.23),inset 0 1px 0 rgba(255,255,255,.46);
 font-size:.93rem;font-weight:900;font-family:inherit;transition:transform .25s ease,box-shadow .25s,filter .25s}
.az-tools .az-primary:hover,.az-tools .az-primary:focus-visible{
 transform:translateY(-3px);box-shadow:0 15px 28px rgba(12,148,227,.28),0 0 0 1px rgba(60,195,255,.33);filter:saturate(1.08);outline:0}
.az-tools .az-tire-form{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:11px;align-items:end}
.az-tools .az-swap{height:42px;width:42px;border-radius:50%;border:1px solid #a9d8f5;
 background:linear-gradient(145deg,#effaff,#d2edff);color:#007eca;font-size:1.45rem;cursor:pointer;font-family:inherit;
 transition:transform .3s,background .3s,border-color .3s}
.az-tools .az-swap:hover,.az-tools .az-swap:focus-visible{transform:rotate(180deg);background:#c3e9ff;border-color:#2ea3f2;outline:none}
.az-tools .az-compare-submit{grid-column:1/-1;max-width:270px;justify-self:center;width:100%;margin-top:7px}
.az-tools .az-input-msg{font-size:.78rem;line-height:1.5;color:#41698b!important;margin:9px 0 14px;min-height:1.1em}
.az-tools .az-input-msg.az-error{color:#a4364d!important;font-weight:700}
.az-tools .az-results{border:1px solid rgba(158,215,247,.52);border-radius:17px;padding:15px;
 background:linear-gradient(155deg,rgba(244,251,255,.95),rgba(222,241,253,.91));
 box-shadow:0 6px 20px rgba(34,97,155,.05);}
.az-tools .az-results-title{font-size:.72rem;font-weight:900;letter-spacing:.10em;color:#134c79;margin-bottom:11px}
.az-tools .az-results-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.az-tools .az-result{display:grid;grid-template-columns:36px 1fr;gap:2px 9px;align-items:start;min-width:0;
 border-right:1px solid rgba(146,203,240,.38);padding:5px 5px 5px 0}
.az-tools .az-result:last-child{border-right:0}
.az-tools .az-result-symbol{grid-row:span 3;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;
 background:linear-gradient(145deg,#e1f4ff,#c7eaff);color:#1688d5;font-size:1.4rem;font-weight:600}
.az-tools .az-result small{font-size:.70rem;line-height:1.35;color:#457397;overflow-wrap:anywhere}
.az-tools .az-result strong{font-size:1.26rem;line-height:1.15;color:#07375d;white-space:nowrap;font-weight:900;letter-spacing:-.025em}
.az-tools .az-result-guidance{font-size:.73rem;color:#25597b!important;line-height:1.55;margin:10px 0 0}
.az-tools .az-vehicle-form{display:grid;gap:12px;max-width:455px}
.az-tools .az-vehicle-form .az-primary{width:100%;margin-top:6px}
.az-tools .az-vehicle-features{display:flex;gap:8px;margin:19px 0 9px;color:#386a93;font-size:.75rem;font-weight:600}
.az-tools .az-vehicle-features div{display:flex;align-items:center;gap:7px;flex:1;line-height:1.4;border-right:1px solid #b8dff5}
.az-tools .az-vehicle-features div:last-child{border:0}
.az-tools .az-vehicle-features span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#c0eaff;color:#078bcb;font-weight:900}
.az-tools .az-vehicle-note{color:#4a7796!important;font-size:.73rem;line-height:1.5;margin:9px 0 0}
.az-tools .az-vehicle-results{margin-top:14px;border-radius:15px;border:1px solid #aeddf7;background:rgba(246,253,255,.96);padding:13px 14px;color:#214e70}
.az-tools .az-vehicle-results h4{font-size:1rem;color:#0c3b63;margin:0 0 8px}
.az-tools .az-fitment-list{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.az-tools .az-fitment-item{cursor:pointer;background:#d5efff;border:1px solid #9ed4f6;padding:8px 12px;border-radius:9px;color:#0d5185;font-family:inherit;font-weight:800}
.az-tools .az-fitment-item:hover,.az-tools .az-fitment-item:focus-visible{background:#b7e5ff;border-color:#1b97e1;outline:none}
.az-tools .az-vehicle-results p{font-size:.79rem;line-height:1.5;margin:7px 0;color:#436987!important}
.az-tools .az-vehicle-results a{color:#006ba9;text-decoration:underline;text-underline-offset:3px}
.az-tools .az-tool-index{min-height:320px}
.az-tools .az-tool-index .az-tool-head{margin-bottom:20px}
.az-tools .az-index-lookup{display:flex;gap:12px;align-items:end;margin:2px 0 14px;flex-wrap:wrap}
.az-tools .az-index-lookup label{flex:0 0 110px;padding-bottom:13px}
.az-tools .az-index-lookup select{width:118px;height:39px;flex:0 0 118px}
.az-tools .az-index-selected{font-size:.86rem;color:#0c578a;font-weight:800;min-height:38px;display:flex;align-items:center}
.az-tools .az-table-shell{max-height:240px;overflow:auto;border:1px solid #b7dcf3;border-radius:12px;background:rgba(244,251,255,.92);
 scrollbar-color:#97d0f4 transparent;scrollbar-width:thin}
.az-tools .az-index-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.83rem;line-height:1.45;color:#255376}
.az-tools .az-index-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.az-tools .az-index-table thead{position:sticky;top:0;z-index:2}
.az-tools .az-index-table th{background:#d4edfd;color:#0d3c61;font-weight:850;text-align:left;padding:8px 14px;border-bottom:1px solid #b7ddf4}
.az-tools .az-index-table td{padding:7px 14px;border-bottom:1px solid rgba(165,211,239,.50)}
.az-tools .az-index-table td:first-child{font-weight:900;color:#173e64;width:30%}
.az-tools .az-index-table tbody tr:nth-child(odd){background:rgba(232,246,254,.53)}
.az-tools .az-index-table tbody tr:hover,.az-tools .az-index-table tbody tr.az-highlight{background:#bfe9ff!important}
.az-tools .az-tools-footer{display:flex;align-items:center;gap:12px;padding:14px 18px;margin:19px 0 0;border-radius:13px;
 border:1px solid #b9def5;background:rgba(244,251,255,.76);color:#325f81}
.az-tools .az-tools-footer>span{color:#0c91d5;font-size:1.35rem;font-weight:800}
.az-tools .az-tools-footer p{font-size:.78rem;line-height:1.5;color:#315e81!important;margin:0}
.az-tools .az-tools-footer a{color:#006fae;font-weight:900;text-decoration:underline;text-underline-offset:3px}
/* Desktop visual balance: equal-height pairs, headings always legible over images. */
@media(min-width:1101px){.az-tools .az-tool-compare,.az-tools .az-tool-vehicle{min-height:520px}.az-tools .az-tool-index{min-height:352px}}
@media(max-width:1190px){
 .az-tools{padding:58px 0 48px}
 .az-tools .az-tool-card{padding:21px}
 .az-tools .az-tool-head h3{font-size:1.55rem}
 .az-tools .az-results-cells{gap:5px}
 .az-tools .az-result{display:flex;flex-direction:column;gap:3px}
 .az-tools .az-result-symbol{width:30px;height:30px}
 .az-tools .az-vehicle-features{flex-direction:column;gap:6px}
 .az-tools .az-vehicle-features div{border:0}
}
@media(max-width:850px){
 .az-tools .az-tools-grid{grid-template-columns:1fr}
 .az-tools .az-tool-compare,.az-tools .az-tool-vehicle,.az-tools .az-tool-index{min-height:0}
 .az-tools .az-tool-card:before{width:48%;opacity:.3}
 .az-tools .az-results-cells{gap:10px}
 .az-tools .az-result{display:grid;grid-template-columns:34px 1fr}
 .az-tools .az-vehicle-features{flex-direction:row}
 .az-tools .az-vehicle-form{max-width:none}
}
@media(max-width:540px){
 .az-tools{padding:48px 0 37px;scroll-margin-top:80px}
 .az-tools h2{font-size:clamp(2rem,8vw,2.7rem)}
 .az-tools .az-tools-header{margin-bottom:21px}
 .az-tools .az-tools-heading-copy>p:last-child{font-size:.91rem}
 .az-tools .az-tools-grid{gap:15px}
 .az-tools .az-tool-card{border-radius:19px;padding:18px 15px}
 .az-tools .az-tool-head{gap:11px;margin-bottom:20px}
 .az-tools .az-tool-head h3{font-size:1.55rem}
 .az-tools .az-tool-head p{font-size:.82rem}
 .az-tools .az-tool-icon{width:48px;height:48px;flex-basis:48px;border-radius:13px}
 .az-tools .az-tool-icon svg{width:27px;height:27px}
 .az-tools .az-tire-form{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:6px}
 .az-tools .az-field>span{font-size:.72rem;min-height:1.6em}
 .az-tools .az-field input{padding:0 8px;font-size:.82rem}
 .az-tools .az-swap{width:38px;height:38px;margin-bottom:4px}
 .az-tools .az-result{display:flex;flex-direction:column;gap:4px}
 .az-tools .az-results{padding:12px 8px}
 .az-tools .az-result strong{font-size:1.02rem}
 .az-tools .az-result small{font-size:.62rem}
 .az-tools .az-vehicle-features{flex-direction:column}
 .az-tools .az-index-lookup{gap:8px}
 .az-tools .az-index-lookup label{flex-basis:100%;padding-bottom:0}
 .az-tools .az-index-lookup select{flex:0 0 90px;width:90px}
 .az-tools .az-index-selected{font-size:.79rem}
 .az-tools .az-tools-footer{padding:12px;align-items:flex-start}
 .az-tools .az-tools-footer p{font-size:.73rem}
}
@media(prefers-reduced-motion:reduce){
 .az-tools .az-tool-card,.az-tools .az-tool-card:before,.az-tools .az-primary,.az-tools .az-swap{transition:none!important}
}


/* V2 — 15 brand dynamic automotive backdrop, compact custom popovers and matching premium AZZDA screenshot */
.az-tools{--az-car-picture:url('assets/auto-markas/bmw.webp')}
.az-tools .az-tool-card{border-color:#8acffc;box-shadow:0 13px 35px rgba(29,136,213,.13),0 0 25px rgba(32,174,247,.075),inset 0 1px 0 #fff}
.az-tools .az-tool-compare:before{opacity:0!important}
.az-tools .az-brand-ambient{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;overflow:hidden;border-radius:inherit;background-image:var(--az-car-picture);background-size:cover;background-position:center center;opacity:0;transition:opacity .48s ease,transform .85s ease,filter .48s ease;transform:scale(1.035)}
.az-tools.az-has-brand .az-tool-compare>.az-brand-ambient{opacity:.87;background-position:55% center}
.az-tools.az-has-brand .az-tool-vehicle>.az-brand-ambient{opacity:.11;background-position:70% 45%}
.az-tools .az-tool-compare>.az-brand-ambient:after,.az-tools .az-tool-vehicle>.az-brand-ambient:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,251,255,.97) 0%,rgba(239,249,255,.94) 28%,rgba(240,250,255,.76) 51%,rgba(225,244,255,.1) 92%),linear-gradient(0deg,rgba(221,240,255,.8),transparent 54%)}
.az-tools .az-tool-vehicle>.az-brand-ambient:after{background:linear-gradient(90deg,rgba(245,252,255,.98) 0%,rgba(243,250,255,.96) 36%,rgba(228,246,255,.52) 70%,rgba(206,236,255,.13) 100%),linear-gradient(0deg,#e5f5ff5c,transparent 65%)}
.az-tools .az-tool-compare:hover>.az-brand-ambient,.az-tools .az-tool-vehicle:hover>.az-brand-ambient{transform:scale(1.077)}
.az-tools .az-large-brand-logo{position:absolute;right:20px;top:17px;width:94px;height:94px;z-index:3;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,rgba(241,250,255,.96),rgba(191,227,249,.75));box-shadow:0 9px 25px rgba(2,44,85,.2),0 0 0 2px #ecf8ff9c;padding:6px;pointer-events:none;transition:transform .32s ease,box-shadow .32s ease}
.az-tools .az-large-brand-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(6,60,100,.28))}
.az-tools .az-tool-vehicle:hover .az-large-brand-logo{transform:scale(1.05);box-shadow:0 13px 30px #2474b055,0 0 21px #6dcaff70}
.az-tools .az-tool-vehicle .az-tool-head{padding-right:104px}
.az-tools .az-tool-vehicle .az-tool-head p{max-width:370px}
.az-tools .az-vehicle-form{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:end}
.az-tools .az-vehicle-form>.az-field:nth-child(1){grid-column:1;grid-row:1}
.az-tools .az-vehicle-form>.az-field:nth-child(2){grid-column:2;grid-row:1}
.az-tools .az-vehicle-form>.az-field:nth-child(3){grid-column:2;grid-row:2}
.az-tools .az-vehicle-form .az-primary{grid-column:1/-1;max-width:420px;justify-self:center}
.az-tools .az-native-state{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important;overflow:hidden!important;padding:0!important;border:0!important}
.az-tools .az-custom-dropdown{position:relative;min-width:0;z-index:8}
.az-tools .az-custom-dropdown:has(.az-dropdown-list:not([hidden])){z-index:15}
.az-tools .az-dropdown-trigger{width:100%;height:47px;display:flex;gap:11px;align-items:center;border:1px solid #abd8f6;border-radius:11px;background:rgba(247,252,255,.96);padding:0 12px;color:#17466b;font-family:inherit;font-size:.94rem;font-weight:600;text-align:left;cursor:pointer;transition:border-color .22s,box-shadow .22s,background .22s}
.az-tools .az-dropdown-trigger:hover,.az-tools .az-dropdown-trigger:focus-visible,.az-tools .az-dropdown-trigger.az-open{border-color:#30a5f1;box-shadow:0 0 0 3px rgba(46,154,251,.16);outline:0}
.az-tools .az-dropdown-trigger:disabled{opacity:.58;cursor:not-allowed}
.az-tools .az-dropdown-trigger .az-dropdown-logo{width:26px;height:26px;flex:0 0 26px;object-fit:contain}
.az-tools .az-dropdown-trigger .az-dropdown-logo[hidden]{display:none}
.az-tools .az-dropdown-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.az-tools .az-dropdown-chevron{font-size:1.55rem;line-height:1;color:#0583d4;transform:translateY(-3px)}
.az-tools .az-dropdown-trigger.az-open .az-dropdown-chevron{transform:rotate(180deg) translateY(1px)}
.az-tools .az-dropdown-list{position:absolute;top:calc(100% + 3px);left:0;width:100%;min-width:200px;max-height:177px;overflow-y:auto;overscroll-behavior:contain;z-index:65;background:#f5fbff;border:1px solid #a4c8e4;border-radius:5px;box-shadow:0 14px 25px rgba(27,83,140,.26);padding:3px 0;scrollbar-color:#a3b2be #edf4f8;scrollbar-width:thin}
.az-tools .az-dropdown-list[hidden]{display:none!important}
.az-tools .az-dropdown-option{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#214565;min-height:31px;padding:4px 12px;text-align:left;white-space:nowrap;font-size:.9rem;font-family:inherit;cursor:pointer}
.az-tools .az-dropdown-option:hover,.az-tools .az-dropdown-option:focus-visible,.az-tools .az-dropdown-option[aria-selected=true]{outline:0;background:#3287ef;color:white}
.az-tools .az-dropdown-option .az-dropdown-logo{width:22px;height:22px;flex:0 0 22px;object-fit:contain;background:#f8fcff;border-radius:50%;padding:1px}
.az-tools .az-tool-vehicle:focus-within{z-index:10;overflow:visible}
.az-tools .az-tool-vehicle:focus-within .az-brand-ambient{border-radius:23px}
.az-tools .az-tool-vehicle:has(.az-dropdown-list:not([hidden])){z-index:20;overflow:visible}
.az-tools .az-tool-vehicle:has(.az-dropdown-list:not([hidden]))>.az-brand-ambient{border-radius:23px}
.az-tools .az-tool-vehicle:has(.az-dropdown-list:not([hidden])):before{border-radius:23px}
.az-tools .az-tools-grid{isolation:isolate}
.az-tools .az-vehicle-features{margin-top:14px}
.az-tools .az-tool-index{min-height:300px}
@media(max-width:1100px){
 .az-tools .az-vehicle-form{gap:12px}
 .az-tools .az-tool-vehicle .az-tool-head{padding-right:78px}
 .az-tools .az-large-brand-logo{width:72px;height:72px;right:13px;top:14px}
}
@media(max-width:850px){
 .az-tools .az-tools-grid{grid-template-columns:1fr}
 .az-tools .az-tool-vehicle .az-tool-head{padding-right:90px}
 .az-tools .az-vehicle-form{grid-template-columns:1fr 1fr}
}
@media(max-width:540px){
 .az-tools .az-vehicle-form{grid-template-columns:1fr 1fr;gap:10px}
 .az-tools .az-tool-vehicle .az-tool-head{padding-right:56px}
 .az-tools .az-large-brand-logo{width:55px;height:55px;top:12px;right:10px}
 .az-tools .az-dropdown-trigger{font-size:.82rem;height:44px;padding:0 8px;gap:6px}
 .az-tools .az-dropdown-list{max-height:157px;min-width:168px}
 .az-tools .az-dropdown-option{font-size:.82rem;min-height:30px}
 .az-tools .az-dropdown-trigger .az-dropdown-logo{width:20px;height:20px;flex-basis:20px}
 .az-tools .az-tool-vehicle:has(.az-dropdown-list:not([hidden])){z-index:35}
 .az-tools.az-has-brand .az-tool-compare>.az-brand-ambient{opacity:.65}
}
@media(prefers-reduced-motion:reduce){
 .az-tools .az-brand-ambient,.az-tools .az-large-brand-logo,.az-tools .az-dropdown-trigger{transition:none!important}
}

/* Real crossfade after brand change, without moving the card or losing the blue overlays. */
.az-tools .az-brand-ambient{background-image:none!important}
.az-tools .az-brand-scene{position:absolute;inset:0;display:block;opacity:0;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:opacity .64s ease;will-change:opacity}
.az-tools .az-brand-scene.is-active{opacity:1}
@media(prefers-reduced-motion:reduce){.az-tools .az-brand-scene{transition:none!important}}


/* V3 — more legible marque backgrounds, photo crossfades, compact result-safe menus, premium slide-in information drawer. */
.az-tools.az-has-brand .az-tool-compare>.az-brand-ambient{opacity:.99!important}
.az-tools.az-has-brand .az-tool-vehicle>.az-brand-ambient{opacity:.93!important}
.az-tools .az-tool-compare>.az-brand-ambient:after{background:linear-gradient(90deg,rgba(245,252,255,.95) 0%,rgba(242,250,255,.88) 28%,rgba(238,249,255,.42) 58%,rgba(214,239,255,.04) 100%),linear-gradient(0deg,rgba(225,245,255,.54),transparent 56%)}
.az-tools .az-tool-vehicle>.az-brand-ambient:after{background:linear-gradient(90deg,rgba(246,252,255,.95) 0%,rgba(244,251,255,.80) 30%,rgba(237,249,255,.35) 62%,rgba(215,239,255,.04) 100%),linear-gradient(0deg,rgba(215,241,255,.30),transparent 63%)}
.az-tools .az-brand-scene{background-position:68% center;filter:saturate(1.18) contrast(1.13) brightness(1.03)}
.az-tools .az-tool-compare>.az-brand-ambient .az-brand-scene{background-position:70% center}
.az-tools .az-tool-vehicle>.az-brand-ambient .az-brand-scene{background-position:82% center}
.az-tools .az-large-brand-logo{background:linear-gradient(145deg,rgba(250,254,255,.98),rgba(220,240,254,.88));box-shadow:0 9px 26px rgba(4,75,136,.22),0 0 0 3px rgba(234,250,255,.88),0 0 21px rgba(48,165,239,.34)}
.az-tools .az-dropdown-option .az-dropdown-logo{width:26px;height:26px;flex-basis:26px;object-fit:contain;padding:1px;border-radius:8px;background:#fff;box-shadow:0 1px 3px #265b8318}
.az-tools .az-dropdown-list{max-height:162px;scrollbar-width:thin;border-radius:11px;box-shadow:0 16px 35px rgba(25,91,155,.21)}
.az-tools .az-dropdown-list.az-popup-up{box-shadow:0 -12px 31px rgba(25,91,155,.20)}
.az-tools .az-dropdown-option{min-height:36px}
.az-tools .az-open-info{display:inline-flex;align-items:center;gap:7px;border:1px solid #9cdbfa;background:linear-gradient(145deg,#e4f7ff,#c8ecff);padding:9px 13px;margin-top:9px;border-radius:10px;font-family:inherit;color:#075e9a;font-weight:800;font-size:.82rem;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.az-tools .az-open-info:hover,.az-tools .az-open-info:focus-visible{background:#b8e7ff;transform:translateX(2px);box-shadow:0 0 0 3px rgba(27,156,240,.16);outline:0}
.az-info-shell{position:fixed;inset:0;z-index:99999;overflow:hidden;font-family:inherit;color:#153d60}
.az-info-shell[hidden]{display:none!important}
.az-info-backdrop{position:absolute;inset:0;background:rgba(8,28,51,.38);opacity:0;backdrop-filter:blur(0);transition:opacity .36s ease,backdrop-filter .36s ease;cursor:pointer}
.az-info-drawer{position:absolute;inset:0 auto 0 0;width:min(510px,100vw);height:100%;display:flex;flex-direction:column;transform:translate3d(-105%,0,0);transition:transform .38s cubic-bezier(.18,.83,.28,1);background:linear-gradient(145deg,#f3fbff 0%,#e3f3ff 62%,#d5ecff 100%);border-right:1px solid #9bcdf2;box-shadow:12px 0 45px rgba(3,63,110,.25);overflow:hidden;outline:0}
.az-info-is-open .az-info-backdrop{opacity:1;backdrop-filter:blur(5px)}
.az-info-is-open .az-info-drawer{transform:translate3d(0,0,0)}
.az-info-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 25px 13px;border-bottom:1px solid #c3e5fa}
.az-info-kicker{color:#167bb7;letter-spacing:.18em;font-weight:900;font-size:.7rem}
.az-info-close{width:40px;height:40px;border-radius:50%;border:1px solid #a6d8f5;background:rgba(255,255,255,.72);color:#185f91;cursor:pointer;font-size:1.2rem;font-weight:800;box-shadow:0 4px 17px rgba(18,108,169,.09);transition:transform .2s,box-shadow .2s}
.az-info-close:hover,.az-info-close:focus-visible{transform:rotate(90deg);outline:2px solid #36a9ed;box-shadow:0 0 19px rgba(32,151,223,.2)}
.az-info-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 25px 20px;background:radial-gradient(ellipse at 86% 5%,#b6e4ff,transparent 55%);border-bottom:1px solid #c2e4f8}
.az-info-header h2{font-family:Georgia,'Times New Roman',serif;color:#0b355a;font-size:clamp(1.7rem,4vw,2.2rem);line-height:1.15;margin:0 0 7px}
.az-info-header p{font-size:.85rem;color:#4d7792;margin:0}
.az-info-header img{object-fit:contain;border:1px solid #acd9f5;border-radius:17px;background:#ecf8ff;padding:5px;box-shadow:0 8px 20px #4c9ed536;flex:0 0 76px}
.az-info-content{padding:20px 25px 35px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-color:#89c8ec #e8f6ff}
.az-info-lead{font-size:.8rem;font-weight:900;color:#1b84c2;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}
.az-info-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}
.az-info-pill{font-size:.77rem;color:#245d84;padding:7px 9px;background:#d8efff;border:1px solid #b7dcf7;border-radius:100px;font-weight:750}
.az-info-box{border:1px solid #c3e5f7;border-radius:17px;padding:15px 17px;margin-bottom:12px;background:linear-gradient(137deg,rgba(255,255,255,.90),rgba(223,244,255,.85));box-shadow:0 7px 21px rgba(47,119,176,.07)}
.az-info-box h3{font-family:Georgia,'Times New Roman',serif;color:#123f65;font-size:1.1rem;line-height:1.18;margin:0 0 8px}
.az-info-box p{font-size:.85rem;color:#426d8b;line-height:1.5;margin:0}
.az-info-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.az-info-chip{border-radius:10px;border:1px solid #a5d9fa;background:#d1edff;font-weight:850;color:#075c97;padding:9px 11px;cursor:pointer}
.az-info-chip:hover,.az-info-chip:focus-visible{background:#b5e4ff;outline:2px solid #2199ed}
.az-info-bottom{border-left:3px solid #23a6e9;background:#e3f6ff;padding:12px 14px;font-size:.82rem;line-height:1.5;border-radius:9px;color:#1b608b}
.az-info-footer{padding:13px 23px;display:flex;justify-content:space-between;gap:12px;font-size:.7rem;font-weight:800;color:#437596;border-top:1px solid #b7dff8}
body.az-drawer-visible{overflow:hidden}
@media(max-width:540px){.az-info-topbar,.az-info-header{padding-left:17px;padding-right:17px}.az-info-content{padding:17px 16px 25px}.az-info-header img{width:58px;height:58px;flex-basis:58px}.az-info-footer{padding-left:16px;padding-right:16px}.az-tools .az-dropdown-option{min-height:34px}}
@media(prefers-reduced-motion:reduce){.az-info-backdrop,.az-info-drawer,.az-info-close{transition:none!important}}

/* V3 regression fix: open popover must receive pointer events above later cards/text. */
.az-tools .az-vehicle-form:has(.az-dropdown-list:not([hidden])){position:relative;z-index:210!important}
.az-tools .az-vehicle-form>.az-field:has(.az-dropdown-list:not([hidden])){position:relative;z-index:220!important}
.az-tools .az-dropdown-list{isolation:isolate}
/* Avoid inherited global transition: dropdown must never animate across the result card. */
.az-tools .az-dropdown-list{transition:none!important}


/* V6: fix true photo overflow on the vehicle card, including when dropdown is open. */
.az-tools .az-tool-vehicle>.az-brand-ambient,
.az-tools .az-tool-compare>.az-brand-ambient{
  position:absolute!important;inset:0!important;transform:none!important;
  overflow:hidden!important;clip-path:inset(0 round 22px);
  border-radius:22px!important;contain:paint;
}
.az-tools .az-tool-vehicle:hover>.az-brand-ambient,
.az-tools .az-tool-compare:hover>.az-brand-ambient{transform:none!important}
.az-tools .az-brand-scene{transform:scale(1);transition:opacity .64s ease, transform .8s ease!important}
.az-tools .az-tool-vehicle:hover .az-brand-scene,
.az-tools .az-tool-compare:hover .az-brand-scene{transform:scale(1.06)}
.az-tools .az-tool-vehicle .az-tool-head,
.az-tools .az-tool-vehicle .az-vehicle-form,
.az-tools .az-tool-vehicle .az-vehicle-results,
.az-tools .az-tool-vehicle .az-vehicle-features{position:relative;z-index:3}
.az-tools .az-large-brand-logo{overflow:hidden;border:4px solid #ecf9ff;padding:4px;isolation:isolate}
.az-tools .az-large-brand-logo img{object-fit:contain;border-radius:50%;background:#fff;max-width:100%;max-height:100%}
.az-tools .az-dropdown-trigger .az-dropdown-logo,
.az-tools .az-dropdown-option .az-dropdown-logo{
  background:#fff;border-radius:50%;padding:1px;object-fit:contain;
  box-shadow:0 2px 7px rgba(16,74,116,.16);
}
.az-tools .az-dropdown-list{max-height:144px!important}
.az-info-checklist{padding-left:19px;margin:10px 0 0;color:#326887;font-size:.84rem;line-height:1.55}
.az-info-checklist li{margin:0 0 4px}
@media(max-width:540px){.az-tools .az-brand-scene{transition:opacity .45s ease!important}.az-tools .az-dropdown-list{max-height:130px!important}}
@media(prefers-reduced-motion:reduce){.az-tools .az-brand-scene{transition:none!important;transform:none!important}}

/* V7 — reliable card clipping, glow and consistent brand-icon layout. */
.az-tools .az-tool-vehicle>.az-brand-ambient,.az-tools .az-tool-compare>.az-brand-ambient{clip-path:inset(0 round 22px)!important;overflow:hidden!important;transform:none!important;contain:paint!important}
.az-tools .az-brand-scene{transform-origin:center center;backface-visibility:hidden}
.az-tools .az-large-brand-logo{overflow:hidden!important;isolation:isolate;contain:paint;box-shadow:0 12px 35px rgba(0,96,172,.32),0 0 0 3px rgba(248,253,255,.94),0 0 25px rgba(18,152,242,.25)!important}
.az-tools .az-dropdown-option .az-dropdown-logo{background:linear-gradient(140deg,#fff,#e4f3ff);border-radius:50%;box-shadow:0 2px 6px rgba(19,93,147,.12);padding:1px}
.az-info-box .az-info-data-line{color:#255b82;font-size:.82rem;line-height:1.55}
.az-info-box .az-info-heading-small{display:block;font-weight:800;color:#167bb7;margin-bottom:6px}
@media(max-width:540px){.az-tools .az-tool-vehicle>.az-brand-ambient,.az-tools .az-tool-compare>.az-brand-ambient{clip-path:inset(0 round 18px)!important}}

/* V9 foto klipa drošības labojums — noapaļojums saglabājas arī pie kursora, kad atvērtas izvēlnes. */
.az-tools .az-tool-compare>.az-brand-ambient,.az-tools .az-tool-vehicle>.az-brand-ambient{overflow:hidden!important;clip-path:inset(0 round 22px)!important;border-radius:22px!important;contain:paint!important;isolation:isolate!important}
.az-tools .az-brand-scene{background-repeat:no-repeat!important;background-size:cover!important;will-change:opacity,transform}
.az-tools .az-large-brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
@media(max-width:540px){.az-tools .az-tool-compare>.az-brand-ambient,.az-tools .az-tool-vehicle>.az-brand-ambient{clip-path:inset(0 round 18px)!important}}

/* V9 — vienots metālisks emblēmu rāmis bez īstu ražotāju simbolu aizstāšanas ar nepamatotiem zīmējumiem. */
.az-tools .az-large-brand-logo{
  background:radial-gradient(circle at 32% 22%,#fff 0%,#f6fcff 27%,#d4ebfb 58%,#b1d3eb 100%)!important;
  border:3px solid rgba(255,255,255,.97)!important;
  box-shadow:0 10px 34px rgba(2,60,111,.26),0 0 0 2px rgba(133,203,244,.55),inset 0 2px 4px rgba(255,255,255,.85)!important;
}
.az-tools .az-dropdown-option .az-dropdown-logo,.az-tools .az-dropdown-trigger .az-dropdown-logo{
  background:radial-gradient(circle at 29% 18%,#fff 0%,#f8fcff 35%,#dceefc 75%,#b7d4ea 100%)!important;
  border:1px solid rgba(234,250,255,.95)!important;
  box-shadow:0 2px 8px rgba(11,78,133,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.az-info-header img{
  background:radial-gradient(circle at 28% 18%,#fff,#d2ecfc)!important;
  box-shadow:0 8px 23px rgba(23,113,174,.2),inset 0 1px 0 #fff!important;
}

/* V10: short, self-scrolling speed/load index popup; native OS option menu suppressed. */
.az-tools .az-index-compact{position:relative;flex:0 0 98px;width:98px;height:39px}
.az-tools .az-index-compact .az-index-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;inset:0 auto auto 0!important;padding:0!important;min-width:1px!important}
.az-tools .az-index-trigger{width:98px;height:39px;border:1px solid #9fcff0;border-radius:12px;background:linear-gradient(150deg,#f7fcff,#dff3ff);color:#07548b;box-shadow:0 5px 14px rgba(20,126,187,.09);font-size:.87rem;font-weight:850;font-family:inherit;cursor:pointer;white-space:nowrap}
.az-tools .az-index-trigger:hover,.az-tools .az-index-trigger:focus-visible,.az-tools .az-index-trigger[aria-expanded="true"]{outline:0;border-color:#20a4ed;box-shadow:0 0 0 3px rgba(33,155,237,.17)}
.az-index-popup{position:fixed!important;z-index:2147483600!important;max-height:146px!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:#f5fbff;border:1px solid #83bfec;border-radius:11px;padding:4px;box-shadow:0 18px 35px rgba(8,64,114,.23);scrollbar-width:thin;scrollbar-color:#9ad1f5 #eef9ff}
.az-index-popup[hidden]{display:none!important}
.az-index-option{display:block;width:100%;height:29px;min-height:29px;border:0;border-radius:7px;padding:4px 9px;text-align:left;background:transparent;color:#164f78;font-family:inherit;font-size:.85rem;line-height:21px;cursor:pointer}
.az-index-option:hover,.az-index-option:focus-visible,.az-index-option[aria-selected="true"]{background:#3299e6;color:#fff;outline:none}
@media(max-width:540px){.az-tools .az-index-compact,.az-tools .az-index-trigger{width:88px;flex-basis:88px}}

/* ==============================================================
   AZZDA V11 | Four tools + left drawer | V10-first research integration
   New scoped CSS only. Original global palette, cards and site preserved.
   Source: AZZDA Design Research V1 + Motion Research V2 (candidates).
   ============================================================== */
.az-tools {
  --az-v11-micro: 165ms;
  --az-v11-result: 245ms;
  --az-v11-drawer: 360ms;
  --az-v11-photo: 560ms;
}
.az-tools .az-tools-heading-copy{max-width:780px}
.az-tools .az-tools-heading-copy>p:last-of-type{max-width:760px;line-height:1.67}
.az-tools .az-tools-benefits{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.az-tools .az-tools-benefits span{display:inline-flex;align-items:center;border:1px solid #b6dffd;border-radius:40px;padding:6px 12px;background:rgba(245,251,255,.7);font-size:.75rem;font-weight:750;color:#235f88;letter-spacing:.01em}
.az-tools .az-tool-card{transition:border-color 200ms ease,box-shadow 230ms ease,transform 230ms ease!important}
@media(hover:hover) and (pointer:fine){.az-tools .az-tool-card:hover{transform:translateY(-3px);box-shadow:0 22px 43px rgba(31,126,187,.16),0 0 0 1px rgba(140,208,248,.6),inset 0 1px 0 rgba(255,255,255,.94)!important}}
.az-tools .az-tool-card:focus-within{border-color:#55b5f3!important}
.az-tools :is(.az-primary,.az-open-info,.az-index-trigger,.az-dropdown-trigger,.az-swap,.az-info-chip):focus-visible,
.az-info-shell :is(button,a,summary):focus-visible{outline:3px solid #158bdd!important;outline-offset:3px!important}
.az-tools .az-tool-head h3{line-height:1.14;letter-spacing:-.017em}
.az-tools .az-tool-head p{line-height:1.55}
.az-tools .az-tool-icon svg{transition:transform var(--az-v11-micro) ease}
@media(hover:hover){.az-tools .az-tool-card:hover .az-tool-icon svg{transform:scale(1.065)}}
.az-tools .az-tool-compare .az-tool-head{margin-bottom:14px}
.az-tools .az-marking-guide{margin:17px 0 9px;padding:11px 13px;border:1px solid #b8dcf5;border-radius:13px;background:linear-gradient(135deg,rgba(250,254,255,.86),rgba(216,239,253,.78));position:relative;z-index:2}
.az-tools .az-marking-caption{font-size:.70rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#2d719b}
.az-tools .az-marking-visual{display:flex;align-items:center;gap:6px;margin-top:5px}
.az-tools .az-marking-visual>span{display:flex;align-items:baseline;flex-direction:column;min-width:38px}
.az-tools .az-marking-visual b{font-size:1.08rem;font-weight:850;line-height:1.2;color:#0c4876}
.az-tools .az-marking-visual small{font-size:.63rem;color:#537a96;line-height:1.3}
.az-tools .az-marking-visual i{font-weight:850;font-style:normal;color:#39a3df;font-size:1.08rem;align-self:flex-start}
.az-tools .az-input-msg{min-height:1.6em}
.az-tools .az-field input[aria-invalid="true"]{border-color:#b84c58!important;box-shadow:0 0 0 3px rgba(184,76,88,.10)!important}
.az-tools .az-input-msg.az-error{font-weight:760;color:#90333c}
.az-tools .az-results{position:relative;z-index:2;border-radius:17px}
.az-tools .az-results-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}
.az-tools .az-results-live-tag{font:750 .60rem/1.2 inherit;font-size:.62rem!important;border-radius:100px;background:#dcf1ff;border:1px solid #b5dffc;padding:5px 8px;color:#2a739e;letter-spacing:.05em}
.az-tools .az-wheel-compare{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:4px;padding:8px 12px 5px;margin:10px 1px 12px;border:1px solid #c9e7f8;border-radius:15px;background:linear-gradient(140deg,rgba(248,253,255,.88),rgba(216,237,252,.63));min-height:132px}
.az-tools .az-wheel-item{display:flex;min-width:0;align-items:center;flex-direction:column;justify-content:center;gap:0}
.az-tools .az-wheel-stage{height:91px;width:112px;max-width:100%;display:grid;place-items:center;overflow:visible}
.az-tools .az-wheel-disc{width:87px;height:87px;flex:0 0 87px;border-radius:50%;position:relative;background:radial-gradient(circle at 40% 28%,#fbfdff 0%,#c5e9ff 25%,#66ade0 26%,#16476d 30%,#101d2d 36%,#243c52 42%,#081b2e 58%,#6aaedf 68%,#0f385c 72%,#09253e 79%,#95cee9 82%,#d0effd 85%,#255b80 89%,#10293e 96%);box-shadow:inset 0 2px 3px rgba(255,255,255,.9),inset 0 -3px 7px rgba(4,38,63,.7),0 4px 12px rgba(8,77,132,.22);transform:scale(var(--az-diameter-scale,1));transition:transform var(--az-v11-photo) cubic-bezier(.19,.78,.24,1);will-change:transform}
.az-tools .az-wheel-disc:before{content:'';position:absolute;inset:14%;border:2px solid rgba(203,232,251,.9);border-radius:50%;box-shadow:0 0 0 4px rgba(6,31,52,.5),inset 0 3px 6px rgba(255,255,255,.65);background:radial-gradient(circle at 35% 28%,#effaff,#a6d4ec 36%,#385e7e 37%,#e3f4ff 51%,#709ebd 56%,#345874 59%)}
.az-tools .az-wheel-disc:after{content:'';position:absolute;inset:42%;border:2px solid rgba(245,252,255,.96);border-radius:50%;background:#173b56;box-shadow:0 2px 5px #0f3758a0}
.az-tools .az-wheel-disc-b{filter:hue-rotate(12deg) saturate(1.15)}
.az-tools .az-wheel-divider{font-size:.62rem;color:#3f8ab8;text-align:center;font-weight:900;letter-spacing:.05em}
.az-tools .az-wheel-divider:before,.az-tools .az-wheel-divider:after{content:'';height:19px;width:1px;background:#a0cfe8;display:block;margin:5px auto}
.az-tools .az-wheel-label{display:flex;gap:6px;align-items:center;font-size:.77rem;color:#285c80;white-space:nowrap}
.az-tools .az-wheel-label b{display:grid;place-items:center;background:#17689d;color:#fff;border-radius:6px;width:23px;height:22px}
.az-tools .az-wheel-hint{color:#4a7795;font-size:.69rem;line-height:1.45;margin:0 0 12px}
.az-tools .az-invalid-visual .az-wheel-disc{opacity:.42}
.az-tools .az-difference-track{border-top:1px solid #c5e5f5;margin:10px 0;padding:10px 0 0}
.az-tools .az-difference-head{display:flex;justify-content:space-between;gap:8px;font-size:.74rem;font-weight:780;color:#326888}
.az-tools .az-difference-head strong{color:#136aa5}
.az-tools .az-difference-rail{height:6px;background:#d6eaf7;border-radius:10px;margin:7px 0 5px;overflow:hidden}
.az-tools .az-difference-rail span{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#a1dafa,#0b87d9);transition:width var(--az-v11-result) ease}
.az-tools .az-difference-track>small{font-size:.63rem;color:#6284a0;line-height:1.3}
.az-tools .az-just-updated{animation:azV11Results 200ms ease-out both}
@keyframes azV11Results{0%{opacity:.72;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}
.az-tools .az-swap-flip{animation:azV11Swap 190ms ease-out}
@keyframes azV11Swap{0%{transform:rotate(0)}50%{transform:rotate(30deg)}100%{transform:rotate(0)}}
.az-tools .az-selection-guide{margin:9px 0 2px;padding:8px 10px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;border-radius:10px;background:rgba(241,250,255,.80);border:1px solid rgba(169,214,241,.78);font-size:.69rem;color:#3b759b;line-height:1.25}
.az-tools .az-selection-guide b{color:#115b92}.az-tools .az-selection-guide span{color:#73b8e4}
.az-tools .az-vehicle-results{border-radius:14px}
.az-tools .az-vehicle-results:not([hidden]){animation:azV11Results 220ms ease-out both}
.az-tools .az-vehicle-result-status{border-left:3px solid #2299dd;padding-left:12px;font-weight:700;color:#295d7d}
.az-tools .az-vehicle-note{font-size:.7rem!important;line-height:1.5!important;margin-top:10px;color:#416d8a}
.az-tools .az-vehicle-note strong{color:#175d8d}
.az-tools .az-brand-scene{transition:opacity var(--az-v11-photo) ease,transform .8s ease!important}
.az-tools .az-large-brand-logo{transition:transform 200ms ease,box-shadow 200ms ease!important}
.az-tools .az-dropdown-trigger,.az-tools .az-index-trigger{transition:border-color var(--az-v11-micro) ease,box-shadow var(--az-v11-micro) ease!important}
.az-tools .az-dropdown-option{min-height:35px}
.az-tools .az-index-lookup{margin-bottom:8px}
.az-tools .az-index-explainer{display:flex;align-items:center;gap:15px;padding:11px 13px;margin:13px 0 10px;border-radius:13px;border:1px solid #b8dff4;background:linear-gradient(125deg,rgba(255,255,255,.83),rgba(217,239,253,.75))}
.az-tools .az-tyre-marking{display:flex;gap:4px;align-items:center;flex-wrap:wrap;white-space:nowrap;font-weight:850;font-size:1rem;letter-spacing:.005em;color:#173e61;flex:0 0 auto}
.az-tools .az-tyre-marking :is(strong,.az-mark-load,.az-mark-speed){font-size:.92rem;min-width:24px;display:inline-flex;justify-content:center;padding:3px 5px;border-radius:7px}
.az-tools .az-tyre-marking strong{background:#168ad2;color:white;box-shadow:0 4px 8px rgba(14,114,183,.18)}
.az-tools .az-tyre-marking :is(.az-mark-load,.az-mark-speed){background:#d4eafb;color:#195c85}
.az-tools .az-index-context{font-size:.78rem;line-height:1.4;color:#365f7c}
.az-tools .az-index-instruction{font-size:.7rem;color:#507c99;margin:0 0 10px;line-height:1.45}
.az-tools .az-index-table tr{transition:background-color 160ms ease}
.az-tools .az-index-selected{transition:color var(--az-v11-micro) ease}
.az-index-option{min-height:30px!important}
.az-info-shell .az-info-drawer{transition:transform 360ms cubic-bezier(.18,.83,.28,1)!important}
.az-info-shell .az-info-backdrop{transition:opacity 240ms ease!important;backdrop-filter:blur(3px)!important}
.az-info-shell .az-info-close:hover{transform:scale(1.065)!important}
.az-info-shell .az-info-content{padding-top:17px}
.az-info-shell .az-info-status{border-radius:16px;padding:15px 16px;margin:0 0 15px;background:linear-gradient(130deg,#fff,#e7f5ff);border:1px solid #9cd2f2;box-shadow:0 7px 20px #1f79b014}
.az-info-shell .az-info-status strong{color:#0e5c92;font-size:1.02rem;display:block;margin-bottom:5px}
.az-info-shell .az-info-status p{font-size:.85rem;color:#426e8d;line-height:1.55;margin:0}
.az-info-shell .az-info-status:before{content:'●';font-size:.64rem;margin-right:6px;color:#138ddd;vertical-align:3px}
.az-info-shell .az-info-status.az-status-unavailable{border-left:4px solid #5296c4}
.az-info-shell .az-info-meta{gap:6px;margin-bottom:14px}
.az-info-shell .az-info-box{padding:14px 16px;margin-bottom:11px}
.az-info-shell .az-info-box h3{font-size:1.08rem}
.az-info-shell .az-info-checks{background:linear-gradient(135deg,#fbfdff,#e7f6ff);border-color:#a9d8f4}
.az-info-shell .az-info-checklist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px}
.az-info-shell .az-info-checklist li{display:flex;gap:9px;line-height:1.4;font-size:.82rem;color:#295c7e}
.az-info-shell .az-info-checklist li:before{content:'✓';display:grid;place-items:center;flex:0 0 20px;height:20px;background:#d5efff;border:1px solid #b5dcf6;border-radius:50%;font-size:.75rem;color:#107ab8;font-weight:900}
.az-info-shell .az-info-action{display:flex;justify-content:center;align-items:center;padding:13px 16px;margin:12px 0 19px;border-radius:12px;background:linear-gradient(130deg,#1ab2f3,#188bdb);box-shadow:0 9px 23px rgba(20,137,214,.23);color:#fff;font-weight:850;font-size:.88rem;text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease}
.az-info-shell .az-info-action:hover{color:#fff;transform:translateY(-1px);box-shadow:0 12px 29px rgba(20,137,214,.33)}
.az-info-shell .az-info-extra h3{font-family:Georgia,'Times New Roman',serif;color:#154873;font-size:1.1rem;margin:12px 0 9px}
.az-info-shell .az-info-details{border:1px solid #b8def7;background:rgba(253,255,255,.67);border-radius:12px;margin-bottom:8px;overflow:hidden}
.az-info-shell .az-info-details summary{cursor:pointer;font-weight:760;color:#195b86;font-size:.83rem;padding:12px 33px 12px 13px;position:relative;list-style:none;line-height:1.35}
.az-info-shell .az-info-details summary::-webkit-details-marker{display:none}
.az-info-shell .az-info-details summary:after{content:'+';position:absolute;right:13px;top:9px;font-size:1.2rem;color:#1175b1}
.az-info-shell .az-info-details[open] summary:after{content:'−'}
.az-info-shell .az-info-details[open] summary{background:#e3f4ff;border-bottom:1px solid #c9e8f9}
.az-info-shell .az-info-details-content{padding:11px 14px 15px;font-size:.82rem;line-height:1.6;color:#426b88}
.az-info-shell .az-info-box.az-info-size-box{box-shadow:0 9px 23px #157cbb19}
.az-info-shell .az-info-header{background:radial-gradient(ellipse at 86% 5%,#b6e4ff,transparent 55%)}
@media(max-width:1100px){.az-tools .az-index-explainer{flex-wrap:wrap;gap:8px}.az-tools .az-wheel-compare{min-height:126px}}
@media(max-width:540px){
  .az-tools .az-tools-benefits{gap:6px;margin-top:11px}
  .az-tools .az-tools-benefits span{font-size:.65rem;padding:5px 9px}
  .az-tools .az-marking-guide{padding:9px 10px}
  .az-tools .az-marking-visual{gap:5px}
  .az-tools .az-wheel-compare{grid-template-columns:1fr 25px 1fr;margin:8px 0 10px;padding:5px 6px;min-height:118px}
  .az-tools .az-wheel-stage{height:76px;width:90px}
  .az-tools .az-wheel-disc{width:73px;height:73px}
  .az-tools .az-wheel-label{font-size:.65rem;gap:3px}
  .az-tools .az-wheel-label b{width:18px;height:20px;font-size:.67rem}
  .az-tools .az-wheel-hint{font-size:.66rem}
  .az-tools .az-results-title{font-size:.72rem}
  .az-tools .az-results-live-tag{font-size:.56rem!important}
  .az-tools .az-index-explainer{gap:6px;padding:10px}
  .az-tools .az-index-context{font-size:.74rem}
  .az-tools .az-tyre-marking{font-size:.90rem}
  .az-tools .az-selection-guide{font-size:.65rem;gap:5px}
  .az-info-shell .az-info-status{padding:13px 14px}
}
@media(prefers-reduced-motion:reduce){
  .az-tools .az-tool-card,.az-tools .az-tool-icon svg,.az-tools .az-wheel-disc,
  .az-tools .az-difference-rail span,.az-tools .az-index-table tr,.az-tools .az-brand-scene,
  .az-tools .az-just-updated,.az-tools .az-swap-flip,.az-tools .az-vehicle-results,
  .az-info-shell .az-info-drawer,.az-info-shell .az-info-backdrop,.az-info-shell .az-info-action,
  .az-info-shell .az-info-close{animation:none!important;transition:none!important;transform:none!important}
}

/* V11 a11y correction: reduced-motion still preserves true A/B diameter scale;
   only transitions/animations are disabled. */
@media(prefers-reduced-motion:reduce){
 .az-tools .az-wheel-disc{transform:scale(var(--az-diameter-scale,1))!important;transition:none!important;animation:none!important}
}

/* Brand search: compact, sticky input inside existing V10 bounded make dropdown. */
.az-tools .az-make-search-wrap{position:sticky;top:0;z-index:3;background:#f5fbff;padding:6px 7px;border-bottom:1px solid #d2eafb}
.az-tools .az-make-search{box-sizing:border-box;width:100%;min-height:34px;border:1px solid #a3d2f2;border-radius:8px;background:#fff;color:#194f76;padding:6px 9px;font-family:inherit;font-weight:600;font-size:.82rem;line-height:1.25;outline:none}
.az-tools .az-make-search:focus{border-color:#148eda;box-shadow:0 0 0 2px #54b7f245}
.az-tools .az-make-empty{padding:9px;font-size:.77rem;color:#557c98;margin:0;line-height:1.4}
.az-tools .az-dropdown-option[hidden],.az-tools .az-make-empty[hidden]{display:none!important}


/* V12 — mark, model, year dropdown: one more option visible, even with mark search. */
.az-tools .az-dropdown-list{max-height:182px!important}
@media(max-width:540px){.az-tools .az-dropdown-list{max-height:182px!important}}
/* Keep options on top of adjacent controls while leaving the form and imagery intact. */
.az-tools .az-dropdown-list:focus-within{overscroll-behavior:contain}
