html,body{background-color:#fff0f4;height:100%;margin:0}.header{display:flex;align-items:center;justify-content:space-between;width:100%;height:65px;text-align:center;position:fixed;top:0;left:0;z-index:1000;background-color:#fff5f8;transition:all .4s ease-in-out;padding:25px}.left-icon,.right-icon{display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;color:#e79fb3;transition:color .3s;z-index:999}.left-icon:hover,.right-icon:hover{color:#d16f8b}.right-icon.scrolled,.left-icon.scrolled{color:#c45f7a}.icon-with-badge{position:relative;display:inline-block}.cart-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;background-color:#f7b8c5;color:#fff;font-size:11px;font-weight:700;font-family:Nunito,sans-serif;line-height:18px;text-align:center;border-radius:50%;box-shadow:0 2px 5px #9c2c4d59,0 0 0 2px #fff5f8;transition:transform .2s ease-in-out;z-index:2}@media (min-width: 601px){.header{height:80px}}@media (max-width: 600px){.header{padding:15px}.right-icon,.left-icon{font-size:25px}}.header.scrolled{background-color:#ffb6c466;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 3px 8px #9c2c4d40;border-bottom:1px solid rgba(255,255,255,.3)}.header-snow-left,.header-snow-right{position:absolute;top:25px;height:30px;color:#ffcce2}.header-snow-right{right:540px}.header-snow-left{left:530px}.h-p{margin:0;color:#e79fb3;font-family:Nunito,serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-size:35px;text-align:center;text-shadow:.5px .5px 2px rgba(0,0,0,.4),0 0 10px rgba(224,150,175,.3)}.h-p.scrolled{text-shadow:1px 1px 3px rgba(0,0,0,.5),0 0 12px rgba(224,150,175,.5)}@media (max-width: 600px){.h-p{font-size:30px}}.footer{margin:0;font-family:Nunito,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;color:#e79fb3;background-color:#fff0f4cc;flex-shrink:0;box-shadow:13px 4px 9px #9c2c4d4d;font-size:120%}.btn-div{display:flex;align-items:center;justify-content:center;gap:5px}.contact-footer{position:relative;top:10px;left:-750px;font-size:14px;text-decoration:none;color:#e79fb3;transition:color .3s ease}.contact-footer:hover,.contact-footer:active{text-decoration:underline;color:#c16b85}footer{display:flex;align-items:center;justify-content:space-between;padding:10px 15px 0;width:100%;height:70%}.Inst-btn,.TikTok-btn{width:50px;height:45px;display:flex;align-items:center;justify-content:center;border:none;background-color:#ffb6c44d;border-radius:7px;cursor:pointer;position:relative;z-index:2;transition:all .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.svgContainer{display:flex;align-items:center;justify-content:center;background-color:#ffe6f04d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;transition:all .3s;z-index:2}.svgIcon{width:35px;height:35px}.Bg,.Bg-tt{position:absolute;content:"";width:90%;height:100%;background:linear-gradient(45deg,#ffb6c499,#e096af99,#ffb6c499);z-index:1;border-radius:9px;pointer-events:none;transition:all .3s}.Inst-btn:active .Bg,.TikTok-btn:active .Bg-tt{transform:rotate(35deg);transform-origin:bottom}.Inst-btn:active .svgContainer,.TikTok-btn:active .svgContainer{background-color:#d278964d}@media (max-width: 600px){.Inst-btn,.TikTok-btn{width:40px;height:35px;margin-bottom:15px}.svgIcon{width:28px;height:28px}}@media (hover: hover) and (pointer: fine){.Inst-btn:hover .Bg,.TikTok-btn:hover .Bg-tt{transform:rotate(20deg);transform-origin:bottom}.icon-with-badge:hover .cart-badge{transform:scale(1.15);box-shadow:0 0 8px #e096afb3,0 0 12px #e096af66}}.cart-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;background-color:#f7b8c5;color:#650026;font-size:11px;font-weight:700;font-family:Nunito,sans-serif;line-height:18px;text-align:center;border-radius:50%;box-shadow:0 2px 5px #9c2c4d59,0 0 0 2px #ffe6f0cc;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;z-index:2}.cart-badge.animate{animation:pulseBadge .4s ease-in-out}@keyframes pulseBadge{0%{transform:scale(1);box-shadow:0 0 #e096af99}70%{transform:scale(1.1);box-shadow:0 0 0 8px #e096af00}to{transform:scale(1);box-shadow:0 0 #e096af00}}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px;background-color:#fdecef;border:2px solid #e7a6b6;border-radius:12px;margin:15px;box-shadow:inset 0 0 8px #78143214;background-image:url(https://www.transparenttextures.com/patterns/corrugation.png)}.grid-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-radius:12px;overflow:hidden;background-color:#fdecef;opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out,box-shadow .3s ease;background-image:url(https://www.transparenttextures.com/patterns/corrugation.png)}.grid-item:active{transform:scale(.98);transition:transform .1s ease}.grid-item img{width:100%;height:auto;object-fit:cover;display:block;border-radius:10px;border:3px solid #e7a6b6;transition:transform .4s ease,box-shadow .4s ease;background-color:#f8f9fa;cursor:pointer}.grid-img.disabled{cursor:no-drop;pointer-events:auto;filter:grayscale(100%) blur(1px) brightness(80%)}.grid-item.visible{opacity:1;transform:translateY(0)}.cost-p{margin-top:10px;align-self:flex-start;font-family:Pacifico,cursive;font-style:normal;font-size:25px;font-weight:400;color:#b03a5b;margin-bottom:0;margin-right:250px;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.grid-p{margin:0;cursor:pointer;align-self:flex-start;font-family:Nunito,serif;font-size:23px;font-weight:800;color:#7a2d44;letter-spacing:.5px;text-shadow:0 1px 2px rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.grid-p.disabled{cursor:no-drop}@media (hover: hover) and (pointer: fine){.grid-p:hover{text-decoration:underline;color:#a83a5f}.grid-p.disabled:hover{text-decoration:none;color:#7a2d44}.grid-item img:hover{transform:scale(1.03)}.image-wrapper{padding:5px}}.cost-p:before{content:"₴";font-size:18px;vertical-align:top;margin-right:2px}@media (max-width: 600px){.cost-p{margin-right:75px}}.image-wrapper{position:relative;width:100%;height:auto}.img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:10;border-radius:10px}.grid-img.loading{opacity:0;transition:opacity 1s ease-in-out}.grid-img.loaded{opacity:1;transition:opacity 1s ease-in-out;animation:fadeIn 1s}.unavailable-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#96505099;pointer-events:none;border-radius:10px}.cross-line{position:absolute;top:50%;left:0;width:100%;height:3px;background-color:#bd0000;transform:rotate(45deg)}.cross-line.reverse{transform:rotate(-45deg)}.availability-text{margin-top:4px;font-size:16px;font-weight:800;align-self:flex-start;font-family:Nunito,serif;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.availability-text:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background-color:currentColor}@media (max-width: 600px){.availability-text{font-size:13px}.grid-p{font-size:18px}}.available{color:#007000}.unavailable{color:#bd0000}.grid-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffd9e2,#ffeef3);border:2px solid #e7a6b6;border-radius:10px;color:#7a2d44;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:600;font-style:normal;height:45px;width:90%;max-width:150px;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease-in-out;box-shadow:3px 3px #e7a6b6;margin-bottom:10px;margin-top:4px}.grid-btn:hover{background-color:#f7b6c8;color:#fff;box-shadow:2px 2px #d48aa1;transform:translate(2px,2px)}.grid-btn:active{background-color:#f08aa3;box-shadow:none;transform:translate(4px,4px)}.catalog-btn{width:100%;height:8vh;display:flex;justify-content:center;align-items:center;gap:1vh;margin-bottom:25px;animation:fadeIn 1s ease-out}.catalog-divider{width:3px;margin:2px;height:55%;background-color:#e7a6b6;border-radius:2px;box-shadow:0 0 4px #e7a6b699}.catalog-btn button{display:flex;align-items:center;justify-content:center;padding:10px 20px;width:150px;height:100%;background:linear-gradient(145deg,#fdecef,#fff5f8);color:#9c3b57;border:2px solid #e7a6b6;border-radius:25px;font-family:Nunito,serif;font-size:16px;font-weight:700;font-style:normal;transition:all .3s ease-in-out;box-shadow:0 2px 8px #0000001a;cursor:pointer;outline:none}.catalog-btn button.slippers-active,.catalog-btn button.socks-active{background-color:#f7c6d5;color:#5a5a5a;box-shadow:0 5px 10px #0006;transform:scale(1.03)}@keyframes fadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.slippers-png,.sock-png{width:40%}.label-tag{position:absolute;top:10px;padding:6px 12px;font-size:12px;font-weight:700;font-family:Nunito,sans-serif;border-radius:6px;box-shadow:2px 2px 5px #0000001a;text-transform:uppercase;z-index:100;animation:popIn .3s ease;display:inline-block;background-image:url(https://www.transparenttextures.com/patterns/paper-fibers.png)}.string-label{right:10px;color:#7a2d44;background-color:#ffc0cb80;border:2px dashed rgba(150,60,80,.5)}.icon{position:absolute;top:0;left:0;width:12px;height:12px}.number-label{right:10px;top:50px;left:auto;color:#fff;background-color:#ff6b81;border:2px solid #d94c63;font-size:11px;border-radius:50px;padding:4px 10px;font-weight:900;letter-spacing:.5px;box-shadow:0 0 0 3px #fff6}@media (max-width: 600px){.grid-container{grid-template-columns:repeat(2,1fr)}.label-tag{padding:4px 6px;font-size:10px}.label-tag:before{top:4px;left:4px;width:4px;height:4px}.number-label{top:38px;right:5px}.string-label{right:5px;top:5px}.icon{width:10px;height:10px}.string-label:before{top:3px;left:3px}.game-catalog{top:-5px!important}}@media (min-width: 601px) and (max-width: 1024px){.grid-container{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.grid-container{grid-template-columns:repeat(4,1fr)}}.price-wrapper{display:flex;align-items:center;gap:8px;margin-top:10px;margin-bottom:6px;align-self:flex-start}.old-cost{font-size:18px;color:#b04a5d;font-weight:600;text-decoration:line-through;opacity:.7;margin:0;font-family:Nunito,sans-serif}.old-cost:before{content:""}.new-cost{color:#9c2c4d;font-size:25px;font-weight:800;font-family:Pacifico,cursive;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.05)}.grid-wrapper{position:relative}.game-catalog{position:absolute;top:-7px;right:15px;font-size:20px;color:#e7a6b6;cursor:pointer;transition:transform .3s ease,color .3s ease;z-index:10}.game-catalog:hover{color:#c16b85;transform:scale(1.2)}.low-stock-ribbon{background:linear-gradient(145deg,#ffe6ed,#f8d4e1);color:#9c2c4d;font-family:Nunito,sans-serif;font-weight:800;font-size:13px;letter-spacing:.3px;padding:6px 14px;border-radius:9px;border:1.5px solid #e7a6b6;box-shadow:0 2px 6px #9c2c4d1f,inset 0 1px #ffffffb3;align-self:flex-start;margin-top:8px;margin-left:4px;position:relative;overflow:hidden;animation:icyAttention 3s ease-in-out infinite}.low-stock-ribbon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);opacity:.6;pointer-events:none}@keyframes icyAttention{0%,to{box-shadow:0 2px 6px #9c2c4d1f,inset 0 1px #ffffffb3}50%{box-shadow:0 4px 10px #9c2c4d33,inset 0 1px #ffffffd9}}@media (max-width: 600px){.low-stock-ribbon{font-size:10px;padding:3px 8px;margin-left:2px}}.global-alert{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:10000!important;width:350px;padding:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 4px 10px #0003}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-warning{background-color:#fff3cd!important;color:#856404!important;border:1px solid #ffecb5!important}.alert-danger,.alert-error{background-color:#f8d7da!important;color:#842029!important;border:1px solid #f5c2c7!important}.global-alert svg{width:24px;height:24px;margin-right:10px;fill:currentColor}.modal-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;background-color:#ffe4eceb!important;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 0 80px #ffaabe40;animation:modalBackdropFade .4s ease forwards;will-change:opacity,transform;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}@keyframes modalBackdropFade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes sizePulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.modal-img{width:100%;height:16em;object-fit:cover;border-radius:10px;opacity:0;animation:imageFade .5s ease-out .15s forwards;will-change:opacity,transform}@keyframes imageFade{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.m-p{margin:20px 0 10px;font-size:clamp(24px,4vw,32px);font-weight:800;font-family:Nunito,sans-serif;text-align:center;line-height:1.2;background:linear-gradient(90deg,#ff6f91,#ffc1d6,#ff6f91);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 1px rgba(0,0,0,.04),0 0 10px rgba(255,160,190,.35);letter-spacing:.8px;opacity:0;transform:translateY(10px);animation:fadeSlideIn .5s ease-out .2s forwards;filter:drop-shadow(0 0 1px rgba(0,0,0,.12));transition:all .3s ease-in-out;z-index:1002}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.name-wrapper{position:relative;display:inline-block;text-align:center}.name-wrapper .number-label-modal{position:absolute;top:2px;right:-40px;transform:rotate(30deg);background-color:#ff6f91;border:2px solid #e75480;font-size:11px;border-radius:50px;padding:4px 10px;font-weight:900;letter-spacing:.5px;color:#fff;white-space:nowrap;box-shadow:0 0 0 3px #ffffff80;z-index:2}@media (hover: hover) and (pointer: fine){.submit-btn:hover,.submit-btn:active{background:linear-gradient(135deg,#ff8fb1,#e84d8a)}.size-btn:hover{background:#ffb3c7}.size-btn:active:not(.unavailable){background:linear-gradient(135deg,#ff8fb1,#e84d8a)}.size-btn.unavailable:active{background-color:#ffe6ec!important;color:#c48a9a;border-color:#c48a9a}.size-btn.unavailable.selected{background-color:#ffe6ec!important;color:#c48a9a!important;border-color:#c48a9a!important}.modal-close:hover{color:#fff;background:linear-gradient(135deg,#ff9bb5,#ff6f91);border-color:#e75480;transform:scale(1.15) rotate(90deg)}.size-btn.unavailable:hover{background-color:#ffeef2!important;color:#d4a0ae;border-color:#e3b3c0}}.modal-content{z-index:1001;align-items:center;position:absolute!important;bottom:0;background:#fff0f5d9!important;padding:5px;border-radius:10px!important;text-align:center;box-shadow:0 12px 42px #e84d8a73,0 0 60px #ffb6c159;will-change:transform,opacity;contain:layout paint;animation:modalSlideUp .4s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content:before{content:none!important}.modal-close{position:absolute;top:12px;right:16px;font-size:30px;font-weight:900;cursor:pointer;color:#b03060;background-color:#fff5f8d9;border:2px solid #ff9bb5;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;z-index:1002}.modal-close:active{color:#fff;background:linear-gradient(135deg,#ff6f91,#e75480);border-color:#d9436b;transform:scale(1.15) rotate(90deg)}.size-btn{margin:5px;padding:7px 8px;border:none;background:linear-gradient(135deg,#ffb3c7,#ff8fb1);color:#fff;border-radius:5px;cursor:pointer;width:12%}.size-btn.selected:not(.unavailable){background:linear-gradient(135deg,#ff6f91,#e75480);border:1.5px solid #e75480;animation:sizePulse .25s ease-in-out}.size-btn.unavailable{opacity:.4;cursor:not-allowed;border-style:dashed;background-color:#ffe6ec;pointer-events:all}.size-btn.unavailable:active{background-color:#ffe6ec!important;color:#c48a9a;border-color:#c48a9a}.size-btn.unavailable.selected{background-color:#ffe6ec!important;color:#c48a9a!important;border-color:#c48a9a!important}.btns-wrapper{margin-top:30px}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:16px;font-family:Nunito,serif;font-weight:700;border:none;border-radius:10px;cursor:pointer;color:#fff;width:100%;background:linear-gradient(135deg,#ff8fb1,#e84d8a);box-shadow:0 4px 12px #e84d8a40;transition:all .3s ease}.submit-btn:active{background:linear-gradient(135deg,#ff6f91,#e75480)}@media (min-width: 1025px){.modal-content{width:55%!important;height:90vh!important}}@media (min-width: 601px) and (max-width: 1024px){.modal-content{width:55%!important;height:90vh!important}}@media (max-width: 600px){.modal-content{width:90%!important;height:70vh!important}.name-wrapper .number-label-modal{font-size:8px;padding:3px 8px;right:-30px;top:7px}.string-label-modal:before{top:3px;left:3px;width:3px;height:3px}}.string-label-modal{left:10px;color:#b03060;background-color:#ffe6ec;border:2px dashed #ff9bb5}.string-label-modal:before{content:"";position:absolute;top:4px;left:4px;width:6px;height:6px;background-color:#ff6f91;border-radius:50%;box-shadow:0 0 0 1px #fff}.App{height:100%;display:flex;flex-direction:column;gap:15px;background-color:#fdf2f5;letter-spacing:.5px}.carousel{position:relative}.carousel-inner{background-color:#f6c1cf;box-shadow:inset 0 0 12px #78143226;width:100%;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.carousel-inner img{margin-top:65px;height:60vh;width:100%;object-fit:cover;border-radius:20px;box-shadow:0 6px 12px #78143226;transition:transform .3s ease-in-out;background-color:#fff}@media (min-width: 601px){.carousel-inner{height:75vh;background-color:#f0a9bc;box-shadow:inset 0 0 8px #7814321f;background-image:url(https://www.transparenttextures.com/patterns/crisp-paper-ruffles.png)}.carousel-inner img{width:60vh!important;height:60vh!important;object-fit:cover;margin:102px auto;box-shadow:0 6px 15px #78143240}.carousel:before,.carousel:after{background:none!important}.carousel-inner img:hover{transform:scale(1.03);box-shadow:0 9px 20px #78143240}}.carousel:before,.carousel:after{content:"";position:absolute;top:0;width:80px;height:100%;pointer-events:none;z-index:1}.carousel:before{left:0;background:linear-gradient(to right,rgba(255,182,193,.55),rgba(255,182,193,.25),transparent)}.carousel:after{right:0;background:linear-gradient(to left,rgba(255,182,193,.55),rgba(255,182,193,.25),transparent)}.carousel-control-prev,.carousel-control-next{opacity:1;z-index:998!important}.carousel-control-prev{left:18px}.carousel-control-next{right:18px}.icy-carousel-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#fff0f5f2,#d46a84d9);border:2px solid rgba(180,70,100,.85);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 14px #78143259,inset 0 1px #ffffffe6;transition:all .35s ease;opacity:.95;cursor:pointer;position:absolute;top:300px}@media (hover: hover) and (pointer: fine){.icy-carousel-btn:hover{transform:scale(1.12);background:linear-gradient(145deg,#fff,#f7c1d1);box-shadow:0 8px 18px #78143273,inset 0 1px #fff}}.icy-carousel-btn:active{transform:scale(.95)}.icy-icon{font-size:26px;color:#7a1e3a;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35)) drop-shadow(0 0 6px rgba(255,182,193,.6));transition:transform .3s ease,color .3s ease}.icy-carousel-btn:hover .icy-icon{color:#5a1228}.order-h{font-family:Nunito,serif;font-weight:900;font-size:35px;display:flex;justify-content:center;align-items:center;margin-top:45px;margin-bottom:5vh;color:#c2185b;text-shadow:1px 1px 2px rgba(0,0,0,.45),0 0 6px rgba(255,182,193,.6),0 0 14px rgba(255,105,135,.35);animation:subtleShine 3s ease-in-out infinite}@keyframes subtleShine{0%,to{text-shadow:1px 1px 2px rgba(0,0,0,.6),0 0 6px rgba(255,182,193,.5),0 0 10px rgba(255,105,135,.3)}50%{text-shadow:1px 1px 2px rgba(0,0,0,.6),0 0 10px rgba(255,160,180,.8),0 0 18px rgba(255,105,135,.5)}}.order-h h1{font-size:45px;font-weight:800}@media (max-width: 600px){.order-h h1{font-size:32px}.icy-carousel-btn{width:46px;height:46px;top:270px}.icy-icon{font-size:20px}}.content{flex-grow:1;background-color:#fdf2f5}#heartfall{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:999999}.heart{position:absolute;top:-20px;color:#ff69b4cc;display:inline-block;filter:drop-shadow(0 0 2px rgba(255,105,180,.5));animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(110vh) rotate(360deg)}}.Cart{min-height:100vh;display:flex;flex-direction:column;gap:15px;background-color:#ffd6e0;letter-spacing:.5px}.cart-p{display:flex;justify-content:center;align-items:center;z-index:10;font-family:Nunito,serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-size:30px;color:#ff5a87;text-shadow:1px 1px 2px rgba(0,0,0,.6),0 0 5px rgba(255,182,193,.4),0 0 10px rgba(255,182,193,.2);animation:fade-in 1s ease-out forwards}.Cart main{flex:1;margin-top:100px}.cart-item{background-color:#ffe0eb;background-image:url(https://www.transparenttextures.com/patterns/concrete-wall.png);border:2px solid #ff9cb3;border-radius:14px;box-shadow:0 4px 10px #0000001a;padding:18px;display:flex;gap:18px;align-items:flex-start;transition:transform .3s ease,box-shadow .3s ease;margin:0 auto 20px;max-width:850px;position:relative}.cart-item img{width:120px;height:auto;border-radius:12px;object-fit:cover;border:2px solid #ff9cb3;background-color:#fff0f5}.cart-item-info{display:flex;flex-direction:column;gap:6px;font-family:Nunito,sans-serif;color:#7a2f4a;background-color:#ffe4f0;padding:14px 18px;border-radius:12px;border:1.5px solid #ff9cb3;width:100%}.price-wrapper-cart{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:5px;margin-top:12px;margin-bottom:8px;padding:6px 10px;background-color:#ffe6f2;border:1px dashed #ff9cb3;border-radius:8px;box-shadow:inset 0 1px 3px #ffb6c114;align-self:flex-start;animation:popPrice .4s ease-in-out}@keyframes popPrice{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.old-cost-cart{font-size:15px;color:#d47a8b;font-weight:600;text-decoration:line-through;opacity:.6;font-family:Nunito,sans-serif;margin:0}.old-cost-cart:before{content:""}.new-cost-cart{color:#f36;font-size:25px!important;font-weight:900;font-family:Pacifico,cursive;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.05);background:linear-gradient(to right,#ff9cb3,#f36);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.number-label-cart{transform:rotate(15deg);position:relative;top:-5px;font-size:10px;padding:4px 8px;font-weight:800;background-color:#ff4d7a;border:2px solid #e63d6c;color:#fff;border-radius:999px;box-shadow:0 0 0 2px #ffb6c14d;font-family:Nunito,sans-serif}.cart-item-info h3{font-size:23px;font-weight:800;color:#b82f57;margin:0 0 4px}.cart-item-info p{margin:2px 0;font-size:15px;font-weight:500;color:#7a2f4a}.size-display{gap:6px;margin:0;align-self:flex-start;font-family:Nunito,serif;font-size:15px;font-weight:700;color:#b82f57;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.delete-btn{margin-top:10px;padding:8px 16px;background-color:#e63d6c;width:30%;border:none;border-radius:8px;color:#fff;font-weight:600;font-family:Nunito,sans-serif;cursor:pointer;transition:background-color .2s ease}.cart-item-content{display:flex;flex-direction:column;justify-content:space-between;width:100%}.cart-summary{margin-top:40px;padding:20px;background-color:#ffe0eb;border-radius:16px;box-shadow:0 8px 24px #ffb6c166;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-family:Nunito,sans-serif;font-weight:700;color:#b82f57;max-width:90%;margin-left:auto;margin-right:auto}.cart-summary h2{margin:0;color:#b82f57;font-size:22px;font-weight:800;font-family:Nunito,serif}.cart-cost{font-family:Pacifico,cursive;font-size:25px;font-weight:400;color:#f36;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.cart-cost:before{content:"₴";font-size:18px;vertical-align:top;margin-right:2px}.cart-summary button{background-color:#ff5a87;color:#fff;font-family:Nunito,sans-serif;font-weight:700;font-size:18px;padding:12px 24px;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 10px #00000026,inset 0 1px 1px #fff3;transition:all .3s ease-in-out;letter-spacing:.7px}.cart-summary button:active{transform:scale(.98);box-shadow:0 3px 8px #0003,inset 0 0 4px #0000001a}@media (hover: hover) and (pointer: fine){.cart-summary button:hover{background-color:#ff7aa2;transform:translateY(-2px);box-shadow:0 6px 15px #ff69b466,0 0 8px #ffb6c166}.cart-item-info:hover{box-shadow:0 0 18px #ff69b499,0 4px 15px #ffb6c199;transform:scale(1.01)}.cart-item:hover{transform:translateY(-3px);box-shadow:0 6px 14px #00000014}.delete-btn:hover{background-color:#d42f57}}@media (max-width: 600px){.cart-summary{flex-direction:column;align-items:center;text-align:center}.cart-summary h2{font-size:18px}.cart-summary button{width:100%;max-width:300px}.cart-item{flex-direction:column;padding:20px;align-items:center;width:95%}.cart-item img{width:100%;max-width:280px;margin-bottom:12px}.cart-item-info{padding:14px 16px;border-radius:12px}}.empty-cart-wrapper{max-width:520px;margin:130px auto;padding:40px 30px;background:linear-gradient(145deg,#ffe0eb,#ffd6e0);border-radius:24px;border:2px solid #ff9cb3;box-shadow:0 12px 30px #ff69b440,inset 0 1px #ffb6c1b3;text-align:center;animation:frostAppear .6s ease-out;position:relative;overflow:hidden}.valentine-text{font-family:Nunito,serif;font-size:26px;font-weight:900;color:#d43d6c;margin-bottom:25px;text-shadow:0 2px 4px rgba(255,105,180,.25),0 0 10px rgba(255,182,193,.6)}.hearts-container{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:28px;font-size:50px;animation:floatHearts 3s ease-in-out infinite}.heart-icon{filter:drop-shadow(0 2px 2px rgba(255,105,180,.5))}@keyframes floatHearts{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:999px;border:none;background:linear-gradient(145deg,#ff8fb1,#e84d8a);color:#fff;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;letter-spacing:.6px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 6px 14px #e84d8a59,inset 0 2px 4px #ffffff40;transition:transform .2s ease,box-shadow .2s ease;animation:heartBeat 2.8s ease-in-out infinite}.shop-btn:before{content:"";position:absolute;top:0;left:-120%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);animation:shineMove 3.5s linear infinite}.shop-btn:active{transform:scale(.94);box-shadow:0 4px 10px #0003,inset 0 3px 6px #00000026}.shop-btn svg{animation:iconBounce 2s ease-in-out infinite}@media (hover: hover) and (pointer: fine){.shop-btn:hover{background:linear-gradient(145deg,#ff9fbd,#ff5c9c);transform:translateY(-3px) scale(1.03);box-shadow:0 10px 22px #ff5c9c73,0 0 16px #ffb6c1b3}}@keyframes heartBeat{0%,to{transform:scale(1)}10%{transform:scale(1.04)}20%{transform:scale(1)}30%{transform:scale(1.04)}40%{transform:scale(1)}}@keyframes shineMove{0%{left:-120%}60%{left:120%}to{left:120%}}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media (max-width: 600px){.empty-cart-wrapper{padding:30px 10px;margin:21vh 10px}.valentine-text{font-size:20px}.shop-btn{font-size:14px;padding:12px 20px}}.order-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#ffe4ec40;backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 80px #ffaabe40;animation:cloudFadeIn .5s ease forwards;will-change:transform;transform:translateZ(0);isolation:isolate}@keyframes cloudFadeIn{0%{opacity:0;transform:translateY(40px) scale(.98);-webkit-backdrop-filter:blur(0px) saturate(.9);backdrop-filter:blur(0px) saturate(.9)}to{opacity:1;transform:translateY(0) scale(1);-webkit-backdrop-filter:blur(12px) saturate(1.4) brightness(1.08);backdrop-filter:blur(12px) saturate(1.4) brightness(1.08)}}.order-modal-content{z-index:1001;position:relative;background:#fff0f5f5;padding:2rem;border-radius:20px;text-align:center;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 42px #e84d8a59,0 0 60px #ffb6c159;display:flex;flex-direction:column;justify-content:center;align-items:center}.btns-wrapper{margin-top:25px;display:flex;justify-content:center}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:16px;font-family:Nunito,serif;font-weight:700;border:none;border-radius:10px;cursor:pointer;color:#fff;width:100%;background:linear-gradient(135deg,#ff8fb1,#e84d8a);box-shadow:0 4px 12px #e84d8a59;transition:all .3s ease}@media (hover: hover) and (pointer: fine){.submit-btn:hover,.submit-btn:active{background:linear-gradient(135deg,#ff6f91,#d9436b)}.city-suggestions li:hover{background-color:#ffe6ec;outline:none}}@media (max-width: 600px){.order-modal-content{width:90%;max-height:85vh;padding:1rem}.submit-btn{font-size:15px;padding:10px 16px}.city-suggestions{max-height:180px;font-size:18px;border-radius:14px;padding:0;box-shadow:0 10px 30px #e84d8a40}.city-suggestions li{padding:18px 24px}}@supports (-webkit-touch-callout: none){.order-modal{background-color:#ffe4ec40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.order-section{width:100%;margin-bottom:20px}.section-header{font-size:14px;color:#b03060;font-weight:700;margin:0 0 6px 4px;font-family:Nunito,sans-serif;text-align:left}.section-divider{width:100%;height:1px;background:linear-gradient(to right,#ffd1dc,transparent);margin:8px 0 16px}.city-container{position:relative;width:100%}.city-suggestions{list-style:none;padding:0;margin:8px 0 0;border:1px solid #ffd1dc;border-radius:12px;background-color:#fff0f5;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px #e84d8a40;z-index:10000;position:absolute;width:100%;top:100%;left:0;font-family:Nunito,sans-serif;font-weight:600;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ff8fb1 #ffe6ec}.city-suggestions::-webkit-scrollbar{width:8px}.city-suggestions::-webkit-scrollbar-track{background:#ffe6ec;border-radius:12px}.city-suggestions::-webkit-scrollbar-thumb{background-color:#ff8fb1;border-radius:12px;border:2px solid #ffe6ec}.city-suggestions li{padding:14px 20px;cursor:pointer;font-size:16px;transition:background .25s ease;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffdbe5}.city-suggestions li:last-child{border-bottom:none}.city-suggestions li:focus,.city-suggestions li:active{background-color:#ffe6ec;outline:none}.np{width:100%;padding:12px 16px;font-size:15px;border:2px solid #ffd1dc;border-radius:12px;background-color:#fff0f5;color:#7a2c4b;font-family:Nunito,sans-serif;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .25s ease}.np:focus{outline:none;border-color:#ff8fb1;box-shadow:0 0 5px #ff8fb1cc}.np.invalid-input{border-color:#d66b6b;background-color:#fff2f2}.floating-input-container{position:relative;margin:10px 0}.floating-input{width:100%;padding:12px 16px;font-size:16px;border:2px solid #ffd1dc;border-radius:12px;background-color:#fff0f5;outline:none;box-sizing:border-box;font-family:Nunito,sans-serif;font-weight:600;color:#7a2c4b;transition:all .25s ease}.floating-input::placeholder{color:#ff8fb1;opacity:1;transition:opacity .2s ease}.floating-label{position:absolute;left:16px;top:14px;font-size:16px;color:transparent;background-color:transparent;padding:0 5px;pointer-events:none;font-family:Nunito,sans-serif;font-weight:600;border-radius:5px;transform:translateY(0);transition:all .25s ease}.floating-input:focus+.floating-label{top:-10px;left:12px;font-size:12px;color:#b03060;border:solid 1px #ffd1dc;outline:none;box-shadow:0 0 5px #ff8fb199;background-color:#fff0f5;transform:translateY(-4px);opacity:1}.floating-input:not(:focus)+.floating-label{opacity:0;color:transparent}.floating-input:focus{outline:none;border-color:#ff6f91;box-shadow:0 0 5px #ff6f91cc}.floating-input:focus::placeholder{opacity:0}.invalid-input{border-color:#d66b6b!important;background-color:#fff2f2;color:#d66b6b!important}.invalid-input::placeholder{color:#d66b6b!important}.invalid-label{color:#d66b6b!important;border-color:#d66b6b!important;background-color:#fff2f2!important}.validation-ruleset{margin-top:12px;width:100%;background-color:#fff0f5;border:2px solid #ffccd9;border-radius:12px;padding:12px 16px;color:#7a2c4b;font-family:Nunito,sans-serif;font-size:15px;box-shadow:0 4px 12px #e84d8a26;animation:fadeIn .4s ease-in-out}.ruleset-title{font-weight:700;margin-bottom:6px;color:#b03060}.validation-ruleset ul{list-style:inside;margin:0;padding:0}.validation-ruleset li{margin-bottom:4px}.rule-icon{margin-right:8px;font-size:14px}.rule-success{color:#e75480;font-weight:600;list-style:none;display:flex;align-items:center}.rule-error{color:#d9436b;font-weight:600;list-style:none;display:flex;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.submit-btn:disabled{opacity:.6;cursor:not-allowed}body{background:linear-gradient(to bottom,#f6f0e8,#d9cbbf);font-family:Nunito,sans-serif;overflow-x:hidden;/ overflow-y: hidden;/}.scoreboard{position:fixed;top:20px;right:20px;background:linear-gradient(145deg,#fdf6e3,#f1e9d2);padding:14px 26px;border-radius:20px;box-shadow:0 5px 15px #dec4a880;font-weight:700;font-size:22px;color:#7b664f;z-index:1100;-webkit-user-select:none;user-select:none;text-align:right;min-width:140px}.fun-tip{position:fixed;top:120px;right:20px;font-size:16px;color:#8a7a60;font-style:italic;-webkit-user-select:none;user-select:none;max-width:240px;z-index:1100;line-height:1.5;background:#ffffffd9;padding:12px 18px;border-radius:16px;box-shadow:0 3px 12px #dec4a880}.leave-game-btn{position:fixed;top:250px;right:20px;padding:12px 24px;border-radius:20px;border:none;background:linear-gradient(145deg,#d9c5a4,#bfa87b);color:#5a4a36;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #bea06e80;z-index:1100;font-family:Nunito,sans-serif;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}.leave-game-btn:hover{background:linear-gradient(145deg,#e3d2ad,#cbb889);box-shadow:0 10px 25px #c8aa6e99;transform:scale(1.08)}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:.8}25%{transform:translateY(25vh) rotate(10deg)}50%{opacity:1;transform:translateY(50vh) rotate(-10deg)}75%{transform:translateY(75vh) rotate(8deg)}to{transform:translateY(110vh) rotate(360deg);opacity:0}}.falling-icon.caught{pointer-events:none;opacity:.5;animation-name:none!important;transform:scale(1.3);transition:opacity .3s ease-out,transform .3s ease-out}@media (max-width: 600px){.scoreboard{font-size:18px;min-width:120px;padding:12px 18px;right:20px;text-align:center;border-radius:16px}.fun-tip{font-size:14px;max-width:200px;top:105px;right:20px;padding:10px 14px}.leave-game-btn{top:20px;left:20px;right:auto;padding:10px 20px;font-size:16px}.falling-icon{font-size:32px}}@media (hover: hover) and (pointer: fine){.falling-icon:hover{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(166,126,62,.6))}}.falling-icon-wrapper{position:fixed;top:0;z-index:1000;animation-name:fall;animation-timing-function:linear;animation-fill-mode:forwards;pointer-events:auto;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.falling-icon-wrapper.caught{pointer-events:none;animation-name:none!important;transform:scale(1.2)}.falling-icon{color:#a67e3e;opacity:.85;pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .3s ease,transform .2s ease;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.falling-icon-wrapper{opacity:.9;transition:opacity .3s ease}.falling-icon-wrapper.caught{opacity:.5;transform:scale(1.2)}.not-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f8ecde;padding:20px;gap:10px;position:relative;animation:fade-in 1s ease-out forwards}@keyframes fade-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.not-found{background-color:#f7ebd5;padding:20px 28px;border-radius:18px;max-width:90%;text-align:center;box-shadow:0 8px 16px #00000014,0 4px 8px #0000000d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(0,0,0,.05)}.not-p{font-family:Nunito,sans-serif;font-weight:700;font-size:20px;color:#a4927d;margin-bottom:10px;line-height:1.5;text-shadow:none}.honey-emoji{position:absolute;top:-18px;right:-10px;font-size:28px;animation:wiggle 2s ease-in-out infinite;z-index:3;cursor:pointer}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}to{transform:rotate(0)}}.go-home{margin-top:12px;background-color:#dcb;color:#6e5b4c;border:none;font-size:18px;padding:10px 18px;border-radius:12px;font-weight:700;box-shadow:0 0 8px #dec4a899;transition:all .3s ease;cursor:pointer}.bear-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:fit-content;margin:0 auto}.cute-bear{height:65vh;max-width:90vw;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}.bear-holding{position:absolute;bottom:40%;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;gap:0}.digit{font-size:90px;font-weight:900;color:#e0b79c;margin:0 10px;line-height:1;text-shadow:1px 2px 2px rgba(0,0,0,.15);z-index:1}.cute-heart{font-size:120px;color:#e46d5c;z-index:2;animation:pulse 2.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,100,100,.5));margin:-20px}@keyframes pulse{0%{transform:scale(1);filter:drop-shadow(0 0 5px rgba(255,120,120,.4))}50%{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(255,90,90,.6))}to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(255,120,120,.4))}}@media (max-width: 600px){.digit{font-size:70px}.cute-heart{font-size:100px}.not-p,.not-p-button{font-size:16px}.bear-holding{top:40%}}@media (hover: hover) and (pointer: fine){.go-home:hover{background-color:#e9d7c0;transform:scale(1.05);box-shadow:0 0 12px #dec4a8e6}.not-p:hover{animation:wiggle .4s ease-in-out}}.falling-leaf{position:absolute;top:-50px;font-size:24px;color:#a5855a;opacity:.4;animation:leaf-fall 8s linear infinite;z-index:0}.falling-leaf:nth-child(1){animation-delay:0s}.falling-leaf:nth-child(2){animation-delay:2s}.falling-leaf:nth-child(3){animation-delay:4s}.falling-leaf:nth-child(4){animation-delay:6s}@keyframes leaf-fall{0%{transform:translateY(0) rotate(0);opacity:.5}50%{transform:translateY(50vh) rotate(90deg);opacity:.7}to{transform:translateY(100vh) rotate(180deg);opacity:0}}