@media (max-width: 850px) {
  .tool-panel { max-height: none; overflow: visible; }
  .menu-button { width: 44px; height: 44px; padding: 0; border-radius: 6px; }
  .side-toggle button { min-height: 40px; padding-inline: 20px; }
  .zoom-controls button { width: 36px; height: 36px; }
  .size-grid input { min-height: 40px; }
}

@media (max-width: 520px) {
  .swatch { width: 38px; height: 38px; }
  .product-option { min-height: 82px; }
  .primary-button, .panel-action, .checkout-button { min-height: 48px; }
  .order-modal input, .order-modal textarea { font-size: 16px; }
}

.cartoon-option { text-align: center !important; font-weight: 700; }
.cartoon-option .cartoon-thumb { width: 100%; height: 108px; display: block; object-fit: contain; margin-bottom: 7px; border-radius: 5px; background: linear-gradient(135deg, #f5f2e9, #e7e2d7); }
.cartoon-option span { display: block; padding: 2px 3px 5px; }