/* Konkan Central inline estimator. Phone first: one column, full width, big targets. */
.kcq-wrap{--kq-cream:var(--cream,#FAF6F0);--kq-warm:var(--cream-warm,#F5EDD9);--kq-white:#fff;--kq-line:var(--line,#E8DFD5);--kq-ink:var(--charcoal,#2C1810);--kq-soft:var(--charcoal-soft,#5A453A);--kq-mute:var(--muted,#8C7A6E);--kq-red:var(--crimson,#9C2B08);--kq-gold:var(--gold,#D4AF37);--kq-goldw:#FBF3DC;--kq-green:var(--green,#2D7A3D);--kq-greenw:#E6F2E8;--kq-wa:#25D366;
  background:var(--kq-warm);padding:52px 0 54px}
.kcq{box-sizing:border-box;font-family:inherit;max-width:1180px;margin:0 auto;padding:0 22px;font-size:16px;color:var(--kq-ink)}
.kcq *,.kcq *::before,.kcq *::after{box-sizing:border-box}
.kcq [hidden]{display:none!important}
.kcq-card{background:var(--kq-white);border:1px solid var(--kq-line);border-radius:18px;padding:24px 18px 22px;box-shadow:0 6px 28px rgba(44,24,16,.07)}
.kcq-eyebrow{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold,#D4AF37);margin:0 0 10px}
.kcq-h{font-size:26px;line-height:1.15;font-weight:700;color:var(--crimson,#9C2B08);margin:0 0 12px;letter-spacing:-.01em;text-wrap:balance}
.kcq-lede{font-size:16.5px;line-height:1.6;color:var(--kq-soft);margin:0 0 22px;max-width:680px}
.kcq-seg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;background:var(--kq-cream);border:1px solid var(--kq-line);border-radius:12px;padding:4px;margin-bottom:14px}
.kcq-seg button{appearance:none;border:0;background:transparent;font:inherit;font-size:13px;font-weight:700;color:var(--kq-soft);padding:11px 4px;border-radius:9px;cursor:pointer;min-height:44px;line-height:1.2}
.kcq-seg button[aria-pressed="true"]{background:var(--kq-red);color:#fff}
.kcq-f{display:block;margin-bottom:12px}
.kcq-f>span{display:block;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--kq-mute);margin-bottom:6px}
.kcq-f>span i{color:var(--kq-red);font-style:normal}
.kcq input,.kcq select{width:100%;max-width:100%;min-width:0;font:inherit;font-size:16px;min-height:48px;padding:11px 12px;border:1px solid var(--kq-line);border-radius:11px;background:var(--kq-cream);color:var(--kq-ink)}
.kcq select{appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%235A453A' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:13px;padding-right:34px}
.kcq input:focus,.kcq select:focus{outline:2px solid var(--kq-gold);outline-offset:-1px}
.kcq-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kcq-gate{margin:4px 0 0;padding:12px 14px;border:1px solid var(--kq-gold);background:var(--kq-goldw);border-radius:11px;font-size:13.5px;line-height:1.55}
.kcq-out{margin-top:16px;border-top:1px solid var(--kq-line);padding-top:16px}
.kcq-for{font-size:13px;color:var(--kq-mute);margin:0 0 10px;line-height:1.5}
.kcq-car{font-size:16px;font-weight:800;margin:0 0 2px}
.kcq-ways{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
.kcq-way{border:1px solid var(--kq-line);border-radius:13px;padding:14px 15px;background:var(--kq-cream)}
.kcq-way.lead{border-color:var(--kq-gold);background:var(--kq-goldw)}
.kcq-way h4{margin:0;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--kq-soft)}
.kcq-amt{font-size:30px;font-weight:800;line-height:1.1;margin:5px 0 0;letter-spacing:-.5px}
.kcq-fuel{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px}
.kcq-fuel.no{background:#fff;color:var(--kq-red);border:1px solid var(--kq-red)}
.kcq-fuel.yes{background:var(--kq-greenw);color:var(--kq-green);border:1px solid var(--kq-green)}
.kcq-sub{font-size:12.5px;color:var(--kq-soft);margin:8px 0 0;line-height:1.5}
.kcq-diff{margin:12px 0 0;padding:11px 13px;border:1px solid var(--kq-red);border-radius:11px;font-size:13px;line-height:1.55;background:#fff}
.kcq-diff b{color:var(--kq-red)}
.kcq-acts{display:grid;grid-template-columns:1fr;gap:9px;margin-top:14px}
.kcq-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:12px;font-size:15px;font-weight:800;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;padding:0 14px;text-align:center}
.kcq-btn.wa{background:var(--kq-wa);color:#07301A}
.kcq-btn.all{background:var(--kq-red);color:#fff}
.kcq-btn.ghost{background:#fff;color:var(--kq-red);border-color:var(--kq-red)}
/* The download-as-PDF button, 10 Oct 2026. Deliberately quieter than WhatsApp
   and the compare link, because it is the thing you do after you are happy,
   not the thing that starts the conversation. */
.kcq-btn.pdf{background:#fff;color:var(--kq-ink,#1b1b1b);border-color:#cfcfcf}
.kcq-btn.pdf:hover{border-color:#1b1b1b}
.kcq-btn.pdf[disabled]{opacity:.6;cursor:default}
.kcq-note{font-size:12px;color:var(--kq-mute);margin:12px 0 0;line-height:1.55}
@media(min-width:620px){
  .kcq-card{padding:26px 26px 22px}
  .kcq-h{font-size:26px}
  .kcq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
  .kcq-ways{grid-template-columns:1fr 1fr}
  .kcq-acts{grid-template-columns:1fr 1fr}
}
@media(min-width:980px){.kcq-h{font-size:29px}}

.kcq-wrap{scroll-margin-top:92px}
.kcq-jump{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:12px;background:#fff;color:var(--crimson,#9C2B08);border:2px solid var(--crimson,#9C2B08);font-weight:800;font-size:15px;text-decoration:none;margin-top:10px}
.kcq-jump:hover{background:var(--crimson,#9C2B08);color:#fff}

/* The flat rate against the per kilometre rate. On a phone a four column table
   traps the first column and forces a sideways drag, so below 720px it becomes
   two stacked cards and no table at all. */
.kcq-vs{width:100%;border-collapse:collapse;font-size:13.5px;margin:4px 0 2px}
.kcq-vs th,.kcq-vs td{border:1px solid var(--kq-line);padding:10px 12px;text-align:left;vertical-align:top}
.kcq-vs thead th{background:var(--kq-warm);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--kq-soft);font-weight:800}
.kcq-vs tbody th{background:var(--kq-cream);width:28%;font-weight:700}
.kcq-vs .good{color:var(--kq-green);font-weight:700}
.kcq-vs .bad{color:var(--kq-red);font-weight:700}
.kcq-stack{display:none;gap:10px;margin:4px 0 2px}
.kcq-scard{border:1px solid var(--kq-line);border-radius:13px;overflow:hidden}
.kcq-scard>h5{margin:0;padding:10px 13px;background:var(--kq-warm);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--kq-soft)}
.kcq-srow{display:flex;gap:10px;align-items:flex-start;padding:10px 13px;border-top:1px solid var(--kq-line);font-size:14px;line-height:1.45}
.kcq-srow .k{flex:0 0 104px;color:var(--kq-mute);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.kcq-srow .v{flex:1;min-width:0}
.kcq-srow .v.good{color:var(--kq-green);font-weight:700}
.kcq-srow .v.bad{color:var(--kq-red);font-weight:700}
@media(max-width:720px){ .kcq-vs{display:none} .kcq-stack{display:grid} }
.kcq-ic{flex:none;vertical-align:-3px}
.kcq-f>span{display:flex;align-items:center;gap:6px}
.kcq-f>span .kcq-ic{color:var(--kq-red);opacity:.85}
.kcq-seg button{display:flex;align-items:center;justify-content:center;gap:6px}
.kcq-way h4{display:flex;align-items:center;gap:7px}
.kcq-car,.kcq-for,.kcq-note{display:flex;align-items:flex-start;gap:8px}
.kcq-car .kcq-ic{color:var(--kq-red);margin-top:3px}
.kcq-for .kcq-ic,.kcq-note .kcq-ic{color:var(--kq-mute);margin-top:2px}
.kcq-stops{display:grid;gap:8px;margin-bottom:12px}
.kcq-stop{display:flex;align-items:center;gap:8px}
.kcq-stop input{flex:1;min-width:0}
.kcq-x{flex:none;width:44px;height:44px;border:1px solid var(--kq-line);background:var(--kq-cream);border-radius:11px;color:var(--kq-mute);font-size:19px;line-height:1;cursor:pointer}
.kcq-add{display:inline-flex;align-items:center;gap:7px;background:none;border:1px dashed var(--kq-red);color:var(--kq-red);border-radius:11px;padding:0 14px;min-height:44px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;margin-bottom:12px}
.kcq-route{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--kq-soft);margin:0 0 10px}
.kcq-route b{color:var(--kq-ink)} .kcq-route .arr{color:var(--kq-mute)}

/* The short trip advice, shown when the kilometre rate would bill the minimum */
.kcq-rec{grid-column:1/-1;display:flex;gap:9px;align-items:flex-start;padding:13px 15px;margin:0 0 12px;
 border:1.5px solid var(--kq-gold,#C8A24A);background:var(--kq-wash,rgba(200,162,74,.10));border-radius:12px;
 font-size:13.5px;line-height:1.55;color:var(--kq-ink,#2C1810)}
.kcq-rec svg{flex:none;margin-top:2px;color:var(--kq-red,#9C2B08)}

/* Third row folded, said once, where the car is named */
.kcq-fold{display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;padding:10px 12px;border-radius:10px;
 background:var(--kq-cream,#FAF7F2);border:1px solid var(--kq-line,rgba(44,24,16,.12));
 font-size:12.5px;line-height:1.5;color:var(--kq-soft,#5A453A)}
.kcq-fold svg{flex:none;margin-top:2px;color:var(--kq-gold,#C8A24A)}

/* Two cars below and two above, on the page, no second click */
.kcq-near{margin:16px 0 4px}
.kcq-nearh{display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--kq-gold,#C8A24A);font-weight:800;margin:0 0 10px}
.kcq-nearh svg{color:var(--kq-gold,#C8A24A)}
.kcq-nearlist{display:grid;gap:8px}
.kcq-nrow{display:flex;gap:12px;align-items:center;justify-content:space-between;
 padding:11px 13px;border:1px solid var(--kq-line,rgba(44,24,16,.12));border-radius:11px;background:#fff}
.kcq-nrow.me{border-color:var(--kq-gold,#C8A24A);background:var(--kq-wash,rgba(200,162,74,.10));
 box-shadow:0 0 0 1px var(--kq-gold,#C8A24A) inset}
.kcq-nname{min-width:0}
.kcq-nname b{display:block;font-size:14px;line-height:1.3;color:var(--kq-ink,#2C1810)}
.kcq-nname em{display:inline-block;margin-top:3px;font-style:normal;font-size:10.5px;letter-spacing:.09em;
 text-transform:uppercase;font-weight:800;color:var(--kq-red,#9C2B08)}
.kcq-nname small{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-top:4px;
 font-size:12px;color:var(--kq-soft,#5A453A)}
.kcq-nname small svg{width:13px;height:13px;color:var(--kq-soft,#5A453A)}
.kcq-nprice{flex:none;text-align:right}
.kcq-nprice b{display:block;font-size:16px;font-weight:800;color:var(--kq-red,#9C2B08);white-space:nowrap}
.kcq-nprice small{display:block;font-size:11px;color:var(--kq-soft,#5A453A);max-width:130px;line-height:1.35}
.kcq-nearf{margin:9px 0 0;font-size:12px;line-height:1.5;color:var(--kq-soft,#5A453A)}
@media(max-width:480px){
  .kcq-nrow{flex-direction:column;align-items:stretch;gap:7px}
  .kcq-nprice{text-align:left}
  .kcq-nprice small{max-width:none}
}

/* The car line wraps, so the folded note sits under it at full width */
.kcq-car{flex-wrap:wrap}
.kcq-fold{flex-basis:100%}
/* capacity line in the comparison rows */
.kcq-nname small svg{margin-right:2px}
.kcq-nname small>span{margin-right:9px}
.kcq-chip{font-style:normal;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:800;
 color:var(--kq-gold,#9a7420);background:var(--kq-wash,rgba(200,162,74,.16));border-radius:20px;padding:2px 8px}
/* the fuel difference, folded away until it is asked for */
.kcq-det{border:1px solid var(--kq-line,rgba(44,24,16,.12));border-radius:12px;background:#fff;padding:0 13px}
.kcq-det>summary{display:flex;gap:9px;align-items:flex-start;padding:13px 0;cursor:pointer;list-style:none;
 font-size:13.5px;line-height:1.5;font-weight:700;color:var(--kq-ink,#2C1810)}
.kcq-det>summary::-webkit-details-marker{display:none}
.kcq-det>summary::after{content:"";flex:none;margin-left:auto;width:9px;height:9px;align-self:center;
 border-right:2px solid var(--kq-red,#9C2B08);border-bottom:2px solid var(--kq-red,#9C2B08);
 transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s ease}
.kcq-det[open]>summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.kcq-det>summary svg{flex:none;margin-top:2px;color:var(--kq-red,#9C2B08)}
.kcq-det>:last-child{padding-bottom:14px}
.kcq-det>summary em{display:inline-block;margin-top:5px;font-style:normal;font-size:11.5px;letter-spacing:.08em;
 text-transform:uppercase;font-weight:800;color:var(--kq-red,#9C2B08)}
.kcq-det[open]>summary em{opacity:.5}
.kcq-detbody{padding-bottom:4px}

/* The car photograph, shown as a reference only */
.kcq-car{flex-wrap:wrap;align-items:flex-start}
/* THE PHOTOGRAPH IS NEVER CROPPED. It used to carry max-height 230px with
   object-fit cover, which on a phone did nothing because the widget is narrow,
   but on a desktop, where the widget is nearly 900px wide, cut the roof and the
   wheels off every car. The whole picture is shown at its own shape at every
   width. max-width keeps a near square photograph from towering on a desktop,
   and object-fit contain is the safety net for the few tall ones: it letterboxes
   on the cream ground rather than cutting anything off. */
.kcq-pic{flex-basis:100%;width:100%;max-width:620px;height:auto;max-height:440px;object-fit:contain;
 object-position:center;border-radius:12px;
 border:1px solid var(--kq-line,rgba(44,24,16,.12));display:block;margin:0 auto 7px;background:var(--kq-cream,#FAF7F2)}
.kcq-piccap{flex-basis:100%;display:flex;gap:7px;align-items:flex-start;margin:0 0 10px;
 font-size:11.5px;line-height:1.45;color:var(--kq-soft,#5A453A)}
.kcq-piccap svg{flex:none;margin-top:1px;width:13px;height:13px;color:var(--kq-gold,#C8A24A)}
/* A small exterior shot against each option in the comparison.
   11 October 2026. This used to be object-fit:cover in a fixed 76 x 54 box, which
   cut every car whose photograph was not that exact shape: the Ertiga lost 30 per
   cent of the picture, the Carens and the Hycross side shot 21 per cent, and even
   the Crysta front three quarter lost 5 per cent off its nose. The fleet
   photographs run from almost square to very wide, so nothing that fills a fixed
   box can avoid cutting a car in half. It is CONTAIN now, on a cream plate with a
   little padding, so every car is shown whole and the plate takes up the slack. */
.kcq-nthumb{flex:none;width:80px;height:58px;object-fit:contain;object-position:center;
 padding:3px;border-radius:9px;
 border:1px solid var(--kq-line,rgba(44,24,16,.12));background:var(--kq-cream,#FAF7F2);display:block}
.kcq-nrow{align-items:center}
@media(max-width:480px){
  .kcq-nrow{flex-direction:row;flex-wrap:wrap;align-items:center}
  .kcq-nname{flex:1 1 150px}
  .kcq-nprice{flex:1 1 100%;text-align:left;padding-left:88px;margin-top:-4px}
}

/* the dimension under each luggage label, and the per head line */
.kcq-dim{display:block;font-style:normal;font-size:10px;letter-spacing:.02em;text-transform:none;
 font-weight:600;color:var(--kq-mute,#8a7868);margin-top:1px}
.kcq-head{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;border-radius:10px;
 background:var(--kq-cream,#FAF7F2);border:1px solid var(--kq-line,rgba(44,24,16,.12));
 font-size:13px;line-height:1.5;color:var(--kq-soft,#5A453A)}
.kcq-head svg{flex:none;margin-top:2px;color:var(--kq-gold,#C8A24A)}

/* Luggage is taken as the guest states it and confirmed by a person, so this
   line sits with the car rather than changing which car is offered. */
.kcq-bagok{display:flex;gap:8px;align-items:flex-start;flex-basis:100%;margin:8px 0 0;padding:10px 12px;
 border-radius:10px;background:var(--kq-wash,rgba(200,162,74,.10));
 border:1px solid var(--kq-gold,rgba(200,162,74,.45));
 font-size:12.5px;line-height:1.55;color:var(--kq-ink,#2C1810)}
.kcq-bagok svg{flex:none;margin-top:2px;color:var(--kq-gold,#C8A24A)}

/* Both ways of paying are always shown. The recommended one is badged, the
   other is labelled as the alternative, so neither looks like the only answer. */
.kcq-pick,.kcq-alt{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:800;
 letter-spacing:.07em;text-transform:uppercase;border-radius:20px;padding:4px 10px;margin:0 0 8px}
.kcq-pick{background:var(--kq-gold,#C8A24A);color:#2C1810}
.kcq-pick svg{width:13px;height:13px;color:#2C1810}
.kcq-alt{background:var(--kq-cream,#FAF7F2);color:var(--kq-soft,#5A453A);
 border:1px solid var(--kq-line,rgba(44,24,16,.14))}
.kcq-way.lead{border-color:var(--kq-gold,#C8A24A);box-shadow:0 0 0 1px var(--kq-gold,#C8A24A) inset}

/* A saving reads green, an extra cost reads red, the same way in every list */
.kcq-gap{display:block;font-style:normal;font-size:12px;font-weight:800;margin-top:2px;white-space:nowrap}
.kcq-gap.less{color:#1F7A43}
.kcq-gap.more{color:#9C2B08}

/* Our own car carries no reference image disclaimer */
.kcq-piccap.own{color:var(--kq-ink,#2C1810)}
.kcq-piccap.own svg{color:var(--kq-gold,#C8A24A)}

/* One tap popular trips. Mobile first: the strip scrolls sideways on a phone
   and wraps on a desktop, and the tap targets are a full 44 px tall. */
.kcq-chips{display:flex;gap:8px;margin:0 0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0 4px}
.kcq-chips::-webkit-scrollbar{display:none}
@media (min-width:760px){.kcq-chips{flex-wrap:wrap;overflow:visible}}
.kcq-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;
  padding:0 15px;border-radius:999px;border:1px solid var(--line,#E4DACB);background:var(--white,#fff);
  color:var(--charcoal,#2C1810);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}
.kcq-chip svg{width:15px;height:15px;opacity:.6;flex:0 0 auto}
.kcq-chip:hover{transform:translateY(-1px);border-color:var(--gold,#C8A24A);box-shadow:0 6px 16px rgba(44,24,16,.1)}
.kcq-chip:focus-visible{outline:3px solid var(--gold,#C8A24A);outline-offset:2px}
.kcq-chip[aria-pressed="true"]{background:var(--gold,#C8A24A);border-color:var(--gold,#C8A24A);color:#241B06}
.kcq-chip[aria-pressed="true"] svg{opacity:1}

/* The figure lifts for a moment when it actually changes, so a guest who adds a
   day or a guest can see that something moved. */
@keyframes kcqPop{0%{transform:translateY(5px);opacity:.35}60%{transform:translateY(-2px);opacity:1}100%{transform:translateY(0);opacity:1}}
.kcq-amt.kcq-pop{animation:kcqPop .42s cubic-bezier(.2,.7,.3,1)}
@media (prefers-reduced-motion:reduce){.kcq-amt.kcq-pop{animation:none}.kcq-chip{transition:none}}

/* ---------- Things people were already tapping (6 Oct 2026) ---------------
   Clarity recorded dead clicks on the car photographs and on the price. Both
   now answer. The photograph opens that car's page; the figure opens the line
   by line breakdown that sits under it. */
.kcq-piclink{position:relative;display:block;flex-basis:100%;width:100%;max-width:620px;margin:0 auto 7px;
  border-radius:12px;text-decoration:none}
.kcq-piclink .kcq-pic{margin:0}
.kcq-picmore{position:absolute;right:10px;bottom:10px;background:rgba(44,24,16,.82);color:#fff;
  font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:6px 11px;border-radius:999px;
  pointer-events:none;backdrop-filter:blur(2px)}
.kcq-piclink:hover .kcq-picmore{background:var(--kq-red,#9C2B08)}
.kcq-nthumblink{flex:none;display:block;border-radius:9px;line-height:0}
.kcq-amt-tap{cursor:pointer;border-bottom:2px dotted rgba(44,24,16,.26);display:inline-block}
.kcq-amt-tap:hover{border-bottom-color:var(--kq-red,#9C2B08)}
.kcq-amt-tap:focus-visible{outline:2px solid var(--kq-red,#9C2B08);outline-offset:3px;border-radius:4px}

/* The class and the car carry long names, so on a narrow phone they take a
   line each rather than being cut off mid-word. */
@media (max-width:430px){
  .kcq-rowcar{grid-template-columns:1fr}
}
#kq-cat,#kq-pick{text-overflow:ellipsis}

/* ---------- Pricing the same trip on another car (6 Oct 2026) -------------
   Every alternative under the quote now carries a button that reprices the
   trip on that car, so the list is a comparison the guest can act on. The
   photograph still opens that car's own page, which is what the dead click
   data said people were reaching for. */
.kcq-nprice-btn{display:inline-block;margin-top:6px;border:1.5px solid var(--kq-red,#9C2B08);
  background:#fff;color:var(--kq-red,#9C2B08);font:inherit;font-size:12px;font-weight:700;
  line-height:1.2;padding:7px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;
  transition:background .15s,color .15s}
.kcq-nprice-btn:hover{background:var(--kq-red,#9C2B08);color:#fff}
.kcq-nprice-btn:focus-visible{outline:2px solid var(--kq-red,#9C2B08);outline-offset:2px}
.kcq-npicked{display:block;margin-top:6px;font-size:11px;font-style:normal;font-weight:700;
  letter-spacing:.03em;color:var(--kq-gold,#C8A24A)}

/* On a narrow phone the row stacks, so the button goes full width and is easy
   to hit with a thumb rather than sitting as a small pill in a corner. */
@media (max-width:620px){
  .kcq-nprice-btn{display:block;width:100%;text-align:center;padding:10px 12px;font-size:13px}
}