.mug-options-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 18px 0; }
.mug-options-grid > div { min-width: 0; }
.mug-options-grid label { display: block; margin-bottom: 6px; }
.mug-options-grid select, .mug-options-grid input { width: 100%; min-width: 0; padding: 10px; border: 1px solid #bfd7ca; border-radius: 10px; background: white; font: inherit; color: var(--ink); }
.mug-options-grid input:disabled { background: #edf3ef; color: var(--muted); }
.mug-options-grid :is(input, select):focus-visible { outline: 2px solid var(--green-700); outline-offset: 2px; }
.mug-summary { padding: 14px; border-radius: 10px; background: #edf7f1; color: var(--green-900); line-height: 1.6; }
.mug-summary:empty { display: none; }
.product-detail-image #taza-foto { display: block; width: 100%; max-width: 520px; height: auto; aspect-ratio: 1; object-fit: contain; background: white; }
.mug-gallery { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.mug-gallery[hidden] { display: none; }
.mug-gallery button { padding: 4px; border: 1px solid #bfd7ca; border-radius: 10px; background: white; cursor: pointer; }
.mug-gallery button[aria-pressed="true"] { outline: 2px solid var(--green-700); outline-offset: 2px; }
.mug-gallery button img { display: block; width: 80px; height: 80px; object-fit: contain; border-radius: 6px; box-shadow: none; }
.mug-photo-source { color: var(--green-800); }
@media (max-width: 600px) { .mug-options-grid { grid-template-columns: 1fr; } }