:root{--color-primary-pink: #FC7DF7;--color-primary-orange: #ff6b35;--color-accent-red: #ff3838;--color-success-green: #46b450;--color-warning-yellow: #ffba00;--color-text-dark: #333;--color-text-medium: #666;--color-text-light: #999;--color-text-white: #fff;--color-bg-white: #fff;--color-bg-light: #f5f5f5;--color-bg-lighter: #f8f9fa;--color-bg-overlay: rgba(0, 0, 0, .5);--color-border-light: #e7e7e7;--color-border-medium: #ddd;--color-border-dark: #dadada;--gradient-primary: linear-gradient(135deg, var(--color-primary-pink), var(--color-primary-orange));--gradient-primary-hover: linear-gradient(135deg, var(--color-primary-pink), #ff5722);--gradient-sale: linear-gradient(135deg, var(--color-accent-red), var(--color-primary-orange));--gradient-text: linear-gradient(135deg, var(--color-primary-pink) 0%, var(--color-primary-orange) 100%);--gradient-fresh: linear-gradient(135deg, #00D9C0, #00A8E8);--gradient-rating-gold: linear-gradient(135deg, #FFD700, #FFA500);--gradient-premium-border: linear-gradient(135deg, var(--color-primary-pink), var(--color-primary-orange));--color-rating-silver: #888;--radius-small: 4px;--radius-medium: 6px;--radius-base: 8px;--radius-input: 12px;--radius-card: 16px;--radius-badge: 25px;--radius-button: 50px;--radius-round: 50%;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .05);--shadow-card: 0 10px 30px rgba(252, 125, 247, .2);--shadow-card-hover: 0 15px 40px rgba(252, 125, 247, .3);--shadow-button: 0 10px 30px rgba(252, 125, 247, .3);--shadow-button-hover: 0 15px 40px rgba(252, 125, 247, .4);--shadow-badge: 0 4px 12px rgba(252, 125, 247, .4);--shadow-fresh-badge: 0 4px 12px rgba(0, 217, 192, .4);--shadow-modal: 0 20px 60px rgba(252, 125, 247, .3);--shadow-image: 0 10px 30px rgba(0, 0, 0, .1);--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 10px;--spacing-md: 12px;--spacing-base: 15px;--spacing-lg: 20px;--spacing-xl: 30px;--spacing-2xl: 40px;--spacing-3xl: 50px;--spacing-4xl: 60px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 26px;--font-size-4xl: 32px;--font-size-5xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--letter-spacing-tight: -.02em;--letter-spacing-base: 0;--letter-spacing-wide: .02em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--transition-default: all .3s ease;--transition-fast: all .2s ease;--transition-slow: all .5s ease;--transition-image: transform .5s ease;--transition-border: border-color .3s ease;--transition-opacity: opacity .3s ease;--transition-transform: transform .3s ease;--transform-button-hover: translateY(-3px);--transform-card-hover: translateY(-5px);--transform-image-hover: scale(1.05);--transform-image-hover-large: scale(1.1);--transform-image-zoom: scale(1.2);--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-fixed: 300;--z-index-modal-backdrop: 400;--z-index-modal: 500;--z-index-popover: 600;--z-index-tooltip: 700;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-50: .5;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--header-bg: #fff;--header-shadow-scroll: 0 4px 20px rgba(252, 125, 247, .15);--header-border-gradient: linear-gradient(90deg, var(--color-primary-pink), var(--color-primary-orange));--dropdown-bg: #282828;--dropdown-text: #a0a0a0;--dropdown-text-hover: #fff;--dropdown-shadow: 0 10px 40px rgba(0, 0, 0, .3);--topbar-bg: linear-gradient(90deg, var(--color-primary-pink), var(--color-primary-orange));--topbar-text: #fff;--topbar-text-shadow: 0 1px 2px rgba(0, 0, 0, .2)}