.casual-gallery { position: sticky; top: 24px; display: block; background: var(--cream); }
.casual-gallery > [data-casual-view] { width: 100%; }
.casual-gallery > [data-casual-view] > img { width: 100%; object-fit: contain; height: auto; }
.casual-gallery .personalization-preview { max-width: 590px; margin: auto; }
.casual-preview-note { margin: 10px 0; font-size: 12px; text-align: center; color: var(--muted); }
.casual-colors { display: flex; flex-wrap: wrap; gap: 10px; }
.casual-colors .customizer-option { display: flex; gap: 8px; align-items: center; }
.casual-colors i { display: inline-block; width: 20px; height: 20px; border: 1px solid #999; border-radius: 50%; }
.casual-product .product-info__description { line-height: 1.5; }
.casual-application { color: var(--muted); font-size: 14px; line-height: 1.5; }
.casual-product--quick { padding: 0; }
.casual-product--quick > .container { width: auto; padding: 0; }
.casual-product--quick .breadcrumbs { display: none; }
.casual-product--quick .product-layout { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 30px; }
.casual-product :focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
@media (max-width: 800px) {
  .casual-gallery { position: relative; top: auto; }
  .casual-gallery .personalization-preview { max-width: 350px; }
  .casual-product--quick .product-layout { grid-template-columns: 1fr; }
  .casual-product--quick .casual-gallery .personalization-preview { max-width: 220px; }
  .casual-product .customizer-option { min-height: 48px; }
}
@media (prefers-reduced-motion: reduce) { .casual-product * { transition: none !important; animation: none !important; } }