* { margin: 0px !important; padding: 0px !important; box-sizing: border-box !important; user-select: none !important; } @font-face { font-family: 'BBlack'; src: url('../fonts/Binaria-Black.ttf'); } @font-face { font-family: 'BBold'; src: url('../fonts/Binaria-Bold.ttf'); } @font-face { font-family: 'BMedium'; src: url('../fonts/Binaria-Medium.ttf'); } @font-face { font-family: 'BRegular'; src: url('../fonts/Binaria-Regular.ttf'); } @font-face { font-family: 'BIBold'; src: url('../fonts/Binaria-BoldItalic.ttf'); } @font-face { font-family: 'BIBlack'; src: url('../fonts/Binaria-BlackItalic.ttf'); } @font-face { font-family: 'Dafoe'; src: url('../fonts/MrDafoe-Regular.ttf'); } @font-face { font-family: 'EBold'; src: url('../fonts/Estricta_Bold.ttf'); } @font-face { font-family: 'EMedium'; src: url('../fonts/Estricta_Medium.ttf'); } @font-face { font-family: 'ERegular'; src: url('../fonts/Estricta_Regular.ttf'); } @font-face { font-family: 'EBlack'; src: url('../fonts/Estricta_Black.ttf'); } .jlcn { display: flex !important; align-items: center !important; justify-content: center !important; } body, html { position: relative !important; height: 100% !important; width: 100% !important; font-size: 0.7292vw !important; overflow: hidden !important; color: white !important; } .form { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100vw !important; height: 100vh !important; } .shop { position: relative !important; width: auto !important; height: auto !important; padding: 1.6667vw !important; align-items: flex-start !important; border-radius: 0.8333vw !important; background-image: url('../images/background.png') !important; background-size: 100% 100% !important; } .header img { width: 2.3422vw !important; height: 2.3422vw !important; filter: drop-shadow(0 0.365vw 1.406vw rgba(255, 82, 30, 0.55)) !important; } .row_header { margin-left: 0.625vw !important; align-items: center !important; } .row_header span:first-child { font-size: 2.0833vw !important; font-family: 'BBlack' !important; letter-spacing: -0.07em !important; flex-shrink: 0 !important; text-shadow: 0 0 1.76vw rgba(255, 255, 255, 0.25) !important; } .row_header span:last-child { background: linear-gradient(180deg, #ff521e 0%, #8b3218 100%) !important; background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; text-shadow: 0 0 1.823vw rgba(255, 82, 30, 0.83) !important; letter-spacing: -0.03em !important; -webkit-text-stroke: 0.052vw !important; font-size: 2.2917vw !important; -webkit-text-stroke: 0.0521vw #FF521E !important; font-family: 'Dafoe' !important; width: 7.95vw !important; margin-left: -0.3125vw !important; } .row_header { flex-direction: unset !important; } .header { width: 100% !important; position: relative !important; height: 4.8438vw !important; align-items: flex-start !important; flex-shrink: 0 !important; } .header .info_box { position: absolute !important; bottom: 0 !important; } .info_box { position: absolute !important; bottom: 0 !important; display: flex !important; gap: 0.4688vw !important; align-items: center !important; } .shop_descr { font-size: 0.7813vw !important; font-family: 'BRegular' !important; color: rgba(255, 255, 255, 0.75) !important; letter-spacing: -0.03em !important; max-width: 24.1667vw !important; } .fs_ctg { position: absolute !important; top: 0.3646vw !important; left: 19.2813vw !important; } .fs_ctg .pre_header { display: none !important; } .wr_ctgs { flex-direction: unset !important; } .pannel_ctg { height: 1.7708vw !important; display: flex !important; padding: 0.26vw 0vw !important; background: rgba(255, 255, 255, 0.08) !important; border-radius: 0.0521vw !important; gap: 0.2083vw !important; align-items: center !important; margin-top: 0 !important; border-radius: 0.0521vw !important; justify-content: center !important; border: 0.0521vw solid rgba(255, 255, 255, 0) !important; } .wr_ctgs { gap: 0.4167vw !important; } .pannel_ctg span { font-size: 0.8854vw !important; font-family: 'EMedium' !important; margin-left: 0 !important; } .box_ctg { width: 0.8333vw !important; height: 0.8333vw !important; background: none !important; border: none !important; } .box_ctg img { width: 0.8333vw !important; height: 0.8333vw !important; } .selectedctg { border: 0.052vw solid #ff521e !important; background: rgba(255, 82, 30, 0.15) !important; } .bx_prehd { width: 1.1458vw !important; height: 1.1458vw !important; border-radius: 0.052vw !important; background-image: url('../images/min_box.png') !important; background-size: 100% 100% !important; box-shadow: 0 0.313vw 1.198vw rgba(255, 82, 30, 0.65) !important; } .bx_prehd img { width: 0.7292vw !important; height: 0.7292vw !important; } .row_prehd { margin-left: 0.52083vw !important; } .row_prehd span:first-child { font-size: 0.8854vw !important; font-family: 'EBold' !important; text-shadow: 0 0 1.485vw rgba(255, 255, 255, 0.65) !important; color: white !important; } .row_prehd span:last-child { font-size: 0.7813vw !important; font-family: 'BRegular' !important; letter-spacing: -0.02em !important; color: rgba(255, 255, 255, 0.75) !important; } .pre_header { border-bottom: 0.052vw solid rgba(255, 255, 255, 0.15) !important; padding: 0vw 0.677vw 0.417vw 0vw !important; } .pannel_ctg { cursor: pointer !important; transition: all 0.3s ease !important; padding: 0.26vw 0.573vw !important; } .pannel_ctg:first-child { margin-top: 0 !important; } .box_ctg img { transition: all 0.3s ease !important; opacity: 0.5 !important; } .pannel_ctg:hover:not(.selectedctg) { background: rgba(255, 255, 255, 0.10) !important; } .pannel_ctg:hover:not(.selectedctg) .box_ctg { background: unset !important } .pannel_ctg:hover:not(.selectedctg) .box_ctg img { opacity: 0.75 !important; } .pannel_ctg:hover:not(.selectedctg) span { color: white !important; } .wr_ctgs { margin-top: 1.66667vw !important; } .selectedctg .box_ctg { background: none !important; } .selectedctg { background: rgba(255, 82, 30, 0.15) !important; } .selectedctg .box_ctg img { opacity: 1 !important; } .selectedctg span{ color: white !important; } .pannel_ctg:active { opacity: 0.75 !important; } .overflow { width: 28.2813vw !important; height: 23.8542vw !important; margin: 0 !important; margin-top: 0.625vw !important; overflow-y: auto !important; } .sc_ctg { margin-left: 0 !important; } .flex_wrap { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 0.625vw !important; } .box_product { cursor: pointer !important; width: 8.906vw !important; height: 11.6146vw !important; border-radius: 0.1042vw !important; padding: 0.625vw 0.833vw 0.833vw 0.833vw !important; background-image: url('../images/box_item.png') !important; background-size: 100% 100% !important; } .box_product:hover { background-image: url('../images/box_item_hover.png') !important; } .box_product:active { opacity: 0.75 !important; } .name_product { font-size: 0.8854vw !important; font-family: 'EBold' !important; letter-spacing: -0.02em !important; text-shadow: 0 0 1.406vw rgba(255, 255, 255, 0.75) !important; } .price_product { height: 1.4583vw !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 1.4583vw !important; background-image: url('../images/price_box.png') !important; background-size: 100% 100% !important; border-radius: 0.052vw !important; padding: 0.26vw 0.365vw !important; font-size: 0.9375vw !important; font-family: 'EMedium' !important; box-shadow: 0 0.365vw 1.406vw rgba(255, 82, 30, 0.35) !important; } .box_product img { width: auto !important; height: 1.9083vw !important; margin-top: auto !important; margin-bottom: auto !important; } .pannel_cart { width: 18.4375vw !important; height: 2.7604vw !important; border-radius: 0.1042vw !important; background: none !important; border: 0.052vw solid rgba(255, 255, 255, 0.15) !important; transition: all 0.3s ease !important; margin-top: 0 !important; padding: 0.573vw 0.625vw !important; } .pannel_cart img { width: 1.3542vw !important; height: 1.3542vw !important; } .rw_cr span:first-child { font-size: 0.8854vw !important; font-family: 'EBold' !important; letter-spacing: -0.03em !important; text-shadow: 0 0 1.406vw rgba(255, 255, 255, 0.75) !important; } .rw_cr span:last-child { font-family: 'Medium' !important; font-size: 0.9375vw !important; font-family: 'EMedium' !important; color: #e7ff33 !important; letter-spacing: -0.03em !important; margin-top: -0.2042vw !important; text-shadow: 0 0 1.198vw rgba(231, 255, 51, 0.85) !important; } .rw_cr { margin-left: 0.625vw !important; } .button_mp { transition: all 0.3s ease !important; cursor: pointer !important; width: 1.1458vw !important; height: 1.1458vw !important; background: rgba(255, 255, 255, 0.1) !important; } .button_mp:hover { background: rgba(255, 255, 255, 0.1) !important; } .button_mp:active { opacity: 0.75 !important; } .button_mp img { width: 0.625vw !important; height: 0.625vw !important; } .wr_fncts input { width: 1.20625vw !important; height: 1.25vw !important; margin-right: 0.20833vw !important; margin-left: 0.20833vw !important; background: none !important; border: none !important; outline: none !important; font-size: 0.8854vw !important; font-family: 'EBold' !important; text-align: center !important; color: white !important; } .wr_fncts { margin-left: auto !important; } .wr_fncts svg { width: 0.7292vw !important; height: 0.7292vw !important; flex-shrink: 0; } .trash_icn { width: 0.7292vw !important; height: 0.7292vw !important; margin-left: 0.625vw !important; } .trash_icn path { fill: #FF373B !important; } .overflow_cart { width: 18.5417vw !important; height: 17.7083vw !important; overflow-y: auto !important; gap: 0.4167vw !important; margin-top: 0.625vw !important; } .pannel_cart:hover { background: unset !important; } .cart_price { margin-left: auto !important; margin-right: auto !important; margin-top: 0.83333vw !important; } .bx_cp { width: 1.1458vw !important; height: 1.1458vw !important; border-radius: 0.10417vw !important; background-image: url('../images/price_box_m.png') !important; background-size: 100% 100% !important; box-shadow: 0 0.313vw 1.198vw rgba(231, 255, 51, 0.35) !important; } .bx_cp svg { width: 0.9292vw !important; height: 0.9292vw !important; filter: brightness(10) !important; } .bx_cp svg path { fill: white !important; } .amntbx { margin-left: 0.8333vw !important; } .rw_cp { margin-left: 0.52083vw !important; } .rw_cp span:first-child { font-size: 0.8854vw !important; font-family: 'EBold' !important; letter-spacing: -0.04em !important; text-shadow: 0 0 1.406vw rgba(255, 255, 255, 0.5) !important; } .rw_cp span:last-child { font-size: 0.8854vw !important; font-family: 'EMedium' !important; color: #e7ff33 !important; margin-top: -0.1042vw !important; letter-spacing: -0.03em !important; text-shadow: 0 0 0.938vw rgba(231, 255, 51, 0.5) !important; } .btns_wr { margin-top: auto !important; gap: 0.625vw !important; } .btn_p { width: 100% !important; height: 1.927vw !important; background-image: url('../images/button.png') !important; background-size: 100% 100% !important; cursor: pointer !important; transition: all 0.3s ease !important; font-size: 0.8854vw !important; font-family: 'EMedium' !important; flex-direction: row-reverse !important; gap: 0.2083vw !important; border-radius: 0.0521vw !important; letter-spacing: -0.05em !important; box-shadow: 0 0.365vw 1.406vw rgba(255, 82, 30, 0.35) !important; } .btn_p span { font-size: 0.8854vw !important; font-family: 'EMedium' !important; } .btn_p img { width: 0.8333vw !important; height: 0.8333vw !important; } .btn_p:hover { transform: translateY(0.1vw) !important; box-shadow: 0 0.365vw 1.406vw rgba(255, 82, 30, 0.75) !important; } .btn_p:active { opacity: 0.75 !important; } .first_wrap { gap: 1.25vw !important; margin-top: 1.6667vw !important; } .sc_ctg, .th_ctg { margin: 0 !important; } .header .info_box img { width: 0.7292vw !important; height: 0.7292vw !important; filter: none !important; } .empty-card { margin-top: auto !important; margin-bottom: auto !important; } .empty-card span { font-size: 0.8854vw !important; font-family: 'EMedium' !important; } ::-webkit-scrollbar { display: none !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none !important; <- Crashes Chrome on hover */ -webkit-appearance: none !important; margin: 0 !important; /* <-- Apparently some margin are still there even though it's hidden */ } @media (min-width: 2560px) { .shop { position: relative !important; width: auto !important; height: auto !important; padding: 2.9631vh !important; align-items: flex-start !important; border-radius: 1.4814vh !important; background-image: url('../images/background.png') !important; background-size: 100% 100% !important; } .header img { width: 4.1639vh !important; height: 4.1639vh !important; filter: drop-shadow(0 0.6489vh 2.4995vh rgba(255, 82, 30, 0.55)) !important; } .row_header { margin-left: 1.1111vh !important; align-items: center !important; } .row_header span:first-child { font-size: 3.7036vh !important; font-family: 'BBlack' !important; letter-spacing: -0.07em !important; flex-shrink: 0 !important; text-shadow: 0 0 3.1289vh rgba(255, 255, 255, 0.25) !important; } .row_header span:last-child { background: linear-gradient(180deg, #ff521e 0%, #8b3218 100%) !important; background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; text-shadow: 0 0 3.2409vh rgba(255, 82, 30, 0.83) !important; letter-spacing: -0.03em !important; -webkit-text-stroke: 0.0924vh !important; font-size: 4.0742vh !important; -webkit-text-stroke: 0.0926vh #FF521E !important; font-family: 'Dafoe' !important; width: 14.1333vh !important; margin-left: -0.5556vh !important; } .row_header { flex-direction: unset !important; } .header { width: 100% !important; position: relative !important; height: 8.6112vh !important; align-items: flex-start !important; flex-shrink: 0 !important; } .header .info_box { position: absolute !important; bottom: 0 !important; } .info_box { position: absolute !important; bottom: 0 !important; display: flex !important; gap: 0.8334vh !important; align-items: center !important; } .shop_descr { font-size: 1.389vh !important; font-family: 'BRegular' !important; color: rgba(255, 255, 255, 0.75) !important; letter-spacing: -0.03em !important; max-width: 42.9631vh !important; } .fs_ctg { position: absolute !important; top: 0.6481vh !important; left: 34.2779vh !important; } .fs_ctg .pre_header { display: none !important; } .wr_ctgs { flex-direction: unset !important; } .pannel_ctg { height: 3.1481vh !important; display: flex !important; padding: 0.4622vh 0vh !important; background: rgba(255, 255, 255, 0.08) !important; border-radius: 0.0926vh !important; gap: 0.3703vh !important; align-items: center !important; margin-top: 0 !important; border-radius: 0.0926vh !important; justify-content: center !important; border: 0.0926vh solid rgba(255, 255, 255, 0) !important; } .wr_ctgs { gap: 0.7408vh !important; } .pannel_ctg span { font-size: 1.5741vh !important; font-family: 'EMedium' !important; margin-left: 0 !important; } .box_ctg { width: 1.4814vh !important; height: 1.4814vh !important; background: none !important; border: none !important; } .box_ctg img { width: 1.4814vh !important; height: 1.4814vh !important; } .selectedctg { border: 0.0924vh solid #ff521e !important; background: rgba(255, 82, 30, 0.15) !important; } .bx_prehd { width: 2.0369vh !important; height: 2.0369vh !important; border-radius: 0.0924vh !important; background-image: url('../images/min_box.png') !important; background-size: 100% 100% !important; box-shadow: 0 0.5565vh 2.1298vh rgba(255, 82, 30, 0.65) !important; } .bx_prehd img { width: 1.2964vh !important; height: 1.2964vh !important; } .row_prehd { margin-left: 0.9259vh !important; } .row_prehd span:first-child { font-size: 1.5741vh !important; font-family: 'EBold' !important; text-shadow: 0 0 2.64vh rgba(255, 255, 255, 0.65) !important; color: white !important; } .row_prehd span:last-child { font-size: 1.389vh !important; font-family: 'BRegular' !important; letter-spacing: -0.02em !important; color: rgba(255, 255, 255, 0.75) !important; } .pre_header { border-bottom: 0.0924vh solid rgba(255, 255, 255, 0.15) !important; padding: 0vh 1.2035vh 0.7413vh 0vh !important; } .pannel_ctg { cursor: pointer !important; transition: all 0.3s ease !important; padding: 0.4622vh 1.0187vh !important; } .pannel_ctg:first-child { margin-top: 0 !important; } .box_ctg img { transition: all 0.3s ease !important; opacity: 0.5 !important; } .pannel_ctg:hover:not(.selectedctg) { background: rgba(255, 255, 255, 0.10) !important; } .pannel_ctg:hover:not(.selectedctg) .box_ctg { background: unset !important } .pannel_ctg:hover:not(.selectedctg) .box_ctg img { opacity: 0.75 !important; } .pannel_ctg:hover:not(.selectedctg) span { color: white !important; } .wr_ctgs { margin-top: 2.963vh !important; } .selectedctg .box_ctg { background: none !important; } .selectedctg { background: rgba(255, 82, 30, 0.15) !important; } .selectedctg .box_ctg img { opacity: 1 !important; } .selectedctg span{ color: white !important; } .pannel_ctg:active { opacity: 0.75 !important; } .overflow { width: 50.2779vh !important; height: 42.4075vh !important; margin: 0 !important; margin-top: 1.1111vh !important; overflow-y: auto !important; } .sc_ctg { margin-left: 0 !important; } .flex_wrap { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 1.1111vh !important; } .box_product { cursor: pointer !important; width: 15.8329vh !important; height: 20.6481vh !important; border-radius: 0.1853vh !important; padding: 1.1111vh 1.4809vh 1.4809vh 1.4809vh !important; background-image: url('../images/box_item.png') !important; background-size: 100% 100% !important; } .box_product:hover { background-image: url('../images/box_item_hover.png') !important; } .box_product:active { opacity: 0.75 !important; } .name_product { font-size: 1.5741vh !important; font-family: 'EBold' !important; letter-spacing: -0.02em !important; text-shadow: 0 0 2.4995vh rgba(255, 255, 255, 0.75) !important; } .price_product { height: 2.5925vh !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 2.5925vh !important; background-image: url('../images/price_box.png') !important; background-size: 100% 100% !important; border-radius: 0.0924vh !important; padding: 0.4622vh 0.6489vh !important; font-size: 1.6667vh !important; font-family: 'EMedium' !important; box-shadow: 0 0.6489vh 2.4995vh rgba(255, 82, 30, 0.35) !important; } .box_product img { width: auto !important; height: 3.3925vh !important; margin-top: auto !important; margin-bottom: auto !important; } .pannel_cart { width: 32.7778vh !important; height: 4.9074vh !important; border-radius: 0.1853vh !important; background: none !important; border: 0.0924vh solid rgba(255, 255, 255, 0.15) !important; transition: all 0.3s ease !important; margin-top: 0 !important; padding: 1.0187vh 1.1111vh !important; } .pannel_cart img { width: 2.4075vh !important; height: 2.4075vh !important; } .rw_cr span:first-child { font-size: 1.5741vh !important; font-family: 'EBold' !important; letter-spacing: -0.03em !important; text-shadow: 0 0 2.4995vh rgba(255, 255, 255, 0.75) !important; } .rw_cr span:last-child { font-family: 'Medium' !important; font-size: 1.6667vh !important; font-family: 'EMedium' !important; color: #e7ff33 !important; letter-spacing: -0.03em !important; margin-top: -0.3631vh !important; text-shadow: 0 0 2.1298vh rgba(231, 255, 51, 0.85) !important; } .rw_cr { margin-left: 1.1111vh !important; } .button_mp { transition: all 0.3s ease !important; cursor: pointer !important; width: 2.0369vh !important; height: 2.0369vh !important; background: rgba(255, 255, 255, 0.1) !important; } .button_mp:hover { background: rgba(255, 255, 255, 0.1) !important; } .button_mp:active { opacity: 0.75 !important; } .button_mp img { width: 1.1111vh !important; height: 1.1111vh !important; } .wr_fncts input { width: 2.1444vh !important; height: 2.2222vh !important; margin-right: 0.3704vh !important; margin-left: 0.3704vh !important; background: none !important; border: none !important; outline: none !important; font-size: 1.5741vh !important; font-family: 'EBold' !important; text-align: center !important; color: white !important; } .wr_fncts { margin-left: auto !important; } .wr_fncts svg { width: 1.2964vh !important; height: 1.2964vh !important; flex-shrink: 0; } .trash_icn { width: 1.2964vh !important; height: 1.2964vh !important; margin-left: 1.1111vh !important; } .trash_icn path { fill: #FF373B !important; } .overflow_cart { width: 32.9631vh !important; height: 31.4814vh !important; overflow-y: auto !important; gap: 0.7408vh !important; margin-top: 1.1111vh !important; } .pannel_cart:hover { background: unset !important; } .cart_price { margin-left: auto !important; margin-right: auto !important; margin-top: 1.4815vh !important; } .bx_cp { width: 2.0369vh !important; height: 2.0369vh !important; border-radius: 0.1852vh !important; background-image: url('../images/price_box_m.png') !important; background-size: 100% 100% !important; box-shadow: 0 0.5565vh 2.1298vh rgba(231, 255, 51, 0.35) !important; } .bx_cp svg { width: 1.6519vh !important; height: 1.6519vh !important; filter: brightness(10) !important; } .bx_cp svg path { fill: white !important; } .amntbx { margin-left: 1.4814vh !important; } .rw_cp { margin-left: 0.9259vh !important; } .rw_cp span:first-child { font-size: 1.5741vh !important; font-family: 'EBold' !important; letter-spacing: -0.04em !important; text-shadow: 0 0 2.4995vh rgba(255, 255, 255, 0.5) !important; } .rw_cp span:last-child { font-size: 1.5741vh !important; font-family: 'EMedium' !important; color: #e7ff33 !important; margin-top: -0.1853vh !important; letter-spacing: -0.03em !important; text-shadow: 0 0 1.6676vh rgba(231, 255, 51, 0.5) !important; } .btns_wr { margin-top: auto !important; gap: 1.1111vh !important; } .btn_p { width: 100% !important; height: 3.4257vh !important; background-image: url('../images/button.png') !important; background-size: 100% 100% !important; cursor: pointer !important; transition: all 0.3s ease !important; font-size: 1.5741vh !important; font-family: 'EMedium' !important; flex-direction: row-reverse !important; gap: 0.3703vh !important; border-radius: 0.0926vh !important; letter-spacing: -0.05em !important; box-shadow: 0 0.6489vh 2.4995vh rgba(255, 82, 30, 0.35) !important; } .btn_p span { font-size: 1.5741vh !important; font-family: 'EMedium' !important; } .btn_p img { width: 1.4814vh !important; height: 1.4814vh !important; } .btn_p:hover { transform: translateY(0.1778vh) !important; box-shadow: 0 0.6489vh 2.4995vh rgba(255, 82, 30, 0.75) !important; } .btn_p:active { opacity: 0.75 !important; } .first_wrap { gap: 2.2222vh !important; margin-top: 2.9631vh !important; } .sc_ctg, .th_ctg { margin: 0 !important; } .header .info_box img { width: 1.2964vh !important; height: 1.2964vh !important; filter: none !important; } .empty-card { margin-top: auto !important; margin-bottom: auto !important; } .empty-card span { font-size: 1.5741vh !important; font-family: 'EMedium' !important; } }