/* "Escolha a base": cartões com a foto do vaso, dentro do form de compra, antes do botão. */
.orides-base{ border:0; padding:0; margin:0 0 16px; min-width:0; }
.orides-base__t{ display:block; font-family:var(--sans, Cabin, sans-serif); font-weight:600; font-size:0.9375rem; color:var(--chumbo, #16211C); margin:0 0 10px; padding:0; }
.orides-base__t span{ font-weight:400; color:var(--chumbo-soft, #5C6560); }
.orides-base__grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(92px, 1fr)); gap:8px; }
.orides-base__op{ position:relative; display:flex; flex-direction:column; align-items:center; gap:4px; padding:8px 6px 9px; border:1px solid var(--line, #C4BBAA); border-radius:8px; background:var(--marfim, #F7F5F0); cursor:pointer; text-align:center; transition:border-color .15s, box-shadow .15s; }
.orides-base__op input{ position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; }
.orides-base__op.is-on{ border-color:var(--musgo, #3B533E); box-shadow:0 0 0 1px var(--musgo, #3B533E) inset; background:#fff; }
.orides-base__op:focus-within{ outline:2px solid var(--musgo, #3B533E); outline-offset:2px; }
.orides-base__img{ width:64px; height:64px; object-fit:cover; border-radius:6px; background:var(--marfim2, #EFEAE1); display:block; }
.orides-base__n{ font-size:0.8125rem; line-height:1.2; color:var(--chumbo, #16211C); }
.orides-base__p{ font-size:0.75rem; color:var(--musgo, #3B533E); font-weight:600; }
.orides-base__op.is-on .orides-base__p::before{ content:"✓ "; }

/* celular: trilho de uma linha (a grade de 2 linhas empurrava o botão pra 1.800px) */
@media(max-width:819px){
  .orides-base__grid{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:8px; padding:2px 2px 6px; margin:0 -2px; scrollbar-width:none; }
  .orides-base__grid::-webkit-scrollbar{ display:none; }
  .orides-base__op{ flex:0 0 96px; scroll-snap-align:start; }
  .orides-base__img{ width:56px !important; height:56px !important; }
}