/* Form refinements; market-tier table intentionally unchanged. */
.planning-fields{display:grid;gap:24px;max-width:720px}
.planning-fields label,.owner-fields label{display:block;font:14px/1.5 Arial,Helvetica,sans-serif;color:#626262}
.planning-fields input,.owner-fields input{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:block;width:100%;min-width:0;min-height:48px;margin-top:8px;padding:12px 14px;border:1px solid #ccc;border-radius:2px;background:#fff;color:#222;font:16px/1.4 Arial,Helvetica,sans-serif;box-shadow:none}
.planning-fields input:focus,.owner-fields input:focus{outline:2px solid #222;outline-offset:2px;border-color:#222}
.planning-fields input::placeholder,.owner-fields input::placeholder{color:#777;opacity:1}
.planning-fields>p{font:14px/1.5 Arial,Helvetica,sans-serif;color:#626262;margin:0}
@media(max-width:700px){
.fgrid.pcols{gap:22px;margin-top:10px}
.fgrid.pcols .chips{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.fgrid.pcols .chip2{flex:0 1 auto;min-height:44px;width:auto;margin:0;padding:10px 14px;font-size:16px;line-height:1.4}
.fgrid.pcols .flabel{font-size:13px;margin:0 0 8px;letter-spacing:.1em}
.fgrid.pcols .fnote{font-size:13px;margin-top:8px}
.product-step .specline{display:none}
.owner-fields{grid-template-columns:1fr;gap:18px}
.report-owner{margin-bottom:18px}.report-purchase{padding:16px 0;margin-bottom:18px}.report-purchase p{font-size:14px;line-height:1.5}
#wheelbox{min-width:0;width:100%}
#wheeldome #wheel{width:100%;max-width:420px;margin:0 auto}
#hubcard{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:100%;max-width:360px;margin:18px auto 0;text-align:left;display:none;opacity:1}
#hubcard.on{display:block}#hubcard i{font-size:12px}#hubcard b{font-size:22px}#hubcard p{font-size:16px;line-height:1.5;margin:8px 0}#hubcard span{font-size:14px;line-height:1.5}
}

@media(max-width:700px){
#wheeldome{gap:22px;align-content:start;align-items:start;padding:42px 5% 24px}
#wheeldome .dl{max-width:none;width:100%;min-width:0}
#wheeldome .dtitle{margin:6px 0 14px}
#wheeldome .wintro2{margin:0 0 16px}
#wheeldome #slots{min-height:0;margin-top:12px;padding-top:10px}
#wheeldome .spx.empty{min-height:44px}
#wheeldome .dnav{margin-top:16px}
#wheeldome #wheelbox{align-self:start}
}

#badges,#badges *{pointer-events:none}
#wheel .seg{touch-action:manipulation}
.spx .x{display:flex;align-items:center;justify-content:center;width:44px;height:44px;top:0;right:0;border:0;background:transparent;color:#626262;font:18px Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.spx .x:focus-visible{outline:2px solid #222;outline-offset:-3px}

/* Product selection: aligned groups and consistent touch controls. */
.fgrid.pcols{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 32px;align-items:start}
.fgrid.pcols .fgroup{min-width:0}
.fgrid.pcols .flabel{font:400 13px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#626262;margin:0 0 12px}
.fgrid.pcols .chips{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;border:1px solid #ccc;border-radius:2px;overflow:hidden}
.fgrid.pcols .chip2{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:50px;margin:0;padding:12px 6px;border:0;border-right:1px solid #ccc;border-radius:0;background:#fff;color:#222;font:400 16px/1.35 Arial,Helvetica,sans-serif;letter-spacing:0;text-align:center;cursor:pointer;touch-action:manipulation}
.fgrid.pcols .chip2:last-child{border-right:0}
.fgrid.pcols .chip2.on{background:#eee!important;color:#222!important;box-shadow:inset 0 -2px #222!important;font-weight:700}
.fgrid.pcols .chip2:focus-visible{outline:2px solid #222;outline-offset:-3px}
.fgrid.pcols .fnote{font:400 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;color:#717171;margin:8px 0 0}
.fgrid.pcols .chips[data-key="cert"]{grid-auto-flow:row;grid-template-columns:1fr;gap:0}
.fgrid.pcols .chips[data-key="cert"] .chip2{justify-content:flex-start;text-align:left;padding:14px;border:0;border-bottom:1px solid #ddd;gap:12px;font-size:15px}
.fgrid.pcols .chips[data-key="cert"] .chip2:last-child{border-bottom:0}
.fgrid.pcols .chips[data-key="cert"] .chip2::before{content:"";width:16px;height:16px;flex:0 0 16px;border:1px solid #aaa;display:grid;place-items:center;font-size:12px}
.fgrid.pcols .chips[data-key="cert"] .chip2.on{box-shadow:none!important;font-weight:400}
.fgrid.pcols .chips[data-key="cert"] .chip2.on::before{content:"✓";background:#222;color:#fff;border-color:#222}
@media(max-width:700px){
.fgrid.pcols{grid-template-columns:1fr!important;gap:26px;margin-top:10px;padding-bottom:24px}
.fgrid.pcols .flabel{font-size:12px}
}

/* Keep the opening action adjacent to its single field. */
.pageR.intro-step .stepbody{flex:0 0 auto;overflow:visible;margin-top:18px}
.pageR.intro-step .nav{margin-top:28px}
@media(max-width:700px){
.deskwrap:has(.intro-step){height:auto;min-height:0}
.folio:has(.intro-step){height:auto!important;min-height:0}
.pageR.intro-step{padding-bottom:16px}
}

.pageR.intro-step .stepbody{zoom:1!important}
#f_brand0::placeholder{font-size:16px;font-style:normal}

/* Mobile scent flow: instruction, wheel/details, selections, navigation. */
@media(max-width:700px){
#wheeldome{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;gap:0}
#wheeldome .dl{display:contents}
#wheeldome .dl>.stepno{grid-row:1;margin:0}
#wheeldome .dtitle{grid-row:2}
#wheeldome .wintro2{grid-row:3}
#wheeldome #wheelbox{grid-row:4;grid-column:1;margin:0}
#wheeldome #slots{grid-row:5;grid-column:1;margin-top:20px}
#wheeldome .cred{grid-row:6;grid-column:1}
#wheeldome .dnav{grid-row:7;grid-column:1;justify-content:space-between;margin-top:20px;padding-top:14px;border-top:1px solid #ddd}
}

/* The scent screen supplies its own progress and navigation. */
body:has(#wheeldome) .deskwrap{visibility:hidden}

/* Quantity uses direct numeric entry without browser spinner controls. */
#qty{appearance:textfield;-moz-appearance:textfield}
#qty::-webkit-inner-spin-button,#qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}