:root {
  color-scheme: light;
  --brand-color-primary: #ffffff;
  --brand-color-primary-deep: #fff3d4;
  --brand-color-navy: #422457;
  --brand-color-ink: #33253b;
  --brand-color-muted: #706774;
  --brand-color-line: #e7dde7;
  --brand-color-purple: #a80072;
  --brand-color-purple-dark: #790352;
  --brand-color-surface: #ffffff;
  --brand-color-panel: #fff9e9;
  --brand-color-page: #f5f0f5;
  --brand-color-focus: #870054;
  --brand-typography-family: Arial, Helvetica, sans-serif;
  --brand-typography-weight-strong: 700;
  --brand-typography-weight-action: 700;
  --brand-shell-phone-width: 414px;
  --brand-shell-phone-height: 884px;
  --brand-shell-phone-min-height: 760px;
  --brand-shell-phone-radius: 34px;
  --brand-shell-phone-border: 2px solid rgba(8, 15, 30, .82);
  --brand-shell-phone-shadow: 0 18px 45px rgba(8, 15, 30, .28);
  --brand-shell-desktop-gap: 24px;
  --brand-shell-desktop-padding: 20px;
  --brand-shell-mobile-breakpoint: 760px;
  --brand-operator-height: 24px;
  --brand-operator-padding: 5px 14px 4px;
  --brand-operator-font-size: 11px;
  --brand-operator-gap: 7px;
  --brand-header-height: 78px;
  --brand-header-padding: 11px 18px 9px;
  --brand-header-gap: 12px;
  --brand-header-logo-size: 48px;
  --brand-header-logo-radius: 2px;
  --brand-header-logo-shadow: 0 2px 0 rgba(8, 15, 30, .25);
  --brand-control-height: 44px;
  --brand-control-radius: 10px;
  --brand-control-border: 2px solid rgba(8, 15, 30, .14);
  --brand-control-shadow: 0 3px 0 rgba(8, 15, 30, .18);
  --brand-control-active-shadow: 0 3px 0 rgba(98, 12, 134, .28), inset 0 0 0 2px rgba(138, 20, 189, .1);
  --brand-card-width: 306px;
  --brand-card-height: 327px;
  --brand-card-media-height: 204px;
  --brand-card-radius: 16px;
  --brand-card-border: 3px solid rgba(255, 255, 255, .96);
  --brand-card-shadow: 0 8px 0 rgba(8, 15, 30, .18);
  --brand-sheet-max-height: 82%;
  --brand-sheet-radius: 22px 22px 0 0;
  --brand-sheet-padding: 12px 16px 18px;
  --brand-sheet-shadow: 0 -14px 34px rgba(8, 15, 30, .32);
  --brand-sheet-handle-width: 44px;
  --brand-sheet-handle-height: 5px;
  --brand-sheet-handle-margin: 0 auto 12px;
  --brand-sheet-heading-size: 30px;
  --brand-sheet-close-size: 34px;
  --brand-action-height: 46px;
  --brand-action-primary-radius: 5px;
  --brand-action-primary-padding: 13px 34px 13px 12px;
  --brand-action-primary-shadow: 0 4px 0 #3a074f;
  --brand-action-secondary-radius: 10px;
  --brand-action-secondary-padding: 9px 11px;
  --brand-payment-height: 50px;
  --brand-payment-radius: 10px;
  --brand-payment-gap: 8px;
  --brand-payment-icon-size: 24px;
  --brand-payment-selected-shadow: 0 0 0 3px rgba(138, 20, 189, .1);
  --brand-footer-margin: 12px 16px 16px;
  --brand-footer-padding: 12px 0 0;
  --brand-footer-font-size: 10px;
  --brand-footer-mark-size: 25px;
  --brand-footer-name-size: 17px;
  --brand-icon-cart-size: 31px;
  --brand-icon-count-size: 22px;
  --brand-icon-stroke-width: 2.2;
  --brand-qr-card-width: 220px;
  --brand-qr-card-padding: 18px;
  --brand-qr-card-radius: 18px;
  --brand-qr-card-shadow: 0 14px 34px rgba(8, 15, 30, .18);
  --brand-qr-image-size: 184px;
  --brand-qr-image-radius: 8px;
  --lego-yellow: var(--brand-color-primary);
  --lego-yellow-deep: var(--brand-color-primary-deep);
  --navy: var(--brand-color-navy);
  --navy-deep: var(--brand-color-ink);
  --ink: var(--brand-color-ink);
  --muted: var(--brand-color-muted);
  --line: var(--brand-color-line);
  --purple: var(--brand-color-purple);
  --purple-dark: var(--brand-color-purple-dark);
  --surface: var(--brand-color-surface);
  --white: var(--brand-color-surface);
  --panel: var(--brand-color-panel);
  --page: var(--brand-color-page);
  --focus: var(--brand-color-focus);
}
body[data-brand-system="philips-avent"] { font-family: var(--brand-typography-family); }
      body[data-brand-system="philips-avent"] .operator-strip { min-height: var(--brand-operator-height); gap: var(--brand-operator-gap); padding: var(--brand-operator-padding); background: var(--brand-color-ink); font-size: var(--brand-operator-font-size); font-weight: var(--brand-typography-weight-strong); }
      body[data-brand-system="philips-avent"] :is(.topbar, .brand-bar) { min-height: var(--brand-header-height); gap: var(--brand-header-gap); padding: var(--brand-header-padding); }
      body[data-brand-system="philips-avent"] :is(.logo, .brand-logo) { width: var(--brand-header-logo-size); height: var(--brand-header-logo-size); border-radius: var(--brand-header-logo-radius); box-shadow: var(--brand-header-logo-shadow); }
      body[data-brand-system="philips-avent"] :is(.mission-chip, .theme-tab) { min-height: var(--brand-control-height); border-radius: var(--brand-control-radius); }
      body[data-brand-system="philips-avent"] :is(.product-card, .lego-card) { border-radius: var(--brand-card-radius); border: var(--brand-card-border); box-shadow: var(--brand-card-shadow); }
      body[data-brand-system="philips-avent"] :is(.sheet, dialog) { border-radius: var(--brand-sheet-radius); padding: var(--brand-sheet-padding); box-shadow: var(--brand-sheet-shadow); }
      body[data-brand-system="philips-avent"] :is(.sheet-handle, .dialog-handle) { width: var(--brand-sheet-handle-width); height: var(--brand-sheet-handle-height); margin: var(--brand-sheet-handle-margin); }
      body[data-brand-system="philips-avent"] :is(.sheet-head h2, .dialog-head h2) { font-size: var(--brand-sheet-heading-size); }
      body[data-brand-system="philips-avent"] :is(.close-sheet, .icon-button) { width: var(--brand-sheet-close-size); height: var(--brand-sheet-close-size); }
      body[data-brand-system="philips-avent"] :is(.primary-cta, .checkout-action) { min-height: var(--brand-action-height); border-radius: var(--brand-action-primary-radius); padding: var(--brand-action-primary-padding); font-weight: var(--brand-typography-weight-action); box-shadow: var(--brand-action-primary-shadow); }
      body[data-brand-system="philips-avent"] :is(.secondary-cta, .shop-options-action) { min-height: var(--brand-action-height); border-radius: var(--brand-action-secondary-radius); padding: var(--brand-action-secondary-padding); font-weight: var(--brand-typography-weight-strong); }
      body[data-brand-system="philips-avent"] :is(.pay-chip, .choice) { min-height: var(--brand-payment-height); gap: var(--brand-payment-gap); border-radius: var(--brand-payment-radius); font-weight: var(--brand-typography-weight-strong); }
      body[data-brand-system="philips-avent"] :is(.pay-chip__icon, .pay-chip__icon img, .pay-chip img, .choice-icon, .choice-icon img) { width: var(--brand-payment-icon-size); height: var(--brand-payment-icon-size); }
      body[data-brand-system="philips-avent"] .storefront-footer { margin: var(--brand-footer-margin); padding: var(--brand-footer-padding); font-size: var(--brand-footer-font-size); }
      body[data-brand-system="philips-avent"] .storefront-footer__mark { width: var(--brand-footer-mark-size); height: var(--brand-footer-mark-size); }
      body[data-brand-system="philips-avent"] .storefront-footer__identity strong { font-size: var(--brand-footer-name-size); }
.storefront-preview {
        min-height: 100vh;
        display: grid;
        grid-template-columns: minmax(0, var(--brand-shell-phone-width)) minmax(180px, var(--brand-qr-card-width));
        justify-content: center;
        align-items: center;
        gap: var(--brand-shell-desktop-gap);
        padding: var(--brand-shell-desktop-padding);
      }
      .storefront-phone {
        width: min(100%, var(--brand-shell-phone-width));
        height: min(var(--brand-shell-phone-height), calc(100vh - 40px));
        min-height: var(--brand-shell-phone-min-height);
        position: relative;
        overflow: hidden;
        border: var(--brand-shell-phone-border);
        border-radius: var(--brand-shell-phone-radius);
        background: var(--brand-color-primary);
        box-shadow: var(--brand-shell-phone-shadow);
      }
      .storefront-desktop-qr {
        width: 100%;
        max-width: var(--brand-qr-card-width);
        padding: var(--brand-qr-card-padding);
        border: var(--brand-shell-phone-border);
        border-radius: var(--brand-qr-card-radius);
        background: rgba(255, 255, 255, .92);
        box-shadow: var(--brand-qr-card-shadow);
        color: var(--brand-color-ink);
      }
      .storefront-desktop-qr strong { display: block; margin-bottom: 12px; font-size: 18px; line-height: 1.05; }
      .storefront-desktop-qr img { display: block; width: 100%; aspect-ratio: 1; margin: 0; border: 1px solid var(--brand-color-line); border-radius: var(--brand-qr-image-radius); background: #fff; }
      @media (max-width: 760px) {
        .storefront-preview { display: block; min-height: 100dvh; padding: 0; }
        .storefront-phone { width: 100%; max-width: none; height: 100dvh; min-height: 100dvh; border: 0; border-radius: 0; box-shadow: none; }
        .storefront-desktop-qr { display: none; }
      }