@font-face { font-family: DM; src: url("/assets/fonts/dm-sans.woff2?v=8ed8947a8396"); font-weight: 100 900; font-display: swap; unicode-range: U+18F, U+192, U+1FC-1FD, U+218-21B, U+237, U+259, U+2C6-2C7, U+2D8-2DD, U+3C0, U+1E80-1E85, U+1E9E, U+1EBC-1EBD, U+1EF2-1EF3, U+1EF8-1EF9, U+2074, U+FB01-FB02; }
@font-face { font-family: Manrope; src: url("/assets/fonts/manrope.woff2?v=c0a74e398155"); font-weight: 100 900; font-display: swap; unicode-range: U+192, U+1A0-1A1, U+1AF-1B0, U+218-21B, U+259, U+2C6-2C7, U+2D8-2DD, U+374-375, U+37E, U+384-38A, U+38C, U+38E-3A1, U+3A3-3CE, U+400-45F, U+490-491, U+4AE-4AF, U+4BA-4BB, U+4E8-4E9, U+1E80-1E85, U+1E9E, U+1EA0-1EF9, U+2070, U+2074-2079, U+2080-2089, U+E001-E003, U+E007-E009, U+FB01-FB02; }
body.mz-store { --ink: #202728; --muted: #64706b; --line: #dfe3dc; --paper: #f8f9f5; --orange: #b8461e; --soft: #f0f3eb; --green: #276f4b; }
body.mz-store .mz-content *, body.mz-store .mz-header *, body.mz-store .mz-footer * { box-sizing: border-box; }
body.mz-store { margin: 0px; background: var(--paper); color: var(--ink); font: 15px / 1.6 DM, Arial, sans-serif; }
body.mz-store .mz-content a, body.mz-store .mz-header a, body.mz-store .mz-footer a { color: inherit; text-decoration: none; }
body.mz-store .mz-content button, body.mz-store .mz-header button, body.mz-store .mz-footer button, body.mz-store .mz-content input, body.mz-store .mz-header input, body.mz-store .mz-footer input, body.mz-store .mz-content select, body.mz-store .mz-header select, body.mz-store .mz-footer select { font: inherit; }
body.mz-store .mz-content button, body.mz-store .mz-header button, body.mz-store .mz-footer button, body.mz-store .mz-content a, body.mz-store .mz-header a, body.mz-store .mz-footer a, body.mz-store .mz-content summary, body.mz-store .mz-header summary, body.mz-store .mz-footer summary { touch-action: manipulation; }
body.mz-store .mz-content button, body.mz-store .mz-header button, body.mz-store .mz-footer button { cursor: pointer; }
body.mz-store .mz-content img, body.mz-store .mz-header img, body.mz-store .mz-footer img { display: block; max-width: 100%; }
body.mz-store .mz-content button, body.mz-store .mz-header button, body.mz-store .mz-footer button, body.mz-store .mz-content input, body.mz-store .mz-header input, body.mz-store .mz-footer input, body.mz-store .mz-content select, body.mz-store .mz-header select, body.mz-store .mz-footer select { color: var(--ink); }
body.mz-store .wrap { max-width: 1376px; width: calc(100% - 96px); margin-inline: auto; }
body.mz-store .header { background: white; border-bottom: 1px solid var(--line); position: relative; z-index: 30; }
body.mz-store .headmain { min-height: 91px; display: flex; gap: 34px; align-items: center; }
body.mz-store .logo { width: 195px; flex-shrink: 0; }
body.mz-store .search { flex: 1 1 0%; display: flex; background: rgb(245, 247, 242); border: 1px solid rgb(216, 221, 212); border-radius: 5px; overflow: hidden; }
body.mz-store .search input { min-width: 0px; flex: 1 1 0%; background: none; border: 0px; padding: 14px 16px; font-size: 13px; outline-offset: -4px; }
body.mz-store .search button { width: 51px; border: 0px; background: none; font-size: 25px; }
body.mz-store .headtools { display: flex; gap: 22px; font-size: 12px; align-items: center; }
body.mz-store .headtools a, body.mz-store .headtools button { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
body.mz-store .headtools button { border: 0px; background: none; padding: 0px; }
body.mz-store .nav { min-height: 54px; border-top: 1px solid rgb(238, 240, 234); display: flex; align-items: center; gap: 26px; font-size: 13px; font-weight: 650; }
body.mz-store .nav a { padding: 14px 0px; }
body.mz-store .nav .helpnav { margin-left: auto; }
body.mz-store .nav button { border: 0px; background: none; padding: 14px 0px; font-weight: 650; }
body.mz-store .nav .arrow { font-size: 12px; margin-left: 6px; }
body.mz-store .menu-toggle { display: none; }
body.mz-store .eyebrow { text-transform: uppercase; letter-spacing: 0.16em; font-size: 12px; font-weight: 750; color: var(--muted); margin-bottom: 13px; }
body.mz-store .button { display: inline-flex; align-items: center; justify-content: center; gap: 25px; border-radius: 4px; padding: 14px 20px; border: 1px solid var(--orange); background: var(--orange); color: white; font-size: 12px; font-weight: 700; min-height: 48px; }
body.mz-store .button.secondary { background: white; color: var(--ink); border-color: var(--line); }
body.mz-store .button:disabled { opacity: 0.5; cursor: default; }
body.mz-store .mega { position: absolute; left: 0px; right: 0px; top: 100%; background: white; border-block: 1px solid var(--line); box-shadow: rgba(21, 35, 21, 0.094) 0px 20px 30px; z-index: 60; }
body.mz-store .mega[hidden] { display: none; }
@media (max-width: 1150px){
body.mz-store .wrap { width: calc(100% - 48px); }
body.mz-store .nav { gap: 19px; font-size: 12px; }
body.mz-store .headmain { gap: 22px; }
body.mz-store .headtools { gap: 15px; }
}
@media (max-width: 760px){
body.mz-store { font-size: 14px; }
body.mz-store .wrap { width: calc(100% - 34px); }
body.mz-store .headmain { flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-block: 17px 13px; min-height: 0px; }
body.mz-store .logo { width: 166px; }
body.mz-store .headtools { gap: 16px; }
body.mz-store .headtools .account { display: none; }
body.mz-store .menu-toggle { display: flex; }
body.mz-store .search { flex-basis: 100%; order: 3; }
body.mz-store .search input { height: 45px; font-size: 16px; padding: 9px 12px; }
body.mz-store .search input::placeholder { font-size: 12px; }
body.mz-store .search button { height: 45px; }
body.mz-store .nav { display: none; padding-bottom: 14px; }
body.mz-store .mega { position: fixed; top: 0px; bottom: 0px; overflow: auto; padding-top: 35px; }
}
body.mz-store .headmain > * { min-width: 0px; }
@media (max-width: 1150px){
body.mz-store .nav { gap: 25px; }
}
@media (max-width: 359px){
body.mz-store .wrap { width: calc(100% - 28px); }
body.mz-store .logo { width: 148px; }
body.mz-store .headtools { gap: 10px; }
}
body.mz-store .nav { gap: 32px; font-size: 14px; }
body.mz-store .nav .mega-trigger { font-size: 14px; display: flex; align-items: center; gap: 14px; min-height: 54px; }
body.mz-store .mega[hidden] { display: none !important; }
body.mz-store .mega { position: absolute; inset: 100% 0px auto; padding: 0px; background: rgb(255, 255, 255); border-top: 1px solid rgb(228, 231, 224); border-bottom: 1px solid rgb(206, 213, 200); box-shadow: rgba(23, 34, 27, 0.11) 0px 20px 34px; max-height: calc(100dvh - 180px); overflow: auto; overscroll-behavior: contain; z-index: 60; }
@media (max-width: 760px){
body.mz-store .mega { position: fixed; inset: 0px; max-height: 100dvh; border: 0px; overflow-y: auto; padding: 0px; z-index: 100; background: rgb(255, 255, 255); }
}
body.mz-store .logo img { width: 220px; height: auto; display: block; }
body.mz-store .logo { flex-shrink: 0; }
@media (max-width: 760px){
body.mz-store .logo img { width: 178px; }
}
@media (max-width: 360px){
body.mz-store .logo img { width: 159px; }
}
body.mz-store { background: rgb(248, 249, 245); color: rgb(32, 39, 40); }
body.mz-store [hidden] { display: none !important; }
body.mz-store .mz-header { position: relative; top: auto; padding: 0px; background: white; }
body.mz-store .mz-header .logo img { max-width: 100%; height: auto; }
body.mz-store .mz-header .logo { display: block; }
body.mz-store .header-search.search { position: relative; overflow: visible; display: flex; margin: 0px; max-width: none; height: auto; padding: 0px; flex: 1 1 0%; background: rgb(245, 247, 242); border: 1px solid rgb(216, 221, 212); }
body.mz-store .header-search.search input { width: 0px; flex: 1 1 0%; min-width: 0px; border: 0px; margin: 0px; background: none; padding: 14px 16px; }
body.mz-store .header-search.search button { position: static; background: transparent; color: rgb(32, 39, 40); border: 0px; border-radius: 0px; width: 51px; padding: 10px; flex-shrink: 0; box-shadow: none; }
body.mz-store .header-search .suggestions { top: calc(100% + 8px); left: 0px; right: 0px; z-index: 90; }
body.mz-store .headtools .icon { width: 23px; height: 23px; flex-shrink: 0; }
body.mz-store .headtools #cart-count { font-size: 12px; background: rgb(240, 243, 235); border-radius: 50%; padding: 2px 5px; }
body.mz-store .mz-header .nav { position: static; background: rgb(255, 255, 255); color: rgb(32, 39, 40); border-bottom: 0px; box-shadow: none; }
body.mz-store .mz-header .mega { color: rgb(32, 39, 40); }
@media (max-width: 760px){
body.mz-store .header-search.search { flex-basis: 100%; order: 3; }
body.mz-store .header-search.search input { font-size: 16px; padding: 9px 12px; }
body.mz-store .mz-header .logo { width: 166px; }
body.mz-store .mz-header .headmain { gap: 12px; }
body.mz-store .headtools { gap: 12px; }
}
@media (max-width: 359px){
body.mz-store .mz-header .logo { width: 138px; }
body.mz-store .headtools { gap: 8px; }
body.mz-store .headtools .icon { width: 20px; height: 20px; }
}
body.mz-store .catalog-facets { padding: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(214, 221, 215); border-radius: 10px; overflow: visible; }
.catalog-facets > summary { padding: 20px; min-height: 76px; gap: 12px; }
.catalog-facets > summary strong { display: block; font-size: 19px; color: rgb(32, 41, 39); }
.catalog-facets .filter-count { background: rgb(237, 242, 237); color: rgb(50, 68, 59); display: grid; place-items: center; min-width: 26px; height: 26px; border-radius: 7px; font-size: 13px; }
body.mz-store .catalog-facets form { display: block; margin: 0px; gap: 0px; padding: 0px; }
.catalog-facets .facet-group { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(229, 233, 227) currentcolor currentcolor; border-image: none; padding: 0px 18px; background: none; border-radius: 0px; }
.facet-group > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; font-size: 13px; font-weight: 750; min-height: 52px; padding: 12px 0px; line-height: 1.5; color: rgb(39, 54, 47); }
.facet-group > summary::-webkit-details-marker, .catalog-facets > summary::-webkit-details-marker { display: none; }
.facet-group > summary > span:last-child { font-size: 0px; flex: 0 0 22px; height: 22px; border-radius: 6px; background: rgb(240, 244, 239); display: grid; place-items: center; color: rgb(81, 96, 87); }
.facet-group > summary > span:last-child::after { content: "+"; font-size: 16px; font-weight: 500; }
.facet-group[open] > summary > span:last-child::after { content: "−"; }
.catalog-facets .facet-options { padding-bottom: 12px; max-height: 320px; overflow: auto; overscroll-behavior: auto; scrollbar-width: thin; }
body.mz-store .catalog-facets label.facet-option { display: flex; align-items: start; gap: 10px; position: relative; min-height: 36px; padding: 8px 0px; margin: 0px; font-size: 12px; line-height: 1.55; font-weight: 450; color: rgb(55, 71, 63); cursor: pointer; }
body.mz-store .catalog-facets .facet-option input { appearance: auto; accent-color: rgb(189, 68, 26); padding: 0px; min-width: 17px; width: 17px; height: 17px; min-height: 17px; margin: 1px 0px 0px; flex: 0 0 17px; border-radius: 3px; cursor: pointer; }
.facet-option > span { flex: 1 1 0%; min-width: 0px; overflow-wrap: anywhere; }
.facet-option:has(input:checked) > span { font-weight: 750; color: rgb(38, 57, 46); }
.facet-option > small { color: rgb(99, 109, 103); font-size: 12px; line-height: 1.8; flex-shrink: 0; }
.catalog-facets .facet-option-search { width: 100%; min-width: 0px; height: 36px; min-height: 36px; margin: 0px 0px 8px; border-radius: 5px; font-size: 12px; padding: 8px 10px; }
.facet-group.is-enhanced:not(.is-expanded) .facet-option[data-more] { display: none; }
.facet-more { display: none; min-height: 36px; border: 0px; background: none; color: rgb(171, 60, 25); font-size: 12px; font-weight: 750; cursor: pointer; padding: 0px 0px 12px; }
.facet-group.is-enhanced .facet-more { display: block; }
.catalog-facets .facet-prices { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0px 0px 18px; }
.catalog-facets .facet-prices label { font-size: 12px; font-weight: 450; color: rgb(98, 113, 103); margin: 0px; min-width: 0px; }
body.mz-store .catalog-facets .facet-prices label { grid-column: auto; }
.catalog-facets .facet-options { scrollbar-gutter: stable; padding: 6px 7px 12px 6px; margin-left: -6px; }
body.mz-store .catalog-facets .facet-option input { width: 19px; height: 19px; min-width: 19px; min-height: 19px; flex-basis: 19px; }
body.mz-store .catalog-facets .facet-option input:focus { outline: none; box-shadow: none; }
.catalog-facets .facet-prices input { width: 100%; min-width: 0px; height: 40px; margin: 6px 0px 0px; font-size: 12px; padding: 9px; }
.catalog-facets .facet-apply { position: sticky; bottom: 12px; padding: 16px 18px; border-top: 1px solid rgb(229, 233, 227); background: rgb(255, 255, 255); border-radius: 0px 0px 10px 10px; box-shadow: rgba(23, 43, 24, 0.02) 0px -4px 10px; z-index: 2; }
.catalog-facets .facet-apply .button { width: 100%; min-height: 46px; justify-content: space-between; padding: 12px 15px; font-size: 12px; }
.facet-apply .facet-clear { display: block; text-align: center; text-decoration: underline; text-underline-offset: 3px; color: rgb(86, 104, 91); font-size: 12px; padding: 14px 0px 7px; }
.facet-apply .facet-draft { font-size: 12px; line-height: 1.5; color: rgb(156, 56, 23); margin: 0px 0px 10px; }
@media (max-width: 1180px){
.catalog-facets { margin-bottom: 20px; }
.catalog-facets > summary { min-height: 64px; padding: 14px 18px; }
.catalog-facets > summary strong { font-size: 16px; }
.catalog-facets .facet-apply { bottom: 0px; }
}
@media (max-width: 900px){
.catalog-facets .facet-options { max-height: 260px; }
}
@media (max-width: 600px){
.catalog-facets .facet-apply { bottom: 0px; padding-bottom: max(16px,env(safe-area-inset-bottom)); }
body.mz-store .catalog-facets label.facet-option { min-height: 42px; padding: 11px 0px; font-size: 13px; }
}
.catalog-facets > summary { display: flex; list-style: none; cursor: pointer; }
.catalog-facets > summary::-webkit-details-marker { display: none; }
.catalog-facets > summary > .filter-count { margin-left: auto; flex-shrink: 0; }
.catalog-facets > summary::after { content: ""; width: 7px; height: 7px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); flex-shrink: 0; margin-left: 1px; }
.catalog-facets[open] > summary::after { transform: rotate(225deg); }
.mz-store .nav { gap: clamp(12px, 1.6vw, 25px); }
body.mz-store { --muted: #4b5b52; --line: #ccd5ca; }
body.mz-store .catalog-facets > summary small, body.mz-store .catalog-facets .facet-option > small, body.mz-store .catalog-facets .facet-prices label, body.mz-store .facet-apply > small { color: rgb(75, 91, 82); font-size: 12px; }
body.mz-store .catalog-facets label.facet-option { font-size: 13px; color: rgb(46, 65, 52); }
body.mz-store .catalog-facets input::placeholder { color: rgb(82, 98, 86); opacity: 1; }
body.mz-store #mega.catalog-menu { --menu-ink: #15233d; --menu-muted: #5f6c81; --menu-line: #e6ebf1; --menu-accent: #d04200; position: absolute; inset: calc(100% + 1px) auto auto 50%; transform: translateX(-50%); width: calc(100% - 48px); max-width: 1440px; height: min(600px,var(--mzcat-height,calc(100dvh - 190px))); max-height: none; padding: 0px; border: 1px solid var(--menu-line); border-radius: 14px; background: rgb(255, 255, 255); color: var(--menu-ink); box-shadow: rgba(20, 36, 58, 0.14) 0px 16px 42px; overflow: hidden; z-index: 60; font-family: "DM Sans", Arial, sans-serif; overscroll-behavior: contain; }
body.mz-store #mega[hidden], body.mz-store #mega [hidden] { display: none !important; }
body.mz-store #mega *, body.mz-store #mega ::before, body.mz-store #mega ::after { box-sizing: border-box; }
@media (max-width: 980px){
body.mz-store #mega.catalog-menu { position: fixed; inset: 0px 0px 0px auto; transform: none; width: 100%; max-width: 560px; height: 100dvh; max-height: 100dvh; border: 0px; border-radius: 0px; z-index: 100; box-shadow: rgba(21, 35, 61, 0.14) -10px 0px 40px; }
}
body.mz-store .headmain { gap: 28px; min-height: 104px; }
body.mz-store .headmain .logo { width: 204px; flex: 0 0 204px; }
body.mz-store .headtools { gap: 5px; flex-shrink: 0; }
body.mz-store .headtools > a, body.mz-store .headtools > .menu-toggle { position: relative; display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; border-radius: 8px; color: rgb(41, 45, 44); }
body.mz-store .headtools > a:hover { background: rgb(247, 243, 238); color: rgb(184, 66, 27); }
body.mz-store .headtools #cart-count { position: absolute; top: 0px; right: -1px; min-width: 17px; background: rgb(189, 69, 28); color: white; text-align: center; border: 2px solid white; line-height: 16px; padding: 0px 3px; }
body.mz-store .headtools > .menu-toggle { display: none; }
body.mz-store .header-search.search { height: 58px; border: 1px solid rgb(217, 215, 209); background: rgb(248, 247, 244); border-radius: 9px; transition: border-color 0.15s, box-shadow 0.15s; }
body.mz-store .header-search.search > input { font-size: 14px; padding: 17px 20px; }
body.mz-store .header-search.search > input:focus { outline: none; box-shadow: none; }
body.mz-store .header-search.search > button { width: 56px; color: rgb(184, 66, 27); }
body.mz-store .nav { gap: 0px; justify-content: space-between; }
body.mz-store .nav .mega-trigger { min-height: 54px; padding: 0px 8px; font-size: 13px; font-weight: 650; gap: 6px; white-space: nowrap; border-radius: 0px; }
body.mz-store .nav .nav-parts { padding-left: 0px; font-weight: 800; gap: 10px; }
body.mz-store .nav .nav-parts > .icon { width: 18px; height: 18px; color: rgb(184, 66, 27); }
body.mz-store .nav .mega-trigger .arrow { font-size: 12px; color: rgb(108, 107, 103); }
body.mz-store .nav .mega-trigger:hover, body.mz-store .nav .mega-trigger[aria-expanded="true"] { color: rgb(184, 66, 27); }
body.mz-store .nav .helpnav { margin-left: 0px; padding-left: 16px; font-size: 12px; }
body.mz-store .header-search .suggestions { border: 1px solid rgb(226, 223, 216); box-shadow: rgba(24, 28, 27, 0.14) 0px 20px 55px; border-radius: 12px; max-height: min(690px, 100dvh - 190px); overflow: auto; background: white; width: 100%; min-width: 610px; right: 0px; left: auto; color: rgb(37, 43, 41); padding: 0px; }
body.mz-store .mz-footer-v2 { background: rgb(24, 36, 31); }
@media (max-width: 1150px){
body.mz-store .headmain { gap: 20px; }
body.mz-store .headmain .logo { width: 180px; flex-basis: 180px; }
body.mz-store .header-search .suggestions { min-width: min(660px, -48px + 100vw); }
}
@media (max-width: 900px){
body.mz-store .nav { flex-wrap: wrap; justify-content: flex-start; gap: 0px 10px; }
body.mz-store .headtools > a { width: 38px; }
}
@media (max-width: 980px){
body.mz-store .headmain { min-height: 0px; gap: 12px; padding-block: 14px; }
body.mz-store .headmain .logo { flex-basis: 150px; width: 150px; }
body.mz-store .headtools { gap: 0px; }
body.mz-store .headtools > a, body.mz-store .headtools > .menu-toggle { width: 38px; height: 38px; }
body.mz-store .headtools > .menu-toggle { display: flex; }
body.mz-store .headtools .account { display: flex; }
body.mz-store .header-search.search { height: 49px; width: 100%; flex-basis: 100%; }
body.mz-store .header-search.search > input { font-size: 16px; padding: 12px; }
body.mz-store .nav { display: none; gap: 0px; }
body.mz-store .header-search .suggestions { width: 100%; min-width: 0px; max-height: calc(100dvh - 176px); left: 0px; right: auto; border-radius: 8px; }
}
body.mz-store :is(.topbar > .wrap, .headmain.wrap, .nav.wrap, .catalog-menu .mega-shell) { max-width: 1640px; width: calc(100% - 64px); }
@media (max-width: 980px){
body.mz-store .headmain { display: flex; flex-wrap: wrap; justify-content: space-between; }
body.mz-store .headmain .headtools { margin-left: auto; }
body.mz-store .header-search.search { order: 3; }
body.mz-store :is(.topbar > .wrap, .headmain.wrap, .nav.wrap) { width: calc(100% - 32px); }
}
@media (min-width: 981px){
body.mz-store .nav { display: flex; flex-wrap: wrap; }
}
@media (max-width: 380px){
body.mz-store .headmain { gap: 8px; }
body.mz-store .headmain .logo { width: 116px; flex-basis: 116px; }
body.mz-store .headtools > a, body.mz-store .headtools > .menu-toggle { width: 36px; height: 40px; }
}
.mz-store { --mz-orange: #d04100; --mz-ink: #111b2f; --mz-muted: #5e6c83; --mz-border: #e1e9f2; --mz-surface: #f4f8fb; color: var(--mz-ink); background: rgb(245, 248, 251); }
.mz-store main { background: linear-gradient(120deg, rgb(246, 249, 252), rgb(240, 246, 249) 50%, rgb(247, 250, 252)); }
.mz-store .h26-top { display: block; background: linear-gradient(105deg, rgb(35, 49, 62), rgb(53, 70, 84)); color: rgb(243, 246, 250); font-size: 12px; }
.mz-store .h26-top > .wrap { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 33px; }
.mz-store .h26-top > .wrap > div { display: flex; align-items: center; gap: 27px; }
.mz-store .h26-top a { display: flex; align-items: center; gap: 7px; color: inherit; }
.mz-store .h26-top .icon { width: 15px; height: 15px; }
.mz-store .h26-top b { color: rgb(255, 100, 29); margin-left: 4px; }
body.mz-store .mz-header { background: white !important; box-shadow: rgba(41, 69, 103, 0.04) 0px 2px 12px !important; border-bottom: 1px solid rgb(228, 235, 243) !important; color: rgb(17, 27, 47) !important; }
body.mz-store .mz-header .headmain { display: grid !important; grid-template-columns: 220px minmax(200px, 1fr) auto !important; gap: 36px !important; align-items: center !important; min-height: 80px !important; padding-top: 13px !important; padding-bottom: 13px !important; }
body.mz-store .mz-header .logo { width: 210px !important; display: block !important; }
body.mz-store .mz-header .logo img { width: 100% !important; height: 48px !important; object-fit: contain !important; }
body.mz-store .mz-header .header-search { display: flex !important; max-width: 680px !important; height: 43px !important; position: relative !important; margin: 0px !important; width: 100% !important; border: 1px solid rgb(220, 229, 239) !important; background: rgb(247, 249, 252) !important; border-radius: 6px !important; overflow: visible !important; }
body.mz-store .mz-header .header-search > input { width: 100% !important; min-width: 0px !important; background: transparent !important; border: 0px !important; box-shadow: none !important; border-radius: 6px 0px 0px 6px !important; padding: 0px 15px !important; font-size: 12px !important; color: rgb(33, 48, 75) !important; }
body.mz-store .mz-header .header-search > button { width: 52px !important; flex-shrink: 0 !important; display: grid !important; place-items: center !important; border: 0px !important; border-radius: 0px 5px 5px 0px !important; background: rgb(208, 65, 0) !important; color: white !important; }
body.mz-store .mz-header .headtools { display: flex !important; gap: 0px !important; align-items: center !important; }
body.mz-store .mz-header .headtools > a { display: flex !important; align-items: center !important; gap: 8px !important; position: relative !important; border-left: 1px solid rgb(237, 240, 246) !important; padding: 6px 15px !important; white-space: nowrap !important; color: rgb(20, 33, 59) !important; font-size: 12px !important; }
body.mz-store .mz-header .headtools > a:first-child { border: 0px !important; }
body.mz-store .mz-header .headtools .icon { width: 23px !important; height: 23px !important; }
body.mz-store .mz-header #cart-count { font-size: 12px !important; min-width: 17px !important; height: 17px !important; display: grid !important; place-items: center !important; border-radius: 50% !important; color: rgb(255, 255, 255) !important; background: rgb(208, 65, 0) !important; position: absolute !important; right: 1px !important; top: -3px !important; }
body.mz-store .mz-header .nav { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; min-height: 42px !important; border-top: 1px solid rgb(240, 243, 247) !important; overflow: visible !important; }
body.mz-store .mz-header .nav > a, body.mz-store .mz-header .nav > button { position: relative !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; color: rgb(24, 33, 57) !important; font-size: 12px !important; min-height: 42px !important; font-weight: 650 !important; padding: 11px 5px !important; white-space: nowrap !important; }
body.mz-store .mz-header .nav > .nav-parts > .icon { display: none !important; }
body.mz-store .mz-header .nav .arrow { font-size: 12px !important; margin-left: 5px !important; }
body.mz-store .mz-header .headtools .menu-toggle { display: none !important; }
.mz-store .button { border-radius: 6px; }
.mz-store .button:not(.secondary):not(.dark) { background: rgb(208, 65, 0); }
.mz-store :is(.breadcrumb, .crumb) { color: rgb(93, 108, 131); }
@media (max-width: 1180px){
body.mz-store .mz-header .headmain { grid-template-columns: 185px minmax(180px, 1fr) auto !important; gap: 20px !important; }
body.mz-store .mz-header .logo { width: 185px !important; }
body.mz-store .mz-header .headtools > a { padding: 6px 11px !important; }
body.mz-store .mz-header .headtools > a span { display: none !important; }
body.mz-store .mz-header .nav { gap: 6px !important; }
}
@media (max-width: 760px){
body.mz-store .mz-header .headmain { display: grid !important; grid-template-columns: 1fr auto !important; gap: 10px !important; padding: 10px 0px 12px !important; min-height: 108px !important; }
body.mz-store .mz-header .logo { width: 160px !important; }
body.mz-store .mz-header .logo img { height: 36px !important; }
body.mz-store .mz-header .header-search { grid-area: 2 / 1 / auto / -1 !important; width: 100% !important; max-width: none !important; height: 40px !important; }
body.mz-store .mz-header .headtools { grid-area: 1 / 2 !important; gap: 2px !important; }
body.mz-store .mz-header .headtools > a { padding: 4px 7px !important; border: 0px !important; }
body.mz-store .mz-header .headtools > a span { display: none !important; }
body.mz-store .mz-header .headtools .icon { width: 21px !important; height: 21px !important; }
body.mz-store .mz-header .headtools .menu-toggle { display: grid !important; place-items: center !important; padding: 6px !important; border: 0px !important; background: white !important; color: rgb(21, 35, 60) !important; }
body.mz-store .mz-header .nav { display: none !important; }
}
body.mz-store .mz-header .headtools > a { width: auto !important; min-width: 0px !important; height: auto !important; flex: 0 0 auto !important; }
body.mz-store .mz-header .header-search { max-width: none !important; min-width: 0px !important; }
body.mz-store .mz-header .headtools { min-width: 0px !important; width: auto !important; gap: 0px !important; }
body.mz-store #main .button:disabled { cursor: not-allowed; }
@media (max-width: 760px){
body.mz-store .mz-header .headtools > a { padding: 4px 7px !important; }
}
small { font-size: max(12px, 0.8333em); }
@media (pointer: coarse){
body.mz-store:not(#touch) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="submit"]):not([type="button"]), body.mz-store:not(#touch) select, body.mz-store:not(#touch) textarea { font-size: 16px !important; }
body.mz-store input { text-overflow: ellipsis; }
}
@media (pointer: coarse){
@supports selector(:where(a)){
:where(body.mz-store) :where(.headtools > a, .headtools > button, .catalog-row-actions > button.icon-button, .studio-similar-grid .studio-heart, .studio-recent-card .studio-heart, .campaign-card-picture > button, .studio-meta > .studio-heart, .studio-similar-go, .studio-carousel-controls > button, .detail-image > .gallery-step, a.catalog-variant-chip) { position: relative; }
body.mz-store:not(#touch):not(#area) .headtools > a::after, body.mz-store:not(#touch):not(#area) .headtools > button::after { content: "" !important; position: absolute !important; inset: -8px -4px !important; }
}}
@media (pointer: coarse){
body.mz-store:not(#touch):not(#area) .catalog-purchase-assurance > a, body.mz-store:not(#touch):not(#area) a.sx-omnibus, body.mz-store:not(#touch):not(#area) a.h26-omnibus, body.mz-store:not(#touch):not(#area) .finder-bottom > a, body.mz-store:not(#touch):not(#area) .sx-assistance > a, body.mz-store:not(#touch):not(#area) .studio-rating > button, body.mz-store:not(#touch):not(#area) a.studio-inline-link, body.mz-store:not(#touch):not(#area) .auth-reference-options > button, body.mz-store:not(#touch):not(#area) .contact-legal a, body.mz-store:not(#touch):not(#area) .faq-contact-card address > a { padding-block: 11px !important; margin-block: -11px !important; }
body.mz-store:not(#touch):not(#area) nav.breadcrumb > a, body.mz-store:not(#touch):not(#area) nav.helmet-breadcrumb > a, body.mz-store:not(#touch):not(#area) nav.mz-breadcrumb > a, body.mz-store:not(#touch):not(#area) nav.hub-breadcrumb > a, body.mz-store:not(#touch):not(#area) nav.faq-crumb > a, body.mz-store:not(#touch):not(#area) nav.campaign-crumb > a, body.mz-store:not(#touch):not(#area) nav.contact-crumb > a, body.mz-store:not(#touch):not(#area) nav.gc-crumb > a, body.mz-store:not(#touch):not(#area) .mz-crumb-label > a, body.mz-store:not(#touch):not(#area) .studio-similar > header > a, body.mz-store:not(#touch):not(#area) .shopping-discover > header > a, body.mz-store:not(#touch):not(#area) .contact-reference-guides > header > a, body.mz-store:not(#touch):not(#area) .faq-results-bar > a, body.mz-store:not(#touch):not(#area) .gc-section-heading > a, body.mz-store:not(#touch):not(#area) .dept-mobile-toolbar > a { padding-block: 12px !important; margin-block: -12px !important; }
body.mz-store:not(#touch):not(#area) label.facet-option { padding-block: 10px !important; margin-block: -4px !important; }
body.mz-store:not(#touch):not(#area) details.facet-group > summary, body.mz-store:not(#touch):not(#area) details.filter-panel > summary, body.mz-store:not(#touch):not(#area) .campaign-filter-panel > details > summary, body.mz-store:not(#touch):not(#area) .faq-sidebar > details > summary, body.mz-store:not(#touch):not(#area) .hub-sidebar > details > summary { min-height: 44px !important; align-items: center !important; }
body.mz-store:not(#touch):not(#area) button.facet-more { min-height: 40px !important; display: inline-flex !important; align-items: center !important; }
body.mz-store:not(#touch):not(#area) .facet-apply .button { min-height: 44px !important; height: auto !important; }
}
body.mz-store .skip-link { color: rgb(255, 255, 255); }
body.mz-store .mz-footer-reference { position: relative; margin-top: 56px; padding: 0px; background: url("/assets/footer/footer-moto-v1.webp?v=f8a4f25b60c1") center top / cover no-repeat rgb(17, 27, 32); color: rgb(186, 201, 212); font-size: 14px; border-top: 1px solid rgb(73, 80, 90); isolation: isolate; }
.mz-footer-reference::before { content: ""; position: absolute; top: -1px; right: 0px; width: 40%; height: 2px; background: linear-gradient(90deg, transparent, rgb(255, 91, 19) 60%, rgb(255, 154, 86), transparent); }
@media (max-width: 700px){
body.mz-store .mz-footer-reference { margin-top: 36px; background-position: right top; background-size: auto 100%; }
}
body.mz-store #store-header { font-family: "DM Sans", Arial, sans-serif !important; position: relative !important; inset: auto !important; padding: 0px !important; width: 100% !important; }
body.mz-store #store-header > .wrap, body.mz-store .h26-top > .wrap { box-sizing: border-box; width: calc(100% - 64px) !important; max-width: 1440px !important; margin: 0px auto !important; padding-inline: 0px !important; }
body.mz-store #store-header .headmain { display: grid !important; grid-template-columns: 210px minmax(0px, 1fr) auto !important; grid-template-rows: auto !important; align-items: center !important; gap: 32px !important; height: 80px !important; min-height: 80px !important; padding-block: 13px !important; }
body.mz-store #store-header .logo { width: 210px !important; grid-area: 1 / 1 !important; }
body.mz-store #store-header .logo img { width: 210px !important; height: 48px !important; max-width: 100% !important; }
body.mz-store #store-header .header-search { grid-area: 1 / 2 !important; height: 43px !important; width: 100% !important; max-width: none !important; }
body.mz-store #store-header .headtools { grid-area: 1 / 3 !important; gap: 0px !important; justify-content: flex-end !important; }
body.mz-store #store-header .headtools > a { display: flex !important; padding: 6px 13px !important; width: auto !important; min-width: 0px !important; height: auto !important; }
body.mz-store #store-header .headtools > a span { display: inline !important; }
body.mz-store #store-header #mz-nav { display: flex !important; flex-flow: row !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; min-height: 44px !important; height: 44px !important; padding-block: 0px !important; position: static !important; }
body.mz-store #store-header #mz-nav > :is(a, button) { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; flex: 0 0 auto !important; width: auto !important; min-width: 0px !important; min-height: 44px !important; height: 44px !important; margin: 0px !important; padding: 0px 5px !important; font: 650 12px / 1.3 "DM Sans", Arial, sans-serif !important; letter-spacing: 0px !important; white-space: nowrap !important; }
body.mz-store #store-header #mz-nav .arrow { margin: 0px !important; line-height: 1 !important; }
body.mz-store #store-header #mz-nav > :is(a, button):hover, body.mz-store #store-header #mz-nav > [aria-expanded="true"] { color: rgb(202, 61, 0) !important; }
body.mz-store #store-header #mz-menu-toggle { display: none !important; }
@media (max-width: 980px){
body.mz-store #store-header > .wrap, body.mz-store .h26-top > .wrap { width: calc(100% - 32px) !important; }
body.mz-store #store-header .headmain { grid-template-columns: minmax(0px, 1fr) auto !important; grid-template-rows: 36px 40px !important; height: 108px !important; min-height: 108px !important; gap: 10px !important; padding-block: 10px 12px !important; }
body.mz-store #store-header .logo, body.mz-store #store-header .logo img { width: 160px !important; height: 36px !important; }
body.mz-store #store-header .header-search { grid-area: 2 / 1 / auto / -1 !important; height: 40px !important; }
body.mz-store #store-header .headtools { grid-column: 2 !important; gap: 2px !important; }
body.mz-store #store-header .headtools > a { padding: 4px 7px !important; border: 0px !important; }
body.mz-store #store-header .headtools > a span { display: none !important; }
body.mz-store #store-header .headtools .icon { width: 21px !important; height: 21px !important; }
body.mz-store #store-header #mz-menu-toggle { display: grid !important; place-items: center !important; padding: 6px !important; border: 0px !important; background: rgb(255, 255, 255) !important; color: rgb(20, 33, 59) !important; min-width: 32px !important; min-height: 32px !important; }
body.mz-store #store-header #mz-nav { display: none !important; height: auto !important; min-height: 0px !important; flex-direction: column !important; align-items: stretch !important; gap: 0px !important; padding: 6px 0px 12px !important; }
}
@media (max-width: 370px){
body.mz-store #store-header .logo, body.mz-store #store-header .logo img { width: 136px !important; }
body.mz-store #store-header .headtools > a { padding: 4px 5px !important; }
}
body.mz-store #store-header .headtools > a[href="/koszyk"] { gap: 7px !important; align-items: center !important; }
body.mz-store #store-header .cart-icon-wrap { font-style: normal; position: relative !important; display: inline-flex !important; align-items: center !important; flex: 0 0 35px !important; width: 35px !important; height: 28px !important; }
body.mz-store #store-header .cart-icon-wrap > .icon { flex: 0 0 auto !important; }
body.mz-store #store-header .headtools #cart-count { box-shadow: rgba(255, 83, 0, 0.14) 0px 2px 6px; z-index: 1; position: absolute !important; inset: -5px 0px auto auto !important; display: grid !important; place-items: center !important; min-width: 18px !important; width: auto !important; height: 18px !important; padding: 0px 4px !important; border: 2px solid rgb(255, 255, 255) !important; border-radius: 20px !important; background: rgb(207, 67, 0) !important; color: rgb(255, 255, 255) !important; font: 750 12px / 1 "DM Sans", Arial, sans-serif !important; box-sizing: border-box !important; transform: none !important; white-space: nowrap !important; }
#search-suggestions.suggestions { width: min(960px, -40px + 100vw); left: 0px; right: auto; top: calc(100% + 9px); padding: 20px; border: 1px solid rgb(225, 232, 238); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(18, 44, 73, 0.2) 0px 20px 55px; max-height: min(690px, 100dvh - 130px); overflow: auto; color: rgb(20, 33, 59); }
.sx-page { padding-top: 22px; padding-bottom: 28px; max-width: 1480px; }
.sx-heading h1 { font-size: clamp(24px, 2.5vw, 36px); letter-spacing: -1.1px; margin: 20px 0px 5px; }
.sx-heading > p { color: rgb(97, 112, 138); margin: 0px 0px 14px; }
.sx-categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin: 20px 0px; }
.sx-categories a { display: flex; gap: 12px; align-items: center; border: 1px solid rgb(225, 233, 240); border-radius: 9px; padding: 13px; background: rgb(255, 255, 255); text-decoration: none; color: rgb(21, 40, 73); }
.sx-categories a > span { flex: 1 1 0%; display: grid; gap: 5px; }
.sx-categories strong { font-size: 13px; }
.sx-categories small { font-size: 12px; color: rgb(95, 108, 129); }
.sx-categories .icon { width: 26px; height: 26px; }
.sx-layout { display: grid; grid-template-columns: 240px minmax(0px, 1fr); gap: 22px; }
.sx-filters .catalog-facets { background: white; border: 1px solid rgb(226, 234, 240); border-radius: 10px; box-shadow: rgba(37, 57, 86, 0.016) 0px 8px 30px; }
.sx-filter-help { display: grid; gap: 12px; background: linear-gradient(140deg, rgb(255, 255, 255), rgb(234, 243, 248)); border: 1px solid rgb(226, 234, 240); border-radius: 10px; padding: 22px; margin-top: 15px; text-decoration: none; color: rgb(22, 45, 71); font-size: 13px; }
.sx-toolbar { display: flex; align-items: center; gap: 15px; min-height: 52px; margin-bottom: 10px; font-size: 12px; color: rgb(90, 108, 132); }
.sx-toolbar > label { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.sx-toolbar select { min-height: 36px; max-width: 190px; padding: 6px 28px 6px 10px; border-radius: 7px; border: 1px solid rgb(220, 229, 238); background: rgb(255, 255, 255); }
.sx-view { display: flex; gap: 5px; }
.sx-view a { display: grid; place-items: center; min-width: 34px; height: 34px; background: white; border-radius: 5px; text-decoration: none; font-size: 23px; color: rgb(38, 62, 94); }
.sx-view a[aria-current="true"] { background: rgb(203, 71, 0); color: white; }
.sx-products { min-width: 0px; }
.sx-product { position: relative; background: white; border: 1px solid rgb(224, 232, 239); border-radius: 9px; min-width: 0px; overflow: hidden; }
.sx-image { position: relative; display: grid; place-items: center; min-width: 0px; }
.sx-image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.sx-copy { min-width: 0px; }
.sx-copy h2 { font-size: 14px; line-height: 1.4; letter-spacing: -0.2px; margin: 0px 0px 5px; }
.sx-copy h2 a { text-decoration: none; color: rgb(17, 39, 67); }
.sx-copy p { font-size: 12px; margin: 4px 0px; color: rgb(93, 109, 127); }
.sx-code { font-size: 12px; color: rgb(96, 108, 124); overflow-wrap: anywhere; }
.sx-copy dl { display: flex; flex-wrap: wrap; gap: 5px 10px; margin: 9px 0px; font-size: 12px; color: rgb(94, 108, 128); }
.sx-purchase { display: flex; flex-direction: column; gap: 6px; }
.sx-price { font-size: 19px; letter-spacing: -0.5px; color: rgb(16, 39, 67); }
.sx-stock { display: flex; align-items: center; gap: 5px; font-size: 12px; color: rgb(100, 108, 120); }
.sx-stock i { height: 7px; width: 7px; border-radius: 50%; background: currentcolor; }
.sx-stock.available { color: rgb(0, 128, 73); }
.sx-delivery { display: flex; align-items: center; gap: 5px; font-size: 12px; color: rgb(82, 105, 130); }
.sx-delivery .icon { width: 17px; height: 17px; }
.sx-actions { display: flex; align-items: center; gap: 8px; }
.sx-actions .button { font-size: 12px; min-height: 38px; padding: 8px 14px; white-space: nowrap; gap: 8px; border-radius: 5px; width: 100%; }
.sx-actions .icon-button { width: 36px; height: 36px; border: 1px solid rgb(220, 229, 238); border-radius: 6px; flex: 0 0 36px; background: rgb(255, 255, 255); }
.sx-actions form { flex: 1 1 0%; }
.sx-actions .form-feedback:empty { display: none; }
.sx-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 13px; }
.sx-grid .sx-product { display: flex; flex-direction: column; padding: 12px; }
.sx-grid .sx-image { height: 180px; margin: -5px -5px 12px; }
.sx-grid .sx-copy h2 { min-height: 40px; }
.sx-grid .sx-code { display: none; }
.sx-grid .sx-copy dl { display: none; }
.sx-grid .sx-purchase { margin-top: auto; padding-top: 12px; padding-bottom: 9px; }
.sx-grid .sx-actions > .icon-button { position: absolute; top: 9px; right: 9px; border: 0px; background: rgba(255, 255, 255, 0.85); }
.sx-grid .sx-actions { display: block; }
.sx-grid .sx-actions .form-feedback { font-size: 12px; }
.sx-assistance { display: flex; align-items: center; gap: 20px; background: white; border: 1px solid rgb(225, 233, 240); border-radius: 10px; margin: 28px 0px 0px; padding: 20px; }
.sx-assistance > span { display: flex; align-items: center; gap: 12px; font-weight: 700; margin-right: auto; }
.sx-assistance a { font-size: 13px; color: rgb(198, 66, 0); }
@media (min-width: 1600px){
.sx-grid { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
@media (max-width: 1200px){
.sx-layout { grid-template-columns: 210px minmax(0px, 1fr); }
.sx-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
#search-suggestions.suggestions { left: -100px; }
}
@media (max-width: 760px){
#search-suggestions.suggestions { position: fixed; left: 10px; right: 10px; top: 112px; width: auto; max-height: calc(100dvh - 125px); padding: 16px; }
.sx-layout { display: block; }
.sx-filters { margin-bottom: 16px; }
.sx-filter-help { display: none; }
.sx-filters .catalog-facets > summary { min-height: 48px; }
.sx-categories { display: flex; overflow: auto; padding-bottom: 5px; }
.sx-categories a { flex: 0 0 190px; }
.sx-toolbar { flex-wrap: wrap; gap: 10px; }
.sx-toolbar > label { margin-left: 0px; }
.sx-toolbar > span { flex: 1 1 0%; }
.sx-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
.sx-grid .sx-image { height: 155px; }
.sx-grid .sx-product { padding: 10px; }
.sx-copy h2 { font-size: 13px; }
.sx-grid .sx-copy h2 { min-height: 54px; }
.sx-price { font-size: 18px; }
.sx-actions .button { min-height: 44px; }
.sx-assistance { flex-wrap: wrap; padding: 18px; }
.sx-assistance > span { width: 100%; }
.sx-heading h1 { letter-spacing: -0.6px; }
}
.sx-categories { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.sx-categories a { min-width: 0px; min-height: 108px; gap: 12px; padding: 12px; }
.sx-categories a > span { min-width: 0px; }
.sx-categories .sx-category-image { width: 70px; height: 70px; flex: 0 0 70px; object-fit: contain; background: rgb(246, 249, 252); border-radius: 7px; padding: 4px; }
.sx-categories a > .icon { width: 18px; height: 18px; flex: 0 0 18px; }
.sx-categories a:hover { border-color: rgb(195, 79, 0); box-shadow: rgba(35, 59, 80, 0.035) 0px 5px 18px; }
.sx-page .sx-image { display: flex; align-items: center; justify-content: center; overflow: hidden; }
.sx-page .sx-image img { display: block; min-width: 0px; min-height: 0px; max-width: 100%; max-height: 100%; object-fit: contain; }
.sx-page .sx-grid .sx-image { height: 180px; flex: 0 0 180px; margin: 0px 0px 12px; padding: 10px; }
.sx-page .sx-grid .sx-copy h2 { min-height: 59px; line-height: 1.4; }
body.mz-store .sx-page .catalog-facets { border-color: rgb(225, 233, 240); }
.sx-page .facet-group > summary { color: rgb(20, 43, 71); }
.sx-page .catalog-facets .facet-apply { position: static; margin-top: 0px; box-shadow: none; border-color: rgb(225, 233, 240); }
.sx-page .catalog-facets .facet-group { border-color: rgb(232, 238, 244); }
.sx-page .facet-option > small { color: rgb(89, 109, 135); }
@media (max-width: 760px){
.sx-categories a { flex-basis: 240px; min-height: 94px; }
.sx-categories .sx-category-image { width: 60px; height: 60px; flex-basis: 60px; }
.sx-page .sx-grid .sx-image { height: 155px; flex-basis: 155px; padding: 6px; }
.sx-page .sx-grid .sx-copy h2 { min-height: 55px; }
}
body.mz-store .sx-page .sx-results, body.mz-store .sx-page .sx-purchase, body.mz-store .sx-page .sx-actions, body.mz-store .sx-page .sx-actions form { min-width: 0px; }
body.mz-store .sx-page .sx-copy h2, body.mz-store .sx-page .sx-copy p, body.mz-store .sx-page .sx-copy dd, body.mz-store .sx-page .sx-purchase { overflow-wrap: anywhere; }
body.mz-store .sx-page .sx-actions { display: grid; grid-template-columns: minmax(0px, 1fr) 44px; gap: 8px; align-items: center; width: 100%; }
body.mz-store .sx-page .sx-actions form { width: 100%; margin: 0px; }
body.mz-store .sx-page .sx-actions .button { width: 100%; min-width: 0px; min-height: 44px; height: auto; padding: 10px 12px; gap: 8px; white-space: normal; line-height: 1.35; }
body.mz-store .sx-page .sx-actions .button .icon { width: 18px; height: 18px; flex: 0 0 18px; }
body.mz-store .sx-page .sx-actions .icon-button { width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
body.mz-store .sx-page .sx-actions .form-feedback { grid-column: 1 / -1; min-width: 0px; margin: 0px; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
body.mz-store .sx-page .sx-grid .sx-actions { grid-template-columns: minmax(0px, 1fr); }
@font-face { font-family: "DM Sans"; src: url("/assets/fonts/dm-sans-latin-pl.woff2?v=877ab75e8477") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; unicode-range: U+0-17F, U+300-36F, U+2000-206F, U+20A0-20CF, U+2100-2BFF; }
@font-face { font-family: DM; src: url("/assets/fonts/dm-sans-latin-pl.woff2?v=877ab75e8477") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; unicode-range: U+0-17F, U+300-36F, U+2000-206F, U+20A0-20CF, U+2100-2BFF; }
@font-face { font-family: Manrope; src: url("/assets/fonts/manrope-latin-pl.woff2?v=3b7d1f29a62b") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; unicode-range: U+0-17F, U+300-36F, U+2000-206F, U+20A0-20CF, U+2100-2BFF; }
.mzapp-tabbar, .mzapp-quick { display: none; }
@media (max-width: 767px){
html.mzapp body { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
html.mzapp { scroll-padding-top: 120px; }
html.mzapp .mzapp-tabbar { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 70; display: flex; background: rgb(255, 255, 255); border-top: 1px solid rgb(223, 221, 215); padding-bottom: env(safe-area-inset-bottom); box-shadow: rgba(20, 23, 24, 0.07) 0px -6px 18px; }
html.mzapp .mzapp-tabbar a { flex: 1 1 0px; min-width: 0px; min-height: 58px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; margin: 0px; padding: 0px; color: rgb(83, 91, 88); font-size: 12px; line-height: 1.1; font-weight: 500; text-decoration: none; position: relative; -webkit-tap-highlight-color: transparent; }
html.mzapp .mzapp-tabbar a:active { background: rgb(246, 244, 239); }
html.mzapp .mzapp-tabbar a[aria-current="page"] { color: rgb(171, 57, 12); font-weight: 700; }
html.mzapp .mzapp-tabbar a[aria-current="page"]::before { content: ""; position: absolute; top: 0px; left: 30%; right: 30%; height: 3px; border-radius: 0px 0px 3px 3px; background: rgb(192, 81, 37); }
html.mzapp .mzapp-tabbar svg { width: 24px; height: 24px; flex: 0 0 auto; }
html.mzapp .mzapp-badge { position: absolute; top: 5px; left: calc(50% + 5px); min-width: 18px; height: 18px; padding: 0px 5px; border-radius: 9px; background: rgb(192, 81, 37); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; }
html.mzapp .mzapp-badge[data-n="0"] { display: none; }
html.mzapp .h26-top { display: none; }
html.mzapp body #store-header { transition: top 0.22s; background: rgb(255, 255, 255); position: sticky !important; top: 0px !important; z-index: 60 !important; }
html.mzapp body #store-header .headtools > .account, html.mzapp body #store-header .headtools > a[href="/koszyk"], html.mzapp body.mz-store #store-header #mz-menu-toggle { display: none !important; }
html.mzapp body #store-header .mzapp-tel { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; color: var(--ink, #141718); }
html.mzapp body #store-header .mzapp-tel svg { width: 24px; height: 24px; }
html.mzapp2 body #catalog-filter-form > details.facet-group:has(input[name="f.Rozmiar"]) { order: -2; }
html.mzapp body #store-header .dept-wishlist-link { min-height: 44px; justify-content: center; align-items: center; width: 44px !important; padding: 0px !important; }
html.mzapp2 body .sx-page > .breadcrumb { margin-bottom: 6px !important; }
html.mzapp2 body .sx-heading h1 { margin: 4px 0px !important; font-size: 21px !important; line-height: 1.25 !important; }
html.mzapp2 body .sx-heading p { margin: 0px 0px 6px !important; font-size: 13px !important; line-height: 1.4 !important; }
html.mzapp2 body .sx-categories { margin: 8px 0px 12px !important; gap: 8px !important; }
html.mzapp2 body .sx-categories > a { min-height: 56px; max-width: 250px; padding: 8px 12px 8px 8px !important; gap: 10px !important; width: auto !important; flex: 0 0 auto !important; }
html.mzapp2 body .sx-categories .sx-category-image { width: 40px !important; height: 40px !important; }
html.mzapp2 body .sx-categories > a > span { gap: 0px !important; width: auto !important; }
html.mzapp2 body .sx-categories strong { display: block; max-width: 170px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px !important; line-height: 1.3 !important; }
html.mzapp2 body .sx-categories small { font-size: 12px !important; line-height: 1.3 !important; }
html.mzapp2 body .sx-filters { margin-bottom: 10px !important; }
html.mzapp2 body .sx-filters > .filter-panel { margin-bottom: 0px !important; }
html.mzapp2 body .sx-toolbar { flex-wrap: wrap !important; align-items: center !important; gap: 4px 12px !important; margin-bottom: 10px !important; }
html.mzapp2 body .sx-toolbar > span { order: 3; flex: 1 1 100%; margin: 0px !important; font-size: 12px !important; }
html.mzapp2 body .sx-toolbar > label { margin: 0px 0px 0px auto !important; align-items: center !important; }
html.mzapp2 body .sx-product .sx-copy > dl { margin: 4px 0px !important; }
html.mzapp2 body .sx-product .sx-copy > h2 { margin-bottom: 2px !important; }
html.mzapp body #privacy-banner { left: 0px !important; right: 0px !important; bottom: 0px !important; width: auto !important; max-width: none !important; margin: 0px !important; padding: 14px 16px calc(12px + env(safe-area-inset-bottom)) !important; border-radius: 16px 16px 0px 0px !important; }
html.mzapp body #privacy-banner .eyebrow { display: none !important; }
html.mzapp body #privacy-banner h2 { margin: 0px 0px 4px !important; font-size: 16px !important; line-height: 1.3 !important; }
html.mzapp body #privacy-banner p { margin: 0px !important; font-size: 12.5px !important; line-height: 1.4 !important; }
html.mzapp body #privacy-banner .privacy-actions { margin-top: 10px !important; gap: 8px !important; }
html.mzapp body #privacy-banner .privacy-actions .button { min-height: 44px !important; padding: 6px 10px !important; }
html.mzapp body #privacy-banner .privacy-actions > button:not(.button) { min-height: 36px !important; }
}