*{margin:0;padding:0;box-sizing:border-box;font-family:Discovery Art,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}body{font-family:Discovery Art,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background-color:#fff;overflow-x:hidden}.navbar,.nav-links a,.cta-button,.gallery-item,.product-card,.collection-card,.footer-link{transition:all .2s ease}.App{min-height:100vh;position:relative}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease;height:70px;min-height:70px;box-shadow:0 1px 3px #00000005}.navbar.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(25px) saturate(200%);backdrop-filter:blur(25px) saturate(200%);box-shadow:0 4px 30px #0000000f;border-bottom:1px solid rgba(255,255,255,.3);height:65px;min-height:65px}.nav-content{max-width:1400px;margin:0 auto;padding:0 3rem;display:flex;justify-content:space-between;align-items:center;height:100%;position:relative}.logo-container{animation:logoFadeIn 1s ease-out .2s both;transform:translateY(-10px);height:45px;display:flex;align-items:center;position:relative;z-index:2;text-decoration:none;gap:.5rem}.logo-image{height:35px;width:auto;max-width:35px;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:4px}.logo-text{font-size:1.1rem;font-weight:600;color:#2c3e50;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.02em}.logo-container:hover .logo-image{transform:scale(1.05);filter:brightness(1.1) contrast(1.05)}.logo-container:hover .logo-text{color:#1a202c}.nav-links{display:flex;list-style:none;gap:3rem;align-items:center;animation:navFadeIn 1s ease-out .4s both;opacity:0;transform:translateY(-10px);height:100%;position:relative;z-index:2}.nav-links li{position:relative;animation:navItemFadeIn .6s ease-out both;height:100%;display:flex;align-items:center}.nav-links li:nth-child(1){animation-delay:.5s}.nav-links li:nth-child(2){animation-delay:.6s}.nav-links li:nth-child(3){animation-delay:.7s}.nav-links li:nth-child(4){animation-delay:.8s}.nav-links li:nth-child(5){animation-delay:.9s}.nav-links a,.nav-links button{text-decoration:none;color:#2c3e50;font-weight:500;font-size:.95rem;letter-spacing:.3px;position:relative;transition:all .2s ease;padding:.8rem 1.2rem;display:flex;align-items:center;height:100%;border-radius:12px;background:transparent;overflow:hidden}.nav-links a:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;opacity:0;transition:all .2s ease;transform:scale(.8)}.nav-links a:hover,.nav-links button:hover{color:#1a202c;transform:translateY(-1px)}.nav-links a:hover:before{opacity:.5;transform:scale(1)}.nav-links a:after{content:"";position:absolute;bottom:8px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(-50%);border-radius:1px;box-shadow:0 2px 4px #667eea4d}.nav-links a:hover:after{width:60%}.nav-links li:last-child{animation-delay:1s}.nav-links li:last-child a{position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2)}.nav-links li:last-child a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.nav-links li:last-child a:hover{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea66;box-shadow:0 4px 15px #667eea33}.nav-links li:last-child a:hover:before{left:100%}.hero-section{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:-1}.header-background-image{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.7) contrast(1.1);animation:backgroundZoom 30s ease-in-out infinite alternate;will-change:transform}.hero-content{text-align:center;color:#fff;z-index:2;max-width:800px;padding:0 2rem;position:relative}.hero-title-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem 3rem;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000005,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.hero-title-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff05,#ffffff03);border-radius:20px;pointer-events:none}.hero-title-container:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.02),transparent);opacity:.3;pointer-events:none}.title-word{font-size:4rem;font-weight:300;font-family:Discovery Art,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:4px;text-transform:uppercase;opacity:1;transform:translateY(0);position:relative;z-index:2;color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.1),0 0 20px rgba(255,255,255,.3)}.title-separator{font-size:2rem;color:#fffc;opacity:1;transform:scale(1)}.hero-subtitle{font-size:1.2rem;font-weight:300;margin-bottom:3rem;opacity:1;transform:translateY(0);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-radius:25px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden}.hero-subtitle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:subtitleShimmer 3s ease-in-out infinite}.hero-subtitle.italian-style{font-size:.85rem;font-style:italic;font-weight:400;color:#ffffffbf;margin-top:.3rem;letter-spacing:.08em;text-transform:lowercase;font-family:Discovery Art,Arial,serif}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;opacity:1;transform:translateY(0)}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:2px solid white;background:transparent;color:#fff;text-decoration:none;font-weight:500;border-radius:50px;transition:all .3s ease;position:relative;overflow:hidden}.cta-button.primary{background:linear-gradient(135deg,#64748b,#475569);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(100,116,139,.3);color:#fff;box-shadow:0 4px 15px #0000001a}.cta-button:hover{background:linear-gradient(135deg,#475569,#334155);color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #0003;border-color:#64748b80}.floating-particles{position:absolute;inset:0;pointer-events:none;opacity:.3}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:3rem;font-weight:300;text-align:center;margin-bottom:1rem;color:#1e293b}.section-subtitle{font-size:1.1rem;text-align:center;color:#64748b;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.artist-section{padding:6rem 0;background:linear-gradient(135deg,#fff,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.artist-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.6) 0%,transparent 50%);z-index:1}.artist-section:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);opacity:.2;z-index:2}.artist-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:3}.artist-images{position:relative;transition:all .6s cubic-bezier(.4,0,.2,1)}.artist-images:before{content:"";position:absolute;inset:-10px;background:linear-gradient(45deg,rgba(255,255,255,.2),transparent,rgba(255,255,255,.2));border-radius:25px;z-index:-1}.image-carousel{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 15px 30px #00000026,0 5px 15px #0000001a;transition:all .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,rgba(255,255,255,.1),transparent)}.image-carousel:hover{transform:scale(1.02);box-shadow:0 20px 40px #0003,0 8px 20px #00000026}.artist-image{width:100%;height:500px;object-fit:cover;border-radius:20px;transition:all .6s cubic-bezier(.4,0,.2,1);filter:brightness(.95) contrast(1.05);will-change:transform,opacity,filter}.artist-image:hover{filter:brightness(1.05) contrast(1.1);transform:scale(1.02)}.image-overlay{position:absolute;inset:0;background:#0000001a;pointer-events:none}.artist-story h3{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:#1a202c;text-shadow:0 2px 4px rgba(255,255,255,.8);position:relative}.artist-story h3:before{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#64748b,#64748b80);border-radius:2px;box-shadow:0 2px 8px #64748b4d}.artist-story p{margin-bottom:1.5rem;color:#2d3748;line-height:1.8;font-size:1.1rem;text-shadow:0 1px 2px rgba(255,255,255,.6);font-weight:400}.artist-collections{margin-top:2rem}.artist-collections h4{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;color:#1a202c;text-shadow:0 2px 4px rgba(255,255,255,.8)}.collection-tags{display:flex;gap:1rem;flex-wrap:wrap}.collection-tag{padding:.8rem 1.5rem;background:#ffffffe6;border:1px solid rgba(203,213,225,.3);border-radius:30px;font-size:1rem;color:#2d3748;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000000d;font-weight:500}.collection-tag:hover{background:#fffffff2;border-color:#94a3b880;transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px #0000001a}.explore-collection-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a;margin-top:1.5rem;text-decoration:none;position:relative;z-index:10;pointer-events:auto}.explore-collection-btn:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.work-section{padding:6rem 0;background:linear-gradient(135deg,#fff,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.work-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(148,163,184,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(203,213,225,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(226,232,240,.1) 0%,transparent 50%);animation:backgroundFlow 25s ease-in-out infinite;z-index:0;will-change:transform}.work-section:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(148,163,184,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.4;animation:grainMove 20s linear infinite;z-index:1}.work-gallery{margin-bottom:4rem;position:relative;z-index:2}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;position:relative;z-index:2}.gallery-item{position:relative;border-radius:20px;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#fff;aspect-ratio:1;height:350px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:all .5s cubic-bezier(.4,0,.2,1);display:block}.item-overlay{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);border-radius:20px}.overlay-content{text-align:center;color:#fff;padding:2rem;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transform:translateY(20px);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.gallery-item:hover .overlay-content{transform:translateY(0);opacity:1}.overlay-content h4{font-size:1.5rem;margin-bottom:.5rem;font-weight:400;text-shadow:0 2px 4px rgba(0,0,0,.3)}.overlay-content p{margin-bottom:1.5rem;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.view-button{padding:.8rem 1.5rem;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003}.view-button:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-2px);box-shadow:0 8px 25px #00000040}.work-cta{text-align:center}.shop-section{padding:6rem 0;position:relative;background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden}.shop-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23cbd5e1' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3;animation:shopBackgroundFlow 20s ease-in-out infinite}.shop-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(148,163,184,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(148,163,184,.1) 0%,transparent 50%);pointer-events:none;animation:shopGrainMove 15s ease-in-out infinite}.shop-section{min-height:100vh}.collection-card:hover,.product-card:hover{box-shadow:0 20px 60px #00000026}.collection-card img,.product-card img{transition:transform .5s cubic-bezier(.4,0,.2,1)}.shop-controls input:focus,.shop-controls select:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b1a}.mobile-menu-button{display:none;background:linear-gradient(135deg,#64748b,#475569);border:1px solid rgba(100,116,139,.3);border-radius:12px;cursor:pointer;padding:.5rem;animation:navItemFadeIn .6s ease-out 1.1s both;opacity:0;transform:translateY(-5px);height:45px;width:45px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:44px;min-width:44px}.mobile-menu-button:hover{background:linear-gradient(135deg,#475569,#334155);border-color:#64748b80;box-shadow:0 4px 15px #64748b4d;transform:translateY(-2px)}.mobile-menu-button:active{transform:scale(.95)}@media (max-width: 768px){.mobile-menu-button{display:flex}.nav-links{display:none}.mobile-menu{display:block}body.menu-open{overflow:hidden}.mobile-menu-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-menu{transform-origin:top right}.mobile-menu a:hover,.mobile-menu button:hover{background:#64748b1a!important;border-color:#64748b33!important;transform:translate(4px)}.mobile-menu button[aria-label*=Close]{background:#ef44441a;border-color:#ef444433}.mobile-menu button[aria-label*=Close]:hover{background:#ef444426;border-color:#ef44444d}}@media (max-width: 480px){.mobile-menu{width:260px;padding:1.5rem 1rem}.mobile-menu a,.mobile-menu button{padding:.8rem 1rem;font-size:1rem}.mobile-menu h3{font-size:1.1rem}}@media (max-width: 360px){.mobile-menu{width:240px;padding:1.2rem .8rem}.mobile-menu a,.mobile-menu button{padding:.7rem .9rem;font-size:.95rem}.mobile-menu h3{font-size:1rem}}.navbar:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.navbar:hover:before{opacity:1}.navbar:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.navbar:hover:after{opacity:1}.logo-container{transition:all .4s cubic-bezier(.4,0,.2,1)}.logo-container:hover{transform:scale(1.02) translateY(-1px)}.nav-links a.active{color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3)}.nav-links a.active:after{width:60%;background:linear-gradient(90deg,#667eea,#764ba2)}.logo-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-spinner{animation:spin 1.5s linear infinite;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.logo-spinner:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes backgroundZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes creativeTextReveal{0%{opacity:0;transform:translateY(30px) rotateX(90deg)}50%{opacity:.5;transform:translateY(15px) rotateX(45deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes textShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glassShimmer{0%{transform:translate(-100%) translateY(-100%) rotate(0)}50%{transform:translate(0) translateY(0) rotate(180deg)}to{transform:translate(100%) translateY(100%) rotate(360deg)}}@keyframes separatorReveal{0%{opacity:0;transform:scale(0) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes separatorPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}@keyframes subtitleReveal{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes subtitleShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes backgroundFlow{0%,to{transform:translate(0) translateY(0) scale(1)}25%{transform:translate(-20px) translateY(-10px) scale(1.1)}50%{transform:translate(10px) translateY(-20px) scale(.9)}75%{transform:translate(-10px) translateY(10px) scale(1.05)}}@keyframes grainMove{0%{transform:translate(0) translateY(0)}to{transform:translate(100px) translateY(100px)}}@keyframes smoothFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes smoothFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleUnderline{0%{width:0}to{width:100%}}@keyframes paragraphReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes collectionsTitleReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tagFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes galleryItemFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(.5deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(-.5deg)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes navLinkFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes navLinkGlow{0%,to{box-shadow:0 0 #667eea00}50%{box-shadow:0 0 10px #667eea4d}}.nav-links a:hover{animation:navLinkFloat 2s ease-in-out infinite}.nav-links a.active:hover{animation:navLinkGlow 2s ease-in-out infinite}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes navFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes navItemFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes shopBackgroundFlow{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-10px) translateY(-5px)}50%{transform:translate(5px) translateY(-10px)}75%{transform:translate(-5px) translateY(5px)}}@keyframes shopGrainMove{0%,to{opacity:.1;transform:translate(0) translateY(0)}25%{opacity:.15;transform:translate(5px) translateY(-3px)}50%{opacity:.1;transform:translate(-3px) translateY(5px)}75%{opacity:.15;transform:translate(3px) translateY(-2px)}}@media (max-width: 1024px){.nav-content{padding:0 2rem}.hero-title-container{padding:2rem 2.5rem}.title-word{font-size:3.5rem}.artist-content{gap:3rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center}}@media (max-width: 480px){.navbar{height:65px;min-height:65px}.navbar.scrolled{height:60px;min-height:60px}.nav-links{display:none}.mobile-menu-button{display:flex;animation:navItemFadeIn .6s ease-out .5s both;height:42px;width:42px}.mobile-menu{display:block}.logo-image{height:32px;max-width:32px}.nav-content{padding:0 1.5rem}.hero-title-container{flex-direction:column;gap:.75rem;padding:2rem 2.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:0 1rem}.title-word{font-size:2.5rem;font-family:Discovery Art,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.15),0 0 15px rgba(255,255,255,.3);letter-spacing:2px}.title-separator{font-size:1.5rem}.hero-subtitle{font-size:1.1rem;padding:1.2rem 2rem;margin:0 1rem}.hero-buttons{flex-direction:column;align-items:center;gap:1rem;margin:0 1rem}.cta-button{padding:1.2rem 2.5rem;font-size:1.1rem;min-width:200px}.artist-content{grid-template-columns:1fr;gap:2.5rem;padding:0 1rem}.artist-images{order:1}.artist-story{order:2;text-align:center}.artist-story h3{font-size:2.2rem}.artist-story p{font-size:1.05rem}.collection-tags{justify-content:center;gap:.75rem}.collection-tag{padding:.7rem 1.3rem;font-size:.95rem}.gallery-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem;justify-items:center;max-width:400px;margin:0 auto}.gallery-item{height:300px}.section-title{font-size:2.5rem;padding:0 1rem}.section-subtitle{font-size:1.05rem;padding:0 1rem}.container{padding:0 1.5rem}.artist-section,.work-section,.shop-section{padding:5rem 0}.floating-eye,.floating-particles{display:none}}@media (max-width: 480px){.navbar{height:60px;min-height:60px}.navbar.scrolled{height:55px;min-height:55px}.nav-content{padding:0 1rem}.logo-image{height:30px;max-width:30px}.mobile-menu-button{height:38px;width:38px}.hero-title-container{padding:1.5rem 2rem;margin:0 .5rem}.title-word{font-size:2rem;font-family:Discovery Art,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:1.5px}.title-separator{font-size:1.25rem}.hero-subtitle{font-size:1rem;padding:1rem 1.5rem;margin:0 .5rem}.hero-buttons{margin:0 .5rem}.cta-button{padding:1rem 2rem;font-size:1rem;min-width:180px}.artist-content{gap:2rem;padding:0 .5rem}.artist-story h3{font-size:2rem}.artist-story p{font-size:1rem}.collection-tags{gap:.5rem}.collection-tag{padding:.6rem 1.1rem;font-size:.9rem}.gallery-grid{gap:1rem;padding:0 .5rem;justify-items:center;max-width:350px;margin:0 auto}.gallery-item{height:250px}.section-title{font-size:2rem;padding:0 .5rem}.section-subtitle{font-size:1rem;padding:0 .5rem}.container{padding:0 1rem}.artist-section,.work-section{padding:4rem 0}.explore-collection-btn{padding:.9rem 1.8rem;font-size:.95rem}}@media (max-width: 360px){.hero-title-container{padding:1.25rem 1.5rem;margin:0 .25rem}.title-word{font-size:2.25rem;letter-spacing:.5px}.title-separator{font-size:1.1rem}.hero-subtitle{font-size:.95rem;padding:.9rem 1.25rem;margin:0 .25rem}.cta-button{padding:.9rem 1.8rem;font-size:.95rem;min-width:160px}.artist-story h3{font-size:1.8rem}.artist-story p{font-size:.95rem}.section-title{font-size:1.8rem}.section-subtitle{font-size:.95rem}.gallery-grid{justify-items:center;max-width:300px;margin:0 auto}.gallery-item{height:220px}}@media (hover: none) and (pointer: coarse){.cta-button:hover,.explore-collection-btn:hover,.gallery-item:hover,.collection-tag:hover{transform:none}.cta-button:active,.explore-collection-btn:active,.gallery-item:active,.collection-tag:active{transform:scale(.98)}.nav-links a:active,.mobile-menu-button:active{transform:scale(.95)}}@media (max-width: 768px){.header-background-image{animation:none}.floating-eye,.floating-particles{display:none}.artist-images:before{display:none}.image-carousel{animation:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.image-carousel:hover{transform:scale(1.01)}.artist-image{animation:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.artist-image:hover{transform:scale(1.01)}.artist-story h3{color:#1a202c;text-shadow:0 1px 2px rgba(255,255,255,.8)}.artist-story p{color:#2d3748;text-shadow:0 1px 2px rgba(255,255,255,.6)}.artist-collections h4{color:#1a202c;text-shadow:0 1px 2px rgba(255,255,255,.8)}}@media (max-width: 768px){.cta-button,.explore-collection-btn,.gallery-item,.collection-tag,.mobile-menu-button{min-height:44px;min-width:44px}.nav-links a{min-height:44px;padding:.8rem 1.2rem}}@media (max-width: 768px) and (orientation: landscape){.hero-section{height:100vh;min-height:500px}.hero-title-container{padding:1.5rem 2rem}.title-word{font-size:2.5rem;font-family:Discovery Art,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.artist-section,.work-section{padding:3rem 0}}.mobile-menu{display:none}@media (max-width: 768px){.mobile-menu{display:block}.mobile-menu a:hover{color:#667eea}.mobile-menu a:active{color:#475569}}@media (max-width: 768px){.gallery-item{cursor:pointer;-webkit-tap-highlight-color:transparent}.gallery-item:active,.collection-tag:active,.cta-button:active,.explore-collection-btn:active{transform:scale(.98)}}@media (max-width: 768px){.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-content{width:100%;max-width:100%;padding:0 1rem}}@media (max-width: 768px){.artist-image{height:350px}.gallery-item img{object-fit:cover}.header-background-image{background-attachment:scroll}}@media (max-width: 768px){.hero-subtitle{line-height:1.6;font-weight:400}.artist-story p{line-height:1.7}.section-subtitle{line-height:1.6}}@media (max-width: 768px){.hero-buttons{margin-top:2rem}.artist-collections{margin-top:2.5rem}.work-cta{margin-top:3rem}}@media (max-width: 768px){.hero-section,.artist-section,.work-section,.gallery-item{will-change:auto}.artist-section:before,.artist-section:after{animation:none}.artist-images{animation:none}.artist-images:before{animation:none}}@media (max-width: 768px){html{scroll-padding-top:70px}.hero-section,.artist-section,.work-section{scroll-margin-top:70px}}@media (max-width: 768px){.cta-button:focus,.explore-collection-btn:focus,.gallery-item:focus,.collection-tag:focus{outline:2px solid #667eea;outline-offset:2px}.mobile-menu-button:focus{outline:2px solid #667eea;outline-offset:2px}}@keyframes float{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-10px) translateY(-5px)}50%{transform:translate(5px) translateY(-10px)}75%{transform:translate(-5px) translateY(5px)}}@media (max-width: 768px){.hero-content{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.navbar{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (prefers-color-scheme: dark) and (max-width: 768px){.hero-title-container,.hero-subtitle{background:#0000001a}.mobile-menu{background:#000000f2;color:#fff}.mobile-menu a{color:#fff}}button:focus,a:focus{outline:none}.loading{opacity:.6;pointer-events:none}.gallery-item:hover{transform:translateY(-5px) scale(1.02)}.gallery-item:hover .item-overlay{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.gallery-item:hover img{transform:scale(1.05)}.cart-icon{transition:all .3s ease}.cart-icon:hover{transform:scale(1.1)}.image-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-modal-overlay img{box-shadow:0 20px 60px #00000080}.page-transition{transition:opacity .3s ease}.page-transition-enter{opacity:0}.page-transition-enter-active,.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0}.footer{background:linear-gradient(135deg,#1e293b,#334155,#475569);color:#f8fafc;position:relative;overflow:hidden;padding:2.5rem 0 1.5rem;margin-top:2rem}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.02) 0%,transparent 50%);animation:footerBackgroundFlow 25s ease-in-out infinite;z-index:1}.footer:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="footerGrain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23footerGrain)"/></svg>');opacity:.3;animation:footerGrainMove 30s linear infinite;z-index:2}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;position:relative;z-index:3}.footer-section{position:relative;display:flex;flex-direction:column;align-items:flex-start}.footer-brand{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start}.footer-brand-title{font-size:1.4rem;font-weight:600;color:#f1f5f9;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative}.footer-brand-title:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:2px;background:linear-gradient(90deg,#64748b,transparent);border-radius:1px}.footer-brand .logo-container{max-width:150px;height:auto;filter:brightness(1.2) contrast(1.1);transition:all .4s cubic-bezier(.4,0,.2,1);transform:scale(.6)}.footer-brand:hover .logo-container{filter:brightness(1.4) contrast(1.2);transform:scale(.7)}.footer-tagline{font-size:.9rem;font-weight:300;color:#cbd5e1;line-height:1.5;margin:0;position:relative;padding-left:.8rem}.footer-tagline:before{content:"";position:absolute;left:0;top:50%;width:2px;height:20px;background:linear-gradient(180deg,#64748b,transparent);transform:translateY(-50%);border-radius:1px}.footer-description{font-size:.85rem;font-weight:300;color:#94a3b8;line-height:1.6;margin:0;max-width:280px}.footer-title{font-size:1rem;font-weight:500;margin-bottom:1rem;color:#f1f5f9;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.3)}.footer-title:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:linear-gradient(90deg,#64748b,transparent);border-radius:1px}.footer-links{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.footer-link{display:flex;align-items:center;gap:.75rem;color:#cbd5e1;text-decoration:none;font-size:.95rem;font-weight:400;transition:all .4s cubic-bezier(.4,0,.2,1);padding:.5rem 0;position:relative;overflow:hidden}.footer-link:before{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.footer-link:hover{color:#f1f5f9;transform:translate(5px)}.footer-link:hover:before{left:100%}.footer-link svg{transition:all .3s ease;opacity:.8}.footer-link:hover svg{opacity:1;transform:scale(1.1)}.footer-bottom{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:3}.footer-bottom-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copyright{font-size:.9rem;color:#94a3b8;display:flex;align-items:center;gap:.5rem;font-weight:300}.footer-copyright svg{color:#ef4444;animation:heartbeat 2s ease-in-out infinite}.scroll-to-top{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#f1f5f9;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003;position:relative;overflow:hidden}.scroll-to-top:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.scroll-to-top:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 25px #0000004d}.scroll-to-top:hover:before{left:100%}.footer-decoration{position:absolute;inset:0;pointer-events:none;z-index:2}.footer-particle{position:absolute;width:3px;height:3px;background:#ffffff4d;border-radius:50%;box-shadow:0 0 10px #fff3}.footer-particle:nth-child(1){top:20%;left:10%}.footer-particle:nth-child(2){top:60%;right:15%}.footer-particle:nth-child(3){bottom:30%;left:40%}@keyframes footerBackgroundFlow{0%,to{transform:translate(0) translateY(0) scale(1)}25%{transform:translate(-30px) translateY(-15px) scale(1.1)}50%{transform:translate(15px) translateY(-30px) scale(.9)}75%{transform:translate(-15px) translateY(15px) scale(1.05)}}@keyframes footerGrainMove{0%{transform:translate(0) translateY(0)}to{transform:translate(-200px) translateY(-200px)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes storeBackgroundFlow{0%,to{transform:translate(0) translateY(0) scale(1)}25%{transform:translate(-30px) translateY(-15px) scale(1.1)}50%{transform:translate(15px) translateY(-30px) scale(.9)}75%{transform:translate(-15px) translateY(15px) scale(1.05)}}@keyframes storeGrainMove{0%{transform:translate(0) translateY(0)}to{transform:translate(-200px) translateY(-200px)}}@keyframes titleGlow{0%,to{filter:brightness(1) contrast(1)}50%{filter:brightness(1.1) contrast(1.1)}}@keyframes productBackgroundFlow{0%,to{transform:translate(0) translateY(0) scale(1)}25%{transform:translate(-25px) translateY(-10px) scale(1.05)}50%{transform:translate(10px) translateY(-25px) scale(.95)}75%{transform:translate(-10px) translateY(10px) scale(1.02)}}@keyframes adminBackgroundFlow{0%,to{transform:translate(0) translateY(0) scale(1)}25%{transform:translate(-35px) translateY(-20px) scale(1.15)}50%{transform:translate(20px) translateY(-35px) scale(.85)}75%{transform:translate(-20px) translateY(20px) scale(1.08)}}@keyframes adminGrainMove{0%{transform:translate(0) translateY(0)}to{transform:translate(-250px) translateY(-250px)}}@keyframes adminTitleGlow{0%,to{filter:brightness(1) contrast(1)}50%{filter:brightness(1.15) contrast(1.15)}}@keyframes subtlePulse{0%,to{box-shadow:0 4px 15px #0000000d}50%{box-shadow:0 4px 20px #00000014}}@media (max-width: 768px){.footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-brand{align-items:center;text-align:center}.footer-brand-title{font-size:1.2rem}.footer-description{max-width:100%;text-align:center}.footer-brand .logo-container{max-width:120px}.footer-tagline{padding-left:0;text-align:center}.footer-tagline:before{display:none}.footer-section,.footer-links{align-items:center}.footer-bottom-content{flex-direction:column;gap:1.5rem}.footer-copyright{text-align:center}}@media (max-width: 480px){.footer{padding:1.5rem 0 .8rem}.footer-content,.footer-bottom-content{padding:0 1rem}.footer-title{font-size:.95rem}.footer-link{font-size:.85rem}}.store-page{padding-top:100px;min-height:100vh;background:#fafafa;position:relative;overflow:hidden}.store-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.4) 0%,transparent 50%);animation:storeBackgroundFlow 20s ease-in-out infinite;z-index:1}.store-header{background:#fff;color:#1a1a1a;padding:4rem 0 3rem;text-align:center;position:relative;overflow:hidden;z-index:2;border-bottom:1px solid #e5e5e5}.store-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;animation:storeGrainMove 25s linear infinite}.store-header:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}.store-title{font-size:3rem;font-weight:300;margin-bottom:1rem;color:#1a1a1a;position:relative;z-index:2;letter-spacing:-.02em}.store-subtitle{font-size:1.1rem;opacity:.7;max-width:500px;margin:0 auto;position:relative;z-index:2;line-height:1.5;font-weight:400;color:#666;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.view-mode-toggle{background:#fff;padding:2rem 0;border-bottom:1px solid #e2e8f0;width:100%;display:flex;justify-content:center;align-items:center}.toggle-buttons{display:flex;gap:1rem;justify-content:center;align-items:center;width:100%;max-width:400px;margin:0 auto}.toggle-btn{padding:1rem 2rem;border:2px solid transparent;background:linear-gradient(135deg,#93c5fd33,#c4b5fd26,#fca5a51a);color:#475569;border-radius:25px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #93c5fd1a,0 2px 10px #0000000d,inset 0 1px #ffffff4d;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;z-index:100;overflow:hidden;min-width:120px;text-align:center;pointer-events:auto}.toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.toggle-btn:hover:before{left:100%}.toggle-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#93c5fd4d,#c4b5fd40,#fca5a533);box-shadow:0 8px 30px #93c5fd33,0 4px 20px #0000001a,inset 0 1px #fff6;border:2px solid rgba(147,197,253,.3)}.toggle-btn:active{transform:translateY(-1px) scale(.98);box-shadow:0 2px 15px #93c5fd26,0 1px 8px #00000014}.toggle-btn.active{background:linear-gradient(135deg,#3b82f6e6,#8b5cf6cc,#ec4899b3);color:#fff;border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 30px #3b82f64d,0 4px 20px #8b5cf633,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.1)}.admin-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #f59e0b4d}.admin-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:2rem 0;position:relative;z-index:2;justify-items:center;max-width:1400px;margin:0 auto}.product-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);cursor:pointer;width:100%;max-width:350px}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;opacity:0;transition:opacity .4s ease;z-index:1}.product-card:hover{transform:scale(1.02);box-shadow:0 25px 50px #00000026;border:2px solid rgba(59,130,246,.3)}.product-card:active{transform:scale(1.01);transition:all .1s ease}.product-card:hover:before{opacity:1}.product-image-container{position:relative;height:250px;overflow:hidden;z-index:2}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image{transform:scale(1.1)}.like-button{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 15px #0000001a;transition:all .3s ease;z-index:3}.like-button:hover{transform:scale(1.1);box-shadow:0 8px 25px #00000026}.product-info{padding:1.5rem;position:relative;z-index:2}.product-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#1f2937;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.stars{display:flex;gap:2px}.rating-text{font-size:.875rem;color:#6b7280}.product-price{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#059669,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.product-description{color:#6b7280;margin-bottom:1rem;line-height:1.5}.product-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.add-to-cart-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.collections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;padding:2rem 0;justify-items:center;max-width:1400px;margin:0 auto}.collection-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;position:relative;cursor:pointer;width:100%;max-width:400px}.collection-image-container{position:relative;height:300px;overflow:hidden}.collection-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.collection-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.collection-card:hover{transform:scale(1.02);box-shadow:0 20px 40px #00000026;border:2px solid rgba(59,130,246,.3)}.collection-card:active{transform:scale(1.01);transition:all .1s ease}.collection-card:hover .collection-overlay{opacity:1}.overlay-content{text-align:center;color:#fff;padding:2rem}.overlay-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.overlay-description{margin-bottom:1rem;opacity:.9}.overlay-count{display:inline-block;font-size:.875rem;font-weight:600;color:#ffffffe6;background:#ffffff26;padding:.4rem .8rem;border-radius:15px;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.explore-btn{background:#fff;color:#1f2937;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem}.collection-info{padding:1.5rem;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.collection-title{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:#1a1a1a;letter-spacing:-.02em}.collection-description{color:#666;margin-bottom:1.5rem;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.collection-stats{font-size:.875rem;color:#1a1a1a;font-weight:600;margin-top:auto}.cart-summary{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;box-shadow:0 25px 50px #00000026;padding:1.5rem;min-width:300px;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.cart-header h3{font-size:1.125rem;font-weight:600;color:#1f2937}.cart-total{font-size:1.25rem;font-weight:700;color:#059669}.cart-items{margin-bottom:1rem}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.item-name{font-weight:500;color:#374151}.item-actions{display:flex;align-items:center;gap:1rem}.item-price{font-weight:600;color:#059669}.remove-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem}.checkout-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.collections-page{padding-top:100px;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 0 4rem;text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.page-header:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.page-title{font-size:4rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2;text-shadow:0 4px 8px rgba(0,0,0,.1)}.page-subtitle{font-size:1.3rem;opacity:.95;max-width:700px;margin:0 auto;position:relative;z-index:2;line-height:1.6;font-weight:300}.back-button{position:absolute;top:2rem;left:2rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:1rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;z-index:3}.back-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.collection-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 0 4rem;position:relative;overflow:hidden}.collection-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.collection-header:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}.collection-hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.collection-hero-image{border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;position:relative}.collection-hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#667eea4d,#764ba24d);z-index:1}.collection-hero-image img{width:100%;height:450px;object-fit:cover;transition:transform .5s ease}.collection-hero-image:hover img{transform:scale(1.05)}.collection-hero-content h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.1)}.collection-hero-content p{font-size:1.3rem;opacity:.95;margin-bottom:1.5rem;line-height:1.6;font-weight:300}.collection-stats{font-size:1.25rem;opacity:.9;font-weight:600;background:#ffffff1a;padding:.75rem 1.5rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:inline-block}.product-page{padding-top:100px;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);position:relative;overflow:hidden}.product-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.4) 0%,transparent 50%);animation:productBackgroundFlow 20s ease-in-out infinite;z-index:1}.product-page .container{position:relative;z-index:2}.product-page .back-button{position:relative;margin-bottom:2rem;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;border:none;padding:1rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 8px 25px #667eea4d;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-page .back-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea66}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:25px;box-shadow:0 25px 50px -12px #0000001a;margin-top:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2)}.product-image-section{position:relative}.image-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.product-image{width:100%;height:500px;object-fit:cover;cursor:pointer}.product-image.zoomed{transform:scale(1.05)}.share-button{position:absolute;top:1rem;left:1rem;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-details-section{display:flex;flex-direction:column;gap:2rem}.product-header{border-bottom:1px solid #e2e8f0;padding-bottom:2rem}.product-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.product-price{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.price-amount{font-size:2rem;font-weight:700;color:#059669}.price-label{font-size:1rem;color:#6b7280}.product-description h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.product-description p{color:#6b7280;line-height:1.6}.product-specifications{display:flex;flex-direction:column;gap:.75rem}.spec-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.spec-label{font-weight:600;color:#374151}.spec-value{color:#6b7280}.product-actions{display:flex;flex-direction:column;gap:1rem}.quantity-selector{display:flex;align-items:center;gap:1rem}.quantity-selector label{font-weight:600;color:#374151}.quantity-select{padding:.5rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#374151;font-weight:500}.add-to-cart-btn{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-to-cart-btn.in-cart{background:linear-gradient(135deg,#ef4444,#dc2626)}.product-guarantee{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.guarantee-item{display:flex;align-items:center;gap:.75rem;color:#6b7280;font-size:.875rem}.related-products{margin-top:4rem;padding:2rem}.related-products h2{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#1f2937}.related-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.related-product-placeholder{background:#fff;border-radius:12px;padding:1rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a}.placeholder-image{width:100%;height:150px;background:#f3f4f6;border-radius:8px;margin-bottom:1rem}.admin-panel{padding-top:100px;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);position:relative;overflow:hidden}.admin-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.4) 0%,transparent 50%);animation:adminBackgroundFlow 20s ease-in-out infinite;z-index:1}.admin-header{background:linear-gradient(135deg,#1f2937,#374151,#4b5563);color:#fff;padding:6rem 0 4rem;text-align:center;position:relative;overflow:hidden;z-index:2}.admin-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;animation:adminGrainMove 25s linear infinite}.admin-header:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}.admin-title{font-size:4rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#f0f0f0,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2;text-shadow:0 4px 8px rgba(0,0,0,.1);animation:adminTitleGlow 3s ease-in-out infinite}.admin-subtitle{font-size:1.3rem;opacity:.95;max-width:700px;margin:0 auto;position:relative;z-index:2;line-height:1.6;font-weight:300;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-radius:25px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.admin-tabs{background:#fff;padding:2rem 0;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;position:relative;z-index:10;display:flex;justify-content:flex-start;align-items:center}.tab-button{padding:1rem 2rem;border:none;background:transparent;color:#6b7280;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;margin-right:2rem;position:relative;overflow:hidden;z-index:100;pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.tab-button:hover{color:#667eea;transform:translateY(-1px);background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:8px}.tab-button:hover:before{left:100%}.tab-button:active{transform:translateY(0);transition:all .1s ease}.tab-button.active{color:#667eea;border-bottom-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px 8px 0 0;transform:translateY(-1px)}.admin-content{padding:2rem 0}.admin-actions{display:flex;justify-content:flex-end;margin-bottom:2rem}.add-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#059669,#047857,#065f46);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #0596694d}.add-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #05966966}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;position:relative;z-index:2}.admin-item{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative}.admin-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;opacity:0;transition:opacity .4s ease;z-index:1}.admin-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #00000026}.admin-item:hover:before{opacity:1}.item-image{height:200px;overflow:hidden;position:relative;z-index:2}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.admin-item:hover .item-image img{transform:scale(1.1)}.item-info{padding:1rem;position:relative;z-index:2}.item-info h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.item-price,.item-count,.item-collection{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.item-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid rgba(243,244,246,.5);position:relative;z-index:2}.edit-button,.delete-button{padding:.5rem;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.edit-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.edit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.delete-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.modal-content{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:1.5rem;font-weight:600;color:#1f2937}.close-button{background:#f3f4f6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280}.modal-body{padding:1.5rem}.form-group{display:flex;flex-direction:column;gap:1rem}.form-group label{font-weight:600;color:#374151}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea}.image-upload{position:relative}.image-upload input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.upload-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;color:#6b7280;cursor:pointer;transition:all .3s ease}.upload-button:hover{border-color:#667eea;background:#f0f9ff;color:#667eea}.image-preview{margin-top:1rem;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0}.image-preview img{width:100%;height:200px;object-fit:cover}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0;justify-content:flex-end}.cancel-button{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-weight:600;cursor:pointer}.save-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.product-layout{grid-template-columns:1fr;gap:2rem;padding:1rem}.collection-hero{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.products-grid,.collections-grid{grid-template-columns:1fr;gap:1rem;padding:1rem;justify-items:center;max-width:100%}.admin-grid{grid-template-columns:1fr;gap:1rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.cart-summary{bottom:1rem;right:1rem;left:1rem;min-width:auto}.store-title,.page-title,.admin-title,.collection-hero-content h1{font-size:2rem}.product-title{font-size:1.75rem}.toggle-buttons{flex-direction:row;gap:.5rem;max-width:90%}.toggle-btn{padding:.75rem 1.5rem;font-size:.9rem;min-width:100px}.admin-tabs{padding:1rem 0;flex-wrap:wrap;justify-content:center}.tab-button{padding:.75rem 1.5rem;margin-right:1rem;margin-bottom:.5rem;font-size:.9rem}}.product-card{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;height:auto;min-height:480px;display:flex;flex-direction:column;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:5;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-card:hover{box-shadow:0 12px 40px #0000001f;transform:scale(1.02);border:1px solid rgba(255,255,255,.9)}.product-card:active{transform:scale(1.01);box-shadow:0 8px 25px #00000014}.product-image-container{position:relative;overflow:hidden;aspect-ratio:1;flex:1;min-height:260px;max-height:300px;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.product-image{width:100%;height:100%;object-fit:contain;transition:transform .4s ease;padding:8px}.product-card:hover .product-image{transform:scale(1.02)}.product-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0006,#0003);opacity:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.product-card:hover .product-overlay{opacity:1}.overlay-content{text-align:center;color:#fff;padding:1rem;max-width:90%}.overlay-title{font-size:1.25rem;font-weight:600;margin-bottom:0;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.3);text-align:center;line-height:1.3}.product-info{padding:1.5rem;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;text-align:left;background:linear-gradient(135deg,#fff,#fafbfc)}.product-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;letter-spacing:-.01em;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.product-price{font-size:1.3rem;font-weight:700;color:#059669;margin:0 0 1rem;letter-spacing:-.02em}.product-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fffc;border-radius:8px;border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8rem;font-weight:500;color:#6b7280;transition:all .3s ease}.detail-badge:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.detail-badge.dimensions{color:#3b82f6;border-color:#3b82f633;background:#3b82f60d}.detail-badge.availability{color:#059669;border-color:#05966933;background:#0596690d}.detail-badge.unavailable{color:#dc2626;border-color:#dc262633;background:#dc26260d}.product-description{font-size:.875rem;color:#666;margin:0 0 1rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.elegant-button{width:100%;padding:.875rem 1.25rem;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.01em;position:relative;overflow:hidden;min-height:44px}.elegant-button:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-1px);box-shadow:0 3px 10px #64748b33}.elegant-button:active{transform:translateY(0);box-shadow:0 2px 6px #00000014}.elegant-button:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.elegant-button.success{background:#34d399}.elegant-button.success:hover{background:#10b981}.elegant-button.warning{background:#fbbf24}.elegant-button.warning:hover{background:#f59e0b}.elegant-button.secondary{background:linear-gradient(135deg,#64748b,#475569)}.elegant-button.secondary:hover{background:linear-gradient(135deg,#475569,#334155)}.collection-badge{position:absolute;top:16px;left:16px;padding:8px 12px;background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);color:#fff;border-radius:12px;font-size:.7rem;font-weight:600;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);letter-spacing:.02em;text-transform:uppercase;box-shadow:0 4px 12px #3b82f64d;border:1px solid rgba(255,255,255,.2)}.view-button{position:absolute;top:16px;right:16px;padding:10px;background:#ffffffe6;color:#3b82f6;border:none;border-radius:12px;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;box-shadow:0 4px 12px #0000001a;border:1px solid rgba(255,255,255,.3)}.view-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 20px #00000026;color:#2563eb}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1.5rem 0;position:relative;z-index:2;justify-items:center;max-width:1200px;margin:0 auto}@media (min-width: 769px){.product-title{-webkit-line-clamp:4;font-size:1.2rem;line-height:1.4}.product-card{height:auto;min-height:480px}.product-info{min-height:180px;display:flex;flex-direction:column}}@media (max-width: 768px){.product-card{height:380px}.product-image-container{min-height:200px;max-height:240px}.product-info{padding:1rem;min-height:120px}.product-title{font-size:1rem;-webkit-line-clamp:2}.product-price{font-size:1.1rem}.elegant-button{padding:.75rem 1rem;font-size:.85rem;min-height:40px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:1rem 0}}@media screen and (-webkit-min-device-pixel-ratio: 0){.elegant-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;min-height:44px}.elegant-button:active{-webkit-transform:scale(.98);transform:scale(.98);background:#4b5563}.product-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.add-to-cart-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;min-height:44px}.add-to-cart-btn:active{-webkit-transform:scale(.98);transform:scale(.98)}.whatsapp-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;min-height:44px}.whatsapp-button:active{-webkit-transform:scale(.98);transform:scale(.98)}.cart-modal{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}input,textarea,select{font-size:16px}}@supports (-webkit-touch-callout: none){.elegant-button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cart-modal{position:fixed;inset:0;height:100vh;height:-webkit-fill-available}}@media (hover: none) and (pointer: coarse){.elegant-button:hover{transform:none;box-shadow:none}.elegant-button:active{transform:scale(.98);background:#4b5563}.add-to-cart-btn:hover{transform:none;box-shadow:none}.add-to-cart-btn:active{transform:scale(.98)}.product-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.product-card:active{transform:scale(.98)}button{min-height:44px;min-width:44px}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.shop-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding-top:80px}@media (min-width: 768px){.shop-container{padding-top:120px}}.shop-container .container{max-width:1400px;margin:0 auto;padding:0 1rem;width:100%}@media (max-width: 480px){.shop-container .container{padding:0 .5rem}}.shop-header{text-align:center;margin-bottom:1.5rem;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem 1rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.3);margin:0 .25rem 1.5rem}@media (min-width: 768px){.shop-header{margin-bottom:2rem;border-radius:20px;padding:2rem 1.5rem;margin:0 .5rem 2rem;box-shadow:0 8px 32px #0000001a}}.shop-header h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.75rem;line-height:1.1;letter-spacing:-.02em}@media (min-width: 768px){.shop-header h1{margin-bottom:1rem}}.shop-header p{font-size:1rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6;font-weight:400}@media (min-width: 768px){.shop-header p{font-size:1.125rem}}.shop-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;align-items:stretch}@media (min-width: 768px){.shop-controls{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}}.filter-group{display:flex;background:#fffffff2;border-radius:16px;padding:6px;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;justify-content:center;box-shadow:0 2px 8px #0000000d}@media (min-width: 768px){.filter-group{width:auto;justify-content:flex-start;border-radius:12px;padding:4px}}.filter-button{padding:10px 16px;background:transparent;color:#64748b;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;flex:auto;justify-content:center;position:relative;overflow:hidden;min-height:44px}@media (min-width: 768px){.filter-button{padding:8px 16px;border-radius:8px;min-height:auto}}.filter-button.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 16px #f59e0b4d;border-color:#f59e0b80}.filter-button:hover:not(.active){background:#64748b1a;color:#64748b;transform:translateY(-1px)}.filter-button.active:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b66;transform:translateY(-1px)}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:1.5rem 2rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 8px 25px #dc262626;border:1px solid rgba(220,38,38,.2);text-align:center}.error-message p{margin:0;font-weight:500}.shop-loading{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding-top:120px;display:flex;align-items:center;justify-content:center}.loading-content{text-align:center;padding:4rem 0;color:#3b82f6}.loading-content h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.loading-content p{font-size:1rem;color:#64748b}.collections-section{margin-bottom:3rem}@media (min-width: 768px){.collections-section{margin-bottom:4rem}}.collections-section h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;text-align:center}@media (min-width: 768px){.collections-section h2{font-size:2rem;margin-bottom:2rem}}.collections-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:0}@media (min-width: 768px){.collections-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:0 .5rem}}@media (min-width: 1024px){.collections-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}}.collection-card{background:#fffffffa;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000014;border:1px solid rgba(226,232,240,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;transition:all .3s ease;position:relative;height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.5rem;transform:translateZ(0);will-change:transform}@media (min-width: 768px){.collection-card{height:200px;padding:2rem;box-shadow:0 8px 32px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1)}}.collection-card:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001f;border-color:#667eea33}@media (min-width: 768px){.collection-card:hover{transform:scale(1.02);box-shadow:0 12px 32px #0000001f}}@media (max-width: 480px){.collection-card:hover{transform:none}}.collection-title{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0 0 .75rem;line-height:1.2;letter-spacing:-.025em;position:relative;z-index:1}@media (min-width: 768px){.collection-title{font-size:1.75rem;margin:0 0 1rem}}.product-count{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffffe6;border-radius:25px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000001a;position:relative;z-index:1}.product-count span{font-size:.9rem;font-weight:600;color:#667eea;letter-spacing:.025em}.products-section h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;text-align:center}@media (min-width: 768px){.products-section h2{font-size:2rem;margin-bottom:2rem}}.products-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:0}@media (min-width: 768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:0 .5rem}}@media (min-width: 1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}}.collection-card{background:#fffffffa;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000014;border:1px solid rgba(226,232,240,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;transform:translateZ(0);will-change:transform}.collection-card:hover{transform:scale(1.02);box-shadow:0 12px 32px #0000001f;border-color:#667eea33}.product-card{background:#fffffffa;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000014;border:1px solid rgba(226,232,240,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:420px;min-height:420px;width:100%;max-width:100%;transform:translateZ(0);will-change:transform}.products-grid[style*=flex] .product-card{width:100%;max-width:100%;height:200px;min-height:200px;flex-direction:row;align-items:stretch;gap:0}@media (min-width: 768px){.product-card{border-radius:20px;height:480px;min-height:480px;width:100%;max-width:100%;box-shadow:0 8px 32px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1)}}@media (min-width: 1024px){.product-card{height:480px;min-height:480px;width:100%;max-width:100%}}.product-card:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001f;border-color:#3b82f633}@media (min-width: 768px){.product-card:hover{transform:scale(1.02);box-shadow:0 12px 32px #0000001f}}@media (max-width: 480px){.product-card:hover{transform:none}}.product-card.list{flex-direction:row;height:200px;min-height:200px;width:100%;max-width:100%;align-items:stretch;gap:0}.product-image-container{height:200px;width:100%;flex-shrink:0;background-size:contain;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:16px 16px 0 0;overflow:hidden;transition:all .3s ease}@media (min-width: 768px){.product-image-container{height:240px;width:100%;border-radius:20px 20px 0 0}}@media (min-width: 1024px){.product-image-container{height:300px;width:100%}}.product-card.list .product-image-container{height:220px;width:300px;border-radius:20px 0 0 20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.products-grid[style*=flex] .product-card .product-image-container{height:200px;width:220px;border-radius:20px 0 0 20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f;background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex-shrink:0}@media (max-width: 768px){.products-grid[style*=flex] .product-card .product-image-container{width:100%;height:200px;border-radius:20px 20px 0 0}}.product-card.list .product-image-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);z-index:1;pointer-events:none}.product-card.list .product-image-container:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);z-index:2}.product-image{height:100%;width:100%;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:contain;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card.list .product-image{background-size:cover;background-position:center;transform:scale(1.05);filter:brightness(1.05) contrast(1.1);box-shadow:inset 0 0 0 1px #ffffff1a}.product-card.list .product-image:hover{transform:scale(1.08);filter:brightness(1.1) contrast(1.15)}.product-image:hover{transform:scale(1.02);box-shadow:0 12px 40px #00000026}.no-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;text-align:center}.no-image-placeholder>div{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.no-image-placeholder span{font-size:1rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.collection-badge{position:absolute;bottom:20px;left:20px;padding:8px 16px;background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);color:#fff;border-radius:25px;font-size:.8rem;font-weight:700;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 24px #3b82f64d;border:1px solid rgba(255,255,255,.3);letter-spacing:.05em;text-transform:uppercase}.modal-button{position:absolute;top:20px;right:20px;padding:12px;background:#fffffff2;color:#64748b;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00000026;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3)}.modal-button:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 12px 32px #0003}.multiple-images-indicator{position:absolute;bottom:20px;left:20px;padding:6px 12px;background:#000c;color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);letter-spacing:.02em}.product-info{padding:1rem;display:flex;flex-direction:column;gap:1rem;flex:1;justify-content:space-between;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);position:relative;z-index:1;min-height:140px}@media (min-width: 768px){.product-info{padding:1.5rem;gap:1.25rem;min-height:160px}}@media (min-width: 1024px){.product-info{min-height:180px}}.product-card.list .product-info{padding:1.5rem;gap:1.25rem;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;flex:1}.products-grid[style*=flex] .product-card .product-info{padding:1.5rem;gap:1.25rem;display:flex;flex-direction:column;justify-content:space-between;height:200px;min-height:200px;flex:1;width:auto}@media (max-width: 768px){.products-grid[style*=flex] .product-card .product-info{padding:1rem;gap:1rem;height:200px;min-height:200px}}.product-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;line-height:1.3;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (min-width: 768px){.product-title{font-size:1.25rem;margin:0 0 1rem}}@media (min-width: 1024px){.product-title{font-size:1.5rem;margin:0}}.product-card.list .product-title,.products-grid[style*=flex] .product-card .product-title{font-size:1.75rem;margin-bottom:.5rem;flex-shrink:0}.products-grid:not([style*=flex]) .product-card{height:420px;min-height:420px;width:100%;max-width:100%}@media (min-width: 768px){.products-grid:not([style*=flex]) .product-card{height:480px;min-height:480px}}@media (max-width: 768px){.products-grid[style*=flex] .product-card .product-title{font-size:1.25rem;margin-bottom:.75rem}}.product-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:auto}.product-card.list .product-details{flex:1;justify-content:flex-start;margin-bottom:1rem}.detail-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fffc;border-radius:8px;border:1px solid rgba(226,232,240,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;font-size:.75rem;font-weight:500;color:#64748b}@media (min-width: 768px){.detail-badge{padding:.75rem 1rem;border-radius:12px;font-size:.875rem}}.detail-badge:hover{background:#fffffff2;border-color:#3b82f633;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.detail-badge.dimensions{background:#10b9811a;border-color:#10b98133;color:#059669}.detail-badge.dimensions:hover{background:#10b98126;border-color:#10b9814d}.detail-badge.availability{background:#22c55e1a;border-color:#22c55e33;color:#16a34a}.detail-badge.availability:hover{background:#22c55e26;border-color:#22c55e4d}.detail-badge.unavailable{background:#ef44441a;border-color:#ef444433;color:#dc2626}.detail-badge.unavailable:hover{background:#ef444426;border-color:#ef44444d}.detail-badge span{font-weight:600;letter-spacing:.025em}.stock-badge{display:flex;align-items:center;gap:.5rem;padding:6px 12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stock-badge.available{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border:1px solid rgba(34,197,94,.2)}.stock-badge.available span{color:#22c55e}.stock-badge.out-of-stock{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid rgba(239,68,68,.2)}.stock-badge.out-of-stock span{color:#ef4444}.stock-badge span{font-size:.75rem;font-weight:600;letter-spacing:.02em}.add-to-cart-button{padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;position:relative;overflow:hidden;letter-spacing:.025em;box-shadow:0 4px 16px #3b82f64d;height:44px;min-height:44px}@media (min-width: 768px){.add-to-cart-button{padding:1rem 1.25rem;font-size:.9rem;height:48px;border-radius:12px}}@media (min-width: 1024px){.add-to-cart-button{padding:1rem 1.5rem;font-size:1rem}}.add-to-cart-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666;background:linear-gradient(135deg,#2563eb,#7c3aed)}.add-to-cart-button:active:not(.disabled){transform:translateY(0);box-shadow:0 4px 16px #3b82f64d}.add-to-cart-button.disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.add-to-cart-button.added{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.add-to-cart-button.in-cart{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b4d}.product-card.list .add-to-cart-button{margin-top:auto;align-self:flex-end;width:100%;max-width:none;position:relative;z-index:10;min-height:48px;font-weight:600}@media (min-width: 768px){.product-card.list .product-info{min-height:240px;padding:1.75rem}.product-card.list .product-title{font-size:1.5rem;margin-bottom:1rem}.product-card.list .add-to-cart-button{margin-top:1.5rem;padding:1rem 1.5rem;font-size:1rem}.product-card.list .product-image-container{height:240px;width:320px;box-shadow:0 12px 40px #00000026;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.product-card.list .product-image-container:before{background:linear-gradient(135deg,#ffffff1f,#ffffff08)}.product-card.list .product-image{transform:scale(1.06);filter:brightness(1.06) contrast(1.12)}.product-card.list .product-image:hover{transform:scale(1.1);filter:brightness(1.12) contrast(1.18)}}.view-button{position:absolute;top:12px;right:12px;width:40px;height:40px;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;opacity:0;transform:scale(.8)}.product-image-container:hover .view-button{opacity:1;transform:scale(1)}.view-button:hover{background:linear-gradient(135deg,#475569,#334155);transform:scale(1.1);box-shadow:0 4px 15px #64748b66}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}@media (max-width: 768px){.modal-overlay{padding:1rem}}.modal-content{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #00000040;position:relative;margin:0}@media (max-width: 768px){.modal-content{border-radius:16px;max-width:100%;max-height:95vh;margin:.5rem}}.modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 768px){.modal-header{padding:1rem}}.modal-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.modal-header h2{font-size:1.25rem}}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;min-height:40px}@media (max-width: 768px){.modal-close{font-size:1.25rem;padding:.25rem;min-width:32px;min-height:32px}}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 100px)}@media (max-width: 768px){.modal-body{padding:1rem;max-height:calc(95vh - 80px)}}.modal-image{width:100%;height:300px;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.modal-image{height:200px;border-radius:8px;margin-bottom:1rem}}.modal-image-bg{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}.modal-no-image{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff}.modal-no-image span{font-size:1rem;font-weight:600;text-align:center}@media (max-width: 768px){.modal-no-image span{font-size:.875rem}}.modal-details h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}@media (max-width: 768px){.modal-details h3{font-size:1.125rem}}.modal-details p{color:#6b7280;line-height:1.6;margin-bottom:1rem;font-size:1rem}@media (max-width: 768px){.modal-details p{font-size:.875rem}}.modal-badges{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}@media (max-width: 768px){.modal-badges{flex-wrap:wrap}}.availability-badge{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.availability-badge.available{background:#0596691a;color:#059669}.availability-badge.unavailable{background:#dc26661a;color:#dc2626}@media (max-width: 768px){.availability-badge{font-size:.75rem}}.collection-badge{padding:.75rem 1rem;background:#3b82f61a;border-radius:8px;border:1px solid rgba(59,130,246,.2);margin-bottom:1.5rem;font-size:.875rem;font-weight:600;color:#3b82f6}@media (max-width: 768px){.collection-badge{padding:.5rem .75rem;margin-bottom:1rem;font-size:.75rem}}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;flex-direction:row}@media (max-width: 768px){.modal-actions{gap:.75rem;justify-content:stretch;flex-direction:column}}.modal-close-btn{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}@media (max-width: 768px){.modal-close-btn{padding:1rem;font-size:1rem}}.modal-add-cart-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;font-size:.875rem}@media (max-width: 768px){.modal-add-cart-btn{padding:1rem;font-size:1rem}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.product-card{animation:fadeInUp .6s ease-out}.product-card:hover{animation:float 2s ease-in-out infinite}.elegant-button{position:relative;overflow:hidden}.elegant-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.elegant-button:hover:before{left:100%}.detail-badge{position:relative;overflow:hidden}.detail-badge:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.detail-badge:hover:after{left:100%}.collection-card{animation:fadeInUp .6s ease-out}.collection-card:hover{animation:float 2s ease-in-out infinite}.filter-button{position:relative;overflow:hidden}.filter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.filter-button:hover:before{left:100%}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.empty-state{text-align:center;padding:4rem 2rem;background:#fffc;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.4);animation:fadeInUp .8s ease-out}.empty-state svg{color:#94a3b8;margin-bottom:1rem;opacity:.7;animation:pulse 2s ease-in-out infinite}.empty-state h3{font-size:1.5rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.empty-state p{color:#94a3b8;margin:0;line-height:1.6}@media (max-width: 480px){.shop-header{padding:1.5rem 1rem;margin:0 .25rem 1.5rem}.shop-header h1{font-size:1.75rem}.shop-header p{font-size:1rem}.products-section h2,.collections-section h2{font-size:1.5rem;margin-bottom:1.5rem}.filter-group{padding:8px;border-radius:20px}.filter-button{padding:10px 16px;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.product-card,.collection-card,.filter-button,.add-to-cart-button,.view-button,.detail-badge{transition:none;animation:none}.product-card:hover,.collection-card:hover{transform:none}}.product-card:focus-within,.collection-card:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.filter-button:focus,.add-to-cart-button:focus,.view-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width: 480px){.product-card:hover,.collection-card:hover{transform:none}.product-card:active,.collection-card:active{transform:scale(.98)}}@media (hover: none) and (pointer: coarse){.product-card:hover,.collection-card:hover,.filter-button:hover,.add-to-cart-button:hover{transform:none}.product-card:active,.collection-card:active{transform:scale(.98)}.filter-button:active,.add-to-cart-button:active{transform:scale(.95)}}@media (max-width: 768px){.filter-button,.add-to-cart-button,.view-button,.modal-button{min-height:44px;min-width:44px}.product-card,.collection-card{cursor:pointer;-webkit-tap-highlight-color:transparent}}.product-card:active,.collection-card:active{transform:scale(.98);transition:transform .1s ease}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:8px}.modern-shadow{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:box-shadow .3s ease}.modern-shadow:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--secondary-color: #8b5cf6;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--text-primary: #1e293b;--text-secondary: #64748b;--bg-primary: #f8fafc;--bg-secondary: #e2e8f0;--border-color: rgba(226, 232, 240, .4)}.add-to-cart-button.success{animation:pulse .6s ease-in-out}.add-to-cart-button.error{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-image-container:hover{transform:scale(1.02);transition:transform .3s ease}.view-button:hover{transform:scale(1.1) rotate(5deg);transition:all .3s ease}.products-grid,.collections-grid{animation:fadeInUp .8s ease-out}.filter-group{animation:slideInLeft .6s ease-out}.shop-header{animation:fadeInUp .6s ease-out}.shop-header h1{animation:slideInLeft .8s ease-out}.shop-header p{animation:slideInRight .8s ease-out}@media (max-width: 480px){.shop-container{padding-top:60px}.filter-button{padding:12px 16px;font-size:.9rem}.products-grid,.collections-grid{gap:.75rem}.product-title{font-size:1rem;line-height:1.4}.add-to-cart-button{height:48px;font-size:.9rem;font-weight:700}.product-card.list{flex-direction:column;min-height:auto}.product-card.list .product-image-container{height:200px;width:100%;border-radius:16px 16px 0 0;box-shadow:0 4px 20px #0000001a;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.product-card.list .product-image-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff26,#ffffff0d);z-index:1;pointer-events:none}.product-card.list .product-image{background-size:cover;background-position:center;transform:scale(1.02);filter:brightness(1.03) contrast(1.05)}.product-card.list .product-image:hover{transform:scale(1.05);filter:brightness(1.08) contrast(1.1)}.product-card.list .product-info{min-height:auto;padding:1rem;gap:1rem}.product-card.list .product-title{font-size:1.25rem;margin-bottom:.75rem}.product-card.list .add-to-cart-button{margin-top:1rem;width:100%}}@media (prefers-color-scheme: dark){.shop-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.product-card,.collection-card,.shop-header{background:#ffffff0d;border-color:#ffffff1a}}.product-card,.collection-card{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}html{scroll-behavior:smooth}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}