:root { --box-shadow-dark-border: 0 1px 1px #020e2570; --box-shadow-dark-large: 0 25px 35px #020e2570; --overlay-mask-color: #020e25cc; }

@font-face { font-family: silka; src: url("fonts/silka-bold-webfont.woff2") format("woff2"), url("fonts/silka-bold-webfont.woff") format("woff"); font-weight: bold; font-style: normal; }

@font-face { font-family: silka; src: url("fonts/silka-light-webfont.woff2") format("woff2"), url("fonts/silka-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; }

@font-face { font-family: silka; src: url("fonts/silka-regular-webfont.woff2") format("woff2"), url("fonts/silka-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: silka; src: url("fonts/silka-medium-webfont.woff2") format("woff2"), url("fonts/silka-medium-webfont.woff") format("woff"); font-weight: 500; font-style: normal; }

@font-face { font-family: silka; src: url("fonts/silka-thin-webfont.woff2") format("woff2"), url("fonts/silka-thin-webfont.woff") format("woff"); font-weight: 200; font-style: normal; }

html, body { padding: 0; margin: 0; background: white; color: #141619; scroll-behavior: smooth; }

html, iframe, img, video { -webkit-filter: unset !important; }

html, body, input, textarea, button, select { font-family: silka, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }

input:not([type=checkbox]):not([type=radio]), textarea, select { border: 1px solid #C1C7CF; border-radius: 4px; background: white; padding: 11px 16px 10px 16px; font-weight: 600; width: 100%; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; appearance: none; }

input:not([type=checkbox]):not([type=radio]):focus, textarea:focus, select:focus { border-color: #F45B39; outline: 0; }

input:not([type=checkbox]):not([type=radio]):invalid, textarea:invalid, select:invalid { outline: 0; box-shadow: none; }

[type=radio] { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 1px solid #A0A9B6; border-radius: 20px; width: 20px; height: 20px; padding: 0; margin: 0; display: inline-block; }

[type=radio]:checked { background: white; border-color: #F45B39; position: relative; }

[type=radio]:checked::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: #F45B39; -webkit-mask: url("/icons/dot.svg") center center / 12px 12px no-repeat; mask: url("/icons/dot.svg") center center / 12px 12px no-repeat; }

[type=radio]:focus { outline: 1px solid #F45B39; outline-offset: 2px; }

[type=checkbox] { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 1px solid #A0A9B6; border-radius: 2px; width: 20px; height: 20px; padding: 0; margin: 0; display: inline-block; }

[type=checkbox]:checked { background: #F45B39; border-color: #F45B39; position: relative; }

[type=checkbox]:checked::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: white; -webkit-mask: url("/icons/check.svg") center center / 14.4px 14.4px no-repeat; mask: url("/icons/check.svg") center center / 14.4px 14.4px no-repeat; }

[type=checkbox]:focus { outline: 1px solid #F45B39; outline-offset: 2px; }

select { background-image: url(/icons/arrow-down.svg); background-position: right 10px center; background-size: 18px auto; background-repeat: no-repeat; padding-right: 34px; }

::placeholder { color: #69707A; opacity: 1; font-weight: normal; }

textarea { box-sizing: border-box; height: 76px; }

a { color: black; }

h1 { font-size: 28px; }

button.primary, button.secondary, button.transparent, button.tertiary, a.primary, a.secondary, a.transparent, a.tertiary { border-radius: 6px; font-weight: 700; box-sizing: border-box; border: 0; min-height: 40px; min-width: 40px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; }

button.icon-left > .icon, a.icon-left > .icon { margin-right: 5px; }

button.icon-center, a.icon-center { padding: 0; }

button.icon-right > .icon, a.icon-right > .icon { margin-left: 5px; }

button.primary, a.primary { color: white; --color: white; background: linear-gradient(88.72deg, #e9303b 0%, #fc7a31 100%), #dde0e4; }

button.primary:hover, a.primary:hover { background: #c24628; }

button.primary:focus, a.primary:focus { background: #92321c; outline: 1px solid #F45B39; outline-offset: 2px; }

button.primary:disabled, a.primary:disabled { background: #dde0e4; cursor: default; }

button.secondary, a.secondary { color: white; --color: white; background: #f45936; }

button.secondary:hover, a.secondary:hover { background: #c24628; }

button.secondary:focus, a.secondary:focus { background: #92321c; outline: 1px solid #F45B39; outline-offset: 2px; }

button.secondary:disabled, a.secondary:disabled { background: #dde0e4; cursor: default; }

button.tertiary, a.tertiary { color: #f45b39; --color: #f45b39; background: #fdf1f0; }

button.tertiary:hover, a.tertiary:hover { background: #fbd8d4; }

button.tertiary:focus, a.tertiary:focus { color: #c24628; background: #fbd8d4; outline: 1px solid #F45B39; outline-offset: 2px; }

button.tertiary:disabled, a.tertiary:disabled { --color: white; color: white; background: #dde0e4; cursor: default; }

button.transparent, a.transparent { background: transparent; --color: white; color: white; }

button.transparent:focus, a.transparent:focus { background: #00000022; outline: 1px solid #F45B39; outline-offset: 2px; }

button.transparent:disabled, a.transparent:disabled { color: #868F9C; --color: #868F9C; cursor: default; }

.hidden { display: none !important; }

.form { width: 100%; }

.form > input { margin-bottom: 20px; }

.form .note { margin-bottom: 20px; font-size: 12px; color: #444; }

.form-title { font-weight: bold; margin-top: 20px; margin-bottom: 20px; font-weight: 16px; }

.form-info { font-weight: 500; font-size: 16px; color: #696e8c; margin-bottom: 40px; text-align: center; }

.form-buttons { display: flex; align-items: center; margin-bottom: 20px; }

.form-buttons button, .form-buttons .button { flex: 1; }

.form-buttons button:not(:first-child), .form-buttons .button:not(:first-child) { margin-left: 10px; }

.form-big-fail { padding-top: 110px; background: center top url(icons/big-fail.svg) no-repeat; color: #eb5757; font-size: 26px; font-weight: bold; margin-bottom: 20px; text-align: center; }

.form-big-success { padding-top: 110px; background: center top url(icons/big-success.svg) no-repeat; color: #27AE60; font-size: 26px; font-weight: bold; margin-bottom: 20px; text-align: center; }

.form-links { display: flex; align-items: flex-start; padding-top: 10px; justify-content: center; margin-bottom: 20px; }

.form-links .fill { flex: 1; }

.form-links a { font-size: 16px; color: #122253; }

.form-links a:not(:first-child) { margin-left: 20px; }

.form-field { margin-bottom: 20px; }

.form-field > label { display: block; margin-bottom: 8px; font-size: 14px; color: #122253; }

.form-field > .message { margin-top: 5px; color: #eb5757; font-weight: 500; }

.form-field.error input, .form-field.error textarea, .form-field.error select { border-color: #eb5757; }

.form-field[data-gw="ImageUploadField"] { margin-top: 40px; margin-bottom: 40px; }

.form-field[data-gw="ImageUploadField"] > label { margin-bottom: 5px; text-align: center; font-size: 18px; font-weight: 600; color: #122253; }

.form-segment { border-radius: 10px; background: #f3f3f6; padding: 20px; box-sizing: border-box; margin-bottom: 20px; }

.form-segment > .header { position: sticky; top: 0; display: flex; align-items: center; background: #f3f3f6; }

.form-segment > .header > .status { width: 20px; height: 20px; margin-right: 10px; }

.form-segment > .header > .expand { cursor: pointer; border-radius: 20px; background: white; border: 1px solid #ddd; width: 26px; height: 26px; position: relative; }

.form-segment > .header > .expand::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: black; -webkit-mask: url("/icons/arrow-down.svg") center center / 16.8px 16.8px no-repeat; mask: url("/icons/arrow-down.svg") center center / 16.8px 16.8px no-repeat; }

.form-segment > .header > .title { font-weight: bold; font-size: 18px; padding: 3px 0; flex: 1; }

.form-segment > .fields { margin-top: 20px; }

.form-segment.collapsed > .fields, .form-segment.collapsed > .form-buttons, .form-segment.collapsed > .form-progress { display: none; }

.form-segment:not(.collapsible) > .header > .expand { display: none; }

.form-segment:not(.collapsed) > .header > .expand { position: relative; }

.form-segment:not(.collapsed) > .header > .expand::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: black; -webkit-mask: url("/icons/arrow-up.svg") center center / 16.8px 16.8px no-repeat; mask: url("/icons/arrow-up.svg") center center / 16.8px 16.8px no-repeat; }

.form-segment[data-status=ok] > .header > .status { position: relative; --thickness: 3; }

.form-segment[data-status=ok] > .header > .status::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: green; -webkit-mask: url("/icons/check.svg") center center / 19.2px 19.2px no-repeat; mask: url("/icons/check.svg") center center / 19.2px 19.2px no-repeat; }

.form-segment[data-status=error] > .header > .status { position: relative; }

.form-segment[data-status=error] > .header > .status::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: red; -webkit-mask: url("/icons/cross.svg") center center / 19.2px 19.2px no-repeat; mask: url("/icons/cross.svg") center center / 19.2px 19.2px no-repeat; }

.image-upload-field > img { display: block; width: 100%; margin-bottom: 5px; }

.image-upload-field > .controls { text-align: center; }

.image-upload-field > .controls a { font-size: 16px; color: #122253; font-weight: 500; }

.image-upload-field > button { width: 100%; }

.bin-switch { display: inline-block; border-radius: 30px; height: 28px; width: 46px; background: #dedfe6; box-sizing: border-box; position: relative; transition: background-color .15s; }

.bin-switch > .bullet { box-sizing: border-box; display: inline-block; border-radius: 30px; width: 24px; height: 24px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); background: white; position: absolute; top: 2px; left: 2px; transition: left .15s; }

.bin-switch[data-state=on] { background: #3f67dd; }

.bin-switch[data-state=on] > .bullet { border-color: green; left: 19px; }

.progress-bar { height: 5px; border-radius: 10px; overflow: hidden; background: #dedfe6; }

.progress-bar .progress-bar-indicator { height: 100%; background: #3f67dd; width: 0%; }

.ack-checkbox { margin-bottom: 20px; }

.ack-checkbox.error > .check { color: #eb5757; }

.ack-checkbox > .check { display: flex; align-items: center; }

.ack-checkbox > .check > input { flex: none; margin: 0; }

.ack-checkbox > .check > label { flex: 1; margin-left: 7px; font-weight: bold; }

.ack-checkbox > .info { margin-top: 5px; margin-left: 30px; }

.ack-checkbox > .links { margin-top: 10px; margin-left: 30px; }

.ack-checkbox > .links a { display: block; margin-top: 5px; }

.app-logo { display: inline-flex; align-items: flex-end; text-decoration: none; }

.app-logo > img { flex: none; }

.app-logo > .title { margin-left: 10px; font-size: 20px; font-weight: 600; color: black; line-height: 0.9; }

.app-logo.white > .title { color: white; }

.popup-menu { background: white; box-shadow: var(--box-shadow-dark-large); border-radius: 3px; overflow: auto; box-sizing: border-box; display: inline-block; }

.desktop-ui .popup-menu { max-width: 350px; min-width: 120px; }

.popup-menu:focus { outline: 0; }

.popup-menu .option { display: flex; align-items: center; text-decoration: none; color: #f46539; background: white; min-height: 32px; padding: 7px 15px; }

.popup-menu .option .option-icon { margin-right: 5px; }

.popup-menu .option .option-icon .icon { --color: $color-active; }

.popup-menu .option .option-text { color: black; font-weight: 500; padding-right: 15px; flex: 1; }

.popup-menu .option:hover:not(.disabled) { color: white; background: #f46539; }

.popup-menu .option:hover:not(.disabled) .option-text { color: white; }

.popup-menu .option:hover:not(.disabled) .option-icon .icon { --color: white; }

.popup-menu .option.disabled { pointer-events: none; }

.popup-menu .option.disabled .option-text { color: var(--app-grey); }

.popup-menu .option + .option { margin-top: 10px; }

.popup-menu.no-icons .option .option-icon { display: none; }

.popup-menu.no-icons .option .option-text { padding-right: 0; }

.popup-menu .note { color: var(--app-grey); font-size: 14px; margin-top: 15px; }

.made-by-bronet { display: flex; align-items: center; font-size: 11px; }

.made-by-bronet > a { display: inline-block; text-decoration: none; }

.made-by-bronet div { margin-right: 6px; color: #868F9C; font-weight: bold; }

.made-by-bronet img { display: inline-block; }

.notify-bar { position: fixed; display: inline-flex; align-items: center; overflow: hidden; min-height: 40px; top: 7px; border-radius: 30px; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); }

.notify-bar .text { flex: 1; text-align: center; max-width: calc(70vw); padding: 15px; line-height: 1.5; font-weight: 500; }

.notify-bar .text strong, .notify-bar .text b { font-weight: bold; }

.notify-bar .pad { width: 20px; height: 1px; display: inline-block; }

.notify-bar a.close { display: none; line-height: 1; margin: 0 10px; padding: 10px; text-decoration: none; font-size: 18px; }

.mobile-ui .notify-bar a.close { padding: 15px; }

.notify-bar a:not(.close) { font-weight: bold; text-decoration: underline; cursor: pointer; }

.notify-bar a:not(.close):hover { text-decoration: none; }

.notify-bar[data-kind=error] { background: #ffd1d1; }

.notify-bar[data-kind=error], .notify-bar[data-kind=error] a { color: red; }

.notify-bar[data-kind=info] { background: #27AE60; }

.notify-bar[data-kind=info], .notify-bar[data-kind=info] a { color: #fff; }

.notify-bar[data-kind=warning] { background: yellow; }

.notify-bar[data-kind=warning], .notify-bar[data-kind=warning] a { color: black; }

.mask-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2000; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--overlay-mask-color); }

.mask-overlay > .pad-top { flex: 1; }

.mask-overlay > .pad-bottom { flex: 6; }

.mobile-mask-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2000; display: flex; background: var(--overlay-mask-color); }

.mobile-mask-overlay.align-left { flex-direction: row; align-items: stretch; justify-content: flex-start; }

.mobile-mask-overlay.align-left > * { height: 100%; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; max-width: calc(100% - 75px); box-sizing: border-box; overflow: auto; position: relative; }

.mobile-mask-overlay.align-bottom { flex-direction: column; align-items: stretch; justify-content: flex-end; }

.mobile-mask-overlay.align-bottom > * { width: auto !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; max-height: calc(100% - 75px); box-sizing: border-box; overflow: auto; position: relative; }

.mobile-mask-overlay.align-fullscreen { flex-direction: column; align-items: stretch; justify-content: flex-end; }

.mobile-mask-overlay.align-fullscreen > * { width: auto !important; border-radius: 0 !important; box-sizing: border-box; overflow: auto; position: relative; flex: 1 0 auto; min-height: 0; }

.desktop-ui:not(.native-desktop) body { background: #F46539 url(/imgs/bgmask.webp); background-blend-mode: screen; background-size: 100% 100%; min-height: 100vh; }

.desktop-ui:not(.native-desktop) .application { max-width: 380px; background: white; margin: auto; }

.mobile-ui.has-popups { overflow: hidden; }

[data-gw="Eshop.CartButton"] { background: transparent; border: 0; position: relative; padding: 0; min-width: 40px; min-height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; }

[data-gw="Eshop.CartButton"] > .qty { position: absolute; top: 3px; left: 15px; background: black; color: white; font-size: 10px; font-weight: bold; padding: 1px 4px; border-radius: 20px; }

.cart-qty-chooser { display: inline-flex; align-items: center; }

.cart-qty-chooser .qty { flex: 1; font-weight: 700; font-size: 16px; text-align: center; }

.cart-qty-chooser .qty.out-of-range { color: red; }

.cart-qty-chooser button:not(.icon-center) { flex: 1; }

.cart-qty-chooser button.icon-center { flex: none; }

[data-gw="Eshop.CheckoutProgress"] { display: flex; align-items: center; padding: 20px; }

[data-gw="Eshop.CheckoutProgress"] .step { flex: none; display: flex; align-items: center; }

[data-gw="Eshop.CheckoutProgress"] .step:not(.inactive) { cursor: pointer; }

[data-gw="Eshop.CheckoutProgress"] .step .step-idx { background: #F2F4F5; color: #868F9C; width: 28px; height: 28px; border-radius: 40px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; }

[data-gw="Eshop.CheckoutProgress"] .step .step-name { display: none; color: #F45B39; font-weight: 600; font-size: 16px; margin-left: 10px; }

[data-gw="Eshop.CheckoutProgress"] .step.selected .step-idx { background: #F45B39; color: white; }

[data-gw="Eshop.CheckoutProgress"] .step.selected .step-name { display: inline-block; }

[data-gw="Eshop.CheckoutProgress"] .dash { height: 1px; margin: 0 10px; background: #dde0e4; flex: 1; }

.message-dialog { padding: 30px; position: relative; padding-top: 70px; background: white; }

.message-dialog .close { position: absolute; top: 0px; right: 0px; --color: #69707A; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; }

.message-dialog p { text-align: center; margin-bottom: 30px; margin-top: 0; font-size: 16px; }

.message-dialog button { display: flex; width: 100%; margin-top: 10px; }

.flask-progress { position: relative; margin-top: 20px; }

.flask-progress .icon { animation: slidein 8s ease-out 0s; animation-iteration-count: 10; position: relative; }

@keyframes slidein { from { left: 0;
    transform: skewX(-25deg); }
  to { left: calc(100% - 40px);
    transform: skewX(0deg); } }

.dialog-mask { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; }

.dialog-mask > .dialog { width: 270px; padding: 20px; background: white; border-radius: 4px; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); box-sizing: border-box; }

.dialog-mask > .dialog > h1 { padding: 10px 0 40px 0; margin: 0; font-size: 24px; text-align: center; }

.dialog-mask > .dialog > .buttons { display: flex; align-items: center; justify-content: center; }

.dialog-mask > .dialog > .buttons > button:not(:last-child) { margin-right: 10px; }

.product-removal-warning > .dialog > h1 { font-size: 14px; }

[data-gw="Eshop.LocationInput"] button { display: flex; margin-top: 10px; width: 100%; }

[data-gw="Eshop.LocationInput"] input:not([type="checkbox"]):not([type="radio"]) { padding: 16px 16px 15px 48px; background: #F2F4F5 url(/icons/map-point.svg); background-position: 16px center; background-repeat: no-repeat; border-color: #F2F4F5; }

[data-gw="Eshop.LocationInput"] .warning { background: #FDF1F0; padding: 10px; color: #F45B39; }

.location-suggestions-list { background: #FFFFFF; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 10px; }

.desktop-ui .location-suggestions-list { overflow: auto; max-height: 400px; }

.location-suggestions-list > .header { padding: 12px 15px; font-weight: bold; font-size: 16px; color: #eb5757; }

.location-suggestions-list > .empty { padding: 12px 15px; font-weight: bold; font-size: 16px; color: #69707a; }

.location-suggestions-list > .suggestion { padding: 12px 15px; border-radius: 5px; margin-bottom: 4px; border: 2px solid transparent; cursor: pointer; }

.location-suggestions-list > .suggestion .city { white-space: nowrap; }

.location-suggestions-list > .suggestion .okres { color: #69707a; font-size: 12px; margin-top: 3px; }

.location-suggestions-list > .suggestion.selected, .location-suggestions-list > .suggestion:hover { background: #fdf1f0; border-color: #fdf1f0; color: #f45b39; }

.location-suggestions-list > .suggestion.selected .okres, .location-suggestions-list > .suggestion:hover .okres { color: #f45b39; }

.location-suggestions-list > .suggestion.selected { border-color: #f45b39; }

.location-suggestions-list .query-highlight { font-weight: bold; }

.mobile-ui .landing-page .desktop { display: none; }

.mobile-ui .landing-page .wrap { padding: 0 20px; box-sizing: border-box; overflow: hidden; width: 100%; position: relative; }

.mobile-ui .landing-page header > .wrap { padding: 0px; overflow: visible; z-index: 1; }

.mobile-ui .landing-page header > .wrap > nav > .app-logo { position: absolute; top: 20px; left: 20px; }

.mobile-ui .landing-page header > .wrap > nav > .burger { position: absolute; top: 20px; right: 20px; }

.mobile-ui .landing-page header > .wrap > nav > .burger .icon { --color: #69707A; }

.mobile-ui .landing-page section.intro > .wrap { padding: 0px; }

.mobile-ui .landing-page section.intro > .wrap > img { width: 100%; height: auto; }

.mobile-ui .landing-page section.intro > .wrap > h1 { margin: 20px; }

.mobile-ui .landing-page section > .wrap { padding: 60px 20px; }

.mobile-ui .landing-page section h2 { margin: 0; font-size: 28px; }

.mobile-ui .landing-page section p { font-size: 16px; line-height: 1.5; color: #4d535b; margin: 16px 0 0 0; }

.mobile-ui .landing-page section .topimage { text-align: center; }

.mobile-ui .landing-page section .topimage img { max-width: 100%; height: auto; }

.mobile-ui .landing-page section.grey, .mobile-ui .landing-page .footer { background: #f2f4f5; }

.mobile-ui .landing-page section.s3 > .wrap { padding-bottom: 30px; }

.mobile-ui .landing-page .products-image { position: relative; overflow: hidden; width: 100%; margin-top: 20px; }

.mobile-ui .landing-page .products-image img { position: relative; left: -40px; }

.mobile-ui .landing-page .products-image .mask-left { position: absolute; top: 0; left: 0; bottom: 0; width: 50px; background: linear-gradient(to left, #fff0, #ffff); }

.mobile-ui .landing-page .products-image .mask-right { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; background: linear-gradient(to right, #fff0, #ffff); }

.mobile-ui .landing-page section.select-location2 > .wrap { padding: 100px 20px; }

.mobile-ui .landing-page section.select-location2 > .wrap h2 { text-align: center; margin-bottom: 40px; }

.mobile-ui .landing-page section.faq > .wrap { padding: 0 20px 60px 20px; }

.mobile-ui .landing-page section.faq h2 { text-align: center; margin-bottom: 40px; }

.mobile-ui .landing-page section.faq .faq-entry { background: #f2f4f5; border-radius: 6px; padding: 20px; max-width: 600px; margin: 0 auto 10px auto; }

.mobile-ui .landing-page section.faq .faq-entry h3 { font-size: 16px; font-weight: 600; margin: 0; }

.mobile-ui .landing-page section.faq .faq-entry p { font-size: 14px; font-weight: 500; margin: 18px 0 0 0; }

.mobile-ui .landing-page .footer { font-weight: 500; }

.mobile-ui .landing-page .footer > .wrap { padding-bottom: 40px; }

.mobile-ui .landing-page .footer section { padding: 40px 0 0 0; }

.mobile-ui .landing-page .footer section h2 { font-size: 16px; margin-bottom: 16px; }

.mobile-ui .landing-page .footer section ul { padding: 0; margin: 0; }

.mobile-ui .landing-page .footer section ul li { list-style: none; padding: 0 0 0 24px; background: url(/icons/doc.svg) top left no-repeat; margin: 0 0 5px 0; line-height: 1.8; font-size: 14px; }

.mobile-ui .landing-page .footer section ul a { text-decoration: none; }

.mobile-ui .landing-page .footer section ul a:hover { text-decoration: underline; }

.mobile-ui .landing-page .footer section p { font-size: 14px; line-height: 1.8; white-space: pre-wrap; color: #141619; }

.mobile-ui .landing-page .footer section p .note { color: #69707a; }

.mobile-ui .landing-page .footer section .social > * { margin-right: 12px; }

.mobile-ui .landing-page .footer section.about-us p { color: #4d535b; }

.desktop-ui .landing-page .mobile { display: none; }

.desktop-ui .landing-page .wrap { max-width: 1440px; min-width: 1024px; margin: auto; padding: 0 20px; box-sizing: border-box; position: relative; }

.desktop-ui .landing-page h1 { padding: 140px 40px 40px 70px; margin: 0; max-width: 550px; font-size: 52px; font-weight: 600; }

@media screen and (max-width: 1200px) { .desktop-ui .landing-page h1 { font-size: 36px; padding-top: 140px; } }

.desktop-ui .landing-page h2 { font-size: 36px; font-weight: 600; margin-bottom: 20px; }

@media screen and (max-width: 1360px) { .desktop-ui .landing-page h2 { font-size: 28px; } }

.desktop-ui .landing-page .app-logo .title { color: #141619; font-size: 20px; font-weight: 500; padding-bottom: 3px; }

.desktop-ui .landing-page .menu { display: flex; align-items: center; }

.desktop-ui .landing-page .menu a { font-size: 18px; font-weight: 500; color: #4d535b; text-decoration: none; }

.desktop-ui .landing-page .menu a.selected, .desktop-ui .landing-page .menu a:hover { color: #f45b39; }

.desktop-ui .landing-page .menu > a { margin-left: 40px; }

.desktop-ui .landing-page .menu > button { margin-left: 12px; }

.desktop-ui .landing-page header { position: sticky; top: -30px; background: white; z-index: 2; }

.desktop-ui:not(.scrolled-to-top) .landing-page header { box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.05); }

.desktop-ui .landing-page header > .wrap { padding-top: 30px; }

.desktop-ui .landing-page header > .wrap > nav { display: flex; align-items: center; justify-content: space-between; padding: 20px; }

.desktop-ui .landing-page header > .wrap > nav > .app-logo { position: relative; top: -5px; }

.desktop-ui .landing-page section.intro { overflow: hidden; }

.desktop-ui .landing-page section.intro > .wrap { padding: 0; }

.desktop-ui .landing-page section.intro > .wrap > .stockimg { position: absolute; top: 30px; right: -200px; pointer-events: none; }

.desktop-ui .landing-page section.grey p, .desktop-ui .landing-page section.large p { font-size: 20px; line-height: 1.5; color: #4d535b; }

.desktop-ui .landing-page section.grey { background: #f2f4f5; }

.desktop-ui .landing-page section.grey > .wrap { display: flex; justify-content: space-between; align-items: center; }

.desktop-ui .landing-page section.grey .content { order: 1; padding: 100px 0 100px 140px; width: 560px; }

.desktop-ui .landing-page section.grey .topimage { order: 2; margin-right: 100px; margin-left: 80px; position: relative; align-self: stretch; width: 310px; }

.desktop-ui .landing-page section.grey .topimage img { position: absolute; right: 0px; top: -140px; }

.desktop-ui .landing-page section.large > .wrap { display: flex; justify-content: space-between; align-items: center; }

.desktop-ui .landing-page section.large .topimage { order: 1; margin-left: 100px; align-self: stretch; }

.desktop-ui .landing-page section.large .content { order: 2; width: 560px; padding-right: 70px; }

.desktop-ui .landing-page section.faq > .wrap { padding: 100px 0 200px 0; }

.desktop-ui .landing-page section.faq h2 { text-align: center; margin-bottom: 40px; }

.desktop-ui .landing-page section.faq .faq-entry { background: #f2f4f5; border-radius: 6px; padding: 18px 24px; max-width: 600px; margin: 0 auto 10px auto; }

.desktop-ui .landing-page section.faq .faq-entry h3 { font-size: 20px; font-weight: 600; margin: 0; }

.desktop-ui .landing-page section.faq .faq-entry p { font-size: 16px; font-weight: 500; line-height: 1.5; margin: 18px 0 0 0; }

.desktop-ui .landing-page .footer { background: #f2f4f5; font-weight: 500; }

.desktop-ui .landing-page .footer > .wrap { padding: 60px 100px; display: flex; justify-content: space-between; }

.desktop-ui .landing-page .footer section { flex: 1; }

.desktop-ui .landing-page .footer section:not(:last-child) { margin-right: 100px; }

.desktop-ui .landing-page .footer section h2 { font-size: 20px; margin: 0 0 24px 0; }

.desktop-ui .landing-page .footer section p { font-size: 14px; line-height: 1.8; white-space: pre-wrap; }

.desktop-ui .landing-page .footer section p .note { color: #69707a; }

.desktop-ui .landing-page .footer section .social > * { margin-right: 12px; }

.desktop-ui .landing-page .footer section ul { padding: 0; margin: 0; }

.desktop-ui .landing-page .footer section ul li { list-style: none; margin: 0 0 5px 0; padding: 0; line-height: 1.8; font-size: 14px; }

.desktop-ui .landing-page .footer section ul a { padding: 0 0 0 24px; display: inline-block; position: relative; }

.desktop-ui .landing-page .footer section ul a::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: #141619; -webkit-mask: url("/icons/doc.svg") center center / 20px 20px no-repeat; mask: url("/icons/doc.svg") center center / 20px 20px no-repeat; }

.desktop-ui .landing-page .footer section ul a::before { mask-position: left 2px; -webkit-mask-position: left 2px; }

.desktop-ui .landing-page .footer section ul a:hover { position: relative; }

.desktop-ui .landing-page .footer section ul a:hover::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: #f45b39; -webkit-mask: url("/icons/doc.svg") center center / 20px 20px no-repeat; mask: url("/icons/doc.svg") center center / 20px 20px no-repeat; }

.desktop-ui .landing-page .footer section ul a:hover::before { mask-position: left 2px; -webkit-mask-position: left 2px; }

.desktop-ui .landing-page .footer section a { text-decoration: none; }

.desktop-ui .landing-page .footer section a:hover { color: #f45b39; --color: #f45b39; }

.desktop-ui .landing-page .footer section.contact a { text-decoration: underline; }

.desktop-ui .landing-page .footer section.contact a:hover { text-decoration: none; }

.desktop-ui .landing-page .footer section.about-us p { color: #69707a; }

.desktop-ui .landing-page .footer section.downloads { flex: 1.2; }

.landing-page .made-by-bronet { padding: 18px; justify-content: center; font-size: 14px; }

.landing-page .made-by-bronet div { font-weight: 500; }

.landing-page .made-by-bronet img { width: 67px; }

.landing-menu-screen { padding: 20px; }

.landing-menu-screen header { margin-bottom: 50px; display: flex; align-items: center; justify-content: space-between; }

.landing-menu-screen header .close .icon { --color: #69707A; }

.landing-menu-screen .buttons { display: flex; align-items: center; margin-bottom: 40px; }

.landing-menu-screen .buttons > * { flex: 1; }

.landing-menu-screen .buttons > *:not(:first-child) { margin-left: 10px; }

.landing-menu-screen .links a { display: block; text-decoration: none; font-size: 20px; font-weight: 500; margin-bottom: 36px; }

.mobile-ui [data-gw="Eshop.LandingPage"] section.intro > .wrap > h1, .mobile-ui [data-gw="Eshop.LandingPage"] section.intro > .wrap > [data-gw="Eshop.LocationInput"] { margin: 20px; }

.mobile-ui [data-gw="Eshop.LandingPage"] section.intro > .wrap > h1 { margin-bottom: 30px; }

.mobile-ui [data-gw="Eshop.LandingPage"] section.s3 > .wrap { padding-bottom: 30px; }

.mobile-ui [data-gw="Eshop.LandingPage"] .products-image { position: relative; overflow: hidden; width: 100%; margin-top: 20px; }

.mobile-ui [data-gw="Eshop.LandingPage"] .products-image img { position: relative; left: -40px; }

.mobile-ui [data-gw="Eshop.LandingPage"] .products-image .mask-left { position: absolute; top: 0; left: 0; bottom: 0; width: 50px; background: linear-gradient(to left, #fff0, #ffff); }

.mobile-ui [data-gw="Eshop.LandingPage"] .products-image .mask-right { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; background: linear-gradient(to right, #fff0, #ffff); }

.mobile-ui [data-gw="Eshop.LandingPage"] section.map > .wrap { display: flex; align-items: center; flex-direction: column; }

.mobile-ui [data-gw="Eshop.LandingPage"] section.map > .wrap > .topimage { order: 2; -webkit-mask: linear-gradient(to bottom, #000f, #000f 80%, #0000 95%); mask: linear-gradient(to bottom, #000f, #000f 80%, #0000 95%); }

.mobile-ui [data-gw="Eshop.LandingPage"] section.map > .wrap > .content { order: 1; margin-bottom: 30px; }

.mobile-ui [data-gw="Eshop.LandingPage"] section.map > .wrap > .content h2 { margin: 0; }

.mobile-ui [data-gw="Eshop.LandingPage"] section.select-location2 > .wrap { padding: 30px 20px 100px 20px; }

.mobile-ui [data-gw="Eshop.LandingPage"] section.select-location2 > .wrap h2 { text-align: center; margin-bottom: 40px; }

.desktop-ui [data-gw="Eshop.LandingPage"] [data-gw="Eshop.LocationInput"] { margin: 0 40px 0 70px; width: 550px; display: flex; align-items: stretch; }

@media screen and (max-width: 1200px) { .desktop-ui [data-gw="Eshop.LandingPage"] [data-gw="Eshop.LocationInput"] { margin-top: 45px; } }

.desktop-ui [data-gw="Eshop.LandingPage"] [data-gw="Eshop.LocationInput"] button { width: auto; flex: none; white-space: nowrap; padding: 16px 30px; margin: 0 0 0 10px; }

.desktop-ui [data-gw="Eshop.LandingPage"] section.intro > .wrap { min-height: 550px; }

.desktop-ui [data-gw="Eshop.LandingPage"] section.s1 .topimage img { position: relative; left: -140px; }

.desktop-ui [data-gw="Eshop.LandingPage"] section.s3 > .wrap { padding-top: 100px; padding-bottom: 200px; }

.desktop-ui [data-gw="Eshop.LandingPage"] section.s3 .products-image { position: relative; overflow: hidden; }

.desktop-ui [data-gw="Eshop.LandingPage"] section.s3 .products-image img { position: relative; left: -60px; }

.desktop-ui [data-gw="Eshop.LandingPage"] section.s3 .products-image .mask-left { position: absolute; top: 0; left: 0; bottom: 0; width: 50px; background: linear-gradient(to left, #fff0, #ffff); }

.desktop-ui [data-gw="Eshop.LandingPage"] section.s3 .products-image .mask-right { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; background: linear-gradient(to right, #fff0, #ffff); }

.desktop-ui [data-gw="Eshop.LandingPage"] section.map > .wrap { display: flex; align-items: center; flex-direction: column; padding-top: 200px; }

.desktop-ui [data-gw="Eshop.LandingPage"] section.map > .wrap > .topimage { order: 2; -webkit-mask: linear-gradient(to bottom, #000f, #000f 80%, #0000 95%); mask: linear-gradient(to bottom, #000f, #000f 80%, #0000 95%); }

.desktop-ui [data-gw="Eshop.LandingPage"] section.map > .wrap > .content { order: 1; margin-bottom: 60px; }

.desktop-ui [data-gw="Eshop.LandingPage"] section.map > .wrap > .content h2 { margin: 0; }

.desktop-ui [data-gw="Eshop.LandingPage"] section.select-location2 > .wrap { padding: 150px 0 100px 0; max-width: 600px; display: flex; flex-direction: column; align-items: center; }

.desktop-ui [data-gw="Eshop.LandingPage"] section.select-location2 > .wrap h2 { text-align: center; margin-bottom: 40px; }

[data-appcardtype="Eshop.HomeScreen"] .application { background: transparent !important; }

[data-gw="Eshop.HomeScreen"] { background: transparent; }

[data-gw="Eshop.HomeScreen"] > .header { padding: 15px 20px 10px 20px; }

.mobile-ui [data-gw="Eshop.HomeScreen"] > .header { background: #F46539 url(/imgs/bgmask.webp); background-blend-mode: screen; background-size: 100% 100%; }

[data-gw="Eshop.HomeScreen"] > .header > .topbar { display: grid; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) auto auto; grid-gap: 5px; align-items: center; margin-bottom: 15px; }

[data-gw="Eshop.HomeScreen"] > .header > .search-ct { position: relative; }

[data-gw="Eshop.HomeScreen"] > .header > .search-ct > .search { padding: 11px 42px 10px 42px; background: #fff url(/icons/search.svg); background-position: 14px center; background-repeat: no-repeat; border-color: #F2F4F5; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); margin-bottom: 10px; }

[data-gw="Eshop.HomeScreen"] > .header > .search-ct > .clear { position: absolute; padding: 8px; top: 0px; right: 0px; cursor: pointer; }

[data-gw="Eshop.HomeScreen"] > .header > .comfort-note { background: #E5F9DF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 6px; margin-bottom: 28px; display: flex; align-items: center; padding: 12px 16px; position: relative; }

[data-gw="Eshop.HomeScreen"] > .header > .comfort-note > .icon { margin-right: 12px; --color: #50A01C; width: calc(1.5 * var(--width)); height: calc(1.5 * var(--height)); }

[data-gw="Eshop.HomeScreen"] > .header > .comfort-note > .note { font-weight: 600; color: #50A01C; }

[data-gw="Eshop.HomeScreen"] > .header > .comfort-note:before { content: ''; border: solid 6px transparent; border-bottom-color: #E5F9DF; position: absolute; left: calc(50% - 3px); top: -12px; z-index: 1; }

[data-gw="Eshop.HomeScreen"] > .header > .address-selector { margin-bottom: 10px; --color: white; }

[data-gw="Eshop.HomeScreen"] > .header > .address-selector .address { color: white; font-size: 16px; }

[data-gw="Eshop.HomeScreen"] > .header > .address-selector button { border: 1px solid #f19d96; border-radius: 40px; min-width: 30px; min-height: 30px; display: inline-flex; margin-left: 10px; }

[data-gw="Eshop.HomeScreen"] > .header > .address-selector button .icon { width: calc(0.5 * var(--width)); height: calc(0.5 * var(--height)); }

[data-gw="Eshop.HomeScreen"] .category-list { padding: 10px 0; overflow: auto; scrollbar-width: thin; scrollbar-height: thin; scrollbar-color: #d15337 #f56f51; }

[data-gw="Eshop.HomeScreen"] .category-list::-webkit-scrollbar { width: 6px; }

[data-gw="Eshop.HomeScreen"] .category-list::-webkit-scrollbar-track { background: #f56f51; }

[data-gw="Eshop.HomeScreen"] .category-list::-webkit-scrollbar-thumb { background: #d15337; }

[data-gw="Eshop.HomeScreen"] .category-list > .category-list-content { box-sizing: border-box; display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); grid-template-rows: auto; grid-gap: 10px; }

[data-gw="Eshop.HomeScreen"] .category-list .category { height: 150px; background: #48140833; display: inline-flex; flex-direction: column; align-items: center; border-radius: 6px; cursor: pointer; flex: none; transition: background 0.3s ease-in; box-sizing: border-box; padding: 17px 10px; }

[data-gw="Eshop.HomeScreen"] .category-list .category img { height: 80px; }

[data-gw="Eshop.HomeScreen"] .category-list .category .caption { text-align: center; margin-top: 10px; color: white; font-weight: bold; }

[data-gw="Eshop.HomeScreen"] .category-list .category.selected { background: #48140877; }

[data-gw="Eshop.HomeScreen"] .product-list { background: white; }

[data-gw="Eshop.HomeScreen"] .product-list .list-header { position: sticky; top: 0; background: white; height: 65px; display: flex; align-items: center; border-bottom: 1px solid transparent; }

[data-gw="Eshop.HomeScreen"] .product-list .list-header .scroll-up { background: #F46539; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 100px; width: 40px; height: 40px; flex: none; margin-right: 20px; display: none; --color: white; }

[data-gw="Eshop.HomeScreen"] .product-list .list-header .title { font-size: 20px; font-weight: 700; padding: 20px; flex: 1; }

[data-gw="Eshop.HomeScreen"] .product-list .list-header.stuck { border-bottom: 1px solid #dedfe6; background: #f7f8f9; cursor: pointer; z-index: 1; }

[data-gw="Eshop.HomeScreen"] .product-list .list-header.stuck .scroll-up { display: flex; }

[data-gw="Eshop.HomeScreen"] .product-list .list-header.stuck .title { padding: 10px 20px; }

[data-gw="Eshop.HomeScreen"] .buttons { padding: 20px; display: flex; align-items: center; justify-content: space-between; background: white; }

[data-gw="Eshop.HomeScreen"] .products-empty { text-align: center; padding: 50px 20px 100px 20px; color: #696e8c; font-weight: bold; font-size: 18px; }

[data-gw="Eshop.HomeScreen"] .product-grid { box-sizing: border-box; display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); grid-template-rows: auto; grid-gap: 10px; padding: 20px; padding-top: 0; }

[data-gw="Eshop.HomeScreen"] .product-grid .product { border: 1px solid #DDE0E4; border-radius: 6px; padding: 10px; display: flex; flex-direction: column; align-items: center; overflow: hidden; position: relative; }

[data-gw="Eshop.HomeScreen"] .product-grid .product > *:not(:last-child) { margin-bottom: 10px; }

[data-gw="Eshop.HomeScreen"] .product-grid .product .min-price-note { position: absolute; top: 0; left: 0; right: 0; z-index: 1; background: #FFEA98BB; padding: 10px; line-height: 1.8; text-align: center; text-shadow: white 0 0 2px; }

[data-gw="Eshop.HomeScreen"] .product-grid .product .photo { align-self: stretch; text-align: center; cursor: pointer; }

[data-gw="Eshop.HomeScreen"] .product-grid .product .caption { align-self: flex-start; flex: 1; font-size: 12px; font-weight: 600; cursor: pointer; }

[data-gw="Eshop.HomeScreen"] .product-grid .product .info, [data-gw="Eshop.HomeScreen"] .product-grid .product .cart-qty-chooser { align-self: stretch; }

[data-gw="Eshop.HomeScreen"] .product-grid .product .info { display: flex; }

[data-gw="Eshop.HomeScreen"] .product-grid .product .info .price { font-weight: 700; }

[data-gw="Eshop.HomeScreen"] .product-grid .product .info .amount { flex: 1; font-size: 13px; color: #868F9C; }

[data-gw="Eshop.HomeScreen"] .product-grid .product.out-of-stock { opacity: 0.5; }

[data-gw="Eshop.HomeScreen"] .product-grid .product.out-of-stock img { filter: grayscale(1); -webkit-filter: grayscale(1) !important; }

[data-gw="Eshop.ProductDetail"] { background: white; padding: 20px; position: absolute; }

.desktop-ui [data-gw="Eshop.ProductDetail"] { width: 300px; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); }

[data-gw="Eshop.ProductDetail"] .header { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto; grid-template-areas: 'note close'; }

[data-gw="Eshop.ProductDetail"] .header .cart-info-note { grid-area: note; background: #E5F9DF; color: #50A01C; padding: 5px 10px; border-radius: 6px; align-self: center; justify-self: start; font-size: 13px; }

[data-gw="Eshop.ProductDetail"] .header button { grid-area: close; background: none; border: 0; cursor: pointer; padding: 0; }

[data-gw="Eshop.ProductDetail"] .header button .icon { --color: #868F9C; width: calc(0.8 * var(--width)); height: calc(0.8 * var(--height)); }

[data-gw="Eshop.ProductDetail"] .header button:hover .icon { --color: black; }

[data-gw="Eshop.ProductDetail"] .overview { margin-top: 20px; display: grid; grid-template-columns: minmax(120px, auto) minmax(0, 1fr); grid-template-rows: auto; grid-template-areas: 'photo info'; grid-gap: 20px; line-height: 1.4; }

[data-gw="Eshop.ProductDetail"] .overview .photo { height: 190px; grid-area: photo; align-self: center; justify-self: center; }

[data-gw="Eshop.ProductDetail"] .overview .info { grid-area: info; }

[data-gw="Eshop.ProductDetail"] .overview .title { font-weight: 700; font-size: 18px; line-height: 1.2; }

[data-gw="Eshop.ProductDetail"] .overview .price-amount { margin-top: 10px; }

[data-gw="Eshop.ProductDetail"] .overview .price-amount .amount { margin-right: 10px; color: #696e8c; }

[data-gw="Eshop.ProductDetail"] .overview .price-amount .price { font-weight: 700; font-size: 18px; }

[data-gw="Eshop.ProductDetail"] .overview .stock { display: flex; align-items: center; margin-top: 20px; }

[data-gw="Eshop.ProductDetail"] .overview .stock .icon[data-name=check] { --color: #60BE23; width: calc(0.7 * var(--width)); height: calc(0.7 * var(--height)); margin-right: 5px; }

[data-gw="Eshop.ProductDetail"] .overview .cart-qty-chooser { margin-top: 20px; width: 120px; }

[data-gw="Eshop.ProductDetail"] .overview .qty-error { color: #E9303B; margin-top: 10px; font-weight: 600; }

[data-gw="Eshop.ProductDetail"] .order-limit-info-note { background: #FFEA98; color: #141619; padding: 5px 10px; border-radius: 6px; font-size: 13px; margin-top: 10px; }

[data-gw="Eshop.ProductDetail"] .description { margin-top: 20px; padding-top: 20px; border-top: 1px solid #DDE0E4; color: #69707A; line-height: 1.4; }

.checkout-screen > .topbar { padding: 15px 20px 10px 20px; display: grid; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) auto auto; grid-gap: 5px; align-items: center; margin-bottom: 15px; }

.checkout-screen > .topbar .icon { --color: black; }

.checkout-screen > .topbar .icon[data-name=menu] { --color: #868F9C; }

.checkout-screen > .topbar .app-logo img { height: 25px; }

.checkout-screen .products-table { padding-top: 20px; }

.checkout-screen .products-table .product { padding: 15px 0px; display: grid; grid-template-columns: 50px minmax(0, 1fr) 7em auto; grid-template-rows: auto auto auto; grid-template-areas: 'photo info info close' 'photo qty price price' 'photo error error error'; align-items: center; margin: 0 20px; border-bottom: 1px solid #dde0e4; }

.checkout-screen .products-table .product.non-modifiable { grid-template-areas: 'photo info info info' 'photo qty price price' 'error error error error'; }

.checkout-screen .products-table .product.has-issues { background: #ffe3d8; }

.checkout-screen .products-table .product > .remove { grid-area: close; }

.checkout-screen .products-table .product > .remove .icon { width: calc(0.7 * var(--width)); height: calc(0.7 * var(--height)); --color: #868F9C; }

.checkout-screen .products-table .product > .remove:hover .icon { --color: black; }

.checkout-screen .products-table .product > img { grid-area: photo; max-height: 57px; justify-self: center; }

.checkout-screen .products-table .product > .info { grid-area: info; }

.checkout-screen .products-table .product > .info > .name { margin-bottom: 3px; font-weight: 600; }

.checkout-screen .products-table .product > .info > .amount { color: #868F9C; }

.checkout-screen .products-table .product > .qty { grid-area: qty; justify-self: start; color: #69707A; font-size: 16px; }

.checkout-screen .products-table .product > .cart-qty-chooser { grid-area: qty; justify-self: start; width: 110px; margin-top: 7px; }

.checkout-screen .products-table .product > .cart-qty-chooser > .qty { font-size: 14px; }

.checkout-screen .products-table .product > .cart-qty-chooser > button { min-width: 32px; min-height: 32px; }

.checkout-screen .products-table .product > .cart-qty-chooser > button .icon { width: calc(0.8 * var(--width)); height: calc(0.8 * var(--height)); }

.checkout-screen .products-table .product > .price { grid-area: price; text-align: right; font-size: 16px; }

.checkout-screen .products-table .product > .error { grid-area: error; color: #F45B39; margin-top: 4px; }

.checkout-screen .products-table .product > .error > .resolve-buttons { margin-top: 10px; }

.checkout-screen .products-table .product > .error > .issue { margin-top: 10px; }

.checkout-screen .totals-table { padding: 20px; padding-top: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto; align-items: baseline; }

.checkout-screen .totals-table .value { text-align: right; font-size: 16px; }

.checkout-screen .totals-table .value, .checkout-screen .totals-table .label { align-self: stretch; }

.checkout-screen .totals-table .row { display: contents; }

.checkout-screen .totals-table .row > * { border-bottom: 1px solid #dde0e4; padding: 10px 0; }

.checkout-screen .totals-table .row:last-child > * { border-bottom: 0; }

.checkout-screen .totals-table .total > * { border-bottom: 0; padding-bottom: 5px; }

.checkout-screen .totals-table .total .label { font-weight: 700; }

.checkout-screen .totals-table .total .value { font-size: 24px; font-weight: 700; }

.checkout-screen .totals-table .without-vat > * { padding: 0; }

.checkout-screen .totals-table .without-vat .value { color: #868F9C; font-size: 14px; }

.checkout-screen .empty-cart { padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.desktop-ui .checkout-screen .empty-cart { min-height: 400px; }

.checkout-screen .empty-cart .empty-icon { width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; background: #F2F4F5; border-radius: 200px; }

.checkout-screen .empty-cart h2 { margin-bottom: 30px; margin-top: 20px; }

.checkout-screen .coupon-ct { margin: 0 20px; }

.checkout-screen .coupon-ct .form-field[data-name=coupon_code] .input-ct { display: flex; align-items: flex-end; }

.checkout-screen .coupon-ct .form-field[data-name=coupon_code] .input-ct button { margin-left: 10px; }

.checkout-screen .step2 { padding: 20px; }

.checkout-screen .step2 button { min-height: 50px; width: 100%; justify-content: space-between; font-size: 16px; margin-bottom: 20px; }

.checkout-screen .step2 button[data-method=card] { padding-left: 5px; }

.checkout-screen .step2 button .text { flex: 1; text-align: left; padding-left: 17px; }

.checkout-screen .step2 button [data-name=check] { visibility: hidden; }

.checkout-screen .step2 button.secondary [data-name=check] { visibility: visible; }

.checkout-screen .step2 p { font-size: 16px; }

.checkout-screen .step2 p.limit { margin-top: 0; background: yellow; border-radius: 8px; padding: 20px; }

.checkout-screen .logos { padding: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.checkout-screen .logos img { max-height: 43px; margin: 5px; }

.checkout-screen .step3 h2 { margin: 40px 0 20px 0; font-size: 18px; font-weight: 700; }

.checkout-screen .step4 { margin-top: 10px; }

.checkout-screen .step4 h2 { padding: 15px 20px; margin: 0; font-size: 16px; font-weight: 700; background: #FDF1F0; color: #F45B39; position: sticky; top: 0; }

.checkout-screen .step4 .form-field label { color: #69707A; margin-bottom: 2px; }

.checkout-screen .step4 .check label { color: #141619; }

.checkout-screen .step4 .label { font-weight: normal; }

.checkout-screen .step5 { padding: 20px; }

.checkout-screen .step5 .pay-buttons { text-align: center; margin: 40px 0; }

.checkout-screen .step5 .pay-buttons button { min-height: 60px; justify-content: space-between; font-size: 18px; margin-bottom: 20px; padding-left: 20px; }

.checkout-screen .step5 .pay-buttons button .text { flex: 1; text-align: left; padding-left: 17px; padding-right: 17px; }

.checkout-screen .step5 .warning { padding: 20px; background: yellow; }

.checkout-screen .step5 .warning p { font-size: 18px; font-weight: bold; margin: 0; }

.checkout-screen .step5 .warning p:not(:first-child) { margin-top: 20px; }

.checkout-screen .step5 .cancel { padding: 20px; text-align: center; }

.checkout-screen .warning { margin: 20px; background: yellow; padding: 10px; font-weight: bold; }

.checkout-screen .columns { display: grid; grid-template-rows: auto; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); grid-gap: 20px; }

.checkout-screen .customer-info { padding: 20px; }

.checkout-screen .customer-info .input-ct { font-weight: bold; }

.checkout-screen .form { padding: 20px; box-sizing: border-box; display: block; }

.checkout-screen .payment-type { padding: 20px; font-weight: bold; }

.checkout-screen .buttons { padding: 20px; display: flex; align-items: center; justify-content: space-between; background: white; }

.order-screen > .topbar { padding: 15px 20px 10px 20px; display: grid; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) auto auto; grid-gap: 5px; align-items: center; margin-bottom: 15px; }

.order-screen > .topbar .icon { --color: black; }

.order-screen > .topbar .icon[data-name=menu] { --color: #868F9C; }

.order-screen > .topbar .app-logo img { height: 25px; }

.order-screen > .body { padding: 20px; }

.order-screen > .body h1 { margin-bottom: 30px; font-size: 36px; }

.order-screen > .body video { width: 100%; border-radius: 8px; }

.order-screen > .body .step { font-size: 18px; margin-bottom: 16px; --color: #868F9C; color: #868F9C; display: flex; align-items: center; }

.order-screen > .body .step .icon { margin-right: 10px; }

.order-screen > .body .step.active { --color: #50A01C; color: #50A01C; font-weight: bold; }

.order-screen > .body .step.cancel { --color: #F45B39; color: #F45B39; font-weight: bold; }

.order-screen > .body .pay-buttons { margin-bottom: 20px; text-align: center; }

.order-screen > .body .pay-buttons button { width: 100%; }

.order-screen > .body .warning { padding: 20px; background: yellow; font-size: 18px; font-weight: bold; margin: 20px 0; }

.order-screen > .body .messages { margin-bottom: 30px; }

.order-screen > .body .messages .message { background: white; border-radius: 8px; padding: 10px; margin-bottom: 10px; display: grid; grid-template-columns: minmax(0, 1fr) auto; box-shadow: 0px 1px 1px #404c3155; background: #def9d2; }

.order-screen > .body .messages .message .author { color: gray; grid-area: 1 / 1 / 2 / 2; }

.order-screen > .body .messages .message .time { color: gray; grid-area: 1 / 2 / 2 / 3; }

.order-screen > .body .messages .message .content { white-space: pre-wrap; grid-area: 2 / 1 / 3 / 3; margin-top: 5px; }

.order-screen > .footer .cancel { padding: 20px; text-align: center; }

.order-screen > .footer .eta { padding: 20px; background: #FDF1F0; font-size: 18px; text-align: center; }

.order-screen > .footer .eta p { margin: 0px; }

.order-screen > .footer .eta .time { margin-top: 6px; font-size: 24px; font-weight: 600; color: #F45B39; }

.info-screen > .topbar { padding: 15px 20px 10px 20px; display: grid; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) auto auto; grid-gap: 5px; align-items: center; margin-bottom: 15px; }

.info-screen > .topbar .icon { --color: black; }

.info-screen > .topbar .icon[data-name=menu] { --color: #868F9C; }

.info-screen > .topbar .app-logo img { height: 25px; }

.info-screen > .body { padding: 20px; }

.info-screen > .body h1 { margin-bottom: 30px; font-size: 36px; }

[data-gw="Eshop.ShopInfoScreen"] { padding: 20px; background: white; }

.desktop-ui [data-gw="Eshop.ShopInfoScreen"] { width: 300px; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); }

[data-gw="Eshop.ShopInfoScreen"] .header { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto; grid-template-areas: 'note close'; margin-bottom: 30px; }

[data-gw="Eshop.ShopInfoScreen"] .header .app-logo { grid-area: note; }

[data-gw="Eshop.ShopInfoScreen"] .header button { grid-area: close; background: none; border: 0; cursor: pointer; padding: 0; }

[data-gw="Eshop.ShopInfoScreen"] .header button .icon { --color: #868F9C; width: calc(0.8 * var(--width)); height: calc(0.8 * var(--height)); }

[data-gw="Eshop.ShopInfoScreen"] .header button:hover .icon { --color: black; }

[data-gw="Eshop.ShopInfoScreen"] p { white-space: pre-wrap; }

[data-gw="Eshop.ShopInfoScreen"] .made-by-bronet { justify-content: center; margin-top: 20px; border-top: 1px solid #dde0e4; padding-top: 20px; }

/*# sourceMappingURL=eshop.css.map */