:root{--coral:#e84a5f;--coral-dark:#c73a4f;--coral-light:#ffe8ec;--plum:#2d1b69;--plum-light:#f4f0ff;--gold:#f9c74f;--gold-light:#fff8e7;--mint:#6bcb77;--mint-light:#eefdf4;--sky:#4d96ff;--sky-light:#eaf4ff;--cream:#fffbf9;--warm-white:#fff8f5;--text-dark:#1a1a2e;--text-soft:#4a4a6a;--text-light:#8e8ea0;--gradient-hero:linear-gradient(145deg, #fffbf9 0%, #fff0ed 100%);--gradient-primary:linear-gradient(135deg, #e84a5f, #c73a4f);--gradient-gold:linear-gradient(135deg, #f9c74f, #f5a623);--gradient-plum:linear-gradient(135deg, #2d1b69, #4a2b8a);--shadow-soft:0 4px 24px #2d1b690f;--shadow-medium:0 8px 40px #2d1b6914;--shadow-strong:0 16px 60px #2d1b691f;--shadow-glow:0 8px 32px #e84a5f40;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:6rem;--background:#fff;--foreground:#171717}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%;scroll-padding-top:80px}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--text-dark);background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Inter,Arial,Helvetica,sans-serif;display:flex}h1,h2,h3,h4,h5,h6,.fredoka,.heading,.nav-link,.btn{font-family:Fredoka,sans-serif;font-weight:500}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--coral);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--coral-dark)}section{content-visibility:auto;contain-intrinsic-size:0 600px}section#home,nav{content-visibility:visible;contain-intrinsic-size:none}img{max-width:100%;height:auto;image-rendering:crisp-edges}.hover-scale{transition:transform .5s cubic-bezier(.22,1,.36,1)}a:hover .hover-scale,div:hover .hover-scale{transform:scale(1.04)}.highlight-img{transition:transform .4s}a:hover .highlight-img{transform:scale(1.07)}.gallery-image{transition:transform .35s}div:hover .gallery-image{transform:scale(1.05)}.gallery-overlay{padding:var(--space-lg) var(--space-sm) var(--space-sm);opacity:0;background:linear-gradient(#0000,#1a1a2eb3);justify-content:center;align-items:flex-end;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}div:hover .gallery-overlay{opacity:1}@media (max-width:768px){.gallery-overlay{opacity:1;padding:var(--space-md) var(--space-sm) var(--space-sm)}.gallery-overlay span{font-size:.72rem}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;transition:transform .25s,box-shadow .25s}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-3px)}.btn-gold{background:var(--gradient-gold);color:var(--text-dark);border:none;transition:transform .25s,box-shadow .25s}.btn-gold:hover{transform:translateY(-3px);box-shadow:0 8px 28px #f9c74f59}.btn-outline-plum{border:2px solid var(--plum);color:var(--plum);background:0 0;transition:all .25s}.btn-outline-plum:hover{background:var(--plum);color:#fff;transform:translateY(-2px)}.badge-trending{background:var(--coral-light);color:var(--coral);border-radius:var(--radius-full);align-items:center;gap:var(--space-xs);padding:4px 12px;font-size:.65rem;font-weight:700;display:inline-flex}.badge-bestseller{background:var(--gold-light);color:#b8860b}.badge-new{background:var(--mint-light);color:var(--mint)}.badge-premium{background:var(--plum-light);color:var(--plum)}.text-coral{color:var(--coral)}.text-plum{color:var(--plum)}.text-gold{color:var(--gold)}.text-mint{color:var(--mint)}.text-sky{color:var(--sky)}.bg-coral{background:var(--gradient-primary)}.bg-plum{background:var(--gradient-plum)}.bg-gold{background:var(--gradient-gold)}.bg-cream{background:var(--cream)}.bg-warm{background:var(--warm-white)}.arrow-icon{transition:transform .3s}a:hover .arrow-icon{transform:translate(5px)}@media (max-width:768px){.container-fluid{padding-left:var(--space-md);padding-right:var(--space-md)}}@media (prefers-color-scheme:dark){body{color:var(--text-dark);background:var(--cream)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}@media (max-width:768px){motion.div,.motion{transition-duration:.15s!important}}.nav-link{color:var(--text-dark);font-weight:500;transition:all .2s}.nav-link:hover{color:var(--coral);transform:translateY(-1px)}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.sparkle{animation:2s ease-in-out infinite sparkle}.logo-text{display:inline-block;position:relative}.shine{pointer-events:none;background:linear-gradient(120deg,#0000,#ffffffd9,#0000);width:40%;height:200%;animation:4.5s infinite shine;position:absolute;top:-50%;left:-100%}@keyframes shine{0%{transform:translate(-100%)}20%{transform:translate(300%)}to{transform:translate(300%)}}.nav-item{color:var(--text-dark);font-weight:500;transition:color .3s;position:relative}.nav-item:after{content:"";background:var(--coral);border-radius:4px;width:0;height:2.5px;transition:all .3s;position:absolute;bottom:2px;left:50%}.nav-item:hover:after{width:80%;left:10%}.nav-link{color:var(--text-dark);transition:all .2s}.nav-link:hover{color:var(--coral)}.hover-bg:hover{background:var(--coral-light)}.glass-card{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);background:#ffffffb3;border:1px solid #ffffff4d}.section-divider{background:var(--gradient-primary);border-radius:var(--radius-full);width:60px;height:3px;margin:0 auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float{animation:5s ease-in-out infinite float}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-delayed{animation:6s ease-in-out 1s infinite float-delayed}.image-shimmer{background:linear-gradient(105deg,#fff0 40%,#fff9 50%,#fff0 60%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.image-placeholder{background-color:#f1f5f9}