/* Premium Compact: one shared scale, activated on the homepage approval sample only.
 * Expand scope only after approval. Keep the desktop design system unchanged.
 */
@media (max-width: 1024px) {
  body.home {
    --tw-c-space-1: 4px;
    --tw-c-space-2: 8px;
    --tw-c-space-3: 12px;
    --tw-c-space-4: 16px;
    --tw-c-space-5: 24px;
    --tw-c-space-6: 32px;
    --tw-c-h1: 27px;
    --tw-c-h2: 23px;
    --tw-c-h3: 17px;
    --tw-c-body: 14px;
    --tw-c-caption: 11px;
    --tw-c-card-title: 12px;
    --tw-c-price: 15px;
    --tw-c-heading-weight: 600;
    --tw-c-heading-line: 1.25;
    --tw-c-body-line: 1.55;
    --tw-c-section: var(--tw-c-space-6);
    --tw-c-gutter: var(--tw-c-space-5);
    --tw-c-gap: var(--tw-c-space-4);
    --tw-c-card-pad: var(--tw-c-space-3);
    --tw-c-control: 44px;
    --tw-c-icon: 20px;
    --tw-c-radius: 12px;
    --tw-c-brand-count: 5.3;
    --tw-c-card-min: 190px;
    --tw-c-product-image: clamp(160px, 22vw, 210px);
    --container-gutter: var(--tw-c-gutter);
    --type-body: 400 var(--tw-c-body)/var(--tw-c-body-line) var(--font-sans);
    --type-meta: 400 var(--tw-c-caption)/1.5 var(--font-sans);
    --type-meta-strong: 600 var(--tw-c-caption)/1.5 var(--font-sans);
  }
}
@media (max-width: 767px) {
  body.home {
    --tw-c-h1: calc(clamp(23px, 6vw, 26px) - 1px);
    --tw-c-h2: calc(clamp(22px, 5.6vw, 24px) - 1px);
    --tw-c-h3: 16px;
    --tw-c-body: 13px;
    --tw-c-caption: 11px;
    --tw-c-card-title: 12px;
    --tw-c-price: 13px;
    --tw-c-section: var(--tw-c-space-5);
    --tw-c-gutter: var(--tw-c-space-4);
    --tw-c-gap: var(--tw-c-space-3);
    --tw-c-brand-count: 3.2;
  }
}
@media (max-width: 359px) {
  body.home { --tw-c-gutter: var(--tw-c-space-3); }
}