/* QLD Batteries battery finder (theme file, not generated). Built from the design's tokens and
   components: qf-field inputs, qf__meter, chips, eyebrows, buttons. */

/* ---------------------------------------------------------------- layout */
.fnd__grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start;}
.fnd__side{display:flex;flex-direction:column;gap:20px;}
.fnd__main{min-width:0;}
@media (max-width:960px){
  .fnd__grid{grid-template-columns:minmax(0,1fr);}
  .fnd__main{order:2;}
  .fnd-q{order:3;}
}

/* ---------------------------------------------------------------- vehicle form */
.fnd-form,.fnd-q{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:24px;}
.fnd-form__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}
.fnd-form__h,.fnd-q__h{font-family:var(--display);font-weight:700;font-size:28px;line-height:.95;text-transform:uppercase;color:var(--ink);}
.fnd-fields{display:grid;gap:14px;}
.fnd-fields select:disabled{background-color:var(--n50);color:var(--n400);}
.fnd-step__l{font-size:13px;line-height:16px;font-weight:500;color:var(--ink-3);margin-bottom:6px;}
.fnd-fuels{display:flex;flex-wrap:wrap;gap:8px;}
.fnd-fuel{min-height:44px;padding:0 16px;border:1.5px solid var(--n300);border-radius:var(--radius);background:#fff;color:var(--ink);
  font:600 14px/1 var(--body);cursor:pointer;transition:border-color 160ms var(--ease-out),background-color 160ms var(--ease-out);}
.fnd-fuel:hover{border-color:var(--ink-3);}
.fnd-fuel[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff;}
.fnd-fuel--unsure{font-weight:500;color:var(--ink-3);}
.fnd-help,.fnd-form__note{font-size:13px;line-height:1.45;color:var(--muted);}
.fnd-help{margin-top:6px;}
.fnd-form__note{margin-top:18px;padding-top:16px;border-top:1px solid var(--rule);}

/* ---------------------------------------------------------------- before a search */
.fnd-start{border:1.5px dashed var(--rule-strong);border-radius:var(--radius-lg);padding:clamp(28px,4vw,56px);color:var(--ink-3);font-size:16px;line-height:1.5;}
.fnd-res:not([hidden]) + .fnd-start{display:none;}

/* ---------------------------------------------------------------- results */
.fnd-res__hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;}
.fnd-res__hd .eyebrow{margin-bottom:10px;}
.fnd-res__h{font-family:var(--display);font-weight:700;font-size:clamp(30px,3vw,44px);line-height:.95;text-transform:uppercase;color:var(--ink);}
.fnd-res__sum{margin-top:8px;color:var(--ink-3);font-size:15px;}
.fnd-empty{padding:20px 22px;border-radius:var(--radius-lg);background:var(--n100);color:var(--ink-2);line-height:1.5;}
.fnd-empty a{color:var(--red);font-weight:600;}
.fnd-banner{margin-bottom:14px;padding:14px 18px;border-left:3px solid var(--ink);background:var(--n100);border-radius:0 var(--radius) var(--radius) 0;font-size:14.5px;line-height:1.5;color:var(--ink-2);}
.fnd-banner--warn{border-left-color:var(--red);background:var(--r50);}
.fnd-list{display:grid;gap:16px;}

/* collapsible notices: auxiliary battery, check before choosing, other versions */
.fnd-aux,.fnd-guide,.fnd-related{margin-bottom:14px;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper);}
.fnd-related{margin:18px 0 0;}
.fnd-aux > summary,.fnd-guide > summary,.fnd-related > summary{display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;list-style:none;
  font-weight:600;font-size:15px;color:var(--ink);}
.fnd-aux > summary::-webkit-details-marker,.fnd-guide > summary::-webkit-details-marker,.fnd-related > summary::-webkit-details-marker{display:none;}
.fnd-aux > summary::after,.fnd-guide > summary::after,.fnd-related > summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;
  transform:rotate(45deg) translateY(-3px);transition:transform 200ms var(--ease-out);flex:none;}
.fnd-aux[open] > summary::after,.fnd-guide[open] > summary::after,.fnd-related[open] > summary::after{transform:rotate(225deg) translateY(-1px);}
.fnd-aux__bd,.fnd-guide__bd{padding:0 18px 16px;font-size:14.5px;line-height:1.55;color:var(--ink-2);}
.fnd-aux__i{padding:12px 0;border-top:1px solid var(--rule);}
.fnd-aux__i p + p{margin-top:4px;}
.fnd-aux__i span{color:var(--muted);}
.fnd-aux__ft{margin-top:10px;font-size:13px;color:var(--muted);}
.fnd-guide__bd ul,.fnd-warn ul,.fnd-notes{padding-left:18px;}
.fnd-guide__bd li + li,.fnd-warn li + li,.fnd-notes li + li{margin-top:6px;}
.fnd-related ul{list-style:none;padding:0 18px 12px;}
.fnd-related li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 0;border-top:1px solid var(--rule);font-size:14px;}
.fnd-related li span{color:var(--ink-3);}
.fnd-related__v{background:none;border:0;padding:0;font:600 14px/1.35 var(--body);color:var(--ink);text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:3px;}
.fnd-related__v:hover{text-decoration-color:var(--red);}

/* status chips */
.fnd-st{display:inline-flex;align-items:center;padding:5px 9px;border-radius:2px;font:700 10.5px/1 var(--signage);letter-spacing:.13em;text-transform:uppercase;
  background:var(--n100);color:var(--ink-3);flex:none;}
.fnd-st--checked{background:var(--ink);color:#fff;}
.fnd-st--conditional{background:var(--r50);color:var(--r800);box-shadow:inset 0 0 0 1px var(--r200);}
.fnd-st--manual{background:var(--red);color:#fff;}
.fnd-st--aux{background:var(--ink-3);color:#fff;}

/* ---------------------------------------------------------------- result card */
.fnd-card{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper);overflow:hidden;}
.fnd-card--conditional{border-color:var(--r200);}
.fnd-card--manual{border-color:var(--r300);}
.fnd-card__hd{padding:18px 20px 14px;}
.fnd-card__veh{margin-top:10px;font-weight:600;font-size:16px;line-height:1.35;color:var(--ink);}
.fnd-card__veh span{font-weight:400;color:var(--muted);}
.fnd-card__lb{margin-top:4px;font-size:14px;line-height:1.45;color:var(--ink-3);}

.fnd-opt{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;align-items:start;padding:16px 20px;border-top:1px solid var(--rule);}
.fnd-opt--none,.fnd-opt--missing{grid-template-columns:minmax(0,1fr);}
.fnd-opt__img{aspect-ratio:4/3;background:var(--n50);border-radius:var(--radius);overflow:hidden;}
.fnd-opt__img img{width:100%;height:100%;object-fit:contain;}
.fnd-opt__role{font:700 10.5px/1.2 var(--signage);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);}
.fnd-opt__role--primary{color:var(--red);}
.fnd-opt__role--conditional,.fnd-opt__role--possible{color:var(--r800);}
.fnd-opt__h{margin-top:4px;font-family:var(--display);font-weight:700;font-size:26px;line-height:1;text-transform:uppercase;color:var(--ink);}
.fnd-code{background:none;border:0;padding:0;font:inherit;color:inherit;text-transform:inherit;cursor:pointer;text-align:left;
  text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--rule-strong);text-underline-offset:4px;}
.fnd-code:hover,.fnd-code:focus-visible{text-decoration-color:var(--red);}
.fnd-opt__specs{margin-top:6px;font-size:14px;line-height:1.45;color:var(--ink-2);}
.fnd-opt__tech{font-weight:600;}
.fnd-opt__aux{margin-top:6px;font-size:13.5px;font-weight:600;color:var(--r800);}
.fnd-opt__note{margin-top:6px;font-size:13.5px;line-height:1.45;color:var(--ink-3);}
.fnd-opt__buy{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right;}
.fnd-opt__price{font-family:var(--display);font-weight:700;font-size:30px;line-height:1;color:var(--ink);white-space:nowrap;}
.fnd-opt__price small{font-size:.55em;}
.fnd-opt__price span{display:block;margin-top:4px;font:500 11px/1 var(--body);color:var(--muted);text-transform:none;}
.fnd-opt__more{font-size:13px;}
.fnd .tlink,.fnd-qf .tlink{color:var(--ink);}
@media (max-width:640px){
  .fnd-opt{grid-template-columns:72px minmax(0,1fr);}
  .fnd-opt__buy{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:left;}
}

.fnd-warn{margin:0 20px 16px;padding:14px 16px;border-radius:var(--radius);background:var(--r50);font-size:14px;line-height:1.5;color:var(--ink-2);}
.fnd-warn__h{margin-bottom:6px;font:700 10.5px/1.2 var(--signage);letter-spacing:.13em;text-transform:uppercase;color:var(--r800);}
.fnd-notes{margin:0 20px 18px;font-size:13.5px;line-height:1.5;color:var(--muted);}

/* ---------------------------------------------------------------- quote */
.fnd-q__h{margin-bottom:12px;font-size:24px;}
.fnd-q__empty{font-size:14px;line-height:1.5;color:var(--ink-3);}
.fnd-q__list{list-style:none;padding:0;margin:0;}
.fnd-q__i{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--rule);}
.fnd-q__t{display:flex;flex-direction:column;gap:2px;min-width:0;font-weight:600;font-size:15px;}
.fnd-q__t span{font-weight:400;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fnd-q__qty{display:flex;align-items:center;border:1.5px solid var(--n300);border-radius:var(--radius);}
.fnd-q__qty button{width:30px;height:32px;background:none;border:0;font-size:16px;cursor:pointer;color:var(--ink);}
.fnd-q__qty span{min-width:22px;text-align:center;font-weight:600;font-size:14px;}
.fnd-q__p{font-weight:600;font-size:14px;text-align:right;white-space:nowrap;}
.fnd-q__p small{font-size:.8em;}
.fnd-q__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px;font-size:14px;color:var(--ink-3);}
.fnd-q__total strong{font-family:var(--display);font-size:28px;line-height:1;color:var(--ink);}
.fnd-q__total strong span{display:block;font:500 11px/1.2 var(--body);color:var(--muted);text-align:right;}
.fnd-q__note{margin:10px 0 14px;font-size:12.5px;line-height:1.45;color:var(--muted);}
.fnd-q__form{display:grid;gap:12px;}
.fnd-q__form textarea{width:100%;padding:10px 12px;border:1.5px solid var(--n300);border-radius:4px;font:400 16px/1.4 var(--body);resize:vertical;}
.fnd-q__form .is-bad{border-color:var(--red);}
.fnd-q__send{width:100%;}
.fnd-q__msg{font-size:13.5px;line-height:1.45;color:var(--ink-2);}
.fnd-q__msg:empty{display:none;}
.fnd-q__alt{display:flex;justify-content:space-between;gap:12px;font-size:13px;}
.fnd-q__alt a{color:var(--ink);font-weight:600;}
.fnd-q__alt button{background:none;border:0;padding:0;font:inherit;color:var(--muted);cursor:pointer;text-decoration:underline;}

/* ---------------------------------------------------------------- specification dialog */
.fnd-dlg{max-width:min(520px,calc(100vw - 32px));width:100%;padding:0;border:0;border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);}
.fnd-dlg::backdrop{background:rgba(14,14,17,.55);}
.fnd-dlg__panel{position:relative;padding:28px 24px 24px;}
.fnd-dlg__x{position:absolute;top:14px;right:14px;width:36px;height:36px;display:grid;place-items:center;background:var(--n100);border:0;border-radius:50%;cursor:pointer;}
.fnd-dlg__x svg{width:12px;height:12px;}
.fnd-dlg .eyebrow{margin-bottom:10px;}
.fnd-dlg__h{font-family:var(--display);font-weight:700;font-size:32px;line-height:.95;text-transform:uppercase;padding-right:40px;}
.fnd-dlg__img{display:block;width:200px;max-width:60%;margin:14px 0 4px;}
.fnd-dlg__specs{margin:14px 0 18px;}
.fnd-dlg__specs div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--rule);font-size:14.5px;}
.fnd-dlg__specs dt{color:var(--ink-3);}
.fnd-dlg__specs dd{font-weight:600;text-align:right;}
.fnd-dlg__acts{display:flex;flex-wrap:wrap;gap:10px;}

.fnd-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:120;transform:translate(-50%,20px);opacity:0;pointer-events:none;
  padding:12px 18px;border-radius:var(--radius);background:var(--ink);color:#fff;font-weight:600;font-size:14px;transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out);}
.fnd-toast.is-on{opacity:1;transform:translate(-50%,0);}

/* ---------------------------------------------------------------- quick finder result */
.fnd-qf{margin:14px 0 4px;}
.fnd-qf__go{width:100%;}