body::before{content:"";position:absolute;width:0;height:0;z-index:-1;background-color:rgba(0, 0, 0, 0);transition:background-color 0.4s ease;pointer-events:none;}body.locked,body.menuActive,body.filterActive{overflow:hidden;}body.menuActive::before,body.filterActive::before{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:rgba(0, 0, 0, 0.7);pointer-events:all;height:100%;width:100%;z-index:9;}input:active,input:focus,textarea:active,textarea:focus{outline:1px solid #a8baf1;outline-offset:-1px;}input.error,textarea.error{background-color:hsl(10deg 100% 96.8%);}input.error:-webkit-autofill,textarea.error:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px hsl(10, 100%, 96.8%) inset !important;}.fixed{z-index:11;position:fixed !important;transition:transform 0.4s;bottom:15px;right:15px;}.fixed > span{right:-1px;top:-1px;}.fixed.hide{transform:translateY(calc(100% + 50px));}.fixed .btn,.fixed .btn:after{padding:0;border-radius:100%;justify-content:center;background-color:rgba(87, 186, 99, 1);height:65px;width:65px;}.fixed .btn:after{content:"";position:absolute;background-color:rgba(87, 186, 99, 1);animation:pulse 3s linear infinite;z-index:-1;}.fixed .btn > span{font-size:32px;}@keyframes pulse{0%{transform:scale(1);opacity:0;}65%{transform:scale(1.2);opacity:0.7;}100%{transform:scale(1);opacity:0;}}#cart > .amount:after{content:attr(data-totalitems);}#cart.shake{animation:shakeCart 0.4s ease-in-out forwards;}@keyframes shakeCart{10%{transform:translateX(10px);}30%{transform:translateX(-8px);}50%{transform:translateX(6px);}70%{transform:translateX(-4px);}90%{transform:translateX(2px);}100%{transform:translateX(0);}}.icon-refresh{font-size:24px;color:hsl(207deg 100% 25%);cursor:pointer;display:none;}.icon-refresh.active{display:flex;}details:open > .accordion,body:not(.touch) .accordion:hover{background-color:hsl(56.3, 71.1%, 82.4%) !important;}details:open > .accordion:after{content:"\2796";}@supports (interpolate-size: allow-keywords){:root { interpolate-size: allow-keywords;}details::details-content{block-size:0;opacity:0;overflow:hidden;transition:opacity 0.25s ease, block-size 0.25s ease, content-visibility 0.25s;transition-behavior:allow-discrete;}details[open]::details-content{block-size:auto;opacity:1;}} #notifications{position:fixed;text-align:center;padding:12px 40px;transform:translate(-50%, 120%);transition:transform 0.4s ease;width:calc(100% - 40px);max-width:max-content;font-size:20px;z-index:11;bottom:0;left:50%;}#notifications.active{transform:translate(-50%, -25px);}#notifications > span{top:-15px;right:-15px;display:flex;position:absolute;background-color:#FCFCFC;border:1px solid hsla(0, 0%, 0%, 0.08);justify-content:center;align-items:center;border-radius:100%;padding-top:2px;font-size:15px;cursor:pointer;height:31px;width:31px;}#notifications > span::after{content:'✖';color:hsl(5.7, 60%, 58.8%);}#notifications.error{background:hsla(0deg, 26%, 94%, 0.95);border:2px dashed hsl(0deg 47% 50%);}#notifications.info{background:hsla(207deg, 26%, 94%, 0.95);border:2px dashed hsl(207deg 47% 50%);}#notifications.success{background:hsla(146deg, 26%, 94%, 0.95);border:2px dashed hsl(146deg 47% 50%);}.skeleton .box{position:relative;}.skeleton .box::after{content:"";position:absolute;background:linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 60%);animation:1s loading ease-in-out infinite;background-position-x:180%;background-size:200% 100%;height:100%;width:100%;z-index:3;}.skeleton h3,.skeleton .image,.skeleton .reviews,.skeleton .stock,.skeleton .price,.skeleton button{position:relative;max-width:max-content;border-color:var(--skeleton-color);transition:none;border-radius:0;}.skeleton h3::after,.skeleton .image::after,.skeleton .reviews::after,.skeleton .stock::after,.skeleton .price::after,.skeleton button::after{content:"";position:absolute;background-color:var(--skeleton-color);background-image:none;height:100%;width:100%;z-index:2;opacity:1;left:0;top:0;}.skeleton .price::before{display:none;}@keyframes loading{to{background-position-x:-20%;}}.togglePassword{position:relative;}.togglePassword > input{padding-right:39px;}.togglePassword > button{position:absolute;transform:translateY(-50%);font-size:18px;color:inherit;right:12px;top:50%;}#product-fixed.show{transform:translateY(0);}#product-fixed > div{padding:15px 20px;}#popupBox.show{opacity:1;pointer-events:all;overflow:hidden;}#popupBox{top:0;left:0;display:flex;position:fixed;justify-content:center;transition:opacity .4s ease;background-color:rgba(0, 0, 0, 0.7);backdrop-filter:blur(4px);pointer-events:none;padding:50px 20px;height:100%;z-index:10;width:100%;opacity:0;}#popupBox > .box{margin:auto;max-width:500px;min-width:320px;position:relative;transition:opacity .5s ease;max-height:100%;overflow:auto;}#popupBox > .box > .close{position:absolute;max-width:max-content;padding:3px 3px 4px 4px;right:4px;top:4px;}#popupBox > .box button:not(.close){min-width:100%;justify-content:center;}#popupBox > .box .product{display:flex;padding:10px 15px;border-radius:8px;align-items:center;gap:12px;}#popupBox > .box .product > .icon{font-size:49px;opacity:0.6;}#popupBox > .box table th,#popupBox > .box table td{padding:9px 11px;}@keyframes top{0%{top:0;transform:rotate(0);}50%{top:11px;transform:rotate(0);}100%{top:11px;transform:rotate(45deg);}}@keyframes top-2{0%{top:11px;transform:rotate(45deg);}50%{top:11px;transform:rotate(0deg);}100%{top:0;transform:rotate(0deg);}}@keyframes bottom{0%{bottom:0;transform:rotate(0);}50%{bottom:11px;transform:rotate(0);}100%{bottom:11px;transform:rotate(135deg);}}@keyframes bottom-2{0%{bottom:11px;transform:rotate(135deg);}50%{bottom:11px;transform:rotate(0);}100%{bottom:0;transform:rotate(0);}}@keyframes scaled{50%{transform:scale(0);}100%{transform:scale(0);}}@keyframes scaled-2{0%{transform:scale(0);}50%{transform:scale(0);}100%{transform:scale(1);}}