:root{--ink:#171817;--muted:#606962;--paper:#f4f1eb;--line:#d5dad4;--green:#174f43;--mint:#e7f0eb;--shadow:0 18px 48px #24362e15;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(140deg,#fbfaf6,#eef1eb);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:var(--green);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a85609;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h2{font-size:1.06rem;letter-spacing:-.02em}h3{font-size:1rem}small,.muted{color:var(--muted)}.muted{font-size:.875rem;line-height:1.5}.app{max-width:1540px;margin:auto;padding:18px 28px 30px}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px}.brand strong{display:block;letter-spacing:.025em;font-size:1.06rem}.brand small{display:block;margin-top:4px;font-size:.81rem}.logo-tile{display:grid;place-items:center;background:var(--green);border-radius:12px;padding:4px 12px}.logo-tile img{object-fit:contain;display:block}.top-actions{display:flex;gap:8px}.ghost,.primary{min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid #c9cec8;background:#fff9;font-weight:750;font-size:.875rem;transition:background .15s}.ghost:hover{background:#fff;border-color:#799386}.primary{color:#fff;background:var(--green);border-color:var(--green)}.primary:hover{background:#216755}.primary:disabled{opacity:.5;cursor:wait}.text-button{padding:8px 0;background:none;border:0;text-decoration:underline;color:var(--green);font-size:.875rem}
.families{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.family{border:1px solid var(--line);border-radius:16px;text-align:left;padding:15px 18px;background:#fff8;min-height:74px}.family strong{display:block;font-size:1rem}.family small{display:block;font-size:.75rem;margin-top:5px}.family.active{background:var(--green);border-color:var(--green);color:white}.family.active small{color:#e0eee7}.layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(420px,1fr);gap:22px;align-items:start}.visual-column{min-width:0}.stage{height:590px;border:1px solid #cfd8d0;border-radius:28px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#fff 0,#edf3ed 45%,#dce6df 100%);box-shadow:var(--shadow)}.stage-heading{position:absolute;top:25px;left:28px;right:25px;z-index:2;display:flex;align-items:start;gap:10px;justify-content:space-between}.eyebrow{color:var(--green);font-weight:850;font-size:.75rem;letter-spacing:.14em;margin-bottom:7px}h1{font-family:Georgia,serif;font-size:clamp(1.75rem,2.8vw,3rem);line-height:1.1;font-weight:400;font-style:italic;letter-spacing:-.04em;max-width:540px}.color-caption{margin-top:8px;color:#41544a;font-size:.875rem}.badge{border:1px solid #bdcabe;background:#fff9;border-radius:30px;font-size:.75rem;padding:6px 10px;white-space:nowrap}.scooter-wrap{position:absolute;inset:100px 0 72px;display:grid;place-items:center}.scooter{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 20px 16px #233d302c)}#imageError{padding:24px;color:var(--muted)}.specs{position:absolute;bottom:48px;left:25px;right:25px;display:flex;gap:8px;flex-wrap:wrap}.spec{background:#fff9;border:1px solid #c1cdc2;padding:7px 10px;border-radius:24px;font-size:.81rem}.image-note{position:absolute;bottom:16px;left:25px;right:25px;font-size:.75rem;line-height:1.3;color:#57695d}
.controls{min-width:0;background:#fffdf9;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow);position:sticky;top:16px}.tabs{display:flex;overflow-x:auto;scrollbar-width:thin;padding:10px 12px 0;border-bottom:1px solid var(--line)}.tab{padding:14px 13px;border:0;border-bottom:3px solid transparent;background:none;white-space:nowrap;font-size:.875rem;font-weight:750;color:var(--muted)}.tab.active{color:var(--green);border-bottom-color:var(--green)}.panel{padding:20px 20px 16px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.section-heading>span{color:var(--muted);font-size:.75rem;flex-shrink:0}.options{display:grid;gap:9px;max-height:450px;overflow:auto;padding:2px 4px 3px 2px}.option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:white;border-radius:14px;padding:13px 14px;text-align:left;width:100%;min-height:65px}.option:hover{border-color:#759b87}.option.active{border-color:var(--green);background:var(--mint);box-shadow:inset 3px 0 var(--green)}.option-copy{flex:1;min-width:0}.option-name{display:block;font-size:.9375rem;font-weight:750;line-height:1.3}.option-note{display:block;font-size:.8125rem;color:var(--muted);margin-top:5px;line-height:1.35}.option-price{font-size:.875rem;font-weight:800;white-space:nowrap}.swatch{width:32px;height:32px;flex:none;border-radius:50%;box-shadow:0 0 0 1px #929f954f,inset 0 0 0 2px #fff9;background:var(--swatch)}
.filters{display:grid;gap:9px;margin-bottom:13px}.filter-row{display:flex;gap:8px}.filters input,.filters select,.variant-select{min-height:42px;border:1px solid #cbd3cc;background:white;color:var(--ink);border-radius:9px;padding:9px 10px;min-width:0;width:100%;font-size:.875rem}.filters label{display:block;font-size:.8125rem;margin-bottom:5px;color:var(--muted)}.hint{font-size:.8125rem;line-height:1.45;color:var(--muted);margin:0 0 13px}.acc-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.acc-card.selected{border-color:var(--green);box-shadow:inset 3px 0 var(--green)}.acc-main{display:flex;gap:12px;padding:13px}.acc-image{height:70px;width:70px;border-radius:8px;object-fit:contain;flex-shrink:0;background:#fff}.no-image{height:70px;width:70px;display:grid;place-items:center;color:var(--muted);font-size:.75rem;background:#f3f5f1;border-radius:8px;text-align:center;flex-shrink:0}.acc-info{flex:1;min-width:0}.acc-title{font-size:.875rem;line-height:1.4;font-weight:750}.sku{font-size:.75rem;color:var(--muted);margin:5px 0}.acc-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px 12px}.acc-bottom .ghost{font-size:.8125rem;min-height:38px;padding:7px 12px}.acc-variants{margin:0 13px 12px}.acc-variants label{font-size:.75rem;color:var(--muted);display:block;margin-bottom:5px}.add-button{font-size:.8125rem;font-weight:750;min-height:38px;border:1px solid var(--green);border-radius:99px;background:#eef5f0;padding:8px 12px;color:var(--green)}.add-button[aria-pressed=true]{background:var(--green);color:white}.add-button:disabled{color:#696e69;border-color:#d1d7d2;background:#f5f5f4;cursor:not-allowed}
.summary{padding:18px 22px 22px;border-top:1px solid var(--line);background:#eff4ef}.cost-line{display:flex;justify-content:space-between;gap:10px;font-size:.875rem;margin-bottom:8px;color:var(--muted)}.cost-line strong{color:var(--ink)}.total-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid #d2dcd3;padding-top:12px;margin-top:12px;font-size:.875rem}.total-line strong{font-size:1.8rem;letter-spacing:-.04em;white-space:nowrap}.price-note{font-size:.75rem;line-height:1.55;color:#5a685e;margin:10px 0 16px}.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary-actions .primary{grid-column:1/-1}.selection-card,.saved{margin-top:18px;padding:20px 22px;border:1px solid var(--line);border-radius:22px;background:#fffaf5;box-shadow:var(--shadow)}.selection-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid #e2e5df;font-size:.875rem;line-height:1.4}.selection-item small{display:block;margin-top:4px;font-size:.75rem}.selection-item>strong{white-space:nowrap}.selected-end{display:flex;gap:10px;align-items:center}.remove{border:0;border-radius:50%;height:32px;width:32px;background:#e4eae4;font-size:1.2rem}.notice{background:#fff4de;color:#75500b;border:1px solid #e8d3a7;border-radius:12px;padding:11px 13px;font-size:.8125rem;line-height:1.5;margin-top:12px}.notice p+p{margin-top:7px}.saved-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.saved-card strong{font-size:.9375rem}.saved-card small{display:block;font-size:.75rem;margin-top:5px}.saved-actions{display:flex;gap:6px}.empty{padding:22px 10px;text-align:center;color:var(--muted);font-size:.875rem;line-height:1.6}
.spec-table{border-collapse:collapse;width:100%;font-size:.875rem}.spec-table td{padding:11px 4px;vertical-align:top;border-bottom:1px solid #e0e4dd;line-height:1.5}.spec-table td:first-child{color:var(--muted);width:42%}.document-link{display:block;padding:13px;border:1px solid #cad8ca;border-radius:12px;font-size:.875rem;margin-top:12px}.technical-text{font-family:inherit;font-size:.8125rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f5f0;border-radius:12px;padding:16px}.features{display:grid;gap:8px;margin:16px 0}.feature{font-size:.875rem;padding:12px;background:#eff4ee;border-radius:9px}footer{margin-top:22px;border-top:1px solid var(--line);padding:17px 0;color:var(--muted);font-size:.75rem;line-height:1.8}dialog{max-width:730px;width:calc(100% - 28px);max-height:90vh;border:1px solid #cbd6cb;border-radius:22px;padding:24px;color:var(--ink);background:#fffdf9;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#1020199c;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-head h2{font-size:1.2rem;line-height:1.4}.dialog-image{width:100%;height:190px;object-fit:contain;background:white;border-radius:12px;margin-bottom:16px}.original-description{font-size:.9375rem;line-height:1.65;white-space:pre-wrap;margin:12px 0}.detail-meta{margin:12px 0;font-size:.875rem;line-height:1.65}.toast{position:fixed;bottom:24px;left:50%;max-width:calc(100% - 28px);transform:translate(-50%,20px);border-radius:16px;background:#17251e;color:white;padding:12px 18px;font-size:.875rem;box-shadow:0 12px 30px #0003;opacity:0;pointer-events:none;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}#loading{padding:70px 20px;text-align:center;color:var(--muted)}
@media(min-width:1400px){.stage{height:640px}}
@media(max-width:1000px){.app{padding:14px 16px 25px}.layout{grid-template-columns:minmax(0,1fr) minmax(390px,1fr);gap:14px}.stage{height:530px}.stage-heading{left:20px;top:22px}.badge{display:none}.family{padding:13px 12px}.panel{padding:18px 14px}.brand small{max-width:200px}.stage .specs{bottom:62px}.image-note{line-height:1.4}.total-line{display:block}.total-line strong{display:block;margin-top:4px}}
@media(max-width:800px){.layout{grid-template-columns:1fr}.controls{position:static}.stage{height:480px}.header{gap:10px}.brand small{display:none}.brand strong{font-size:.9375rem}.logo-tile{padding:3px 8px}.logo-tile img{width:105px;height:40px}.top-actions .ghost{padding:9px 11px;font-size:.8125rem}.families{display:flex;overflow:auto;padding-bottom:3px;gap:8px}.family{flex:0 0 140px}.scooter-wrap{inset:85px 0 76px}.options{max-height:460px}.total-line{display:flex}.total-line strong{margin:0}.stage-heading h1{font-size:2rem}.specs{bottom:49px!important}.visual-column .selection-card{display:none}}
@media(max-width:460px){.app{padding:10px 12px 24px}.brand{gap:10px}.brand strong{max-width:105px;line-height:1.3}.top-actions{flex-direction:column;gap:3px}.top-actions .ghost{font-size:.75rem;min-height:32px;padding:5px 10px}.families{margin:14px 0}.family{flex-basis:125px;min-height:66px}.family strong{font-size:.875rem}.stage{height:410px;border-radius:22px}.stage-heading{top:20px;left:18px}.stage-heading h1{font-size:1.65rem}.scooter-wrap{inset:92px -5% 80px}.specs{left:18px;gap:5px}.spec{font-size:.75rem;padding:6px 8px}.image-note{left:18px;right:18px;bottom:12px}.tabs{padding-left:4px}.tab{padding:13px 10px}.summary{padding:17px 16px}.total-line strong{font-size:1.55rem}.option{padding:12px 10px;gap:10px}.option-price{font-size:.8125rem}.acc-main{gap:10px;padding:11px}.acc-image,.no-image{height:58px;width:58px}.summary-actions{gap:7px}.summary-actions .ghost{padding:10px;font-size:.8125rem}.dialog-head{flex-direction:column}dialog{padding:19px}.filter-row{flex-direction:column}}
@media(max-width:800px){.families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.family{min-width:0}.family strong{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Aprilia branding; retain the established configurator layout. */
:root{--green:#bd1821;--mint:#fff0f0;--paper:#f4f4f4;--ink:#181818;--muted:#616161;--line:#d9d9d9}
.range-note{font-size:.875rem;color:var(--muted);line-height:1.5;margin-top:18px}.families{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.family{padding:12px;min-width:0}.stage{background:radial-gradient(ellipse at 50% 52%,#fff 0,#f1f1f1 50%,#e3e3e3 100%)}h1{font-family:inherit;font-style:normal;font-weight:750;letter-spacing:-.04em}.family.active small{color:#ffe5e5}
@media(max-width:1000px){.families{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:800px){.families{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Wix mobile embeds can be narrower than the phone viewport. */
body{min-width:0}
.layout,.controls,.panel,.options,.summary{min-width:0}
@media(max-width:460px){
  .header{flex-wrap:wrap}
  .top-actions{flex-direction:row;flex-wrap:wrap}
  .top-actions .ghost{min-height:44px}
  .section-heading,.selection-item,.saved-card,.acc-bottom{flex-wrap:wrap}
  .selection-item>span,.saved-card>div,.detail-meta{min-width:0;overflow-wrap:anywhere}
  .document-link,.original-description,footer{overflow-wrap:anywhere}
  .spec-table{table-layout:fixed;overflow-wrap:anywhere}
  .total-line{flex-wrap:wrap}
}
@media(max-width:360px){
  .app{padding:10px 8px 24px}
  .header{flex-direction:column;align-items:stretch;gap:10px}
  .brand{flex-wrap:wrap}
  .brand strong{max-width:none}
  .top-actions{gap:6px}
  .families{grid-template-columns:repeat(2,minmax(0,1fr))}
  .family{padding:12px 10px}
  .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 8px 0}
  .tab{padding:12px 6px;white-space:normal}
  .panel{padding:16px 10px}
  .option{flex-wrap:wrap}
  .option-copy{flex-basis:120px}
  .option-price{white-space:normal;overflow-wrap:anywhere}
  .option>.option-price{margin-left:auto}
  .summary{padding:16px 12px}
  .summary-actions{grid-template-columns:minmax(0,1fr)}
  .section-heading>span{flex-shrink:1}
  .stage-heading h1{font-size:1.5rem;overflow-wrap:anywhere}
  .spec{white-space:normal}
}
:root .tabs{flex-wrap:wrap;overflow-x:visible}
:root .tab{flex:1 1 auto}
@media(max-width:600px){:root .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px 8px 0}:root .tab{padding:12px 4px;white-space:normal;min-width:0;overflow-wrap:anywhere}:root .tab[data-tab="exclusive"]{grid-column:1/-1}}
@media(max-width:360px){:root .tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

.delivery-option{padding:14px 0;margin-bottom:14px;border-bottom:1px solid #d6d6d6}.delivery-option label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;cursor:pointer;min-height:44px}.delivery-option input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--red,#c5262e)}.delivery-option p{font-size:14px;line-height:1.5;margin:6px 0;color:inherit}