/*
 * SG Organic Site Builder — Cloud UI TEST translation layer
 * Baseline: production v1.9.6.7
 * Cloud UI reference: v2.1.3
 *
 * IMPORTANT: This file intentionally DOES NOT import Cloud UI colours or fonts.
 * Existing SG Organic / Elementor colour and typography controls remain authoritative.
 * It translates only geometry, spacing rhythm, interaction states, responsive
 * transformation, touch sizing, nested-radius logic and restrained motion.
 */

/* --------------------------------------------------------------------------
   0. Test-only geometry + motion tokens
   -------------------------------------------------------------------------- */
.sgo-cloud-ui-test-active :where(
  .sgo-mh,.sgo-mega-header-host,.sgo-pl-widget,.sgo-sb-widget,.sgo-pa-hub,
  .sgo-pw-widget,.sgo-notify-widget,.sgo-cart,.sgo-smart-checkout,
  .sgo-search-results,.sgo-mh-portal,.sgo-mh-global-tray,.sgo-mh-mobile-sheet,.sgo-mh-mobile-dialog,.sgo-mega-overlay,.sgo-pl-modal,.sgo-sb-quick-modal,.sgo-pa-auth-modal,.sgo-notification-toast,.sgo-cart-voucher-backdrop,.sgo-co-address-backdrop,.sgo-search-filter-backdrop,[class^="sgo-pp-"],[class*=" sgo-pp-"]
){
  --sgo-cloud-space-025:2px;
  --sgo-cloud-space-050:4px;
  --sgo-cloud-space-075:6px;
  --sgo-cloud-space-100:8px;
  --sgo-cloud-space-150:12px;
  --sgo-cloud-space-200:16px;
  --sgo-cloud-space-250:20px;
  --sgo-cloud-space-300:24px;
  --sgo-cloud-space-400:32px;
  --sgo-cloud-space-500:40px;
  --sgo-cloud-space-600:48px;

  --sgo-cloud-radius-xs:6px;
  --sgo-cloud-radius-sm:10px;
  --sgo-cloud-radius-md:14px;
  --sgo-cloud-radius-lg:20px;
  --sgo-cloud-radius-xl:30px;
  --sgo-cloud-radius-2xl:40px;
  --sgo-cloud-radius-pill:999px;

  --sgo-cloud-control-min:44px;
  --sgo-cloud-duration-instant:80ms;
  --sgo-cloud-duration-fast:120ms;
  --sgo-cloud-duration-quick:180ms;
  --sgo-cloud-duration-standard:300ms;
  --sgo-cloud-ease-standard:cubic-bezier(.2,.8,.2,1);
  --sgo-cloud-ease-emphasized:cubic-bezier(.16,1,.3,1);

  /* Keep the SG Organic token system, only align its geometry to Cloud UI. */
  --sgo-ui-radius-sm:var(--sgo-cloud-radius-sm);
  --sgo-ui-radius-md:var(--sgo-cloud-radius-md);
  --sgo-ui-radius-lg:var(--sgo-cloud-radius-lg);
  --sgo-ui-radius-xl:var(--sgo-cloud-radius-xl);
  --sgo-ui-touch:var(--sgo-cloud-control-min);

  --sgo-cloud-panel-padding:var(--sgo-cloud-space-300);
  --sgo-cloud-card-padding:var(--sgo-cloud-space-200);
  --sgo-cloud-section-gap:var(--sgo-cloud-space-300);
  --sgo-cloud-large-gap:var(--sgo-cloud-space-400);
}

/* --------------------------------------------------------------------------
   1. Universal control discipline
   -------------------------------------------------------------------------- */
.sgo-cloud-ui-test-active :where(
  .sgo-mh,.sgo-mega-header-host,.sgo-pl-widget,.sgo-sb-widget,.sgo-pa-hub,
  .sgo-pw-widget,.sgo-notify-widget,.sgo-cart,.sgo-smart-checkout,
  .sgo-search-results,.sgo-mh-portal,.sgo-mh-global-tray,.sgo-mh-mobile-sheet,.sgo-mh-mobile-dialog,.sgo-mega-overlay,.sgo-pl-modal,.sgo-sb-quick-modal,.sgo-pa-auth-modal,.sgo-notification-toast,.sgo-cart-voucher-backdrop,.sgo-co-address-backdrop,.sgo-search-filter-backdrop,[class^="sgo-pp-"],[class*=" sgo-pp-"]
) :where(button,[role="button"],a.button,input[type="button"],input[type="submit"]){
  min-height:var(--sgo-cloud-control-min);
  transition:
    transform var(--sgo-cloud-duration-fast) var(--sgo-cloud-ease-standard),
    box-shadow var(--sgo-cloud-duration-quick) var(--sgo-cloud-ease-standard),
    opacity var(--sgo-cloud-duration-quick) var(--sgo-cloud-ease-standard),
    border-radius var(--sgo-cloud-duration-quick) var(--sgo-cloud-ease-standard);
  -webkit-tap-highlight-color:transparent;
}

/* A button-looking link is a control, never an underlined text link. */
.sgo-cloud-ui-test-active :where(
  .sgo-mh,.sgo-mega-header-host,.sgo-pl-widget,.sgo-sb-widget,.sgo-pa-hub,
  .sgo-pw-widget,.sgo-notify-widget,.sgo-cart,.sgo-smart-checkout,
  .sgo-search-results,.sgo-mh-portal,.sgo-mh-global-tray,.sgo-mh-mobile-sheet,.sgo-mh-mobile-dialog,.sgo-mega-overlay,.sgo-pl-modal,.sgo-sb-quick-modal,.sgo-pa-auth-modal,.sgo-notification-toast,.sgo-cart-voucher-backdrop,.sgo-co-address-backdrop,.sgo-search-filter-backdrop,[class^="sgo-pp-"],[class*=" sgo-pp-"]
) :where(
  a.button,.sgo-sb-action,.sgo-sb-primary,.sgo-sb-secondary,.sgo-pl-action,
  .sgo-pl-view-all,.sgo-search-action,.sgo-search-empty a,.sgo-cart-checkout,
  .sgo-pa-button,.sgo-pa-vendor-dashboard,.sgo-pa-reorder-button,
  .sgo-co-button,.sgo-pp-add-cart,.sgo-pp-buy-now,.sgo-pp-detail-buy-now,
  .sgo-mega-preview__cta
):where(:link,:visited,:hover,:focus-visible,:active){
  text-decoration:none;
}

.sgo-cloud-ui-test-active :where(
  .sgo-mh,.sgo-mega-header-host,.sgo-pl-widget,.sgo-sb-widget,.sgo-pa-hub,
  .sgo-pw-widget,.sgo-notify-widget,.sgo-cart,.sgo-smart-checkout,
  .sgo-search-results,.sgo-mh-portal,.sgo-mh-global-tray,.sgo-mh-mobile-sheet,.sgo-mh-mobile-dialog,.sgo-mega-overlay,.sgo-pl-modal,.sgo-sb-quick-modal,.sgo-pa-auth-modal,.sgo-notification-toast,.sgo-cart-voucher-backdrop,.sgo-co-address-backdrop,.sgo-search-filter-backdrop,[class^="sgo-pp-"],[class*=" sgo-pp-"]
) :where(button,[role="button"],a.button):active:not(:disabled):not([aria-disabled="true"]){
  transform:scale(.98);
  transition-duration:var(--sgo-cloud-duration-instant);
}

.sgo-cloud-ui-test-active :where(
  .sgo-mh,.sgo-mega-header-host,.sgo-pl-widget,.sgo-sb-widget,.sgo-pa-hub,
  .sgo-pw-widget,.sgo-notify-widget,.sgo-cart,.sgo-smart-checkout,
  .sgo-search-results,.sgo-mh-portal,.sgo-mh-global-tray,.sgo-mh-mobile-sheet,.sgo-mh-mobile-dialog,.sgo-mega-overlay,.sgo-pl-modal,.sgo-sb-quick-modal,.sgo-pa-auth-modal,.sgo-notification-toast,.sgo-cart-voucher-backdrop,.sgo-co-address-backdrop,.sgo-search-filter-backdrop,[class^="sgo-pp-"],[class*=" sgo-pp-"]
) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){
  min-height:44px;
  border-radius:var(--sgo-cloud-radius-md);
}

.sgo-cloud-ui-test-active :where(
  .sgo-mh,.sgo-mega-header-host,.sgo-pl-widget,.sgo-sb-widget,.sgo-pa-hub,
  .sgo-pw-widget,.sgo-notify-widget,.sgo-cart,.sgo-smart-checkout,
  .sgo-search-results,.sgo-mh-portal,.sgo-mh-global-tray,.sgo-mh-mobile-sheet,.sgo-mh-mobile-dialog,.sgo-mega-overlay,.sgo-pl-modal,.sgo-sb-quick-modal,.sgo-pa-auth-modal,.sgo-notification-toast,.sgo-cart-voucher-backdrop,.sgo-co-address-backdrop,.sgo-search-filter-backdrop,[class^="sgo-pp-"],[class*=" sgo-pp-"]
) :where([aria-busy="true"],.is-loading,.loading){
  pointer-events:none;
}

/* --------------------------------------------------------------------------
   2. Header + Mega Header
   -------------------------------------------------------------------------- */
.sgo-cloud-ui-test-active :where(.sgo-mh){
  --sgo-mh-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-mh-search-form){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-mh-action,.sgo-mh-mobile-menu){
  min-width:44px;
  min-height:44px;
}
.sgo-cloud-ui-test-active :where(.sgo-mh-account-popover,.sgo-mh-cart-popover,.sgo-mh-search-results){
  border-radius:var(--sgo-cloud-radius-lg);
}
.sgo-cloud-ui-test-active :where(.sgo-mega-header-host){
  --sgo-mega-radius:var(--sgo-cloud-radius-lg);
}
.sgo-cloud-ui-test-active :where(.sgo-mega-panel){
  border-radius:var(--sgo-cloud-radius-lg);
}
.sgo-cloud-ui-test-active :where(.sgo-mega-link){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-mega-preview){
  border-radius:var(--sgo-cloud-radius-lg);
}
.sgo-cloud-ui-test-active :where(.sgo-mega-preview__cta){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-mega-mobile__back,.sgo-mega-mobile__close){
  border-radius:var(--sgo-cloud-radius-md);
}

/* --------------------------------------------------------------------------
   3. Product listings + Search / Archive
   -------------------------------------------------------------------------- */
.sgo-cloud-ui-test-active :where(.sgo-pl-card,.sgo-search-card){
  --sgo-cloud-card-radius:var(--sgo-cloud-radius-lg);
  border-radius:var(--sgo-cloud-card-radius);
  transition:
    transform var(--sgo-cloud-duration-quick) var(--sgo-cloud-ease-standard),
    box-shadow var(--sgo-cloud-duration-standard) var(--sgo-cloud-ease-standard),
    border-color var(--sgo-cloud-duration-quick) var(--sgo-cloud-ease-standard);
}
/* Search media is 10px inset: preserve concentric outer/inner geometry. */
.sgo-cloud-ui-test-active :where(.sgo-search-card__media){
  border-radius:max(0px,calc(var(--sgo-cloud-card-radius,var(--sgo-cloud-radius-lg)) - 10px));
}
.sgo-cloud-ui-test-active :where(.sgo-search-sidebar,.sgo-search-empty,.sgo-pl-modal-dialog){
  border-radius:var(--sgo-cloud-radius-lg);
}
.sgo-cloud-ui-test-active :where(.sgo-search-category-link,.sgo-search-show-more,.sgo-search-filter-open,.sgo-search-sort select,.sgo-search-price-fields input,.sgo-search-price-actions button){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-search-pagination .page-numbers){
  border-radius:var(--sgo-cloud-radius-sm);
}
.sgo-cloud-ui-test-active :where(.sgo-search-action,.sgo-pl-action,.sgo-pl-wishlist){
  min-width:44px;
  min-height:44px;
}

@media (hover:hover) and (pointer:fine){
  .sgo-cloud-ui-test-active :where(.sgo-search-card,.sgo-pl-card):hover{
    transform:translateY(-1px);
  }
  .sgo-cloud-ui-test-active :where(.sgo-sb-hover-lift .sgo-sb-card:hover){
    transform:translateY(-2px);
  }
}

/* --------------------------------------------------------------------------
   4. Shared Site Builder widgets
   -------------------------------------------------------------------------- */
.sgo-cloud-ui-test-active :where(.sgo-sb-grid,.sgo-sb-track){
  gap:clamp(12px,1.3vw,20px);
}
.sgo-cloud-ui-test-active :where(.sgo-sb-card){
  border-radius:var(--sgo-cloud-radius-lg);
  transition:
    transform var(--sgo-cloud-duration-quick) var(--sgo-cloud-ease-standard),
    box-shadow var(--sgo-cloud-duration-standard) var(--sgo-cloud-ease-standard),
    border-color var(--sgo-cloud-duration-quick) var(--sgo-cloud-ease-standard);
}
.sgo-cloud-ui-test-active :where(.sgo-sb-card-content){
  padding:var(--sgo-cloud-space-200);
}
.sgo-cloud-ui-test-active :where(.sgo-sb-action,.sgo-sb-copy,.sgo-sb-tab){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-sb-card-icon,.sgo-sb-big-icon){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-sb-featured-banner,.sgo-sb-newsletter,.sgo-sb-hero-slide,.sgo-sb-promo-card){
  border-radius:var(--sgo-cloud-radius-xl);
}
.sgo-cloud-ui-test-active :where(.sgo-sb-quick-dialog,.sgo-sb-quick-panel){
  border-radius:var(--sgo-cloud-radius-xl);
}

/* --------------------------------------------------------------------------
   5. Product page widgets
   -------------------------------------------------------------------------- */
.sgo-cloud-ui-test-active :where(
  .sgo-pp-card,.sgo-pp-gallery,.sgo-pp-summary,.sgo-pp-vendor,.sgo-pp-specs,
  .sgo-pp-description,.sgo-pp-reviews,.sgo-pp-product-section
){
  border-radius:var(--sgo-cloud-radius-lg);
}
.sgo-cloud-ui-test-active :where(.sgo-pp-gallery-main,.sgo-pp-detail-main){
  border-radius:var(--sgo-cloud-radius-lg);
}
.sgo-cloud-ui-test-active :where(.sgo-pp-thumb,.sgo-pp-detail-thumb){
  border-radius:var(--sgo-cloud-radius-sm);
}
.sgo-cloud-ui-test-active :where(.sgo-pp-cart-wrap .button,.sgo-pp-detail-cart .single_add_to_cart_button,.sgo-pp-detail-buy-now,.sgo-pp-buy-now,.sgo-pp-add-cart){
  border-radius:var(--sgo-cloud-radius-md);
  min-height:48px;
}
.sgo-cloud-ui-test-active :where(.sgo-pp-detail-qty-control){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-pp-detail-checkout){
  border-radius:var(--sgo-cloud-radius-lg);
}
.sgo-cloud-ui-test-active :where(.sgo-pp-detail-gateways span){
  border-radius:var(--sgo-cloud-radius-sm);
}
.sgo-cloud-ui-test-active :where(.sgo-pp-review-filters button){
  border-radius:var(--sgo-cloud-radius-sm);
}
.sgo-cloud-ui-test-active :where(.sgo-pp-rating-summary){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-pp-product-card){
  border-radius:var(--sgo-cloud-radius-lg);
  overflow:hidden;
}

/* --------------------------------------------------------------------------
   6. Personal account / wishlist / notifications
   -------------------------------------------------------------------------- */
.sgo-cloud-ui-test-active :where(.sgo-pa-profile){
  border-radius:0 0 var(--sgo-cloud-radius-xl) var(--sgo-cloud-radius-xl);
}
.sgo-cloud-ui-test-active :where(.sgo-pa-stat,.sgo-pa-dashboard-card,.sgo-pa-order-card,.sgo-pa-wallet-card,.sgo-pa-rate-card,.sgo-pa-review-card,.sgo-pa-wishlist-card,.sgo-notify-card){
  border-radius:var(--sgo-cloud-radius-lg);
}
.sgo-cloud-ui-test-active :where(.sgo-pa-shortcut-icon,.sgo-pa-big-icon,.sgo-pa-stat-icon,.sgo-pa-list-icon){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-pa-tab,.sgo-pa-button,.sgo-pa-reorder-button,.sgo-pa-order-back,.sgo-pa-coupon-copy-btn){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-pa-auth-dialog){
  border-radius:var(--sgo-cloud-radius-xl);
}
.sgo-cloud-ui-test-active :where(.sgo-pa-auth-close){
  border-radius:50%;
}
.sgo-cloud-ui-test-active :where(.sgo-pa-order-item){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-pa-order-item-media img,.sgo-pa-order-thumbs img){
  border-radius:var(--sgo-cloud-radius-sm);
}

/* --------------------------------------------------------------------------
   7. Marketplace cart
   -------------------------------------------------------------------------- */
.sgo-cloud-ui-test-active :where(.sgo-cart-table-head,.sgo-cart-vendor,.sgo-cart-coupon,.sgo-cart-coins,.sgo-cart-shared-delivery,.sgo-cart-shared-group,.sgo-cart-points-card,.sgo-cart-voucher-card,.sgo-cart-empty){
  border-radius:var(--sgo-cloud-radius-lg);
}
.sgo-cloud-ui-test-active :where(.sgo-cart-product-image){
  border-radius:var(--sgo-cloud-radius-sm);
}
.sgo-cloud-ui-test-active :where(.sgo-cart-qty){
  min-height:44px;
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-cart-qty button){
  min-width:40px;
  min-height:42px;
}
.sgo-cloud-ui-test-active :where(.sgo-cart-shipping-option,.sgo-cart-vendor-coupon input,.sgo-cart-vendor-coupon button,.sgo-cart-coupon input,.sgo-cart-coupon button,.sgo-cart-checkout){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-cart-summary){
  border-radius:var(--sgo-cloud-radius-lg);
}
.sgo-cloud-ui-test-active :where(.sgo-cart-voucher-dialog){
  border-radius:var(--sgo-cloud-radius-xl);
}
.sgo-cloud-ui-test-active :where(.sgo-cart-voucher-close){
  border-radius:50%;
}

/* --------------------------------------------------------------------------
   8. Smart checkout
   -------------------------------------------------------------------------- */
.sgo-cloud-ui-test-active :where(.sgo-co-card,.sgo-co-package,.sgo-co-voucher,.sgo-co-points,.sgo-co-gift,.sgo-co-address-card){
  border-radius:var(--sgo-cloud-radius-lg);
}
.sgo-cloud-ui-test-active :where(.sgo-co-button,.sgo-co-icon-button,.sgo-co-rate,.sgo-co-check,.sgo-co-note summary,.sgo-co-points__choice,.sgo-co-points__simple-panel){
  border-radius:var(--sgo-cloud-radius-md);
}
.sgo-cloud-ui-test-active :where(.sgo-co-address-dialog){
  border-radius:var(--sgo-cloud-radius-xl);
}
.sgo-cloud-ui-test-active :where(.sgo-co-item__media img){
  border-radius:var(--sgo-cloud-radius-sm);
}

/* --------------------------------------------------------------------------
   9. Overlay / sheet behaviour
   -------------------------------------------------------------------------- */
.sgo-cloud-ui-test-active :where(.sgo-pl-modal-dialog,.sgo-pa-auth-dialog,.sgo-cart-voucher-dialog,.sgo-co-address-dialog){
  max-height:min(88dvh,900px);
  overflow:auto;
  overscroll-behavior:contain;
}

/* --------------------------------------------------------------------------
   10. Tablet transformation — recompose instead of compress
   -------------------------------------------------------------------------- */
@media (max-width:1024px){
  .sgo-cloud-ui-test-active :where(.sgo-pp-detail-grid){
    grid-template-columns:minmax(0,1fr);
    gap:var(--sgo-cloud-space-400);
  }
  .sgo-cloud-ui-test-active :where(.sgo-smart-checkout.is-wide .sgo-co-layout){
    grid-template-columns:minmax(0,1fr);
  }
  .sgo-cloud-ui-test-active :where(.sgo-co-side){
    position:static;
  }
  .sgo-cloud-ui-test-active :where(.sgo-pa-dashboard-card){
    padding:var(--sgo-cloud-space-200);
  }
  .sgo-cloud-ui-test-active :where(.sgo-search-sidebar){
    border-radius:0 var(--sgo-cloud-radius-lg) var(--sgo-cloud-radius-lg) 0;
  }
}

/* --------------------------------------------------------------------------
   11. Mobile web — full-screen sheets, safe areas, deliberate single stream
   -------------------------------------------------------------------------- */
@media (max-width:640px){
  .sgo-cloud-ui-test-active :where(.sgo-search-sidebar){
    inset:0;
    width:100vw;
    max-width:none;
    height:100dvh;
    border-radius:0;
    padding:
      max(16px,env(safe-area-inset-top))
      max(16px,env(safe-area-inset-right))
      max(24px,env(safe-area-inset-bottom))
      max(16px,env(safe-area-inset-left));
  }
  .sgo-cloud-ui-test-active :where(.sgo-pl-modal-dialog,.sgo-pa-auth-dialog,.sgo-cart-voucher-dialog,.sgo-co-address-dialog){
    width:100vw;
    max-width:none;
    min-height:100dvh;
    max-height:100dvh;
    margin:0;
    border-radius:0;
  }
  .sgo-cloud-ui-test-active :where(.sgo-pa-profile){
    border-radius:0 0 var(--sgo-cloud-radius-lg) var(--sgo-cloud-radius-lg);
  }
  .sgo-cloud-ui-test-active :where(.sgo-pa-dashboard-card){
    margin-inline:8px;
  }
  .sgo-cloud-ui-test-active :where(.sgo-cart-vendor,.sgo-cart-summary,.sgo-cart-coupon,.sgo-cart-coins,.sgo-cart-shared-group){
    border-radius:var(--sgo-cloud-radius-md);
  }
  .sgo-cloud-ui-test-active :where(.sgo-pp-detail,.sgo-pp-gallery,.sgo-pp-summary,.sgo-pp-vendor,.sgo-pp-specs,.sgo-pp-description,.sgo-pp-reviews,.sgo-pp-product-section){
    border-radius:var(--sgo-cloud-radius-md);
  }
  .sgo-cloud-ui-test-active :where(.sgo-pp-detail-cart .sgo-pp-detail-simple-form,.sgo-pp-detail-cart .woocommerce-variation-add-to-cart){
    gap:var(--sgo-cloud-space-150);
  }
}

/* --------------------------------------------------------------------------
   12. No-hover + reduced motion
   -------------------------------------------------------------------------- */
@media (hover:none),(pointer:coarse){
  .sgo-cloud-ui-test-active :where(.sgo-search-card,.sgo-pl-card,.sgo-sb-card):hover{
    transform:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .sgo-cloud-ui-test-active :where(
    .sgo-mh,.sgo-mega-header-host,.sgo-pl-widget,.sgo-sb-widget,.sgo-pa-hub,
    .sgo-pw-widget,.sgo-notify-widget,.sgo-cart,.sgo-smart-checkout,
    .sgo-search-results,.sgo-mh-portal,.sgo-mh-global-tray,.sgo-mh-mobile-sheet,.sgo-mh-mobile-dialog,.sgo-mega-overlay,.sgo-pl-modal,.sgo-sb-quick-modal,.sgo-pa-auth-modal,.sgo-notification-toast,.sgo-cart-voucher-backdrop,.sgo-co-address-backdrop,.sgo-search-filter-backdrop,[class^="sgo-pp-"],[class*=" sgo-pp-"]
  ) *,
  .sgo-cloud-ui-test-active :where(
    .sgo-mh,.sgo-mega-header-host,.sgo-pl-widget,.sgo-sb-widget,.sgo-pa-hub,
    .sgo-pw-widget,.sgo-notify-widget,.sgo-cart,.sgo-smart-checkout,
    .sgo-search-results,.sgo-mh-portal,.sgo-mh-global-tray,.sgo-mh-mobile-sheet,.sgo-mh-mobile-dialog,.sgo-mega-overlay,.sgo-pl-modal,.sgo-sb-quick-modal,.sgo-pa-auth-modal,.sgo-notification-toast,.sgo-cart-voucher-backdrop,.sgo-co-address-backdrop,.sgo-search-filter-backdrop,[class^="sgo-pp-"],[class*=" sgo-pp-"]
  ) *::before,
  .sgo-cloud-ui-test-active :where(
    .sgo-mh,.sgo-mega-header-host,.sgo-pl-widget,.sgo-sb-widget,.sgo-pa-hub,
    .sgo-pw-widget,.sgo-notify-widget,.sgo-cart,.sgo-smart-checkout,
    .sgo-search-results,.sgo-mh-portal,.sgo-mh-global-tray,.sgo-mh-mobile-sheet,.sgo-mh-mobile-dialog,.sgo-mega-overlay,.sgo-pl-modal,.sgo-sb-quick-modal,.sgo-pa-auth-modal,.sgo-notification-toast,.sgo-cart-voucher-backdrop,.sgo-co-address-backdrop,.sgo-search-filter-backdrop,[class^="sgo-pp-"],[class*=" sgo-pp-"]
  ) *::after{
    scroll-behavior:auto;
    animation-duration:.01ms;
    animation-iteration-count:1;
    transition-duration:.01ms;
  }
}

/* Inline Tabler-style functional icon geometry used by the test normaliser. */
.sgo-cloud-ui-test-active :where([data-sgo-cloud-icon],.sgo-cloud-inline-icon){
  display:inline-grid;
  place-items:center;
  width:1.25em;
  height:1.25em;
  flex:0 0 auto;
}
.sgo-cloud-ui-test-active :where([data-sgo-cloud-icon],.sgo-cloud-inline-icon) svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sgo-cloud-ui-test-active :where(.sgo-sb-link,.sgo-notify-cta,.sgo-pa-block-head button[data-sgo-pa-open="orders"]){
  display:inline-flex;
  align-items:center;
  gap:6px;
}


/* --------------------------------------------------------------------------
   13. V1.9.7.1 — geometry enforcement pass
   --------------------------------------------------------------------------
   The first test build defined Cloud UI tokens correctly but some body-level
   portals (notably the Mega Menu) were moved outside their widget host. Those
   nodes therefore did not inherit the test variables. This pass deliberately
   enforces the Cloud UI geometry roles on the rendered surfaces themselves:

   6px  = tiny detail
   10px = small control / thumbnail
   14px = input / menu row / compact card
   20px = standard product panel
   30px = large / floating panel
   pill = primary button / segmented action

   Spacing uses only the Cloud UI 4px-based primitives.
   No SG Organic font or colour declaration is changed here.
   -------------------------------------------------------------------------- */

/* ----- Header / body-level header portals -------------------------------- */
@media (min-width:1025px){
  body.sgo-cloud-ui-test-active .sgo-mh-main-inner{
    gap:var(--sgo-cloud-space-200)!important;
  }
}
body.sgo-cloud-ui-test-active .sgo-mh-actions{
  gap:var(--sgo-cloud-space-100)!important;
}
body.sgo-cloud-ui-test-active .sgo-mh-search-form{
  border-radius:var(--sgo-cloud-radius-md)!important;
  overflow:hidden;
}
body.sgo-cloud-ui-test-active :is(.sgo-mh-account-popover,.sgo-mh-cart-popover,.sgo-mh-search-panel){
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-mh-global-tray__panel,.sgo-mh-mobile-sheet .sgo-mh-drawer){
  border-radius:0 var(--sgo-cloud-radius-xl) var(--sgo-cloud-radius-xl) 0!important;
}
body.sgo-cloud-ui-test-active .sgo-mh-global-tray__grid{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-mh-global-tray .sgo-mh-category{
  padding:var(--sgo-cloud-space-150)!important;
  border-radius:var(--sgo-cloud-radius-md)!important;
}
body.sgo-cloud-ui-test-active .sgo-mh-global-tray .sgo-mh-category-image{
  margin-bottom:var(--sgo-cloud-space-100)!important;
  border-radius:var(--sgo-cloud-radius-sm)!important;
}

/* ----- Mega Header -------------------------------------------------------- */
body.sgo-cloud-ui-test-active .sgo-mega-overlay__desktop{
  padding:var(--sgo-cloud-space-200) var(--sgo-cloud-space-300) var(--sgo-cloud-space-400)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-panel{
  border-radius:var(--sgo-cloud-radius-xl)!important;
  overflow:hidden!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-panel__links{
  padding:var(--sgo-cloud-space-400)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-panel__eyebrow{
  margin-bottom:var(--sgo-cloud-space-250)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-groups{
  column-gap:var(--sgo-cloud-space-400)!important;
  row-gap:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-group h3{
  margin-bottom:var(--sgo-cloud-space-100)!important;
  padding-inline:var(--sgo-cloud-space-050)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-group__items{
  gap:var(--sgo-cloud-space-100)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-link{
  min-height:56px!important;
  gap:var(--sgo-cloud-space-150)!important;
  padding:var(--sgo-cloud-space-150) var(--sgo-cloud-space-200)!important;
  border-radius:var(--sgo-cloud-radius-md)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-link.has-description{
  min-height:72px!important;
  padding-block:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-link__copy{
  gap:var(--sgo-cloud-space-050)!important;
}
/* Preview and links are two halves of one floating surface; do not round the
   shared seam. Parent clipping supplies the two right outer corners. */
body.sgo-cloud-ui-test-active .sgo-mega-preview{
  border-radius:0!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-preview__body{
  padding:var(--sgo-cloud-space-400)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-preview__body small{
  margin-bottom:var(--sgo-cloud-space-100)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-preview__body h3{
  margin-bottom:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-preview__body p{
  margin-bottom:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-preview__cta{
  min-height:48px!important;
  padding-inline:var(--sgo-cloud-space-250)!important;
  border-radius:var(--sgo-cloud-radius-pill)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-nav{
  gap:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-mega-nav__item{
  gap:var(--sgo-cloud-space-100)!important;
  padding-inline:var(--sgo-cloud-space-150)!important;
  border-radius:var(--sgo-cloud-radius-sm)!important;
}

/* ----- Search Results / Product Archive --------------------------------- */
body.sgo-cloud-ui-test-active .sgo-search-results__inner{
  padding:var(--sgo-cloud-space-400) var(--sgo-cloud-space-300) var(--sgo-cloud-space-600)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-heading{
  margin-bottom:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-layout{
  gap:var(--sgo-cloud-space-400)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-sidebar{
  padding:var(--sgo-cloud-space-250)!important;
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-sidebar__top{
  gap:var(--sgo-cloud-space-150)!important;
  padding-bottom:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-filter-section{
  padding-block:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-filter-heading{
  margin-bottom:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-category-list{
  gap:var(--sgo-cloud-space-050)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-search-category-link,.sgo-search-show-more){
  min-height:44px!important;
  padding:var(--sgo-cloud-space-100) var(--sgo-cloud-space-150)!important;
  border-radius:var(--sgo-cloud-radius-sm)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-price-form{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-price-fields{
  gap:var(--sgo-cloud-space-100)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-price-actions{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-toolbar{
  gap:var(--sgo-cloud-space-250)!important;
  margin-bottom:var(--sgo-cloud-space-250)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-toolbar__left{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-grid{
  column-gap:var(--sgo-cloud-space-250)!important;
  row-gap:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-card{
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
/* 20px card radius with an 8px media inset => 12px concentric media radius. */
body.sgo-cloud-ui-test-active .sgo-search-card__media{
  margin:var(--sgo-cloud-space-100) var(--sgo-cloud-space-100) 0!important;
  border-radius:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-card__content{
  gap:var(--sgo-cloud-space-100)!important;
  padding:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-pagination{
  gap:var(--sgo-cloud-space-100)!important;
  margin-top:var(--sgo-cloud-space-400)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-pagination .page-numbers{
  border-radius:var(--sgo-cloud-radius-sm)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-search-filter-open,.sgo-search-sort select,.sgo-search-price-fields input){
  border-radius:var(--sgo-cloud-radius-md)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-price-actions button,
body.sgo-cloud-ui-test-active .sgo-search-empty a{
  border-radius:var(--sgo-cloud-radius-pill)!important;
}
body.sgo-cloud-ui-test-active .sgo-search-empty{
  padding:var(--sgo-cloud-space-400)!important;
  border-radius:var(--sgo-cloud-radius-lg)!important;
}

/* ----- Shared Product Listing ------------------------------------------- */
body.sgo-cloud-ui-test-active .sgo-pl-header{
  gap:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-pl-heading-copy{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-pl-layout-grid .sgo-pl-products,
body.sgo-cloud-ui-test-active .sgo-pl-layout-carousel .sgo-pl-products{
  column-gap:var(--sgo-cloud-space-250)!important;
  row-gap:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-pl-card{
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
body.sgo-cloud-ui-test-active .sgo-pl-actions{
  top:var(--sgo-cloud-space-100)!important;
  right:var(--sgo-cloud-space-100)!important;
  gap:var(--sgo-cloud-space-100)!important;
}
body.sgo-cloud-ui-test-active .sgo-pl-sale{
  top:var(--sgo-cloud-space-100)!important;
  left:var(--sgo-cloud-space-100)!important;
}
body.sgo-cloud-ui-test-active .sgo-pl-modal-dialog{
  padding:var(--sgo-cloud-space-300)!important;
  border-radius:var(--sgo-cloud-radius-xl)!important;
}
body.sgo-cloud-ui-test-active .sgo-pl-quick-content{
  gap:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-pl-quick-actions{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-pl-quick-actions .button{
  border-radius:var(--sgo-cloud-radius-pill)!important;
}

/* ----- Shared Elementor widget suite ------------------------------------ */
body.sgo-cloud-ui-test-active .sgo-sb-widget{
  --sgo-sb-gap:var(--sgo-cloud-space-250)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-header{
  gap:var(--sgo-cloud-space-200)!important;
  margin-bottom:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-heading-copy{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-sb-grid,.sgo-sb-track){
  gap:var(--sgo-cloud-space-250)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-track{
  padding:var(--sgo-cloud-space-050) var(--sgo-cloud-space-025) var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-card{
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-card-content{
  padding:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-sb-card-actions,.sgo-sb-actions){
  gap:var(--sgo-cloud-space-100)!important;
  margin-top:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-tabs{
  gap:var(--sgo-cloud-space-100)!important;
  margin-bottom:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-tab{
  padding-inline:var(--sgo-cloud-space-200)!important;
  border-radius:var(--sgo-cloud-radius-pill)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-sb-featured-banner,.sgo-sb-hero-slide,.sgo-sb-promo-card,.sgo-sb-newsletter){
  border-radius:var(--sgo-cloud-radius-xl)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-hero-copy{
  padding:var(--sgo-cloud-space-400)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-benefit{
  gap:var(--sgo-cloud-space-150)!important;
  padding:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-review-card{
  padding:var(--sgo-cloud-space-250)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-newsletter{
  gap:var(--sgo-cloud-space-300)!important;
  padding:var(--sgo-cloud-space-400)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-newsletter-image{
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-sb-action,.sgo-sb-primary,.sgo-sb-secondary,.sgo-sb-copy){
  border-radius:var(--sgo-cloud-radius-pill)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-sb-quick-dialog,.sgo-sb-quick-panel){
  border-radius:var(--sgo-cloud-radius-xl)!important;
}
body.sgo-cloud-ui-test-active .sgo-sb-quick-body{
  padding:var(--sgo-cloud-space-300)!important;
}

/* ----- Product Page / Complete Product Detail --------------------------- */
body.sgo-cloud-ui-test-active :is(.sgo-pp-card,.sgo-pp-gallery,.sgo-pp-summary,.sgo-pp-vendor,.sgo-pp-specs,.sgo-pp-description,.sgo-pp-reviews,.sgo-pp-product-section){
  padding:var(--sgo-cloud-space-300)!important;
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-gallery{
  gap:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-gallery-thumbs{
  gap:var(--sgo-cloud-space-100)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-pp-gallery-main,.sgo-pp-detail-main){
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-pp-thumb,.sgo-pp-detail-thumb){
  border-radius:var(--sgo-cloud-radius-sm)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-grid{
  column-gap:var(--sgo-cloud-space-600)!important;
  row-gap:var(--sgo-cloud-space-400)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-thumbs{
  gap:var(--sgo-cloud-space-100)!important;
  margin-top:var(--sgo-cloud-space-150)!important;
  padding-bottom:var(--sgo-cloud-space-075)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-title-row{
  gap:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-price{
  margin:var(--sgo-cloud-space-400) 0 var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-copy{
  margin-bottom:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-cart{
  margin-top:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-cart .sgo-pp-detail-simple-form,
body.sgo-cloud-ui-test-active .sgo-pp-detail-cart .woocommerce-variation-add-to-cart{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-qty-control{
  border-radius:var(--sgo-cloud-radius-md)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-cart .single_add_to_cart_button,
body.sgo-cloud-ui-test-active :is(.sgo-pp-add-cart,.sgo-pp-buy-now,.sgo-pp-detail-buy-now){
  border-radius:var(--sgo-cloud-radius-pill)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-buy-now{
  margin-top:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-share{
  margin-top:var(--sgo-cloud-space-200)!important;
  padding-block:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-divider{
  margin:var(--sgo-cloud-space-050) 0 var(--sgo-cloud-space-250)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-meta{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-checkout{
  margin-top:var(--sgo-cloud-space-400)!important;
  padding:var(--sgo-cloud-space-250)!important;
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-gateways{
  gap:var(--sgo-cloud-space-100)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-gateways span{
  padding:var(--sgo-cloud-space-100) var(--sgo-cloud-space-150)!important;
  border-radius:var(--sgo-cloud-radius-sm)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-benefits{
  gap:var(--sgo-cloud-space-200)!important;
  margin-top:var(--sgo-cloud-space-400)!important;
}
body.sgo-cloud-ui-test-active .sgo-pp-detail-benefit{
  gap:var(--sgo-cloud-space-150)!important;
}

/* ----- Personal Account / Orders / Wishlist ----------------------------- */
body.sgo-cloud-ui-test-active :is(.sgo-pa-dashboard-card,.sgo-pa-panel-inner,.sgo-pa-shortcuts-card,.sgo-pa-purchases){
  padding:var(--sgo-cloud-space-300)!important;
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
body.sgo-cloud-ui-test-active .sgo-pa-block-head{
  gap:var(--sgo-cloud-space-150)!important;
  margin-bottom:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-pa-purchase-grid,.sgo-pa-shortcuts){
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-pa-panels{
  padding-inline:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-pa-panel-title-row{
  gap:var(--sgo-cloud-space-150)!important;
  margin-bottom:var(--sgo-cloud-space-250)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-pa-orders,.sgo-pa-coupons,.sgo-pa-rate-list,.sgo-pa-review-list){
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-pa-order-card,.sgo-pa-coupon,.sgo-pa-rate-card,.sgo-pa-review-card,.sgo-pa-wishlist-card,.sgo-pa-order-item){
  padding:var(--sgo-cloud-space-200)!important;
  border-radius:var(--sgo-cloud-radius-md)!important;
}
body.sgo-cloud-ui-test-active .sgo-pa-order-thumbs{
  gap:var(--sgo-cloud-space-100)!important;
  margin-block:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-pa-order-foot{
  gap:var(--sgo-cloud-space-150)!important;
  padding-top:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-pa-wishlist-grid{
  gap:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active .sgo-pa-wishlist-copy{
  gap:var(--sgo-cloud-space-100)!important;
  padding:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-pa-wishlist-actions{
  gap:var(--sgo-cloud-space-100)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-pa-button,.sgo-pa-reorder-button,.sgo-pa-coupon-copy-btn,.sgo-pa-wishlist-cart,.sgo-pa-wishlist-remove){
  border-radius:var(--sgo-cloud-radius-pill)!important;
}
body.sgo-cloud-ui-test-active .sgo-pa-auth-dialog{
  padding:var(--sgo-cloud-space-300)!important;
  border-radius:var(--sgo-cloud-radius-xl)!important;
}
body.sgo-cloud-ui-test-active .sgo-pa-auth-tabs{
  gap:var(--sgo-cloud-space-075)!important;
  padding:var(--sgo-cloud-space-050)!important;
  border-radius:var(--sgo-cloud-radius-md)!important;
}
body.sgo-cloud-ui-test-active .sgo-pa-auth-form{
  gap:var(--sgo-cloud-space-200)!important;
}

/* ----- Cart -------------------------------------------------------------- */
body.sgo-cloud-ui-test-active :is(.sgo-cart-vendor,.sgo-cart-summary,.sgo-cart-coupon,.sgo-cart-coins,.sgo-cart-shared-delivery,.sgo-cart-shared-group,.sgo-cart-points-card,.sgo-cart-empty){
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-shared-group{
  padding:var(--sgo-cloud-space-200)!important;
  gap:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-shared-delivery{
  padding:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-points-card{
  padding:var(--sgo-cloud-space-250)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-vendors{
  gap:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-product{
  gap:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-product-image{
  border-radius:var(--sgo-cloud-radius-sm)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-qty{
  border-radius:var(--sgo-cloud-radius-md)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-shipping-options{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-shipping-option{
  padding:var(--sgo-cloud-space-150)!important;
  border-radius:var(--sgo-cloud-radius-md)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-checkout,
body.sgo-cloud-ui-test-active :is(.sgo-cart-vendor-coupon button,.sgo-cart-coupon button,.sgo-cart-points-redeem-button){
  border-radius:var(--sgo-cloud-radius-pill)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-voucher-dialog{
  padding:var(--sgo-cloud-space-300)!important;
  border-radius:var(--sgo-cloud-radius-xl)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-voucher-list{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-cart-voucher-card{
  padding:var(--sgo-cloud-space-200)!important;
  border-radius:var(--sgo-cloud-radius-md)!important;
}

/* ----- Checkout ---------------------------------------------------------- */
body.sgo-cloud-ui-test-active .sgo-smart-checkout{
  --sgo-co-radius:var(--sgo-cloud-radius-lg)!important;
  --sgo-co-radius-sm:var(--sgo-cloud-radius-md)!important;
  --sgo-co-gap:var(--sgo-cloud-space-300)!important;
  --sgo-co-pad-top:var(--sgo-cloud-space-300)!important;
  --sgo-co-pad-right:var(--sgo-cloud-space-300)!important;
  --sgo-co-pad-bottom:var(--sgo-cloud-space-300)!important;
  --sgo-co-pad-left:var(--sgo-cloud-space-300)!important;
  --sgo-co-button-radius:var(--sgo-cloud-radius-pill)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-layout{
  gap:var(--sgo-cloud-space-400)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-co-main,.sgo-co-side){
  gap:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-co-card,.sgo-co-package,.sgo-co-voucher,.sgo-co-points,.sgo-co-gift,.sgo-co-address-card){
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-card{
  padding:var(--sgo-cloud-space-300)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-package{
  padding:var(--sgo-cloud-space-200)!important;
  margin-bottom:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-package__head{
  gap:var(--sgo-cloud-space-150)!important;
  margin-bottom:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-package__vendors{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-items{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-item{
  gap:var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-note{
  margin-top:var(--sgo-cloud-space-150)!important;
  border-radius:var(--sgo-cloud-radius-md)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-note summary{
  gap:var(--sgo-cloud-space-150)!important;
  padding:var(--sgo-cloud-space-100) var(--sgo-cloud-space-150)!important;
  border-radius:var(--sgo-cloud-radius-md)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-note__panel{
  padding:0 var(--sgo-cloud-space-150) var(--sgo-cloud-space-150)!important;
}
body.sgo-cloud-ui-test-active :is(.sgo-co-button,.sgo-co-place-order,.sgo-co-place-order-button){
  border-radius:var(--sgo-cloud-radius-pill)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-address-dialog{
  border-radius:var(--sgo-cloud-radius-xl)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-address-modal-head{
  gap:var(--sgo-cloud-space-150)!important;
  padding:var(--sgo-cloud-space-200) var(--sgo-cloud-space-250)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-address-modal-body{
  gap:var(--sgo-cloud-space-200)!important;
  padding:var(--sgo-cloud-space-250)!important;
}
body.sgo-cloud-ui-test-active .sgo-co-address-modal-foot{
  gap:var(--sgo-cloud-space-150)!important;
  padding:var(--sgo-cloud-space-200) var(--sgo-cloud-space-250)!important;
}

/* ----- Notification surfaces -------------------------------------------- */
body.sgo-cloud-ui-test-active :is(.sgo-notify-card,.sgo-notification-toast){
  border-radius:var(--sgo-cloud-radius-lg)!important;
}
body.sgo-cloud-ui-test-active .sgo-notify-card{
  padding:var(--sgo-cloud-space-200)!important;
}
body.sgo-cloud-ui-test-active .sgo-notification-toast{
  padding:var(--sgo-cloud-space-250)!important;
}

/* ----- Tablet: 24/20 product spacing, no arbitrary 18/22/34 values ------- */
@media (max-width:1024px){
  body.sgo-cloud-ui-test-active .sgo-search-results__inner{
    padding:var(--sgo-cloud-space-300) var(--sgo-cloud-space-250) var(--sgo-cloud-space-500)!important;
  }
  body.sgo-cloud-ui-test-active .sgo-search-layout{
    gap:var(--sgo-cloud-space-300)!important;
  }
  body.sgo-cloud-ui-test-active .sgo-pp-detail-grid{
    gap:var(--sgo-cloud-space-400)!important;
  }
  body.sgo-cloud-ui-test-active .sgo-mega-mobile__top{
    gap:var(--sgo-cloud-space-100)!important;
    padding:var(--sgo-cloud-space-100) var(--sgo-cloud-space-200)!important;
  }
  body.sgo-cloud-ui-test-active .sgo-mega-mobile__screen{
    padding:var(--sgo-cloud-space-200) var(--sgo-cloud-space-200) max(var(--sgo-cloud-space-400),env(safe-area-inset-bottom))!important;
  }
}

/* ----- Mobile: 20px panel padding; 12/16px row rhythm -------------------- */
@media (max-width:640px){
  body.sgo-cloud-ui-test-active .sgo-search-results__inner{
    padding:var(--sgo-cloud-space-250) var(--sgo-cloud-space-150) var(--sgo-cloud-space-400)!important;
  }
  body.sgo-cloud-ui-test-active .sgo-search-grid{
    gap:var(--sgo-cloud-space-150)!important;
  }
  body.sgo-cloud-ui-test-active .sgo-search-card__media{
    margin:var(--sgo-cloud-space-075) var(--sgo-cloud-space-075) 0!important;
    border-radius:var(--sgo-cloud-radius-md)!important;
  }
  body.sgo-cloud-ui-test-active .sgo-search-card__content{
    padding:var(--sgo-cloud-space-150)!important;
  }
  body.sgo-cloud-ui-test-active :is(.sgo-sb-card-content,.sgo-pa-dashboard-card,.sgo-pa-panel-inner,.sgo-co-card){
    padding:var(--sgo-cloud-space-250)!important;
  }
  body.sgo-cloud-ui-test-active .sgo-sb-newsletter{
    padding:var(--sgo-cloud-space-250)!important;
  }
  body.sgo-cloud-ui-test-active .sgo-pp-detail{
    padding:var(--sgo-cloud-space-250) var(--sgo-cloud-space-200) var(--sgo-cloud-space-400)!important;
  }
  body.sgo-cloud-ui-test-active .sgo-pp-detail-grid{
    gap:var(--sgo-cloud-space-300)!important;
  }
  body.sgo-cloud-ui-test-active .sgo-pp-detail-checkout{
    padding:var(--sgo-cloud-space-200)!important;
  }
  body.sgo-cloud-ui-test-active :is(.sgo-cart-vendor,.sgo-cart-summary,.sgo-cart-coupon,.sgo-cart-coins,.sgo-cart-shared-group,.sgo-cart-points-card){
    border-radius:var(--sgo-cloud-radius-md)!important;
  }
  body.sgo-cloud-ui-test-active .sgo-cart-shared-group,
  body.sgo-cloud-ui-test-active .sgo-cart-points-card{
    padding:var(--sgo-cloud-space-250)!important;
  }
  /* True full-screen sheets should not pretend to be floating cards. */
  body.sgo-cloud-ui-test-active :is(.sgo-pl-modal-dialog,.sgo-pa-auth-dialog,.sgo-cart-voucher-dialog,.sgo-co-address-dialog,.sgo-search-sidebar){
    border-radius:0!important;
  }
}