/* hooo · producția: pagina „Alege varianta” (/alege/) */
.hooo-alege{max-width:980px}
.hooo-alege__comanda{margin:0 0 6px;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--ink-3,#7A7280)}
.hooo-alege__h{margin:0 0 8px;font-size:30px}
.hooo-alege__sub{margin:0 0 20px;color:var(--ink-2,#4A444D)}
/* pista A, 29 septembrie 2026: caseta urmează raportul imaginii (width și height din PHP), iar imaginea o umple; variantele culcate
   stau câte două pe rând, ca fețele să se vadă bine, cele drepte câte trei */
.hooo-alege__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:18px;align-items:start}
.hooo-alege__grid--culcat{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}
.hooo-alege__var{display:flex;flex-direction:column;gap:12px;margin:0;padding:12px;border:1.5px solid var(--line,#E7E0E4);border-radius:var(--radius,16px);background:#fff}
.hooo-alege__var img{display:block;width:100%;height:auto;object-fit:cover;border-radius:10px;background:var(--paper-2,#FBF8F9)}
.hooo-alege__var .button{width:100%}
.hooo-alege__nota{margin:18px 0 0;font-size:14px;color:var(--ink-3,#7A7280)}
/* tema dă mesajelor alt padding decât WooCommerce, iar pictograma lui WooCommerce ar acoperi prima literă */
.hooo-alege .woocommerce-message::before,.hooo-alege .woocommerce-info::before,.hooo-alege .woocommerce-error::before{content:none;display:none}
/* 15 octombrie 2026, la puzzle: sub imaginea variantei, puzzle-ul în cutie (previzualizarea motorului), cu eticheta lui */
.hooo-alege__cutie{display:block;position:relative}
.hooo-alege__var .hooo-alege__cutie img{border-radius:10px;background:var(--paper-2,#FBF8F9)}
.hooo-alege__cutie-et{position:absolute;left:10px;top:10px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink,#1E1A20);font-size:13px;font-weight:600;line-height:1.5}