:root{--black-color:#000;--white-color:#fff;--grapfit-color:#49454c;--gray-color:#333435;--gray-light-color:#a8a9b0;--line-color:#dcdde1;--txt-gray-color:#a0a0a0;--back-color:#f4f4f4;--violet-color:#343176;--violet-back-color:#f1f0fa;--green-color:#5fc0b1;--green-back-color:#e1f5f2;--blue-color:#528df0;--warn-color:#ed9b57;--orange-color:#ee7656;--alert-color:#f77878;--red-color:#e14142;--pink-color:#ffe8e8;--purple-color:#544669;--shadow-transparent:0px 4px 15px 0px rgba(0, 0, 0, 0);--shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.15);--shadow2:0px 4px 28px 0px rgba(0, 0, 0, 0.1);--trs-300:300ms ease;--trs-600:600ms ease;--trs-1200:1200ms ease;--trs-2000:2000ms ease;--trs-cubic-800:0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-600:0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-300:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);--screensize:1920}.shop-card{background:var(--back-color);border-radius:calc(12 / var(--screensize) * 100vw);height:calc(244 / var(--screensize) * 100vw);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:calc(33 / var(--screensize) * 100vw)}.shop-card:hover .btn{background:var(--violet-color)}.shop-card:hover .btn span{color:var(--white-color)}.shop-card:hover .btn svg path{stroke:var(--white-color)}.shop-card img{height:calc(76 / var(--screensize) * 100vw);-o-object-fit:contain;object-fit:contain;width:30%}.shop-card .btn{padding:calc(0 / var(--screensize) * 100vw) calc(24 / var(--screensize) * 100vw);gap:calc(12 / var(--screensize) * 100vw)}.shop-card .btn span{text-transform:uppercase;font-size:calc(14 / var(--screensize) * 100vw);font-weight:500;line-height:128%;letter-spacing:calc(1 / var(--screensize) * 100vw)}.shop-card .btn:hover svg path{stroke:var(--white-color)}.shop-card .btn svg{width:calc(8 / var(--screensize) * 100vw);height:calc(12 / var(--screensize) * 100vw)}@media (max-width:1440px){:root{--screensize:1440}}@media (max-width:992px){:root{--screensize:767}.shop-card{height:calc(148 / var(--screensize) * 100vw);gap:calc(22 / var(--screensize) * 100vw)}.shop-card img{height:calc(46 / var(--screensize) * 100vw);width:50%}.shop-card .btn{padding:calc(0 / var(--screensize) * 100vw) calc(16 / var(--screensize) * 100vw)}.shop-card .btn span{font-size:calc(12 / var(--screensize) * 100vw);font-weight:500;line-height:128%}}@media (max-width:767px){:root{--screensize:360}}