@custom-variant dark (&:is(.dark *));:root{--font-size: 14px;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #0891b2;--primary-foreground: #ffffff;--secondary: #f59e0b;--secondary-foreground: #ffffff;--brand-teal: #06b6d4;--brand-teal-dark: #0891b2;--brand-orange: #f59e0b;--brand-orange-dark: #d97706;--muted: #f8fafc;--muted-foreground: #64748b;--accent: #e0f2fe;--accent-foreground: #0891b2;--destructive: #dc2626;--destructive-foreground: #ffffff;--border: rgba(8, 145, 178, .08);--input: transparent;--input-background: #f8fafc;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: #0891b2;--chart-1: #0891b2;--chart-2: #f59e0b;--chart-3: #06b6d4;--chart-4: #d97706;--chart-5: #0e7490;--radius: .5rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #0891b2;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #e0f2fe;--sidebar-accent-foreground: #0891b2;--sidebar-border: oklch(.922 0 0);--sidebar-ring: #0891b2}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: #06b6d4;--primary-foreground: oklch(.985 0 0);--secondary: #f59e0b;--secondary-foreground: oklch(.985 0 0);--muted: oklch(.2 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: #06b6d4;--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: #06b6d4;--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: #06b6d4;--chart-2: #f59e0b;--chart-3: #0891b2;--chart-4: #d97706;--chart-5: #0e7490;--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: #06b6d4;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: #06b6d4;--sidebar-border: oklch(.269 0 0);--sidebar-ring: #06b6d4}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-brand-teal: var(--brand-teal); --color-brand-teal-dark: var(--brand-teal-dark); --color-brand-orange: var(--brand-orange); --color-brand-orange-dark: var(--brand-orange-dark); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 2px); --radius-md: var(--radius); --radius-lg: calc(var(--radius) + 2px); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,sans-serif}img{content-visibility:auto}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))){h1{font-size:1.875rem;font-weight:var(--font-weight-medium);line-height:1.4}h2{font-size:1.5rem;font-weight:var(--font-weight-medium);line-height:1.4}h3{font-size:1.25rem;font-weight:var(--font-weight-medium);line-height:1.4}h4{font-size:1.125rem;font-weight:var(--font-weight-medium);line-height:1.4}p{font-size:.875rem;font-weight:var(--font-weight-normal);line-height:1.5}label,button{font-size:.875rem;font-weight:var(--font-weight-medium);line-height:1.4}input{font-size:.875rem;font-weight:var(--font-weight-normal);line-height:1.4}}}html{font-size:var(--font-size)}@layer utilities{.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.backdrop-blur-xs{backdrop-filter:blur(2px)}.backdrop-blur-sm{backdrop-filter:blur(4px)}.backdrop-blur-md{backdrop-filter:blur(12px)}.backdrop-blur-lg{backdrop-filter:blur(16px)}.loading-skeleton{@apply bg-muted animate-pulse rounded;}.focus-ring{@apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2;}.glass{backdrop-filter:blur(16px) saturate(180%);background-color:#06b6d41a;border:1px solid rgba(6,182,212,.2)}.glass-dark{backdrop-filter:blur(16px) saturate(180%);background-color:#0000001a;border:1px solid rgba(255,255,255,.125)}.bg-brand-gradient{background:linear-gradient(135deg,var(--brand-teal),var(--brand-orange))}.bg-brand-gradient-reverse{background:linear-gradient(135deg,var(--brand-orange),var(--brand-teal))}.text-brand-gradient{background:linear-gradient(135deg,var(--brand-teal),var(--brand-orange));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.parallax-container{overflow:hidden;position:relative}.parallax-element{will-change:transform;backface-visibility:hidden}.parallax-slow{transform:translate3d(0,calc(var(--scroll-y, 0) * -.5px),0)}.parallax-medium{transform:translate3d(0,calc(var(--scroll-y, 0) * -.3px),0)}.parallax-fast{transform:translate3d(0,calc(var(--scroll-y, 0) * -.7px),0)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-custom::-webkit-scrollbar{width:6px}.scrollbar-custom::-webkit-scrollbar-track{background:var(--muted);border-radius:3px}.scrollbar-custom::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:var(--brand-teal-dark)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}@media(min-width:640px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(min-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.section-spacing{@apply py-8 md:py-12 lg:py-16;}.container-padding{@apply px-4 md:px-6 lg:px-8;}.department-row{background:linear-gradient(90deg,transparent,rgba(6,182,212,.05),transparent);border-left:4px solid var(--brand-teal);transition:all .3s ease}.department-row:hover{background:linear-gradient(90deg,transparent,rgba(6,182,212,.1),transparent);border-left-color:var(--brand-orange);transform:translate(4px)}.department-row:nth-child(2n){background:linear-gradient(90deg,transparent,rgba(245,158,11,.05),transparent);border-left-color:var(--brand-orange)}.department-row:nth-child(2n):hover{background:linear-gradient(90deg,transparent,rgba(245,158,11,.1),transparent);border-left-color:var(--brand-teal)}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.22,1,.36,1)}.animate-slide-in-left{animation:slideInLeft .8s cubic-bezier(.22,1,.36,1)}.animate-slide-in-right{animation:slideInRight .8s cubic-bezier(.22,1,.36,1)}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.22,1,.36,1)}.animate-bounce-in{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.hover-brand-glow:hover{box-shadow:0 0 30px #06b6d44d;transform:translateY(-2px)}.hover-brand-scale:hover{transform:scale(1.05);box-shadow:0 8px 25px #06b6d426}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-50px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate3d(50px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes pulse-brand{0%,to{box-shadow:0 0 #06b6d4b3}70%{box-shadow:0 0 0 10px #06b6d400}}.animate-pulse-brand{animation:pulse-brand 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(6,182,212,.2),transparent);background-size:200px 100%;animation:shimmer 2s infinite}.product-card{transition:all .4s cubic-bezier(.22,1,.36,1)}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #06b6d426}.product-card-featured{transition:all .4s cubic-bezier(.22,1,.36,1)}.product-card-featured:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #06b6d433}.department-card{transition:all .3s ease;background:linear-gradient(135deg,#06b6d40d,#f59e0b0d);border:1px solid rgba(6,182,212,.1)}.department-card:hover{transform:translateY(-4px);background:linear-gradient(135deg,#06b6d41a,#f59e0b1a);border-color:var(--brand-teal);box-shadow:0 10px 25px #06b6d426}.btn-brand-primary{background:linear-gradient(135deg,var(--brand-teal),var(--brand-teal-dark));transition:all .3s ease}.btn-brand-primary:hover{background:linear-gradient(135deg,var(--brand-teal-dark),var(--brand-teal));transform:translateY(-2px);box-shadow:0 8px 20px #06b6d44d}.btn-brand-secondary{background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-dark));transition:all .3s ease}.btn-brand-secondary:hover{background:linear-gradient(135deg,var(--brand-orange-dark),var(--brand-orange));transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b4d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--muted);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--brand-teal),var(--brand-orange));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--brand-teal-dark),var(--brand-orange-dark))}.hero-brand-overlay{background:linear-gradient(135deg,#06b6d4cc,#f59e0b99)}@media(max-width:768px){.department-row{border-left-width:2px}.department-row:hover{transform:translate(2px)}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0)}@media(prefers-reduced-motion:reduce){.parallax-element,.parallax-slow,.parallax-medium,.parallax-fast{transform:none!important}.product-card,.product-card-featured,.department-card,.department-row{transition:none}.animate-fade-in-up,.animate-slide-in-left,.animate-slide-in-right,.animate-scale-in,.animate-bounce-in,.animate-float,.animate-shimmer,.animate-pulse-brand{animation:none}}.focus-brand{@apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-teal focus-visible:ring-offset-2;}.loading-brand{background:linear-gradient(90deg,var(--muted) 25%,var(--brand-teal) 50%,var(--muted) 75%);background-size:200% 100%;animation:shimmer 2s infinite}