
      :root { --ink:#16201d; --muted:#62706b; --paper:#fbfcfa; --white:#fff; --yellow:#ffd335; --line:#dfe5e1; --dark:#070a09; --ok:#1f7a4d; --max:1180px; }
      * { box-sizing:border-box; }
      html { scroll-behavior:smooth; }
      html, body { max-width:100%; overflow-x:hidden; }
      body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.55; }
      img { display:block; max-width:100%; }
      a { color:inherit; }
      button, a, :is(label,button[data-radio]) { -webkit-tap-highlight-color:transparent; }
      .container { width:min(var(--max), calc(100% - 40px)); margin-inline:auto; }
      .topbar { position:sticky; top:0; z-index:30; border-bottom:1px solid rgba(22,32,29,.08); background:rgba(251,252,250,.9); backdrop-filter:blur(14px); }
      .nav { position:relative; min-height:76px; display:flex; justify-content:space-between; align-items:center; gap:18px; }
      .brand img { width:180px; height:auto; }
      .nav-links { display:flex; align-items:center; gap:18px; font-size:14px; font-weight:850; }
      .nav-links a { text-decoration:none; white-space:nowrap; }
      .nav-links a:hover, .nav-links a:focus-visible { color:#9b7900; }
      .nav-links .button.primary { background:var(--yellow); color:#111; }
      .nav-menu-toggle { display:none; width:46px; height:46px; flex:0 0 46px; align-items:center; justify-content:center; flex-direction:column; gap:5px; padding:0; border:1px solid rgba(22,32,29,.16); border-radius:7px; background:#ffd335; color:#111; cursor:pointer; box-shadow:0 8px 22px rgba(22,32,29,.14); }
      .nav-menu-toggle span { display:block; width:21px; height:2px; border-radius:2px; background:currentColor; transition:transform .24s ease, opacity .2s ease; }
      .nav-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
      .nav-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
      .nav-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
      @media (max-width:900px) {
        .nav-menu-toggle { display:inline-flex; }
        .nav-links { position:absolute; top:calc(100% + 8px); right:0; z-index:40; width:min(360px, calc(100vw - 24px)); max-height:calc(100dvh - 96px); overflow-y:auto; display:none; flex-direction:column; align-items:stretch; gap:4px; padding:12px; border:1px solid rgba(22,32,29,.14); border-radius:8px; background:rgba(255,255,255,.98); color:#16201d; box-shadow:0 18px 48px rgba(0,0,0,.2); }
        .nav-links.is-open { display:flex; }
        .nav-links a { width:100%; min-height:44px; display:flex; align-items:center; padding:10px 12px; border-radius:6px; }
        .nav-links a:hover, .nav-links a:focus-visible { background:rgba(255,211,53,.22); }
        .nav-links a.button { justify-content:center; }
      }
      @media (max-width:420px) { .nav-links { right:-4px; width:calc(100vw - 16px); } }
      .breadcrumb { padding:14px 0; font-size:14px; color:var(--muted); }
      .breadcrumb ol { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; }
      .breadcrumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:#a3ada8; }
      .page-head {   }
      .page-head h1 { margin:0;  line-height:1.08; }
      .page-head p {  margin:10px 0 0;   }

      /* Radios de estado (sem JS): controlam qual etapa esta visivel */
      .config-step-radio { position:absolute; opacity:0; pointer-events:none; }

      .configurator {
        display:grid;
        
        
        
        min-width:0;
        
      }
      .config-sidebar { grid-area:sidebar; min-width:0;   }
      .config-sidebar h2 {  font-weight:900; text-transform:uppercase;    }
      .config-steps { list-style:none; margin:0;    }
      .config-steps :is(label,button[data-radio]) { display:flex; align-items:center; gap:12px;   font-size:14.5px; font-weight:800; cursor:pointer;  }
      
      
      

      .config-options { grid-area:options; min-width:0;   overflow-y:auto; }
      .option-panel { display:none; flex-direction:column; }
      .options-eyebrow { margin:0;  font-weight:900; text-transform:uppercase;   }
      
      .option-card { position:relative;  gap:14px; align-items:flex-start;     }
      
      .option-card img { flex:0 0 auto; width:96px; height:96px; object-fit:cover; border-radius:6px; background:var(--white); }
      .option-card-body { flex:1; min-width:0; }
      .option-card h3 { margin:0 0 4px;   }
      .option-spec { margin:0;     }
      
      
      
      
      
      
      
      @media (max-width:520px) { .option-card { flex-wrap:wrap; }  }

      .config-showcase { grid-area:showcase; min-width:0;  display:flex; flex-direction:column; }
      .showcase-panel { display:none; flex-direction:column; flex:1; }
      .showcase-eyebrow { margin:0;  font-weight:900; text-transform:uppercase;   }
      
      .showcase-image {   overflow:hidden;   display:flex; align-items:center; justify-content:center; }
      .showcase-image img { width:100%;    }
      .showcase-image img[data-choice] { display:none; }
      .showcase-thumbs { display:flex; gap:10px; margin-top:12px; }
      .showcase-thumbs :is(label,button[data-radio]) { display:block; flex:0 0 auto;    overflow:hidden; border:2px solid var(--line); cursor:pointer; background:var(--white); }
      .showcase-thumbs :is(label,button[data-radio]):hover { border-color:#9b7900; }
      .showcase-thumbs img { width:100%; height:100%;  display:block; }
      #img-chassi-1:checked ~ .configurator [data-panel="chassi"] .showcase-image img[data-choice="1"],
      #img-chassi-2:checked ~ .configurator [data-panel="chassi"] .showcase-image img[data-choice="2"],
      #img-chassi-3:checked ~ .configurator [data-panel="chassi"] .showcase-image img[data-choice="3"],
      #img-estrutura-1:checked ~ .configurator [data-panel="estrutura"] .showcase-image img[data-choice="1"],
      #img-estrutura-2:checked ~ .configurator [data-panel="estrutura"] .showcase-image img[data-choice="2"] { display:block; }
      #img-chassi-1:checked ~ .configurator [data-panel="chassi"] .showcase-thumbs :is(label[for="img-chassi-1"],button[data-radio="img-chassi-1"]),
      #img-chassi-2:checked ~ .configurator [data-panel="chassi"] .showcase-thumbs :is(label[for="img-chassi-2"],button[data-radio="img-chassi-2"]),
      #img-chassi-3:checked ~ .configurator [data-panel="chassi"] .showcase-thumbs :is(label[for="img-chassi-3"],button[data-radio="img-chassi-3"]),
      #img-estrutura-1:checked ~ .configurator [data-panel="estrutura"] .showcase-thumbs :is(label[for="img-estrutura-1"],button[data-radio="img-estrutura-1"]),
      #img-estrutura-2:checked ~ .configurator [data-panel="estrutura"] .showcase-thumbs :is(label[for="img-estrutura-2"],button[data-radio="img-estrutura-2"]) { border-color:var(--yellow); box-shadow:0 0 0 2px rgba(255,211,53,.4); }
      #img-eixo-1:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="1"],
      #img-eixo-2:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="2"],
      #img-eixo-3:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="3"],
      #img-eixo-4:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="4"],
      #img-eixo-5:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="5"],
      #img-eixo-6:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="6"],
      #img-eixo-7:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="7"],
      #img-roda-1:checked ~ .configurator [data-panel="roda"] .showcase-image img[data-choice="1"],
      #img-roda-2:checked ~ .configurator [data-panel="roda"] .showcase-image img[data-choice="2"] { display:block; }
      #img-eixo-1:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-1"],button[data-radio="img-eixo-1"]),
      #img-eixo-2:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-2"],button[data-radio="img-eixo-2"]),
      #img-eixo-3:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-3"],button[data-radio="img-eixo-3"]),
      #img-eixo-4:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-4"],button[data-radio="img-eixo-4"]),
      #img-eixo-5:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-5"],button[data-radio="img-eixo-5"]),
      #img-eixo-6:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-6"],button[data-radio="img-eixo-6"]),
      #img-eixo-7:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-7"],button[data-radio="img-eixo-7"]),
      #img-roda-1:checked ~ .configurator [data-panel="roda"] .showcase-thumbs :is(label[for="img-roda-1"],button[data-radio="img-roda-1"]),
      #img-roda-2:checked ~ .configurator [data-panel="roda"] .showcase-thumbs :is(label[for="img-roda-2"],button[data-radio="img-roda-2"]) { border-color:var(--yellow); box-shadow:0 0 0 2px rgba(255,211,53,.4); }
      .showcase-note { margin:18px 0 0;      }
      .showcase-note strong { display:block; margin-bottom:4px;  text-transform:uppercase;   }
      .showcase-actions {  display:flex; flex-wrap:wrap; gap:10px; }
      .button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:12px 20px; border:1px solid transparent; border-radius:6px; text-decoration:none; font-weight:900; font-size:14px; cursor:pointer; }
      .button.primary { background:var(--yellow); color:#080b0a; box-shadow:0 10px 26px rgba(255,211,53,.27); }
      .button.whatsapp { background:#25d366; color:#06130d; }

      .config-bottom-bar {  bottom:0; z-index:5; display:flex; justify-content:flex-end;     }
      .next-label { display:none; }

      /* --- Estados controlados pelos radios (sem JS) --- */
      #step-chassi:checked ~ .configurator .option-panel[data-panel="chassi"],
      #step-chassi:checked ~ .configurator .showcase-panel[data-panel="chassi"] { display:flex; }
      #step-estrutura:checked ~ .configurator .option-panel[data-panel="estrutura"],
      #step-estrutura:checked ~ .configurator .showcase-panel[data-panel="estrutura"] { display:flex; }
      #step-eixo:checked ~ .configurator .option-panel[data-panel="eixo"],
      #step-eixo:checked ~ .configurator .showcase-panel[data-panel="eixo"] { display:flex; }
      #step-roda:checked ~ .configurator .option-panel[data-panel="roda"],
      #step-roda:checked ~ .configurator .showcase-panel[data-panel="roda"] { display:flex; }
      #step-cores:checked ~ .configurator .option-panel[data-panel="cores"],
      #step-cores:checked ~ .configurator .showcase-panel[data-panel="cores"] { display:flex; }

      #step-chassi:checked ~ .config-bottom-bar .next-label[data-for="chassi"],
      #step-estrutura:checked ~ .config-bottom-bar .next-label[data-for="estrutura"],
      #step-eixo:checked ~ .config-bottom-bar .next-label[data-for="eixo"],
      #step-roda:checked ~ .config-bottom-bar .next-label[data-for="roda"],
      #step-cores:checked ~ .config-bottom-bar .next-label[data-for="cores"] { display:inline-flex; }

      #step-chassi:checked ~ .configurator .config-steps li[data-step="chassi"] :is(label,button[data-radio]),
      #step-estrutura:checked ~ .configurator .config-steps li[data-step="estrutura"] :is(label,button[data-radio]),
      #step-eixo:checked ~ .configurator .config-steps li[data-step="eixo"] :is(label,button[data-radio]),
      #step-roda:checked ~ .configurator .config-steps li[data-step="roda"] :is(label,button[data-radio]),
      #step-cores:checked ~ .configurator .config-steps li[data-step="cores"] :is(label,button[data-radio]) { color:var(--ink); background:#fff9dd; }
      

      
      
      

      .color-wrap { margin-top:4px; }
      .color-radio { position:absolute; opacity:0; pointer-events:none; }
      .color-stage { position:relative;     overflow:hidden;  }
      .color-frame { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; transition:opacity .45s ease; }
      .color-thumbs {  flex-wrap:wrap;  margin-top:16px; }
      .color-thumbs :is(label,button[data-radio]) { display:flex; flex-direction:column; align-items:center; gap:5px; flex:0 0 auto;  cursor:pointer; }
      .color-thumbs :is(label,button[data-radio]) img {    border-radius:6px; border:2px solid var(--line); transition:border-color .2s ease, transform .2s ease; }
      .color-thumbs :is(label,button[data-radio]) span {  font-weight:800;  text-align:center; line-height:1.2; }
      .color-thumbs :is(label,button[data-radio]):hover img { border-color:#9b7900; }
      .color-disclaimer {  padding:12px 14px; border-left:3px solid var(--line);   }
      #cor-rosa:checked ~ .color-wrap .color-frame[data-cor="rosa"],
      #cor-marrom:checked ~ .color-wrap .color-frame[data-cor="marrom"],
      #cor-verde:checked ~ .color-wrap .color-frame[data-cor="verde"],
      #cor-azul:checked ~ .color-wrap .color-frame[data-cor="azul"],
      #cor-laranja:checked ~ .color-wrap .color-frame[data-cor="laranja"],
      #cor-azul-claro:checked ~ .color-wrap .color-frame[data-cor="azul-claro"],
      #cor-verde-petroleo:checked ~ .color-wrap .color-frame[data-cor="verde-petroleo"],
      #cor-azul-royal:checked ~ .color-wrap .color-frame[data-cor="azul-royal"],
      #cor-cinza-claro:checked ~ .color-wrap .color-frame[data-cor="cinza-claro"],
      #cor-cinza:checked ~ .color-wrap .color-frame[data-cor="cinza"],
      #cor-pink:checked ~ .color-wrap .color-frame[data-cor="pink"],
      #cor-roxo:checked ~ .color-wrap .color-frame[data-cor="roxo"],
      #cor-branco:checked ~ .color-wrap .color-frame[data-cor="branco"],
      #cor-verde-limao:checked ~ .color-wrap .color-frame[data-cor="verde-limao"],
      #cor-amarelo:checked ~ .color-wrap .color-frame[data-cor="amarelo"],
      #cor-marrom-escuro:checked ~ .color-wrap .color-frame[data-cor="marrom-escuro"],
      #cor-preto:checked ~ .color-wrap .color-frame[data-cor="preto"],
      #cor-vermelho:checked ~ .color-wrap .color-frame[data-cor="vermelho"] { opacity:1; z-index:1; }
      #cor-rosa:checked ~ .color-wrap .color-thumbs :is(label[for="cor-rosa"],button[data-radio="cor-rosa"]),
      #cor-marrom:checked ~ .color-wrap .color-thumbs :is(label[for="cor-marrom"],button[data-radio="cor-marrom"]),
      #cor-verde:checked ~ .color-wrap .color-thumbs :is(label[for="cor-verde"],button[data-radio="cor-verde"]),
      #cor-azul:checked ~ .color-wrap .color-thumbs :is(label[for="cor-azul"],button[data-radio="cor-azul"]),
      #cor-laranja:checked ~ .color-wrap .color-thumbs :is(label[for="cor-laranja"],button[data-radio="cor-laranja"]),
      #cor-azul-claro:checked ~ .color-wrap .color-thumbs :is(label[for="cor-azul-claro"],button[data-radio="cor-azul-claro"]),
      #cor-verde-petroleo:checked ~ .color-wrap .color-thumbs :is(label[for="cor-verde-petroleo"],button[data-radio="cor-verde-petroleo"]),
      #cor-azul-royal:checked ~ .color-wrap .color-thumbs :is(label[for="cor-azul-royal"],button[data-radio="cor-azul-royal"]),
      #cor-cinza-claro:checked ~ .color-wrap .color-thumbs :is(label[for="cor-cinza-claro"],button[data-radio="cor-cinza-claro"]),
      #cor-cinza:checked ~ .color-wrap .color-thumbs :is(label[for="cor-cinza"],button[data-radio="cor-cinza"]),
      #cor-pink:checked ~ .color-wrap .color-thumbs :is(label[for="cor-pink"],button[data-radio="cor-pink"]),
      #cor-roxo:checked ~ .color-wrap .color-thumbs :is(label[for="cor-roxo"],button[data-radio="cor-roxo"]),
      #cor-branco:checked ~ .color-wrap .color-thumbs :is(label[for="cor-branco"],button[data-radio="cor-branco"]),
      #cor-verde-limao:checked ~ .color-wrap .color-thumbs :is(label[for="cor-verde-limao"],button[data-radio="cor-verde-limao"]),
      #cor-amarelo:checked ~ .color-wrap .color-thumbs :is(label[for="cor-amarelo"],button[data-radio="cor-amarelo"]),
      #cor-marrom-escuro:checked ~ .color-wrap .color-thumbs :is(label[for="cor-marrom-escuro"],button[data-radio="cor-marrom-escuro"]),
      #cor-preto:checked ~ .color-wrap .color-thumbs :is(label[for="cor-preto"],button[data-radio="cor-preto"]),
      #cor-vermelho:checked ~ .color-wrap .color-thumbs :is(label[for="cor-vermelho"],button[data-radio="cor-vermelho"]) { border-color:var(--yellow); box-shadow:0 0 0 2px rgba(255,211,53,.4); transform:translateY(-2px); }
      @media (max-width:640px) { .color-thumbs :is(label,button[data-radio]) { width:64px; } .color-thumbs :is(label,button[data-radio]) img { width:60px; height:44px; } }

      /* Modo de cor: unica ou duas cores (bicolor) */
      .color-mode { display:none; }
      #modo-cor-unica:checked ~ .configurator [data-panel="cores"] .color-mode-single,
      #modo-cor-duas:checked ~ .configurator [data-panel="cores"] .color-mode-duas { display:block; }
      .option-card.option-card-select { cursor:pointer;   text-decoration:none; color:inherit; }
      
      .option-card.option-card-select + .option-card.option-card-select { margin-top:12px; }
      #modo-cor-unica:checked ~ .configurator [data-panel="cores"] .option-card[data-mode="unica"],
      #modo-cor-duas:checked ~ .configurator [data-panel="cores"] .option-card[data-mode="duas"] { border-color:var(--ok); background:#f4faf6; }
      
      #cor-duas-amarelo-azul:checked ~ .color-wrap .color-frame[data-cor-duas="amarelo-azul"],
      #cor-duas-branco-vermelho:checked ~ .color-wrap .color-frame[data-cor-duas="branco-vermelho"],
      #cor-duas-creme-cafe:checked ~ .color-wrap .color-frame[data-cor-duas="creme-cafe"],
      #cor-duas-branco-verde:checked ~ .color-wrap .color-frame[data-cor-duas="branco-verde"],
      #cor-duas-rosa-bebe-roxo:checked ~ .color-wrap .color-frame[data-cor-duas="rosa-bebe-roxo"],
      #cor-duas-prata-preto:checked ~ .color-wrap .color-frame[data-cor-duas="prata-preto"] { opacity:1; z-index:1; }
      #cor-duas-amarelo-azul:checked ~ .color-wrap .color-thumbs :is(label[for="cor-duas-amarelo-azul"],button[data-radio="cor-duas-amarelo-azul"]),
      #cor-duas-branco-vermelho:checked ~ .color-wrap .color-thumbs :is(label[for="cor-duas-branco-vermelho"],button[data-radio="cor-duas-branco-vermelho"]),
      #cor-duas-creme-cafe:checked ~ .color-wrap .color-thumbs :is(label[for="cor-duas-creme-cafe"],button[data-radio="cor-duas-creme-cafe"]),
      #cor-duas-branco-verde:checked ~ .color-wrap .color-thumbs :is(label[for="cor-duas-branco-verde"],button[data-radio="cor-duas-branco-verde"]),
      #cor-duas-rosa-bebe-roxo:checked ~ .color-wrap .color-thumbs :is(label[for="cor-duas-rosa-bebe-roxo"],button[data-radio="cor-duas-rosa-bebe-roxo"]),
      #cor-duas-prata-preto:checked ~ .color-wrap .color-thumbs :is(label[for="cor-duas-prata-preto"],button[data-radio="cor-duas-prata-preto"]) { border-color:var(--yellow); box-shadow:0 0 0 2px rgba(255,211,53,.4); transform:translateY(-2px); }

      section.cta { color:var(--white); background:var(--dark); }
      section.cta .container { display:flex; align-items:center; justify-content:space-between; gap:36px; padding:48px 0; }
      section.cta h2 { font-size:clamp(24px,3.2vw,34px); margin:0; }
      section.cta p { max-width:600px; margin:12px 0 0; color:#cfd5d2; }

      footer { padding:34px 0; border-top:1px solid var(--line); background:#fff; }
      .footer-inner { display:flex; justify-content:space-between; gap:28px; }
      .footer-brand { display:grid; gap:5px; color:var(--muted); font-size:14px; }
      .footer-brand strong { color:var(--ink); font-size:18px; }
      .footer-nav { display:flex; max-width:640px; flex-wrap:wrap; justify-content:flex-end; gap:9px 16px; font-size:13px; font-weight:800; }
      :focus-visible { outline:3px solid #16201d; outline-offset:3px; }

      @media (max-width:980px) {
        .configurator { grid-template-columns:1fr; grid-template-areas:"showcase" "sidebar" "options"; min-height:0; }
        .config-sidebar, .config-options, .config-showcase { border-right:0; border-bottom:1px solid var(--line); }
        .config-sidebar { padding:16px 20px; }
        .config-steps { display:flex; gap:8px; min-width:0; max-width:100%; overflow-x:auto; scrollbar-width:none; }
        .config-steps::-webkit-scrollbar { display:none; }
        .config-steps li { flex:0 0 auto; }
        .config-steps :is(label,button[data-radio]) { border:1px solid var(--line); border-radius:999px; padding:9px 14px; white-space:nowrap; }
        .config-sidebar h2 { display:none; }
        .config-showcase { padding:20px; }
        .showcase-image { min-height:220px; }
        .config-options { padding:22px 20px; }
      }
      @media (max-width:860px) {
        .brand img { width:190px; }
        section.cta .container { display:block; padding:36px 0; }
        section.cta .button { margin-top:18px; }
        .footer-inner { display:grid; }
        .footer-nav { justify-content:flex-start; }
      }
      @media (max-width:520px) {
        .container { width:min(100% - 28px,var(--max)); }
        .topbar { border-top-width:5px; }
        .nav { min-height:76px; }
        .brand img { width:150px; height:auto; }
        .nav-links { top:76px; left:14px; right:14px; }
        .config-bottom-bar { padding:14px 16px; justify-content:stretch; }
        .next-label { width:100%; }
      }
      @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
    
#img-eixo-8:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="8"] { display:block; }
#img-eixo-8:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-8"],button[data-radio="img-eixo-8"]) { border-color:var(--ink); background:#fff; }
#img-eixo-9:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="9"] { display:block; }
#img-eixo-9:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-9"],button[data-radio="img-eixo-9"]) { border-color:var(--ink); background:#fff; }
#img-eixo-10:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="10"] { display:block; }
#img-eixo-10:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-10"],button[data-radio="img-eixo-10"]) { border-color:var(--ink); background:#fff; }
#img-eixo-11:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="11"] { display:block; }
#img-eixo-11:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-11"],button[data-radio="img-eixo-11"]) { border-color:var(--ink); background:#fff; }
#img-eixo-12:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="12"] { display:block; }
#img-eixo-12:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-12"],button[data-radio="img-eixo-12"]) { border-color:var(--ink); background:#fff; }
#img-eixo-13:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="13"] { display:block; }
#img-eixo-13:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-13"],button[data-radio="img-eixo-13"]) { border-color:var(--ink); background:#fff; }
#img-eixo-14:checked ~ .configurator [data-panel="eixo"] .showcase-image img[data-choice="14"] { display:block; }
#img-eixo-14:checked ~ .configurator [data-panel="eixo"] .showcase-thumbs :is(label[for="img-eixo-14"],button[data-radio="img-eixo-14"]) { border-color:var(--ink); background:#fff; }
