*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#faf8f7;color:#1a1a1a;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}button{cursor:pointer;border:none;outline:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#dc143c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b01030}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all .5s cubic-bezier(.4,0,.2,1);background:transparent}.navbar.scrolled{background:hsla(0,0%,8%,.92);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 4px 40px rgba(0,0,0,.3);padding:12px 0;border-bottom:1px solid rgba(220,20,60,.2)}.nav-container{justify-content:space-between}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{font-size:1.4rem;font-weight:700;color:#fff;text-decoration:none;gap:12px;transition:all .3s ease;position:relative}.nav-logo img{height:40px;width:auto;transition:all .3s ease}.navbar.scrolled .nav-logo img{filter:none}.nav-logo span{letter-spacing:-.5px}.nav-logo span,.navbar.scrolled .nav-logo span{background:linear-gradient(135deg,#fff,#dc143c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#dc143c;transition:width .3s ease}.nav-logo:hover:after{width:100%}.nav-links{display:flex;gap:35px;align-items:center}.nav-links a{text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative;padding:5px 0;letter-spacing:.3px}.nav-links a,.navbar.scrolled .nav-links a{color:hsla(0,0%,100%,.85)}.nav-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#dc143c;transition:width .3s ease;box-shadow:0 0 10px rgba(220,20,60,.5)}.nav-links a:hover:before{width:100%}.nav-links a:hover{color:#fff;transform:translateY(-1px)}.nav-cart-btn{background:none;border:none;font-size:1.4rem;color:hsla(0,0%,100%,.85);cursor:pointer;position:relative;transition:all .3s ease;padding:8px;border-radius:50%;background:rgba(220,20,60,.1)}.navbar.scrolled .nav-cart-btn{color:hsla(0,0%,100%,.85);background:rgba(220,20,60,.15)}.nav-cart-btn:hover{transform:scale(1.1) rotate(-5deg);color:#dc143c;background:rgba(220,20,60,.2)}.cart-badge{position:absolute;top:-2px;right:-2px;background:#dc143c;color:#fff;font-size:.6rem;font-weight:700;min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 10px rgba(220,20,60,.4);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(220,20,60,.4)}70%{box-shadow:0 0 0 6px rgba(220,20,60,0)}to{box-shadow:0 0 0 0 rgba(220,20,60,0)}}.nav-toggle{display:none;background:none;border:none;font-size:1.8rem;color:#fff;cursor:pointer;padding:5px;transition:all .3s ease;border-radius:8px}.navbar.scrolled .nav-toggle{color:#fff}.nav-toggle:hover{background:rgba(220,20,60,.2);transform:rotate(90deg)}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;max-width:360px;height:100vh;background:#1a1a1a;z-index:2000;transition:right .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:-20px 0 60px rgba(0,0,0,.5)}.mobile-menu.open{right:0}.mobile-menu:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .5s ease;z-index:-1}.mobile-menu.open:before{opacity:1;pointer-events:auto}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid rgba(220,20,60,.3)}.mobile-logo{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:600;color:#fff}.mobile-logo img{height:32px;width:auto}.mobile-logo span{background:linear-gradient(135deg,#fff,#dc143c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-close{background:rgba(220,20,60,.15);border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:10px;border-radius:50%;transition:all .3s ease;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.mobile-close:hover{background:rgba(220,20,60,.3);transform:rotate(90deg)}.mobile-menu-body{flex:1 1;padding:30px 28px;display:flex;flex-direction:column;gap:5px;overflow-y:auto}.mobile-menu-body a{font-size:1.1rem;font-weight:500;color:hsla(0,0%,100%,.8);text-decoration:none;padding:14px 16px;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.mobile-menu-body a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(220,20,60,.1),transparent);transform:translateX(-100%);transition:transform .3s ease}.mobile-menu-body a:hover:before{transform:translateX(0)}.mobile-menu-body a:hover{color:#fff;padding-left:24px;background:rgba(220,20,60,.1)}.mobile-cart-btn{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#dc143c,#b01030);color:#fff;border:none;border-radius:16px;padding:16px 24px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;justify-content:center;box-shadow:0 4px 20px rgba(220,20,60,.3);position:relative;overflow:hidden}.mobile-cart-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1),transparent 70%);transform:scale(0);transition:transform .5s ease}.mobile-cart-btn:hover:after{transform:scale(1)}.mobile-cart-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 30px rgba(220,20,60,.5)}.mobile-cart-btn:active{transform:translateY(0) scale(.98)}@media (max-width:768px){.nav-links{display:none}.nav-toggle{display:block}.mobile-menu{max-width:320px}.nav-logo{font-size:1.2rem}.nav-logo img{height:32px}}@media (max-width:480px){.nav-logo{font-size:1rem}.nav-logo img{height:28px}.mobile-menu{max-width:100%}}.video-wrapper{position:relative;width:100%;min-height:100vh;overflow:hidden;background:#0a0a0a}.video-bg{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);object-fit:cover;z-index:0;opacity:.8;filter:brightness(.7) saturate(1.1)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(0,0,0,.3) 0,rgba(0,0,0,.7) 100%),radial-gradient(ellipse at 30% 50%,rgba(220,20,60,.05) 0,transparent 70%),radial-gradient(ellipse at 70% 50%,rgba(220,20,60,.05) 0,transparent 70%);z-index:1}.video-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));pointer-events:none}.video-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:80px 20px 40px}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.6}}.video-wrapper:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(220,20,60,.08) 0,transparent 70%);border-radius:50%;z-index:0;animation:glowPulse 3s ease-in-out infinite}@media (max-width:768px){.video-wrapper:before{width:300px;height:300px}.video-bg{min-height:100vh;min-width:100vw;object-fit:cover}}.header-content{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:80px 20px 40px;position:relative}.header-text{text-align:center;color:#fff;max-width:900px;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.header-title{font-size:7rem;font-weight:900;line-height:.95;margin-bottom:20px;text-shadow:0 4px 40px rgba(0,0,0,.4);letter-spacing:-2px}.title-line{display:block;position:relative}.header-title .title-line:first-child{background:linear-gradient(135deg,#fff,#dc143c 50%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientMove 4s ease infinite}.header-title .title-line:last-child{background:linear-gradient(135deg,#dc143c,#ff0040 50%,#dc143c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientMove 4s ease infinite reverse}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.header-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,#dc143c,transparent);border-radius:2px;box-shadow:0 0 30px rgba(220,20,60,.6)}.header-subtitle{font-size:2rem;opacity:.95;margin-bottom:35px;font-weight:300;letter-spacing:4px;text-transform:uppercase;color:hsla(0,0%,100%,.9);text-shadow:0 2px 20px rgba(0,0,0,.3)}.header-subtitle:before{content:"✦ ";color:#dc143c}.header-subtitle:after{content:" ✦";color:#dc143c}.header-info{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-bottom:40px;font-size:1.1rem;opacity:.95;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:18px 35px;border-radius:60px;border:1px solid rgba(220,20,60,.2);box-shadow:0 8px 30px rgba(0,0,0,.2);max-width:700px;margin-left:auto;margin-right:auto}.header-info span{display:flex;align-items:center;gap:10px;transition:all .3s ease;cursor:default}.header-info span:hover{color:#dc143c;transform:translateY(-2px)}.header-info span svg{color:#dc143c;font-size:1.2rem}.header-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:18px 50px;border-radius:60px;font-weight:700;font-size:1.1rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;text-decoration:none;position:relative;overflow:hidden;letter-spacing:1px;text-transform:uppercase}.btn-primary{background:linear-gradient(135deg,#dc143c,#b01030);color:#fff;box-shadow:0 4px 30px rgba(220,20,60,.5)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .6s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 40px rgba(220,20,60,.7)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:hsla(0,0%,100%,.05);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}.btn-secondary:hover{background:hsla(0,0%,100%,.15);transform:translateY(-4px) scale(1.02);border-color:#dc143c;box-shadow:0 8px 30px rgba(220,20,60,.3)}.header-social{gap:25px}.header-social,.header-social a{display:flex;justify-content:center}.header-social a{color:#fff;font-size:2rem;opacity:.6;transition:all .3s ease;position:relative;width:60px;height:60px;align-items:center;border-radius:50%;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.1)}.header-social a:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,#dc143c,transparent);opacity:0;transition:opacity .3s ease;z-index:-1}.header-social a:hover{opacity:1;transform:translateY(-6px) scale(1.1);background:rgba(220,20,60,.2);border-color:#dc143c;box-shadow:0 8px 30px rgba(220,20,60,.3)}.header-social a:hover:before{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1024px){.header-title{font-size:5rem}.header-subtitle{font-size:1.6rem}.header-info{gap:25px;padding:15px 25px;font-size:1rem;flex-wrap:wrap;max-width:90%}}@media (max-width:768px){.header-title{font-size:3.8rem;line-height:1.05}.header-subtitle{font-size:1.2rem;letter-spacing:2px}.header-subtitle:after,.header-subtitle:before{content:""}.header-info{flex-direction:column;align-items:center;gap:12px;font-size:.95rem;padding:20px;border-radius:30px;max-width:100%;width:100%;background:rgba(0,0,0,.4)}.header-info span{width:100%;justify-content:center}.header-buttons{flex-direction:column;align-items:center;width:100%;gap:15px}.btn-primary,.btn-secondary{width:100%;max-width:320px;text-align:center;padding:16px 35px;font-size:1rem}.header-social a{width:50px;height:50px;font-size:1.6rem}.header-content{padding:100px 20px 40px}.header-title:after{width:60px;bottom:-8px}}@media (max-width:480px){.header-title{font-size:2.8rem}.header-subtitle{font-size:1rem;letter-spacing:1px;margin-bottom:25px}.header-info{font-size:.85rem;padding:15px;gap:10px;margin-bottom:30px}.btn-primary,.btn-secondary{padding:14px 25px;font-size:.9rem;max-width:280px}.header-social{gap:15px}.header-social a{width:45px;height:45px;font-size:1.4rem}}.catalog-section{padding:100px 0;background:#0d0d0d;position:relative;overflow:hidden}.catalog-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(220,20,60,.03) 0,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(220,20,60,.03) 0,transparent 60%);pointer-events:none}.catalog-header{text-align:center;margin-bottom:60px;position:relative}.catalog-title{font-size:3.5rem;font-weight:900;color:#fff;margin-bottom:10px;position:relative;display:inline-block;letter-spacing:-1px}.catalog-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,#dc143c,transparent);border-radius:2px;box-shadow:0 0 30px rgba(220,20,60,.4)}.catalog-title:before{content:"✦ ";color:#dc143c;font-size:2.5rem}.catalog-title:after{content:" ✦";color:#dc143c;font-size:2.5rem;position:static;display:inline;background:none;box-shadow:none;width:auto;height:auto}.catalog-subtitle{color:hsla(0,0%,100%,.6);font-size:1.2rem;margin-top:25px;font-weight:300;letter-spacing:2px;text-transform:uppercase}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:35px;gap:35px;position:relative;z-index:1}.catalog-card{background:linear-gradient(145deg,rgba(30,30,30,.9),hsla(0,0%,8%,.95));border-radius:24px;overflow:hidden;box-shadow:0 4px 30px rgba(0,0,0,.3);transition:all .5s cubic-bezier(.4,0,.2,1);animation:cardFadeIn .7s ease-out both;border:1px solid hsla(0,0%,100%,.05);position:relative}.catalog-card:before{content:"";position:absolute;inset:-1px;border-radius:24px;background:linear-gradient(135deg,rgba(220,20,60,.1),transparent,rgba(220,20,60,.05));opacity:0;transition:opacity .5s ease;pointer-events:none}.catalog-card:hover:before{opacity:1}.catalog-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(220,20,60,.05);border-color:rgba(220,20,60,.3)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card-image{height:300px;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease}.card-image:hover{transform:scale(1.02)}.card-image:after{content:"👁 Нажмите для просмотра";position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(0deg,hsla(0,0%,5%,.9),transparent);color:hsla(0,0%,100%,.4);font-size:.75rem;text-align:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.card-image:hover:after{opacity:1}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1);filter:brightness(.9) saturate(1.05)}.catalog-card:hover .card-image img{transform:scale(1.08)}.card-placeholder{font-size:6rem;opacity:.15;filter:grayscale(1)}.card-badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#dc143c,#b01030);color:#fff;padding:6px 18px;border-radius:30px;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(220,20,60,.3);z-index:2}.card-body{padding:24px 28px 28px;position:relative}.card-name{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.3px;transition:color .3s ease}.catalog-card:hover .card-name{color:#dc143c}.card-description{font-size:.95rem;color:hsla(0,0%,100%,.5);margin-bottom:20px;line-height:1.5;font-weight:300}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.05)}.card-price{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#dc143c,#ff0040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.card-price:before{font-weight:400}.card-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:14px;font-weight:700;font-size:.9rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.card-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transition:left .5s ease}.card-btn:hover:before{left:100%}.card-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 30px rgba(37,211,102,.4)}.card-btn:active{transform:translateY(0) scale(.97)}.card-btn.added{background:linear-gradient(135deg,#2e7d32,#1b5e20);box-shadow:0 4px 20px rgba(46,125,50,.3)}.card-btn.added:hover{box-shadow:0 8px 30px rgba(46,125,50,.4)}.product-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.product-modal-content{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border-radius:28px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid hsla(0,0%,100%,.05);box-shadow:0 30px 80px rgba(0,0,0,.8);animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1)}.product-modal-content::-webkit-scrollbar{width:4px}.product-modal-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02)}.product-modal-content::-webkit-scrollbar-thumb{background:#dc143c;border-radius:2px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.product-modal-close{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.6);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s ease;z-index:10}.product-modal-close:hover{background:rgba(220,20,60,.2);color:#dc143c;transform:rotate(90deg) scale(1.05);border-color:rgba(220,20,60,.3)}.product-modal-image{height:350px;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:28px 28px 0 0}.product-modal-image img{width:100%;height:100%;object-fit:cover}.modal-placeholder{font-size:8rem;opacity:.15;filter:grayscale(1)}.product-modal-badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#dc143c,#b01030);color:#fff;padding:6px 18px;border-radius:30px;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(220,20,60,.3)}.product-modal-body{padding:28px 32px 32px}.product-modal-name{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-.5px}.product-modal-description{font-size:1rem;color:hsla(0,0%,100%,.6);line-height:1.6;margin-bottom:24px}.product-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.05)}.product-modal-price{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#dc143c,#ff0040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-modal-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:16px;font-weight:700;font-size:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.product-modal-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px rgba(37,211,102,.4)}.product-modal-btn:active{transform:translateY(0) scale(.97)}.product-modal-btn.added{background:linear-gradient(135deg,#2e7d32,#1b5e20)}.catalog-grid::-webkit-scrollbar{width:6px}.catalog-grid::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.catalog-grid::-webkit-scrollbar-thumb{background:#dc143c;border-radius:3px}@media (max-width:1024px){.catalog-section{padding:80px 0}.catalog-title{font-size:2.8rem}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}}@media (max-width:768px){.catalog-section{padding:60px 0}.catalog-title{font-size:2.2rem}.catalog-title:after,.catalog-title:before{display:none}.catalog-subtitle{font-size:1rem}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:16px}.card-image{height:200px}.card-image:after{display:none}.card-body{padding:16px}.card-name{font-size:.95rem;margin-bottom:4px}.card-description{font-size:.8rem;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-price{font-size:1rem}.card-btn{padding:8px 14px;gap:6px;border-radius:10px}.card-btn,.card-btn svg{font-size:.7rem}.card-footer{padding-top:12px;gap:8px;flex-direction:row;align-items:center}.product-modal-image{height:250px}.product-modal-body{padding:20px 24px 24px}.product-modal-name,.product-modal-price{font-size:1.4rem}.product-modal-btn{padding:12px 20px;font-size:.9rem}}@media (max-width:480px){.catalog-section{padding:40px 0}.catalog-header{margin-bottom:30px}.catalog-title{font-size:1.6rem}.catalog-subtitle{font-size:.85rem;margin-top:16px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:12px}.catalog-card{border-radius:16px;animation:none}.catalog-card:hover{transform:none;box-shadow:0 4px 30px rgba(0,0,0,.3)}.card-image{height:150px}.card-image img{filter:brightness(.85) saturate(1.05)}.card-image:after{display:none}.card-body{padding:12px 14px 14px}.card-name{font-size:.85rem;font-weight:600;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-description{font-size:.7rem;margin-bottom:10px;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-price{font-size:.85rem;white-space:nowrap;-webkit-text-fill-color:#dc143c}.card-footer{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-top:10px;border-top:1px solid hsla(0,0%,100%,.05)}.card-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;gap:6px;border-radius:10px;letter-spacing:.3px;white-space:nowrap;width:100%}.card-btn,.card-btn svg{font-size:.7rem}.card-btn span{display:inline}.card-btn.added:after,.card-btn:after{display:none}.card-btn.added span{display:inline}.catalog-card:hover,.catalog-card:hover .card-image img{transform:none!important}.catalog-card:hover .card-name{color:#fff!important}.product-modal-content{max-width:100%;border-radius:20px;max-height:100vh;margin:10px}.product-modal-image{height:200px;border-radius:20px 20px 0 0}.modal-placeholder{font-size:5rem}.product-modal-body{padding:16px 20px 20px}.product-modal-name{font-size:1.2rem}.product-modal-description{font-size:.9rem;margin-bottom:16px}.product-modal-price{font-size:1.2rem}.product-modal-footer{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.05)}.product-modal-btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;font-size:.85rem;gap:8px;border-radius:12px;width:100%}.product-modal-close{width:36px;height:36px;font-size:1rem;top:12px;right:12px}}@media (max-width:380px){.catalog-grid{gap:10px}.card-image{height:120px}.card-body{padding:10px 12px 12px}.card-name,.card-price{font-size:.75rem}.card-btn{padding:6px 10px;font-size:.6rem}.product-modal-image{height:160px}}.contacts-section{padding:100px 0;background:#0d0d0d;position:relative;overflow:hidden}.contacts-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 70% 50%,rgba(220,20,60,.03) 0,transparent 60%),radial-gradient(ellipse at 30% 50%,rgba(220,20,60,.03) 0,transparent 60%);pointer-events:none}.contacts-header{text-align:center;margin-bottom:60px;position:relative}.contacts-title{font-size:3.5rem;font-weight:900;color:#fff;margin-bottom:10px;position:relative;display:inline-block;letter-spacing:-1px}.contacts-title:before{content:"✦ ";color:#dc143c;font-size:2.5rem}.contacts-title:after{content:" ✦";color:#dc143c;font-size:2.5rem;position:static;display:inline}.contacts-title .underline{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,#dc143c,transparent);border-radius:2px;box-shadow:0 0 30px rgba(220,20,60,.4)}.contacts-subtitle{color:hsla(0,0%,100%,.6);font-size:1.2rem;margin-top:25px;font-weight:300;letter-spacing:2px;text-transform:uppercase}.contacts-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px;align-items:start;position:relative;z-index:1}.contacts-info{display:flex;flex-direction:column;gap:20px}.contact-card{display:flex;align-items:center;gap:20px;padding:24px 28px;background:linear-gradient(145deg,rgba(30,30,30,.9),hsla(0,0%,8%,.95));border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.05);cursor:default}.contact-card:hover{background:linear-gradient(145deg,rgba(40,40,40,.95),rgba(25,25,25,.98));transform:translateX(8px) scale(1.01);border-color:rgba(220,20,60,.3);box-shadow:0 8px 30px rgba(0,0,0,.3)}.contact-icon{width:56px;height:56px;background:linear-gradient(135deg,#dc143c,#b01030);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:0 4px 20px rgba(220,20,60,.3);transition:all .3s ease}.contact-card:hover .contact-icon{transform:scale(1.05) rotate(-5deg);box-shadow:0 6px 30px rgba(220,20,60,.5)}.contact-card h4{font-size:.8rem;color:hsla(0,0%,100%,.4);font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.contact-card a,.contact-card p{font-size:1.1rem;color:#fff;text-decoration:none;font-weight:600;transition:color .3s ease}.contact-card a:hover{color:#dc143c}.contact-social{padding:24px 28px;background:linear-gradient(145deg,rgba(30,30,30,.9),hsla(0,0%,8%,.95));border-radius:20px;border:1px solid hsla(0,0%,100%,.05);transition:all .3s ease}.contact-social:hover{border-color:rgba(220,20,60,.2)}.contact-social h4{font-size:.8rem;color:hsla(0,0%,100%,.4);font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.social-links{display:flex;gap:16px}.social-links a{width:52px;height:52px;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.6);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease;text-decoration:none;border:1px solid hsla(0,0%,100%,.05)}.social-links a:hover{background:linear-gradient(135deg,#dc143c,#b01030);color:#fff;transform:translateY(-5px) scale(1.05);box-shadow:0 8px 30px rgba(220,20,60,.3);border-color:transparent}.taxi-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.taxi-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border-radius:16px;text-decoration:none;font-weight:700;font-size:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.taxi-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.taxi-btn:hover:before{left:100%}.taxi-yandex{background:linear-gradient(135deg,#dc143c,#b01030);color:#fff;box-shadow:0 4px 25px rgba(220,20,60,.3)}.taxi-yandex:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 40px rgba(220,20,60,.5)}.taxi-yandex:active{transform:translateY(0) scale(.98)}.taxi-yandex svg{font-size:1.3rem}.taxi-google{background:hsla(0,0%,100%,.05);color:#fff;border:1px solid hsla(0,0%,100%,.1)}.taxi-google:hover{background:hsla(0,0%,100%,.1);transform:translateY(-3px) scale(1.02);border-color:rgba(220,20,60,.3);box-shadow:0 8px 30px rgba(0,0,0,.3)}.contacts-map{height:550px;border-radius:24px;overflow:hidden;box-shadow:0 10px 50px rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.05);position:relative;transition:all .3s ease}.contacts-map:hover{border-color:rgba(220,20,60,.2);box-shadow:0 10px 60px rgba(0,0,0,.5)}.contacts-map iframe{width:100%;height:100%;filter:invert(.9) hue-rotate(180deg)}@media (max-width:1024px){.contacts-section{padding:80px 0}.contacts-title{font-size:2.8rem}.contacts-grid{gap:35px}.contacts-map{height:450px}}@media (max-width:768px){.contacts-section{padding:60px 0}.contacts-grid{grid-template-columns:1fr;gap:30px}.contacts-title{font-size:2.2rem}.contacts-title:after,.contacts-title:before{display:none}.contacts-subtitle{font-size:1rem}.contact-card{padding:18px 20px}.contact-icon{width:48px;height:48px;font-size:1.2rem}.contact-card a,.contact-card p{font-size:1rem}.taxi-buttons{grid-template-columns:1fr;gap:12px}.taxi-btn{padding:14px 20px;font-size:.9rem}.contacts-map{height:320px}.social-links a{width:46px;height:46px;font-size:1.3rem}}@media (max-width:480px){.contacts-section{padding:40px 0}.contacts-title{font-size:1.8rem}.contacts-header{margin-bottom:40px}.contact-card{flex-direction:column;text-align:center;padding:20px}.contact-icon{width:56px;height:56px;font-size:1.4rem}.contact-social{text-align:center}.social-links{justify-content:center}.contacts-map{height:280px;border-radius:16px}.taxi-btn{font-size:.85rem;padding:12px 16px}}.footer{background:#0a0a0a;color:hsla(0,0%,100%,.8);padding:60px 0 30px;position:relative;overflow:hidden;border-top:1px solid rgba(220,20,60,.1)}.footer:before{top:0;height:2px;background:linear-gradient(90deg,transparent,#dc143c,transparent);box-shadow:0 0 40px rgba(220,20,60,.3)}.footer:after,.footer:before{content:"";position:absolute;left:0;right:0}.footer:after{bottom:0;height:100%;background:radial-gradient(ellipse at 50% 100%,rgba(220,20,60,.03) 0,transparent 70%);pointer-events:none}.footer-content{display:flex;flex-direction:column;gap:40px;position:relative;z-index:1}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:40px;gap:40px;padding-bottom:30px;border-bottom:1px solid hsla(0,0%,100%,.05)}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:800;letter-spacing:-.5px;text-decoration:none}.footer-logo img{height:40px;width:auto;transition:filter .3s ease}.footer-logo span{background:linear-gradient(135deg,#fff,#dc143c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand .brand-desc{color:hsla(0,0%,100%,.5);font-size:1rem;font-weight:300;letter-spacing:.5px;max-width:300px}.footer-brand .brand-tagline{display:flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.3);font-size:.85rem}.footer-brand .brand-tagline svg{color:#dc143c;font-size:.7rem}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links h4{color:hsla(0,0%,100%,.4);font-size:.75rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:8px}.footer-links a{color:hsla(0,0%,100%,.6);text-decoration:none;font-size:.95rem;transition:all .3s ease;padding:4px 0;position:relative;display:inline-block}.footer-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#dc143c;transition:width .3s ease}.footer-links a:hover{color:#fff;transform:translateX(5px)}.footer-links a:hover:before{width:100%}.footer-social{display:flex;flex-direction:column;gap:12px}.footer-social h4{color:hsla(0,0%,100%,.4);font-size:.75rem;text-transform:uppercase;letter-spacing:2px;font-weight:600}.footer-social .social-icons{display:flex;gap:12px}.footer-social .social-icons a{width:44px;height:44px;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.05);text-decoration:none}.footer-social .social-icons a:hover{background:linear-gradient(135deg,#dc143c,#b01030);color:#fff;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px rgba(220,20,60,.3);border-color:transparent}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-top:25px;border-top:1px solid hsla(0,0%,100%,.05);font-size:.85rem;color:hsla(0,0%,100%,.3)}.footer-bottom .copyright{display:flex;align-items:center;gap:6px}.footer-bottom .copyright svg{color:#dc143c;font-size:.7rem}.footer-dev{display:flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.3)}.footer-dev svg{color:#dc143c;font-size:.9rem;animation:heartBeat 1.5s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-dev a{color:hsla(0,0%,100%,.5);text-decoration:none;font-weight:600;transition:all .3s ease;position:relative}.footer-dev a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#dc143c;transition:width .3s ease}.footer-dev a:hover{color:#dc143c}.footer-dev a:hover:after{width:100%}@media (max-width:1024px){.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand .brand-desc{max-width:100%}}@media (max-width:768px){.footer{padding:40px 0 20px}.footer-top{grid-template-columns:1fr;gap:25px;padding-bottom:20px}.footer-logo{font-size:1.6rem}.footer-logo img{height:32px}.footer-links{align-items:center;text-align:center}.footer-links a{padding:6px 0}.footer-links a:before{display:none}.footer-social{align-items:center}.footer-social .social-icons{justify-content:center}.footer-bottom{flex-direction:column;text-align:center;gap:10px;padding-top:20px}.footer-dev{justify-content:center}}@media (max-width:480px){.footer{padding:30px 0 15px}.footer-logo{font-size:1.4rem}.footer-logo img{height:28px}.footer-social .social-icons a{width:40px;height:40px;font-size:1rem}.footer-bottom{font-size:.75rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:5000;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border-radius:28px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid hsla(0,0%,100%,.05);box-shadow:0 30px 80px rgba(0,0,0,.6);transform:scale(.9) translateY(30px);transition:transform .5s cubic-bezier(.4,0,.2,1)}.modal-overlay.active .modal-content{transform:scale(1) translateY(0)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02)}.modal-content::-webkit-scrollbar-thumb{background:#dc143c;border-radius:2px}.modal-header{justify-content:space-between;padding:28px 32px 20px;border-bottom:1px solid hsla(0,0%,100%,.05);position:-webkit-sticky;position:sticky;top:0;background:hsla(0,0%,5%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;border-radius:28px 28px 0 0}.modal-header,.modal-header h2{display:flex;align-items:center}.modal-header h2{font-size:1.5rem;font-weight:800;color:#fff;gap:12px}.modal-header h2 svg{color:#dc143c}.modal-close{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.05);font-size:1.3rem;color:hsla(0,0%,100%,.4);cursor:pointer;padding:10px;border-radius:12px;transition:all .3s ease;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:rgba(220,20,60,.2);color:#dc143c;transform:rotate(90deg) scale(1.05);border-color:rgba(220,20,60,.3)}.modal-body{padding:32px}.order-summary{background:hsla(0,0%,100%,.03);border-radius:16px;padding:20px;margin-bottom:28px;border:1px solid hsla(0,0%,100%,.05)}.order-summary h3{color:hsla(0,0%,100%,.4);font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-weight:600}.order-summary .order-item{display:flex;justify-content:space-between;padding:8px 0;color:hsla(0,0%,100%,.8);font-size:.95rem;border-bottom:1px solid hsla(0,0%,100%,.03)}.order-summary .order-item:last-child{border-bottom:none}.order-summary .order-total{display:flex;justify-content:space-between;padding-top:12px;margin-top:12px;border-top:2px solid rgba(220,20,60,.2);font-size:1.1rem;font-weight:700;color:#fff}.order-summary .order-total .total-price{background:linear-gradient(135deg,#dc143c,#ff0040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.3rem}.order-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:hsla(0,0%,100%,.15);font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.order-divider:after,.order-divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent)}.modal-options{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;margin-bottom:28px}.modal-option-btn{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px;background:hsla(0,0%,100%,.03);border:2px solid hsla(0,0%,100%,.05);border-radius:16px;color:hsla(0,0%,100%,.6);font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;text-align:center}.modal-option-btn svg{font-size:1.8rem;transition:all .3s ease}.modal-option-btn:hover{background:rgba(220,20,60,.1);border-color:rgba(220,20,60,.3);transform:translateY(-4px) scale(1.02);color:#fff;box-shadow:0 8px 30px rgba(220,20,60,.1)}.modal-option-btn:hover svg{transform:scale(1.1)}.modal-option-btn.call-btn{background:rgba(37,211,102,.05);border-color:rgba(37,211,102,.1)}.modal-option-btn.call-btn:hover{background:rgba(37,211,102,.1);border-color:rgba(37,211,102,.3);box-shadow:0 8px 30px rgba(37,211,102,.1)}.modal-option-btn.call-btn svg{color:#25d366}.modal-form{gap:16px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{font-size:.8rem;font-weight:600;color:hsla(0,0%,100%,.4);text-transform:uppercase;letter-spacing:1px}.form-group input{padding:14px 18px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:14px;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input::placeholder{color:hsla(0,0%,100%,.2)}.form-group input:focus{outline:none;border-color:rgba(220,20,60,.4);background:hsla(0,0%,100%,.05);box-shadow:0 0 30px rgba(220,20,60,.05)}.form-group input.error{border-color:#dc143c;box-shadow:0 0 30px rgba(220,20,60,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px;background:linear-gradient(135deg,#dc143c,#b01030);color:#fff;border:none;border-radius:16px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:8px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transition:left .6s ease}.submit-btn:hover:before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 40px rgba(220,20,60,.4)}.submit-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn svg{font-size:1.2rem}.modal-success{text-align:center;padding:40px 20px}.modal-success .success-icon{font-size:4rem;display:block;margin-bottom:16px}.modal-success h3{font-size:1.5rem;color:#fff;margin-bottom:8px}.modal-success p{color:hsla(0,0%,100%,.5);font-size:1rem}@media (max-width:768px){.modal-content{max-width:100%;border-radius:20px}.modal-header{padding:20px 24px 16px}.modal-body{padding:24px}.modal-options{grid-template-columns:1fr;gap:12px}.modal-option-btn{padding:16px;font-size:.95rem}.modal-option-btn svg{font-size:1.6rem}.form-row{grid-template-columns:1fr}.order-summary .order-item{font-size:.85rem}}@media (max-width:480px){.modal-header h2{font-size:1.2rem}.modal-body{padding:20px}.modal-option-btn{padding:14px;font-size:.9rem}.modal-option-btn svg{font-size:1.4rem}.form-group input{padding:12px 16px;font-size:.95rem}.submit-btn{padding:16px;font-size:.95rem}}.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3000;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.cart-overlay.active{opacity:1;pointer-events:auto}.cart-panel{position:fixed;top:0;right:-500px;width:100%;max-width:480px;height:100vh;background:linear-gradient(145deg,#0d0d0d,#1a1a1a);z-index:3001;transition:right .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(0,0,0,.6);border-left:1px solid rgba(220,20,60,.1)}.cart-panel.open{right:0}.cart-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#dc143c,transparent);box-shadow:0 0 40px rgba(220,20,60,.3)}.cart-header{justify-content:space-between;padding:28px 32px 24px;border-bottom:1px solid hsla(0,0%,100%,.05);flex-shrink:0;background:rgba(0,0,0,.3)}.cart-header,.cart-header h2{display:flex;align-items:center}.cart-header h2{font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.5px;gap:12px}.cart-header h2 span{background:linear-gradient(135deg,#dc143c,#b01030);font-size:.7rem;padding:2px 10px;border-radius:20px;color:#fff;font-weight:700}.cart-close{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.05);font-size:1.4rem;color:hsla(0,0%,100%,.5);cursor:pointer;padding:10px;border-radius:12px;transition:all .3s ease;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.cart-close:hover{background:rgba(220,20,60,.2);color:#dc143c;transform:rotate(90deg) scale(1.05);border-color:rgba(220,20,60,.3)}.cart-body{flex:1 1;overflow-y:auto;padding:24px 32px 32px}.cart-body::-webkit-scrollbar{width:4px}.cart-body::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02)}.cart-body::-webkit-scrollbar-thumb{background:#dc143c;border-radius:2px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:12px}.empty-icon{font-size:5rem;opacity:.15;filter:grayscale(1);margin-bottom:8px}.cart-empty p{font-size:1.4rem;color:hsla(0,0%,100%,.8);font-weight:600;margin-bottom:4px}.empty-sub{font-size:1rem;color:hsla(0,0%,100%,.3)!important;font-weight:300}.cart-items{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.cart-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:hsla(0,0%,100%,.03);border-radius:16px;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.03);position:relative;overflow:hidden}.cart-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#dc143c,transparent);opacity:0;transition:opacity .3s ease}.cart-item:hover:before{opacity:1}.cart-item:hover{background:hsla(0,0%,100%,.06);border-color:rgba(220,20,60,.1);transform:translateX(4px)}.cart-item-image{width:60px;height:60px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);display:flex;align-items:center;justify-content:center}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-placeholder{font-size:2rem;opacity:.3}.cart-item-info{flex:1 1;min-width:0}.cart-item-info h4{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-info .item-meta{display:flex;align-items:center;gap:12px}.cart-item-price{font-size:.9rem;font-weight:700;background:linear-gradient(135deg,#dc143c,#ff0040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-item-controls{gap:8px;flex-shrink:0}.cart-item-controls,.qty-btn{display:flex;align-items:center}.qty-btn{width:30px;height:30px;border:1px solid hsla(0,0%,100%,.05);border-radius:8px;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.6);font-size:.7rem;cursor:pointer;transition:all .3s ease;justify-content:center}.qty-btn:hover{background:rgba(220,20,60,.2);color:#dc143c;border-color:rgba(220,20,60,.3);transform:scale(1.05)}.qty-btn:active{transform:scale(.95)}.qty-count{min-width:24px;text-align:center;font-weight:700;font-size:.9rem;color:#fff}.remove-btn{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.03);color:hsla(0,0%,100%,.2);font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .3s ease;margin-left:2px}.remove-btn:hover{background:rgba(220,20,60,.15);color:#dc143c;border-color:rgba(220,20,60,.2);transform:scale(1.05)}.cart-footer{border-top:1px solid hsla(0,0%,100%,.05);flex-shrink:0;background:rgba(0,0,0,.2);margin:0 -32px -32px;padding:24px 32px 32px}.cart-summary{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;color:hsla(0,0%,100%,.8)}.cart-total .label{font-size:.9rem;font-weight:400;color:hsla(0,0%,100%,.4);text-transform:uppercase;letter-spacing:1px}.total-price{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#dc143c,#ff0040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.cart-items-count{display:flex;justify-content:space-between;font-size:.85rem;color:hsla(0,0%,100%,.3)}.checkout-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.checkout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transition:left .6s ease}.checkout-btn:hover:before{left:100%}.checkout-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 40px rgba(37,211,102,.4)}.checkout-btn:active{transform:translateY(0) scale(.98)}.checkout-btn svg{font-size:1.4rem}@media (max-width:768px){.cart-panel{max-width:100%}.cart-body,.cart-header{padding:20px 24px}.cart-footer{padding:20px 24px 24px;margin:0 -24px -24px}.cart-item{padding:12px 14px;gap:12px;flex-wrap:nowrap}.cart-item-image{width:50px;height:50px}.cart-item-info h4{font-size:.85rem}.cart-item-controls{gap:6px}.qty-btn{width:26px;height:26px;font-size:.65rem}.qty-count{min-width:20px;font-size:.8rem}.total-price{font-size:1.5rem}.checkout-btn{padding:16px;font-size:1rem}}@media (max-width:480px){.cart-header h2{font-size:1.3rem}.cart-header h2 span{font-size:.6rem;padding:2px 8px}.cart-item{padding:10px 12px;gap:10px;flex-wrap:wrap}.cart-item-image{width:44px;height:44px;border-radius:10px}.cart-item-placeholder{font-size:1.5rem}.cart-item-info h4,.cart-item-price{font-size:.8rem}.cart-item-controls{width:100%;justify-content:flex-end;gap:6px}.qty-btn{width:28px;height:28px;font-size:.6rem;border-radius:6px}.qty-count{font-size:.8rem;min-width:20px}.remove-btn{padding:4px 6px;font-size:.7rem}.total-price{font-size:1.3rem}.empty-icon{font-size:4rem}.cart-empty p{font-size:1.2rem}}.floating-cart{position:fixed;bottom:30px;right:30px;z-index:999}.floating-cart,.floating-cart-btn{display:flex;align-items:center;justify-content:center}.floating-cart-btn{position:relative;width:70px;height:70px;background:linear-gradient(135deg,#dc143c,#b01030);border:none;border-radius:50%;color:#fff;font-size:1.8rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 40px rgba(220,20,60,.4);animation:float 3s ease-in-out infinite}.floating-cart-btn:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,#dc143c,transparent);opacity:.3;animation:pulse-ring 2s ease-in-out infinite}.floating-cart-btn:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 12px 50px rgba(220,20,60,.6)}.floating-cart-btn:active{transform:scale(.95)}.floating-cart-btn .cart-icon{position:relative;z-index:1}.floating-cart-btn .cart-badge{position:absolute;top:-5px;right:-5px;background:#fff;color:#dc143c;font-size:.75rem;font-weight:800;min-width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:2;transition:all .3s ease}.floating-cart-btn .cart-badge.empty{display:none}.floating-cart-btn .cart-badge.animate{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:0}}@keyframes bounceIn{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.3) rotate(10deg)}70%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0deg)}}.floating-cart-tooltip{position:absolute;right:85px;background:hsla(0,0%,5%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:10px 18px;border-radius:12px;font-size:.85rem;font-weight:500;white-space:nowrap;border:1px solid hsla(0,0%,100%,.05);opacity:0;pointer-events:none;transition:all .3s ease;transform:translateX(10px)}.floating-cart-btn:hover .floating-cart-tooltip{opacity:1;transform:translateX(0)}.floating-cart-tooltip:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);border-left:8px solid hsla(0,0%,5%,.95);border-top:8px solid transparent;border-bottom:8px solid transparent}@media (max-width:768px){.floating-cart{bottom:20px;right:20px}.floating-cart-btn{width:60px;height:60px;font-size:1.5rem}.floating-cart-btn .cart-badge{min-width:22px;height:22px;font-size:.65rem;top:-3px;right:-3px}.floating-cart-tooltip{display:none}}@media (max-width:480px){.floating-cart{bottom:15px;right:15px}.floating-cart-btn{width:55px;height:55px;font-size:1.3rem;box-shadow:0 6px 30px rgba(220,20,60,.3)}.floating-cart-btn .cart-badge{min-width:20px;height:20px;font-size:.6rem;top:-2px;right:-2px}}