:root{--primary: #0066ff;--primary-dark: #1a365d;--primary-light: #87ceeb;--secondary: #4299e1;--accent: #38b2ac;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--glass-bg: rgba(255, 255, 255, .15);--glass-bg-strong: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(16px);--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .35s ease-out}.nav-btn.active{background:var(--glass-bg-strong);transform:translateY(-2px)}.shipping-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 0;text-align:center;position:relative;overflow:hidden;font-family:Arial,sans-serif;animation:gradientShift 3s ease infinite;position:fixed;top:0;left:0;right:0;z-index:101}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#667eea,#764ba2)}50%{background:linear-gradient(135deg,#764ba2,#667eea)}}.banner-content{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:2}.shipping-text{font-size:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.truck-icon{font-size:24px;animation:truck-bounce 2s ease-in-out infinite}@keyframes truck-bounce{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.highlight{background:#fff3;padding:4px 12px;border-radius:20px;border:2px solid rgba(255,255,255,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 8px #fff0}}.sparkle{position:absolute;color:gold;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.sparkle:nth-child(1){top:20%;left:15%;animation-delay:0s}.sparkle:nth-child(2){top:60%;left:25%;animation-delay:.5s}.sparkle:nth-child(3){top:30%;right:20%;animation-delay:1s}.sparkle:nth-child(4){top:70%;right:15%;animation-delay:1.5s}.developer-credit{font-size:10px;margin-top:4px;opacity:.9;font-weight:400}.developer-link{color:gold;text-decoration:none;font-weight:700;transition:all .3s ease}.developer-link:hover{color:#fff;text-decoration:underline;text-shadow:0 0 8px rgba(255,215,0,.6)}.mobile-text{display:none}@media (max-width: 768px){.shipping-text{font-size:16px}.desktop-text{display:none}.mobile-text{display:inline}.developer-credit{font-size:10px;margin-top:6px}}@media (max-width: 480px){.shipping-text{font-size:14px}.banner-content{flex-direction:column;gap:8px}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:400;line-height:1.6;color:var(--gray-800);background:linear-gradient(135deg,var(--primary-light),var(--primary),var(--primary-dark));min-height:100vh;overflow-x:hidden}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-light),var(--primary));display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center;color:var(--white)}.loading-logo{font-size:4rem;margin-bottom:var(--space-4);animation:bounce 1s infinite}.loading-content h2{font-size:var(--font-size-3xl);font-weight:600;margin-bottom:var(--space-4)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--white);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.nav-container{position:fixed;top:60px;left:0;right:0;z-index:100;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);padding:var(--space-2) 0}.nav-content{max-width:1200px;margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:var(--space-2);color:var(--white);font-weight:700;font-size:var(--font-size-xl)}.brand-icon{font-size:1.5rem}.nav-actions{display:flex;align-items:center;gap:var(--space-2)}.nav-btn{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);color:var(--white);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-1);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.nav-btn:hover{background:var(--glass-bg-strong);transform:translateY(-2px)}.nav-btn .badge{position:absolute;top:-8px;right:-8px;background:var(--error);color:var(--white);font-size:var(--font-size-xs);font-weight:600;padding:2px 6px;border-radius:var(--radius-xl);min-width:18px;text-align:center}.main-content{padding-top:160px;min-height:100vh}.hero-section{padding:var(--space-8) var(--space-4) var(--space-6);text-align:center;color:var(--white)}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-3);text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:var(--font-size-xl);opacity:.9;margin-bottom:var(--space-6)}.hero-stats{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-6)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:var(--font-size-3xl);font-weight:700;display:block}.stat-label{font-size:var(--font-size-sm);opacity:.8}.drops-section{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-6) var(--space-4);margin-top:var(--space-4);min-height:60vh}.drops-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-6);max-width:1200px;margin-left:auto;margin-right:auto}.drops-header h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--white);margin-bottom:var(--space-2)}.drops-subtitle{color:#fffc;font-size:var(--font-size-base)}.drops-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.drop-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.drop-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);background:var(--glass-bg-strong)}.drop-card.featured{border:2px solid var(--primary)}.drop-card.sold-out{opacity:.7}.drop-card.coming-soon{opacity:.8}.drop-image{position:relative;height:240px;overflow:hidden}.drop-image img{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-normal)}.image-gallery{position:relative;height:240px;overflow:hidden}.gallery-main{position:relative;width:100%;height:100%}.gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-normal)}.gallery-image.active{opacity:1}.gallery-thumbnails{display:flex;gap:var(--space-1);margin-top:var(--space-2);justify-content:center;flex-wrap:wrap}.thumbnail{width:50px;height:50px;border-radius:var(--radius-sm);object-fit:cover;cursor:pointer;border:2px solid transparent;transition:all var(--transition-normal);opacity:.7}.thumbnail:hover{opacity:1;transform:scale(1.05)}.thumbnail.active{border-color:var(--primary);opacity:1}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-normal);z-index:10}.gallery-nav:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.gallery-nav.prev{left:10px}.gallery-nav.next{right:10px}.gallery-indicator{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.drop-badge{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--primary);color:var(--white);padding:4px var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.drop-badge.sold-out-badge{background:var(--error)}.drop-badge.coming-soon-badge{background:var(--warning);color:var(--gray-800)}.drop-content{padding:var(--space-4)}.drop-title{font-size:var(--font-size-lg);font-weight:600;color:var(--white);margin-bottom:var(--space-2);line-height:1.4}.drop-price{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.drop-description{color:#fffc;font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--space-3)}.drop-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.drop-actions{display:flex;flex-direction:column;gap:var(--space-3)}.share-buttons{display:flex;justify-content:center;gap:var(--space-2)}.share-btn{width:36px;height:36px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;font-size:0}.share-btn svg{width:18px;height:18px}.share-btn.facebook{background:#1877f2;color:#fff}.share-btn.twitter{background:#1da1f2;color:#fff}.share-btn.pinterest{background:#bd081c;color:#fff}.share-btn.tiktok{background:#000;color:#fff}.share-btn:hover{transform:scale(1.1);opacity:.9}.btn-buy{background:var(--primary);color:var(--white);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-family:inherit}.btn-buy:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-sold-out,.btn-coming-soon{background:var(--gray-600);color:var(--white);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:600;cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-family:inherit;opacity:.7}.btn-coming-soon{background:var(--warning);color:var(--gray-800)}.success-section,.canceled-section{padding:var(--space-8) var(--space-4);min-height:80vh;display:flex;align-items:center;justify-content:center}.success-content,.canceled-content{max-width:600px;text-align:center;color:var(--white)}.success-icon,.canceled-icon{font-size:4rem;margin-bottom:var(--space-4)}.success-title,.canceled-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-3)}.success-subtitle,.canceled-subtitle{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--space-6)}.success-details,.canceled-details{display:grid;gap:var(--space-4);margin-bottom:var(--space-6)}.detail-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4);text-align:left}.detail-card h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2)}.detail-card p{opacity:.8;line-height:1.6}.success-actions,.canceled-actions{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-6)}.social-links,.help-section{margin-top:var(--space-6)}.social-links h4,.help-section h4{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-3)}.social-buttons{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.social-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal)}.social-btn svg{width:20px;height:20px}.social-btn.facebook{background:#1877f2;color:#fff}.social-btn.twitter{background:#1da1f2;color:#fff}.social-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-btn.tiktok{background:#000;color:#fff}.social-btn:hover{transform:translateY(-2px);opacity:.9}.contact-options{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.contact-btn{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--white);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);text-decoration:none;font-weight:500;transition:all var(--transition-normal)}.contact-btn:hover{background:var(--glass-bg-strong);transform:translateY(-2px)}.price-current{font-size:var(--font-size-xl);font-weight:700;color:var(--white)}.price-original{font-size:var(--font-size-sm);color:var(--gray-400);text-decoration:line-through}.meta-badge{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:4px var(--space-2);font-size:var(--font-size-xs);color:var(--white);font-weight:500}@media (max-width: 768px){.drops-grid{grid-template-columns:1fr;gap:var(--space-3);padding:0 var(--space-2)}.drops-section{padding:var(--space-4) var(--space-2)}.success-actions,.canceled-actions{flex-direction:column}.social-buttons{gap:var(--space-2)}.social-btn{padding:var(--space-2);font-size:var(--font-size-xs)}.share-buttons{gap:var(--space-1)}.share-btn{width:32px;height:32px}.share-btn svg{width:16px;height:16px}}@media (max-width: 480px){.drops-grid{grid-template-columns:1fr}.drop-actions{gap:var(--space-2)}.share-buttons{justify-content:space-around}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.content-section{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);margin:var(--space-6) var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--glass-border);padding:var(--space-6)}.content-container{max-width:800px;margin:0 auto;color:var(--white)}.content-section h2{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-4);color:var(--white)}.content-section h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--white)}.content-section p{line-height:1.6;margin-bottom:var(--space-3);color:#ffffffe6}.content-section ul,.content-section ol{margin-bottom:var(--space-3);padding-left:var(--space-4);color:#ffffffe6}.content-section li{margin-bottom:var(--space-1);line-height:1.6}.content-section a{color:var(--primary-light);text-decoration:none;transition:color var(--transition-normal)}.content-section a:hover{color:var(--white);text-decoration:underline}.guide-content{display:grid;gap:var(--space-6)}.grade-item{background:#ffffff0d;padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2);border-left:3px solid var(--primary)}.grade-item strong{color:var(--primary-light)}.care-tips{display:grid;gap:var(--space-4)}.care-tip{background:#ffffff0d;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.care-tip h3{margin-bottom:var(--space-2);font-size:var(--font-size-base)}.blog-posts{display:grid;gap:var(--space-6)}.blog-post{background:#ffffff0d;padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.blog-post h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.post-meta{color:var(--gray-400);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.faq-container{display:grid;gap:var(--space-2)}.faq-item{background:#ffffff0d;border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow:hidden}.faq-question{width:100%;background:none;border:none;padding:var(--space-4);text-align:left;color:var(--white);font-size:var(--font-size-base);font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color var(--transition-normal)}.faq-question:hover{background:#ffffff0d}.faq-icon{font-size:var(--font-size-lg);font-weight:300;transition:transform var(--transition-normal)}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.faq-item.active .faq-answer{max-height:200px}.faq-answer p{padding:0 var(--space-4) var(--space-4);margin:0}.shipping-info{display:grid;gap:var(--space-4)}.shipping-option{background:#ffffff0d;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.shipping-option h3{margin-bottom:var(--space-3);font-size:var(--font-size-lg)}.shipping-option p{margin-bottom:var(--space-2)}.returns-policy{display:grid;gap:var(--space-4)}.policy-section{background:#ffffff0d;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.policy-section h3{margin-bottom:var(--space-3)}.contact-info{display:grid;gap:var(--space-4)}.contact-method{background:#ffffff0d;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.contact-method h3{margin-bottom:var(--space-3)}.social-links-contact{display:flex;gap:var(--space-3);flex-wrap:wrap}.social-link{background:var(--primary);color:var(--white);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal)}.social-link:hover{background:var(--primary-dark);transform:translateY(-2px)}@media (max-width: 768px){.content-section{margin:var(--space-4) var(--space-2);padding:var(--space-4)}.guide-content{gap:var(--space-4)}.care-tips{gap:var(--space-3)}.blog-posts{gap:var(--space-4)}.blog-post{padding:var(--space-4)}.shipping-info,.returns-policy,.contact-info{gap:var(--space-3)}.social-links-contact{gap:var(--space-2)}}@media (max-width: 768px){.nav-content{padding:0 var(--space-3)}.nav-btn .btn-text{display:none}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-stats{gap:var(--space-4)}}@media (max-width: 480px){.hero-stats{flex-direction:column;gap:var(--space-3)}}.btn:focus,.nav-btn:focus{outline:2px solid var(--primary-light);outline-offset:2px}@media print{.nav-container{display:none!important}.main-content{padding-top:0}body{background:#fff;color:#000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}