.shop{padding: 65px 0 72px;background: var(--paper);color: var(--ink-2);font-size: var(--shop-fs-base);} @media (min-width: 1081px){.shop{padding-top: 85px}} .shop--hdr{padding-top: calc(var(--shop-hdr-h) + var(--shop-pv, 0px) + 8px)} .shop--preview{--shop-pv: var(--shop-pv-h)} a.skip-link:not(:focus){position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0} html a.skip-link:focus{position: fixed;z-index: 1000;top: 10px;left: 10px;padding: 10px 16px;border-radius: 10px;background: var(--btn-primary-bg);color: var(--btn-primary-ink);font-weight: 600;text-decoration: none} .shop .btn{font-size: var(--shop-fs-base)} .shop .lead{font-size: var(--shop-fs-base)} .shop .eyebrow{font-family: var(--font-sans);font-size: var(--shop-fs-sm);font-weight: 600;letter-spacing: 0;text-transform: none} .shop-mono{font-family: var(--font-mono);font-feature-settings: 'tnum' 1} .shop .wrap, .shdr .wrap{padding-left: 16px;padding-right: 16px} .shop-sr{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0} :where(.shop) :where(p, dd, td, figcaption, .shop-front__terms li) a:not([class]){color: var(--brand);text-decoration: underline;text-underline-offset: 3px} :where(.shop) :where(p, dd, td, figcaption, .shop-front__terms li) a:not([class]):hover{color: var(--accent-ink)} :root{--shop-pv-h: 36px;--shop-bar-h: 108px;--shop-rail-h: 0px;--shop-bar-compact: 108px;--shop-hdr-h: calc(var(--shop-bar-h) + var(--shop-rail-h) + 1px);--shop-hdr-compact: calc(var(--shop-bar-compact) + 1px)} html{scroll-padding-top: calc(var(--shop-hdr-compact) + 16px)} .shop [id]{scroll-margin-top: 0} .shdr{position: fixed;z-index: 900;top: 0;left: 0;right: 0;isolation: isolate;border-bottom: 1px solid var(--hairline);color: var(--ink)} .shdr::before{content: '';position: absolute;z-index: -1;inset: 0;background: var(--hdr-bg-scrolled);backdrop-filter: saturate(160%) blur(14px);-webkit-backdrop-filter: saturate(160%) blur(14px)} .shdr.is-scrolled{box-shadow: 0 1px 24px -14px rgba(11, 23, 32, .5)} .shdr__preview{height: var(--shop-pv-h);overflow: hidden;border-bottom: 1px solid var(--accent);background: var(--accent-soft);font-size: var(--shop-fs-sm)} .shdr__pv{display: flex;align-items: center;justify-content: space-between;gap: 12px;height: 100%} .shdr__preview a{color: var(--accent-ink);font-weight: 600;white-space: nowrap} .shdr__long, .shdr__sep, .shdr__shop, .shdr__rail{display: none} .shdr--preview{transition: transform 240ms var(--ease)} .shdr--preview.is-scrolled{transform: translateY(calc(-1 * var(--shop-pv-h)))} .shdr--preview.is-scrolled:has(.shdr__preview :focus-visible){transform: none} .shdr--preview.is-scrolled::after{content: '';position: absolute;top: var(--shop-pv-h);left: 0;right: 0;height: 3px;background: var(--accent)} .shdr__bar{position: relative;display: grid;grid-template-columns: auto minmax(0, 1fr) auto auto auto;grid-template-rows: 56px 52px;grid-template-areas: "site . vat acct cart" "cats find find find find";align-items: center;column-gap: 2px;height: var(--shop-bar-h);transition: height 240ms var(--ease)} .shdr.is-scrolled .shdr__bar{height: var(--shop-bar-compact)} .shdr__site{grid-area: site;display: inline-flex;align-items: center;gap: 4px;min-height: 44px;margin-left: -6px;padding: 0 6px;border-radius: 10px;color: var(--ink);text-decoration: none} .shdr__site:hover, .shdr__cats:hover, .shdr__item:hover{background: var(--surface-2)} .shdr .hdr__logo{display: block;width: 92px;height: 15px;overflow: hidden} .shdr .hdr__logo img{height: 25.3px;max-width: none;margin: -5.6px 0 0 -9.3px;transition: none} .shdr__caret{color: var(--ink-muted)} .shdr__cats, .shdr__item{position: relative;display: inline-flex;align-items: center;min-height: 44px;border-radius: 10px;color: var(--ink);font-weight: 600;text-decoration: none;white-space: nowrap} .shdr__cats{grid-area: cats;justify-self: start;align-self: start;gap: 5px;padding: 0 11px 0 9px;border: 1px solid var(--hairline-2);border-radius: 999px;background: var(--surface);font-size: var(--shop-fs-sm)} .shdr__cats[aria-current]::after, .shdr__item[aria-current]::after{content: '';position: absolute;left: 10px;right: 10px;bottom: 3px;height: 2px;border-radius: 2px;background: var(--ink)} .shdr__item{justify-content: center;width: 44px;font-size: var(--shop-fs-xs)} .shdr__item .shop-ico{width: 22px;height: 22px} .shdr__lbl{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap} .shdr__acct{grid-area: acct} .shdr__cart{grid-area: cart} .shdr__ico{position: relative;display: inline-flex} .shdr__cart .shop-count:not(:empty){position: absolute;top: -6px;right: -8px;box-shadow: 0 0 0 2px var(--canvas)} .shdr__vat{grid-area: vat;margin-right: 2px} .shdr__vat .shop-vat__opt{padding: 0 9px} .shdr__vat small{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0, 0, 0, 0)} .shdr__find{grid-area: find;align-self: start;min-width: 0;margin-left: 8px} @media (max-width: 383px){:root{--shop-gutter: 12px;} .shop .wrap, .shdr .wrap{padding-left: 12px;padding-right: 12px} .shdr__bar{column-gap: 0} .shdr__site{gap: 2px;padding-right: 4px} .shdr .hdr__logo{width: 80px;height: 13px} .shdr .hdr__logo img{height: 22px;margin: -4.9px 0 0 -8.1px} .shdr__vat{margin-right: 0} .shdr__vat .shop-vat__opt{padding: 0 7px} .shdr__item{width: 40px}} @media (max-width: 345px){.shdr__vat .shop-vat__opt{padding: 0 5px;font-size: var(--shop-fs-xs)} .shdr__cats{gap: 4px;padding: 0 7px 0 5px}} .shop-nav__brand{display: block;padding: 10px 0;font-family: var(--font-display);font-weight: 600;color: var(--ink)} .shop-count:not(:empty){min-width: 20px;height: 20px;padding: 0 5px;border-radius: 999px;background: var(--btn-primary-bg);color: var(--btn-primary-ink);font-family: var(--font-mono);font-size: var(--shop-fs-xs);line-height: 20px;text-align: center;font-feature-settings: 'tnum' 1} .shop-nav__search{display: flex;align-items: center;gap: 4px;min-height: 44px;padding: 1px 1px 1px 16px;border: 1px solid var(--hairline-2);border-radius: 999px;background: var(--surface)} .shop-nav__search:has(input:focus){border-color: var(--ink);outline: 2px solid var(--accent);outline-offset: 2px} .shop-nav__search input{flex: 1;min-width: 0;min-height: 40px;padding: 0;border: 0;background: transparent;color: var(--ink);font: inherit;font-size: var(--shop-fs-base);text-overflow: ellipsis;outline: none;} .shop-nav__search input:focus, .shop-nav__search input:focus-visible{outline: none;box-shadow: none;background: transparent} .shop-nav__search input::placeholder{color: var(--ink-muted);opacity: 1} .shop-nav__go{flex: none;display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border: 0;border-radius: 999px;background: var(--btn-primary-bg);color: var(--btn-primary-ink);cursor: pointer} .shop-nav__go:hover{background: var(--btn-hover-bg);color: var(--btn-hover-ink)} .shop-vat{display: inline-flex;flex: none;padding: 2px;border: 1px solid var(--hairline-2);border-radius: 999px;background: var(--surface)} .shop-vat__opt{display: flex;flex-direction: column;justify-content: center;min-height: 40px;padding: 2px 14px;border-radius: 999px;color: var(--ink-2);font-size: var(--shop-fs-sm);font-weight: 600;line-height: 1.15;text-decoration: none;white-space: nowrap} .shop-vat__opt small{font-size: var(--shop-fs-xs);font-weight: 400} .shop-vat__opt:not([aria-current]):hover{background: var(--surface-2);color: var(--ink)} .shop-vat__opt[aria-current]{background: var(--btn-primary-bg);color: var(--btn-primary-ink)} @media (min-width: 1024px){:root{--shop-pv-h: 40px;--shop-bar-h: 72px;--shop-rail-h: 44px;--shop-bar-compact: 60px} .shdr__short{display: none} .shdr__long{display: inline} .shdr__bar{grid-template-columns: auto auto auto auto minmax(0, 1fr) auto auto auto;grid-template-rows: none;grid-template-areas: "site sep shop cats find vat acct cart";column-gap: 4px} .shdr__site{gap: 9px;margin-left: -10px;padding: 0 10px} .shdr .hdr__logo{width: 111px;height: 18px} .shdr .hdr__logo img{height: 30.5px;margin: -6.8px 0 0 -11.2px} .shdr__sep{display: block;width: 1px;height: 26px;margin: 0 8px 0 4px;background: var(--hairline-2)} .shdr__shop{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;padding-right: 10px;color: var(--ink);font-family: var(--font-display);font-size: var(--shop-fs-md);font-weight: 600;letter-spacing: -.015em;text-decoration: none;white-space: nowrap} .shdr__cats{align-self: center;gap: 8px;padding: 0 12px;border: 0;border-radius: 10px;background: none;font-size: var(--shop-fs-base)} .shdr__cats .shop-ico{width: 22px;height: 22px} .shdr__find{align-self: center;margin: 0 8px 0 10px} .shdr__item{flex-direction: column;justify-content: center;width: auto;min-width: 56px;padding: 2px 8px;line-height: 1.1} .shdr__lbl, .shdr__vat small{position: static;width: auto;height: auto;clip: auto} .shdr__cart .shop-count:not(:empty){right: -12px} .shdr__vat{margin: 0 6px 0 2px} .shdr__vat .shop-vat__opt{padding: 2px 14px} .shdr__rail{display: block;border-top: 1px solid var(--hairline)} .shdr.is-scrolled .shdr__rail{display: none} .shdr__rail-in{display: flex;align-items: center;gap: 14px;height: var(--shop-rail-h)} .shdr__rail ul{display: flex;flex: 1;flex-wrap: wrap;gap: 2px;height: 34px;overflow: hidden;min-width: 0;margin: 0 0 0 -10px;padding: 0;list-style: none} .shdr__rail a{display: inline-flex;align-items: center;gap: 6px;min-height: 34px;padding: 0 10px;border-radius: 8px;color: var(--ink-2);font-size: var(--shop-fs-sm);font-weight: 500;text-decoration: none;white-space: nowrap} .shdr__rail a:hover{background: var(--surface-2);color: var(--ink)} .shdr .shdr__all{color: var(--ink);font-weight: 600} .shdr__tel{padding-left: 14px;border-left: 1px solid var(--hairline);color: var(--ink-muted);font-family: var(--font-mono);font-size: var(--shop-fs-xs);white-space: nowrap} .shdr .shdr__tel a{padding: 0;color: var(--ink-2);font-size: var(--shop-fs-xs);font-weight: 600} .shdr .shdr__home{margin-right: -10px;font-family: var(--font-mono);font-size: var(--shop-fs-xs)} .shdr__home .shop-ico{width: 14px;height: 14px;color: var(--accent)}} @media (min-width: 1024px) and (max-width: 1199px){.shdr__tel{display: none}} .shop-crumbs ol{display: flex;flex-wrap: wrap;align-items: center;gap: 0 4px;list-style: none;margin: 0;padding: 6px 0 0;font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-crumbs li{display: flex;align-items: center} .shop-crumbs li:not(:last-child)::after{content: '/';margin-left: 6px;opacity: 0.6} .shop-crumbs a, .shop-crumbs [aria-current]{display: inline-flex;align-items: center;min-height: 28px} .shop-crumbs a{color: var(--ink-2)} .shop-crumbs [aria-current]{color: var(--ink);overflow-wrap: anywhere} @media (max-width: 759px){.shop-crumbs ol{flex-wrap: nowrap;margin: -4px 0;padding-top: 4px} .shop-crumbs a{min-height: 44px;padding-inline: 7px;margin-inline: -7px;display: block;min-width: 0;padding-block: 11px;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .shop-crumbs li{min-width: 0} .shop-crumbs li:first-child{flex: none} .shop-crumbs li:last-child:not(:first-child){position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap} .shop-crumbs li:nth-last-child(2)::after{content: none} .shop-crumbs li:nth-last-child(2):not(:first-child){flex-shrink: 0;max-width: 60%}} .shop-head{padding: 28px 0 8px;max-width: 62ch} .shop-head .eyebrow{margin-bottom: 12px} .shop-head__title, .shop-product__title{font-family: var(--font-display);font-weight: 600;font-size: var(--shop-fs-xl);line-height: 1.08;letter-spacing: -0.03em;color: var(--ink);margin: 0 0 12px;text-wrap: balance;overflow-wrap: anywhere} .shop-head .lead{margin: 0} .shop-head__meta{margin: 0 0 8px;font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-section{margin-top: 44px} .shop-section__head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 6px 16px;margin-bottom: 16px} .shop-section__title{font-family: var(--font-display);font-size: var(--shop-fs-md);line-height: 1.2;color: var(--ink);margin: 0} .shop-section__more{display: inline-flex;align-items: center;min-height: 44px;color: var(--brand);font-weight: 600;font-size: var(--shop-fs-sm)} @media (min-width: 640px){.shop-section__more{min-height: 24px}} .shop-empty, .shop-note{margin: 24px 0;padding: 18px 20px;border: 1px solid var(--hairline);border-radius: 12px;background: var(--surface);color: var(--ink-2);max-width: 62ch} .shop-groups > ul, .shop-subgroups ul{list-style: none;margin: 24px 0 0;padding: 0;display: grid;gap: 8px;grid-template-columns: repeat(2, minmax(0, 1fr))} .shop-groups > ul > li{display: flex;flex-direction: column} .shop-groups > ul > li > .shop-group{flex: 1 0 auto} .shop-group{display: flex;flex-direction: column;gap: 2px;padding: 14px 12px;border: 1px solid var(--hairline);border-radius: 12px;background: var(--surface);color: var(--ink);text-decoration: none;transition: border-color 200ms var(--ease)} .shop-group:hover{border-color: var(--accent)} .shop-group__name{font-family: var(--font-display);font-weight: 600;font-size: var(--shop-fs-base);overflow-wrap: break-word;} .shop-group__count{font-size: var(--shop-fs-sm);color: var(--ink-muted);white-space: nowrap} .shop-subgroups ul{display: flex;flex-wrap: wrap;margin: 12px 0 8px} .shop-subgroups a{display: inline-flex;align-items: center;min-height: 44px;padding: 6px 14px;border: 1px solid var(--hairline-2);border-radius: 999px;color: var(--ink);text-decoration: none;font-size: var(--shop-fs-sm)} .shop-subgroups a:hover{border-color: var(--accent);color: var(--accent-ink)} .shop-subgroups a{gap: 8px} .shop-subgroups a[aria-current]{border-color: var(--ink);font-weight: 600} .shop-subgroups__n{font-family: var(--font-mono);font-size: var(--shop-fs-xs);color: var(--ink-muted);font-weight: 400} @media (min-width: 960px){.shop-groups > ul{grid-template-columns: repeat(auto-fit, minmax(max(200px, calc((100% - 24px) / 4)), 1fr))}} @media (min-width: 640px){.shop-group{flex-direction: row;justify-content: space-between;align-items: baseline;gap: 12px;padding: 16px 18px}} @media (max-width: 639.98px){.shop-front{display: flex;flex-direction: column} .shop-front > *{order: 3} .shop-front__head{order: 0;padding-top: 20px} .shop-front__title--picks, .shop-block--first{order: 1} .shop-front__facts{order: 2;margin-top: 24px}} .shop-front__stamp{margin: 10px 0 0;font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-front__facts{list-style: none;margin: 16px 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: 6px 22px;font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-front__facts li{position: relative;padding-left: 18px} .shop-front__facts li::before{content: "";position: absolute;left: 1px;top: 0.4em;width: 9px;height: 5px;border-left: 2px solid var(--brand);border-bottom: 2px solid var(--brand);transform: rotate(-45deg)} .shop-front__tel{white-space: nowrap} .shop-front__title{font-family: var(--font-display);font-size: var(--shop-fs-md);line-height: 1.2;color: var(--ink);margin: 0 0 8px} .shop-front__title--picks{margin-top: 32px} .shop-block{margin-top: 28px} .shop-front__title--picks + .shop-block{margin-top: 12px} .shop-block__head{margin-bottom: 10px} .shop-block__title{margin: 0;font-family: var(--font-display);font-size: var(--shop-fs-base);font-weight: 600;color: var(--ink)} .shop-block__rule{margin: 2px 0 0;max-width: 62ch;font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-block__more{display: inline-flex;align-items: center;min-height: 44px;margin-top: 4px;color: var(--brand);font-weight: 600;font-size: var(--shop-fs-sm)} .shop-pick{position: relative;display: grid;grid-row: span 2;grid-template-rows: subgrid;row-gap: 6px;min-width: 0} .shop-pick__label{position: absolute;z-index: 1;top: 16px;left: 16px;max-width: calc(100% - 32px);margin: 0;padding: 2px 6px;border-radius: 6px;background: var(--brand-soft);color: var(--brand);font-size: var(--shop-fs-xs);font-weight: 600;line-height: 1.4;pointer-events: none} .shop-pick__why{margin: 0;padding: 0 4px;font-size: var(--shop-fs-sm);color: var(--ink-2)} @media (max-width: 759.98px){.shop-pick:nth-child(3):last-child{grid-column: 1 / -1} .shop-pick:nth-child(3):last-child .shop-card__link{display: grid;grid-template-columns: 112px minmax(0, 1fr);align-items: start;column-gap: 12px} .shop-pick:nth-child(3):last-child .shop-pick__label{max-width: 96px}} .shop-set, .shop-front__service, .shop-front__all{margin-top: 44px} .shop-set__intro p, .shop-front__service > p{max-width: 62ch;margin: 0 0 10px} .shop-set__total{color: var(--ink)} .shop-set__total strong{font-family: var(--font-display);font-size: var(--shop-fs-md)} .shop-set__total span{display: block;font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-set__note{font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-set__note a[href^="tel:"], .shop-front__ways a[href^="tel:"]{white-space: nowrap} .shop-set__items{margin-top: 12px} .shop-front__ways{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 16px} .shop-help, .shop-guides{list-style: none;margin: 12px 0 0;padding: 0;display: grid;gap: 8px} .shop-help__item{padding: 16px 18px;border: 1px solid var(--hairline);border-radius: 12px;background: var(--surface)} .shop-help__title{margin: 0 0 4px;font-size: var(--shop-fs-base);font-weight: 600;color: var(--ink)} .shop-help__item p{margin: 0;font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-front__terms{max-width: 70ch;margin: 8px 0 10px;padding-left: 20px;list-style: disc} .shop-front__terms li{margin: 4px 0;list-style: inherit} .shop-guides__link{display: flex;flex-direction: column;gap: 2px;min-height: 44px;padding: 12px 16px;border: 1px solid var(--hairline);border-radius: 12px;background: var(--surface);color: var(--ink);text-decoration: none} .shop-guides__link:hover{border-color: var(--accent)} .shop-guides__title{font-weight: 600} .shop-guides__summary{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-front .shop-procure{margin-top: 44px} .shop-front__all .shop-groups > ul{margin-top: 12px} @media (min-width: 640px){.shop-block__more{min-height: 24px}} @media (min-width: 760px){.shop-help, .shop-guides{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 16px}} @media (min-width: 1080px){.shop-block{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-template-rows: auto 1fr;column-gap: 16px;margin-top: 20px} .shop-block__head{grid-column: 1;grid-row: 1;margin: 0;padding-top: 6px} .shop-block__more{grid-column: 1;grid-row: 2;align-self: start} .shop-block > .shop-block__picks{grid-column: 2 / -1;grid-row: 1 / span 2;grid-template-columns: repeat(3, minmax(0, 1fr))} .shop-block__picks .shop-groups > ul{margin: 0;grid-template-columns: repeat(3, minmax(0, 1fr))} .shop-set{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);column-gap: 32px;align-items: start} .shop-set__items{margin-top: 0}} .shop-sort{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 10px;margin: 0;font-size: var(--shop-fs-sm)} .shop-sort label{color: var(--ink-muted)} .shop-sort select{min-width: 0;flex: none;width: auto;min-height: 44px;padding: 8px 12px;border: 1px solid var(--hairline-2);border-radius: 10px;background: var(--surface);color: var(--ink);font: inherit} .shop-sort .shop-sort__go{width: auto;padding: 10px 16px} html.js .shop-sort{position: relative;flex-wrap: nowrap;gap: 0;padding-left: 12px;border: 1px solid var(--hairline-2);border-radius: 10px;background: var(--surface)} html.js .shop-sort label::after{content: ':'} html.js .shop-sort select{-webkit-appearance: none;appearance: none;min-height: 42px;padding: 8px 34px 8px 5px;border: 0;background: transparent;font-weight: 600;cursor: pointer} html.js .shop-sort::after{content: '';position: absolute;top: 50%;right: 14px;width: 7px;height: 7px;margin-top: -5px;border-right: 1.8px solid var(--ink);border-bottom: 1.8px solid var(--ink);transform: rotate(45deg);pointer-events: none} .shop-more{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin: 32px 0 0;color: var(--ink-2);font-size: var(--shop-fs-sm);text-align: center} .shop-more--limit{flex-direction: column;align-items: center} .shop-more__text{margin: 0;max-width: 62ch} .shop-more__link, .shop-empty__all{width: auto;min-height: 44px} .shop-empty .shop-empty__all{max-width: 100%;white-space: normal;overflow-wrap: anywhere;text-align: center} .shop-empty p{margin: 0 0 12px} .shop-procure{margin: 28px 0 0;padding-top: 20px;border-top: 1px solid var(--hairline);max-width: 62ch} .shop-empty .shop-procure{margin-top: 16px;padding-top: 0;border: 0} .shop-procure__title{margin: 0 0 4px;font-size: var(--shop-fs-md);color: var(--ink)} .shop-procure__ways{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 16px} .shop-procure__hours, .shop-procure a[href^="tel:"], .shop-buy__promises a[href^="tel:"]{white-space: nowrap} .shop-more__count{color: var(--ink-muted);font-weight: 400} .shop-more__link[aria-busy="true"]{cursor: progress;opacity: .6} .shop-grid{display: grid;gap: 8px;grid-template-columns: repeat(2, minmax(0, 1fr))} @media (min-width: 560px){.shop-grid{gap: 12px}} @media (min-width: 760px){.shop-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 16px}} @media (min-width: 1080px){.shop-grid{grid-template-columns: repeat(4, minmax(0, 1fr))} .shop-catalog--panel .shop-grid{grid-template-columns: repeat(3, minmax(0, 1fr))}} .shop-card{display: flex;flex-direction: column;gap: 4px;padding: 8px;border: 1px solid var(--hairline);border-radius: 14px;background: var(--surface);transition: border-color 200ms var(--ease);min-width: 0} @media (min-width: 560px){.shop-card{gap: 8px;padding: 12px}} .shop-card:hover, .shop-card:focus-within{border-color: var(--hairline-2)} .shop-card__link{display: flex;flex-direction: column;gap: 6px;color: var(--ink);text-decoration: none} .shop-card__name, .shop-card__specs{overflow-wrap: anywhere;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden} .shop-card__name{font-weight: 600;font-size: var(--shop-fs-sm);line-height: 1.3} @media (min-width: 560px){.shop-card:not(:has(.shop-card__specs)) .shop-card__name{-webkit-line-clamp: 3}} .shop-card__link:hover .shop-card__name{color: var(--brand);text-decoration: underline;text-underline-offset: 3px} .shop-card__specs{margin: -2px 0 0;font-size: var(--shop-fs-xs);line-height: 1.3;color: var(--ink-2)} .shop-card__foot{margin-top: auto;display: flex;flex-direction: column;gap: 4px} .shop-card__model{margin: -2px 0 0;font-size: var(--shop-fs-sm);line-height: 1.3;color: var(--ink-2);overflow-wrap: anywhere} .shop-card .shop-stock{align-items: flex-start;line-height: 1.3} .shop-card .shop-stock__dot{margin-top: 0.4em} .shop-stock__text > span, .shop-stock__short > span{display: inline-block} .shop-stock__short{display: none} .shop-card .shop-card__add{display: inline-flex;align-items: center;justify-content: center;gap: 8px;width: 100%;min-height: 44px;margin-top: 4px;padding: 8px 12px;font-size: var(--shop-fs-sm)} .shop-card .shop-card__add::before{--shop-cart-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 11.2a1 1 0 0 1-1 .8H7.2a1 1 0 0 1-1-.8zM9 8V6.5a3 3 0 0 1 6 0V8M12 11.5v5M9.5 14h5'/%3E%3C/svg%3E");content: '';flex: none;width: 18px;height: 18px;background: currentColor;position: static;-webkit-mask: var(--shop-cart-plus) center / contain no-repeat;mask: var(--shop-cart-plus) center / contain no-repeat} .shop-card .shop-card__add:disabled, .shop-add .shop-add__row .btn:disabled{background: var(--surface-2);border-color: var(--hairline);color: var(--ink-muted);cursor: not-allowed} @media (max-width: 559px){.shop-grid:not(.shop-grid--list) .shop-card__foot{display: grid;grid-template-columns: minmax(0, 1fr) 44px;column-gap: 6px;row-gap: 0;align-items: start} .shop-grid:not(.shop-grid--list) .shop-price{display: grid;grid-area: 1 / 1 / 4 / 3;grid-template: subgrid / subgrid} .shop-grid:not(.shop-grid--list) .shop-price__amount{grid-area: 1 / 1 / 2 / 3} .shop-grid:not(.shop-grid--list) .shop-price__vat{grid-area: 2 / 1} .shop-grid:not(.shop-grid--list) .shop-price__other{grid-area: 3 / 1} .shop-grid:not(.shop-grid--list) .shop-card__foot .shop-stock{grid-area: 4 / 1 / 5 / 3;margin-top: 2px} .shop-grid:not(.shop-grid--list) .shop-add--card{grid-area: 2 / 2 / 4 / 3} .shop-grid:not(.shop-grid--list) .shop-card__model{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow-wrap: normal} .shop-grid:not(.shop-grid--list) .shop-card .shop-card__add{justify-content: flex-start;gap: 44px;width: 44px;height: 44px;margin: 0;padding: 0 0 0 12px;overflow: hidden;white-space: nowrap} .shop-card .shop-stock{font-size: var(--shop-fs-xs)} .shop-card .shop-stock__text{display: none} .shop-card .shop-stock__short{display: inline}} .shop-grid.shop-grid--list{grid-template-columns: minmax(0, 1fr);gap: 10px} .shop-grid--list .shop-card{position: relative;gap: 4px;min-height: 112px;padding: 12px 12px 12px 112px} .shop-grid--list .shop-card__link > .shop-img, .shop-grid--list .shop-card__media{position: absolute;top: 12px;left: 12px;width: 88px} .shop-grid--list .shop-card__name{-webkit-line-clamp: 2} .shop-grid--list .shop-card__foot{display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: 2px 8px;margin-top: 4px} .shop-grid--list .shop-card__foot > .shop-price{grid-column: 1;grid-row: 1} .shop-grid--list .shop-card__foot > .shop-stock{grid-column: 1 / -1;grid-row: 2} .shop-grid--list .shop-add--card:not([hidden]){display: contents} .shop-grid--list .shop-card__foot .shop-card__add{grid-column: 2;grid-row: 1;width: auto;margin-top: 0;padding: 8px 14px} @media (min-width: 760px){.shop-grid--list .shop-card{display: grid;grid-template-columns: minmax(0, 1fr) 232px;grid-template-rows: auto auto auto 1fr;align-items: start;column-gap: 24px;min-height: 136px;padding: 16px 16px 16px 160px} .shop-grid--list .shop-card__link > .shop-img, .shop-grid--list .shop-card__media{top: 16px;left: 16px;width: 128px} .shop-grid--list .shop-card__link, .shop-grid--list .shop-card__specs, .shop-grid--list .shop-card__model{grid-column: 1} .shop-grid--list .shop-card__foot{display: flex;flex-direction: column;align-items: stretch;grid-column: 2;grid-row: 1 / -1;margin-top: 0} .shop-grid--list .shop-add--card:not([hidden]){display: block} .shop-grid--list .shop-card__foot .shop-card__add{width: 100%;margin-top: 6px}} .shop-head__count{display: inline-block;margin-left: 12px;font-family: var(--font-sans);font-size: var(--shop-fs-sm);font-weight: 500;letter-spacing: 0;color: var(--ink-muted)} #shop-list-title:focus:not(:focus-visible){outline: none} .shop-catalog [hidden]{display: none !important} .shop-tools{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 12px;margin: 16px 0 14px} .shop-tools .shop-tools__filters{width: auto;min-height: 44px;padding: 8px 16px} .shop-view{display: inline-flex;margin-left: auto;border: 1px solid var(--hairline-2);border-radius: 10px;overflow: hidden} .shop-view__link{display: inline-flex;align-items: center;min-height: 44px;padding: 8px 14px;color: var(--ink);font-size: var(--shop-fs-sm);text-decoration: none} .shop-view__link + .shop-view__link{border-left: 1px solid var(--hairline-2)} .shop-view__link[aria-current]{background: var(--ink);color: var(--paper);font-weight: 600} @media (max-width: 759px){.shop-tools .shop-sort{order: 3;flex-basis: 100%} .shop-tools .shop-sort select{flex: 1}} .shop-chips__list{list-style: none;position: relative;display: flex;flex-wrap: wrap;gap: 8px;margin: 0 0 16px;padding: 0} .shop-chip{display: inline-flex;align-items: center;gap: 6px;min-height: 44px;padding: 6px 12px;border: 1px solid var(--hairline-2);border-radius: 999px;background: var(--surface);color: var(--ink);font-size: var(--shop-fs-sm);text-decoration: none;white-space: nowrap} .shop-chip:hover{border-color: var(--accent)} .shop-chip__kind{color: var(--ink-muted)} .shop-chip__x{font-size: var(--shop-fs-base);line-height: 1} .shop-chips__clear{display: inline-flex;align-items: center;min-height: 44px;padding: 0 8px;color: var(--brand);font-size: var(--shop-fs-sm);font-weight: 600;white-space: nowrap} .shop-chips__last{display: inline-flex;align-items: center;gap: 4px} @media (max-width: 1023px){.shop-subgroups ul{position: relative;margin: 8px 0 0} .shop-subgroups a{white-space: nowrap} .shop-chips__list, .shop-subgroups ul{flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;padding-right: 24px;-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent);mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent)}} .shop-ways{list-style: none;display: flex;flex-direction: column;align-items: flex-start;gap: 8px;margin: 0;padding: 0} .shop-ways .shop-ways__link{width: auto;max-width: 100%;white-space: normal;min-height: 44px;padding: 10px 16px;text-align: left} .shop-ways__n{color: var(--ink-muted);font-weight: 400} .shop-filters__head{display: flex;align-items: center;gap: 12px;min-height: 52px;padding: 0 0 8px} .shop-filters__title{margin: 0;font-family: var(--font-display);font-size: var(--shop-fs-md);color: var(--ink)} .shop-filters__clear{display: inline-flex;align-items: center;min-height: 44px;margin-left: auto;color: var(--brand);font-size: var(--shop-fs-sm);font-weight: 600} .shop-filters__close{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border: 1px solid var(--hairline-2);background: none;border-radius: 10px;color: var(--ink);font-size: var(--shop-fs-md);line-height: 1} .shop-filters__title + .shop-filters__close{margin-left: auto} .shop-facet{min-width: 0;margin: 0;padding: 10px 0;border: 0;border-top: 1px solid var(--hairline)} .shop-facet__title{margin: 0 0 6px;padding: 0;font-family: inherit;font-size: var(--shop-fs-base);font-weight: 700;color: var(--ink)} legend.shop-facet__title{float: left;width: 100%} .shop-facet > legend ~ *{clear: left} .shop-facet__note{font-size: var(--shop-fs-xs);font-weight: 400;color: var(--ink-muted)} .shop-opt{display: flex;align-items: center;gap: 10px;min-height: 44px;color: var(--ink);font-size: var(--shop-fs-sm)} .shop-opt input{flex: none;width: 20px;height: 20px;margin: 0;accent-color: var(--brand)} .shop-opt input:focus-visible, .shop-price-in input:focus-visible, input.shop-facet__search:focus-visible{outline: 2px solid var(--brand);outline-offset: 2px} .shop-opt__label{flex: 1;min-width: 0;overflow-wrap: anywhere} .shop-opt__n{flex: none;font-family: var(--font-mono);font-size: var(--shop-fs-xs);color: var(--ink-muted);font-feature-settings: 'tnum' 1} .shop-opt .shop-opt__n{min-width: 5ch;text-align: right} .shop-opt.is-zero{color: var(--ink-muted);cursor: default} .shop-opt.is-unmatched{display: none} .shop-opt--sep{margin-top: 6px;border-top: 1px dashed var(--hairline)} .shop-facet__more > summary, .shop-checkout__card > summary{display: flex;align-items: center;min-height: 44px;color: var(--brand);font-size: var(--shop-fs-sm);font-weight: 600;cursor: pointer} input.shop-facet__search, .shop-price-in input{width: 100%;min-width: 0;flex: none;min-height: 44px;padding: 8px 12px;border: 1px solid var(--hairline-2);border-radius: 10px;background: var(--surface);color: var(--ink);font: inherit;font-size: var(--shop-fs-base);} input.shop-facet__search{margin: 0 0 6px} .shop-facet__hint{margin: 6px 0 0;font-size: var(--shop-fs-xs);color: var(--ink-muted)} .shop-bands{list-style: none;display: flex;flex-wrap: wrap;gap: 8px;margin: 0 0 12px;padding: 0} .shop-band{display: inline-flex;align-items: center;gap: 6px;min-height: 44px;padding: 6px 12px;border: 1px solid var(--hairline-2);border-radius: 999px;color: var(--ink);font-size: var(--shop-fs-sm);text-decoration: none} .shop-band[href]:hover{border-color: var(--accent)} .shop-band[aria-current], .shop-band.is-on{border-color: var(--ink);background: var(--surface-2);font-weight: 600} .shop-band.is-zero{border-style: dashed;color: var(--ink-muted);cursor: default} .shop-price-in{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px} .shop-price-in__field{display: flex;flex-direction: column;gap: 4px;min-width: 0} .shop-price-in label{font-size: var(--shop-fs-sm);font-weight: 600;color: var(--ink-2)} .shop-filters__apply{position: sticky;bottom: 0;display: flex;align-items: center;gap: 12px;padding: 8px 0;border-top: 1px solid var(--hairline);background: var(--paper)} .shop-filters .shop-filters__submit{flex: 1 1 auto;width: auto;min-width: 0;min-height: 44px;padding: 10px 16px;white-space: normal;line-height: 1.25} @media (min-width: 1024px){[data-shop-list-js] .shop-catalog__side .shop-filters__apply{position: static;padding: 0;border-top: 0} [data-shop-list-js] .shop-catalog__side .shop-filters__submit{display: none}} .shop-grid.is-loading{opacity: 0.55;transition: opacity 0.15s ease} @media (prefers-reduced-motion: reduce){.shop-grid.is-loading{transition: none}} .shop-groups-nav{list-style: none;margin: 0;padding: 0} .shop-groups-nav__link{display: flex;justify-content: space-between;align-items: center;gap: 8px;min-height: 36px;margin: 0 -8px;padding: 4px 8px;border-radius: 8px;color: var(--ink);font-size: var(--shop-fs-sm);text-decoration: none} .shop-groups-nav__link:hover{color: var(--brand)} .shop-groups-nav__link[aria-current]{background: var(--surface-2);font-weight: 600} .shop-groups-nav__all{margin: 8px 0 0;font-size: var(--shop-fs-sm)} @media (max-width: 1023px){.shop-catalog__side{display: none} .shop-catalog__side:target{display: block}} @media (min-width: 1024px){.shop-catalog--panel{display: grid;grid-template-columns: 264px minmax(0, 1fr);grid-template-rows: auto 1fr;grid-template-areas: "side head" "side main";align-items: start;column-gap: 32px} .shop-catalog--panel .shop-catalog__head{grid-area: head} .shop-catalog--panel .shop-catalog__main{grid-area: main;min-width: 0} .shop-catalog--panel .shop-catalog__side{grid-area: side;position: sticky;top: calc(var(--shop-hdr-compact) + 16px);max-height: calc(100vh - var(--shop-hdr-compact) - 32px);margin-top: 28px;padding-right: 8px;overflow-y: auto;overscroll-behavior: contain;scroll-padding-bottom: 88px;} .shop-catalog--panel .shop-subgroups, .shop-tools .shop-tools__filters{display: none} .shop-catalog--panel .shop-subgroups--named{display: block} .shop-opt, .shop-band, .shop-groups-nav__link{min-height: 32px;}} .shop-filter-dialog{width: 100%;max-width: none;height: 100%;max-height: none;margin: 0;padding: 0 16px;border: 0;background: var(--paper);color: var(--ink-2);overscroll-behavior: contain;scroll-padding-top: 72px;scroll-padding-bottom: 88px;} .shop-filter-dialog::backdrop{background: rgba(11, 23, 32, 0.55)} .shop-filter-dialog .shop-filters__form{display: flex;flex-direction: column;min-height: 100%} .shop-filter-dialog .shop-filters__head{position: sticky;top: 0;z-index: 1;padding: 8px 0;border-bottom: 1px solid var(--hairline);background: var(--paper)} .shop-filter-dialog .shop-filters__head + .shop-facet, .shop-filter-dialog .shop-filters__head + input[type="hidden"] + .shop-facet, .shop-filter-dialog .shop-filters__head + input[type="hidden"] + input[type="hidden"] + .shop-facet{border-top: 0} .shop-filter-dialog .shop-filters__apply{margin-top: auto} @media (prefers-reduced-motion: reduce){.shop-chip, .shop-band{transition: none}} .shop-ico{flex: none;width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round} .shop-view__link{position: relative;justify-content: center;gap: 6px;min-width: 44px} .shop-tools .shop-tools__sort{display: none} .shop-tools__sort-now{min-width: 0;overflow: hidden;text-overflow: ellipsis} .shop-tools .shop-tools__sort::after{content: '';flex: none;width: 7px;height: 7px;margin: -4px 2px 0 auto;border-right: 1.8px solid currentColor;border-bottom: 1.8px solid currentColor;transform: rotate(45deg)} @media (max-width: 1023px){.shop-catalog__head{padding-top: 10px} .shop-catalog__head .shop-head__title{margin-bottom: 0} .shop-view__label{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap} .shop-view__link{padding: 8px 12px} .shop-catalog[data-shop-sheets] .shop-tools{position: sticky;top: var(--shop-hdr-compact);z-index: 20;flex-wrap: nowrap;gap: 8px;margin: 8px calc(-1 * var(--shop-gutter, 16px)) 8px;padding: 5px var(--shop-gutter, 16px) 4px;border-bottom: 1px solid var(--hairline);background: var(--paper)} .shop-catalog[data-shop-sheets] .shop-tools .shop-sort{display: none} .shop-catalog[data-shop-sheets] .shop-tools .shop-tools__filters{flex: none;padding: 8px 12px} .shop-catalog[data-shop-sheets] .shop-tools .shop-tools__sort{display: inline-flex;flex: 1 1 auto;min-width: 0;min-height: 44px;container: shop-sort / inline-size;gap: 4px;padding: 2px 8px;font-weight: 500} .shop-catalog[data-shop-sheets] .shop-tools .shop-tools__sort-now{white-space: normal;line-height: 1.25} .shop-catalog[data-shop-sheets] .shop-view{flex: none} html:has(.shop-catalog){scroll-padding-top: calc(var(--shop-hdr-compact) + 72px)} .shop-groups-nav__link{min-height: 44px}} @container shop-sort (width < 153px){.shop-catalog[data-shop-sheets] .shop-tools .shop-tools__sort .shop-ico{display: none}} html.shop-locked{scrollbar-gutter: stable} html.shop-locked body{overflow: hidden} .shop-sheet{width: 100%;max-width: 560px;max-height: 85vh;margin: auto auto 0;padding: 0;border: 0;border-top: 1px solid var(--hairline-2);border-radius: 16px 16px 0 0;background: var(--paper);color: var(--ink-2);overscroll-behavior: contain} .shop-sheet::backdrop{background: rgba(11, 23, 32, 0.55)} .shop-sheet__in{padding: 8px 16px calc(12px + env(safe-area-inset-bottom))} .shop-sheet__head{display: flex;align-items: center;gap: 12px;padding: 0 0 8px;border-bottom: 1px solid var(--hairline)} .shop-sheet__title{margin: 0 auto 0 0;font-family: var(--font-display);font-size: var(--shop-fs-md);color: var(--ink)} .shop-sheet__list{list-style: none;margin: 0;padding: 4px 0 0} .shop-sheet__opt{display: flex;align-items: center;justify-content: space-between;gap: 12px;width: 100%;min-height: 48px;padding: 8px 4px;border: 0;border-bottom: 1px solid var(--hairline);background: none;color: var(--ink);font: inherit;font-size: var(--shop-fs-base);text-align: left;cursor: pointer} .shop-sheet__opt[aria-current]{font-weight: 700} .shop-sheet__opt[aria-current]::after{content: '';flex: none;width: 6px;height: 12px;margin-right: 6px;border-right: 2px solid var(--brand);border-bottom: 2px solid var(--brand);transform: rotate(45deg) translate(-2px, -2px)} .shop-sheet__opt:focus-visible{outline: 2px solid var(--brand);outline-offset: -2px} @media (max-width: 759px){.shop-grid--list .shop-card{display: block;min-height: 0;padding: 10px} .shop-grid--list .shop-card__link{display: block;min-height: 44px} .shop-grid--list .shop-card__link > .shop-img, .shop-grid--list .shop-card__media{position: static;float: left;width: 88px;margin: 0 12px 0 0} .shop-grid--list .shop-card__name{margin-top: 2px;line-height: 1.28} .shop-grid--list .shop-card__model{margin: 2px 0 0;line-height: 1.35} .shop-grid--list .shop-card__specs{-webkit-line-clamp: 1} .shop-grid--list .shop-card__foot{clear: left;margin-top: 6px;padding-top: 6px;border-top: 1px solid var(--hairline)}} .shop-img{display: flex;align-items: center;justify-content: center;width: 100%;aspect-ratio: 4 / 3;border: 1px solid var(--hairline);border-radius: 10px;background: var(--shop-photo);color: var(--shop-photo-ink);object-fit: contain} .shop-img--photo{height: auto} .shop-img--placeholder svg{width: 38%;height: auto;opacity: 0.7} .shop-card__media{position: relative;display: block} .shop-card__tag{position: absolute;top: 8px;left: 8px;padding: 2px 6px;border: 1px solid var(--hairline-2);border-radius: 6px;background: var(--surface);color: var(--ink-2);font-size: var(--shop-fs-xs);font-weight: 600;line-height: 1.4;pointer-events: none} .shop-card__tag--exact{top: auto;bottom: 8px;border-color: transparent;background: var(--brand-soft);color: var(--brand)} .shop-illustration{display: flex;flex-wrap: wrap;gap: 2px 8px;margin: 8px 0 0;font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-illustration__label{font-size: var(--shop-fs-sm);font-weight: 600;color: var(--ink)} .shop-price{display: flex;flex-wrap: wrap;align-items: baseline;gap: 0 6px} .shop-price__amount{font-family: var(--font-display);font-weight: 700;font-size: var(--shop-fs-md);line-height: 1.2;color: var(--ink);font-feature-settings: 'tnum' 1;white-space: nowrap} .shop-price__vat, .shop-price__other{font-size: var(--shop-fs-xs);line-height: 1.35;color: var(--ink-muted);white-space: nowrap} .shop-price__other{flex-basis: 100%;white-space: normal;color: var(--ink-2)} .shop-price__other > span{white-space: nowrap} .shop-price--large .shop-price__amount{font-size: var(--shop-fs-lg);letter-spacing: -0.02em} .shop-price--large .shop-price__vat, .shop-price--large .shop-price__other{font-size: var(--shop-fs-sm)} .shop-energy{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 2px 10px;font-size: var(--shop-fs-md);line-height: 1} .shop-energy--large{font-size: var(--shop-fs-lg);} .shop-energy__arrow{display: inline-flex} .shop-energy__svg{width: 2.8em;height: 1.6em;flex-shrink: 0} .shop-energy__sheet{font-size: var(--shop-fs-sm);line-height: 1.3} .shop-product__energy:not(:has(.shop-energy)){display: none} .shop-marks{display: flex;flex-wrap: wrap;gap: 4px} .shop-mark{padding: 1px 6px;border: 1px solid var(--hairline-2);border-radius: 6px;color: var(--ink-2);font-size: var(--shop-fs-xs);font-weight: 600} .shop-mark--cond, .shop-attr--cond{border-color: var(--accent);background: var(--accent-soft)} .shop-mark--cond{color: var(--accent-ink)} .shop-mark--unknown{border-style: dashed} .shop-attr{margin: 8px 0;padding: 4px 12px;border: 1px solid var(--hairline-2);border-radius: 8px} .shop-attr p{margin: 4px 0} .shop-line-attrs{display: block;font-size: var(--shop-fs-xs);color: var(--ink-2)} .shop-buybar__price{display: flex;flex-wrap: wrap;align-items: center;gap: 2px 10px;min-width: 0} .shop-cart__info .shop-energy{font-size: var(--shop-fs-base);} .shop-summary__line > .shop-energy{grid-column: 1 / -1;font-size: var(--shop-fs-md)} .shop-card__blocked{margin: 0;font-size: var(--shop-fs-xs);color: var(--accent-ink)} .shop-energy-dialog{margin: auto;max-width: min(92vw, 520px);max-height: 92vh;padding: 12px 16px 16px;border: 1px solid var(--hairline-2);border-radius: 14px;background: var(--paper)} .shop-energy-dialog::backdrop{background: #0b17208c;} .shop-energy-dialog__head{display: flex;align-items: center;gap: 12px;margin: 0 0 8px} .shop-energy-dialog__title{margin: 0 auto 0 0;font-family: var(--font-display);font-size: var(--shop-fs-md);color: var(--ink)} .shop-energy-dialog__close{min-width: 44px;min-height: 44px} .shop-energy-dialog__img{display: block;width: auto;max-width: 100%;height: auto;max-height: calc(92vh - 140px);margin: 0 auto;background: var(--shop-photo);} .shop-energy-dialog__sheet{display: inline-block;margin-top: 10px;font-size: var(--shop-fs-sm)} @media (max-width: 559px){.shop-grid:not(.shop-grid--list) .shop-card__foot > .shop-energy{grid-area: 4 / 1 / 5 / 3;margin-top: 4px} .shop-grid:not(.shop-grid--list) .shop-card__foot:has(> .shop-energy) .shop-stock{grid-row: 5 / 6}} .shop-grid--list .shop-card__foot > .shop-energy{grid-column: 1 / -1;grid-row: 2} .shop-grid--list .shop-card__foot:has(> .shop-energy) > .shop-stock{grid-row: 3} .shop-grid--list .shop-card__foot > .shop-card__blocked{grid-column: 1 / -1} .shop-stock{display: inline-flex;align-items: center;gap: 7px;font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-stock__dot{flex: none;width: 8px;height: 8px;border-radius: 50%;background: var(--ink-muted)} .shop-stock--ok .shop-stock__dot{background: var(--signal)} .shop-stock--wait .shop-stock__dot{background: var(--accent)} .shop-stock--none .shop-stock__dot{background: transparent;border: 1.5px solid var(--ink-muted)} .shop-product{display: grid;gap: 20px;margin-top: 12px} @media (min-width: 860px){.shop-product{grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);gap: 48px;align-items: start}} .shop-product__media .shop-img{aspect-ratio: 16 / 7} @media (min-width: 860px){.shop-product__media .shop-img{aspect-ratio: 4 / 3}} .shop-product__main .eyebrow{margin-bottom: 10px} .shop-product .shop-product__title{margin-bottom: 8px} .shop-product__title--long{font-size: var(--shop-fs-md);line-height: 1.2;letter-spacing: -0.01em} @media (min-width: 860px){.shop-product__title--long{font-size: var(--shop-fs-lg)}} .shop-product__ids{margin: 0;font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-product__ids > span{display: inline-block;max-width: 100%;overflow-wrap: anywhere} .shop-product__buy{display: flex;flex-direction: column;gap: 8px;padding: 14px 16px;margin: 12px 0 0;border: 1px solid var(--hairline);border-radius: 14px;background: var(--surface)} .shop-product__buy .shop-stock{font-size: var(--shop-fs-base)} .shop-product__buy p{margin: 0;font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-add__row{display: flex;gap: 10px} .shop-add input[type="number"], .shop-cart__controls input[type="number"]{width: 84px;min-width: 0;flex: none;min-height: 48px;padding: 10px 12px;border: 1px solid var(--hairline-2);border-radius: 10px;background: var(--surface);color: var(--ink);font: inherit;font-feature-settings: 'tnum' 1} .shop-add input[type="number"]:focus, .shop-cart__controls input[type="number"]:focus{border-color: var(--ink);outline: none;box-shadow: 0 0 0 3px var(--rail)} .shop-add .btn{flex: 1} .shop-add input[type="number"]:disabled{background: var(--surface-2);color: var(--ink-muted);cursor: not-allowed} .shop-qty{display: flex;flex: none} .shop-add .shop-qty input[type="number"]{width: 52px;padding-inline: 4px;border-radius: 0;text-align: center;-moz-appearance: textfield} .shop-qty input::-webkit-inner-spin-button, .shop-qty input::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0} .shop-qty__step{width: 44px;min-height: 48px;padding: 0;border: 1px solid var(--hairline-2);background: var(--surface);color: var(--ink);font: inherit;font-size: var(--shop-fs-md);cursor: pointer} .shop-qty__step:first-child{border-radius: 10px 0 0 10px;border-right: 0} .shop-qty__step:last-child{border-radius: 0 10px 10px 0;border-left: 0} .shop-qty__step:disabled{background: var(--surface-2);color: var(--ink-muted);cursor: not-allowed} .shop-product__buy .shop-add p:not(:empty){margin-top: 8px} .shop-add__status a{color: var(--brand);font-weight: 600} .shop-buy__promises{display: grid;gap: 4px;margin: 4px 0 0;padding: 12px 0 0;border-top: 1px solid var(--hairline);list-style: none;font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-buy__promises li{position: relative;padding-left: 22px} .shop-buy__promises li::before{content: '';position: absolute;left: 3px;top: 0.3em;width: 10px;height: 5px;border: solid var(--brand);border-width: 0 0 2px 2px;transform: rotate(-45deg)} .shop-buy__promises a{color: var(--brand)} .shop-highlights{margin: 20px 0 0} .shop-highlights__title{margin: 0 0 6px;font-family: var(--font-sans);font-size: var(--shop-fs-base);font-weight: 600;color: var(--ink)} .shop-highlights ul{display: grid;gap: 4px;margin: 0;padding: 0;list-style: none;font-size: var(--shop-fs-base);line-height: 1.5;color: var(--ink-2)} .shop-highlights li{position: relative;padding-left: 16px} .shop-highlights li::before{content: '';position: absolute;left: 2px;top: 0.62em;width: 6px;height: 6px;border-radius: 50%;background: var(--accent)} .shop-buybar{display: none} @media (max-width: 859px){.shop-buybar:not([hidden]){display: block;position: fixed;z-index: 60;left: 0;right: 0;bottom: 0;padding: 10px 0 calc(10px + env(safe-area-inset-bottom));border-top: 1px solid var(--hairline);background: var(--surface);box-shadow: 0 -6px 18px rgb(0 0 0 / 0.08);transform: translateY(100%);visibility: hidden;transition: transform 0.2s ease, visibility 0.2s} .shop-buybar.is-shown{transform: none;visibility: visible} html:has(.shop-buybar:not([hidden])){scroll-padding-bottom: calc(128px + env(safe-area-inset-bottom))} html:has(.shop-buybar:not([hidden])) .ftr{padding-bottom: calc(120px + env(safe-area-inset-bottom))} html:has(.shop-buybar.is-shown) .shop-toast{bottom: calc(128px + env(safe-area-inset-bottom))} html:has(#klaro .cookie-notice:not(.cookie-modal-notice)) .shop-buybar{display: none}} @media (prefers-reduced-motion: reduce){.shop-buybar{transition: none}} .shop-buybar__inner{display: flex;align-items: center;justify-content: space-between;gap: 12px} .shop-buybar .shop-price__amount{font-size: var(--shop-fs-md)} .shop-buybar .btn{min-height: 48px;padding-inline: 22px} .shop-toast{position: fixed;z-index: 70;left: 16px;right: 16px;bottom: calc(16px + env(safe-area-inset-bottom));display: flex;align-items: center;gap: 12px;max-width: 480px;margin: 0 auto;padding: 8px 8px 8px 16px;border-radius: 12px;background: var(--ink);color: var(--paper);opacity: 0;pointer-events: none} .shop-toast.is-shown{opacity: 1;pointer-events: auto} .shop-toast__text{flex: 1;min-width: 0;margin: 0;font-size: var(--shop-fs-sm);line-height: 1.3} .shop-toast__title, .shop-toast__detail{display: block} .shop-toast__detail{opacity: 0.8} .shop-toast__detail--one{overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .shop-toast :focus-visible{outline-color: var(--paper)} a.shop-toast__go{flex: none;display: inline-flex;align-items: center;min-height: 44px;padding: 0 14px;border-radius: 8px;background: var(--paper);color: var(--ink);font-size: var(--shop-fs-sm);font-weight: 600;text-decoration: none} .shop-facts{display: grid;grid-template-columns: max-content minmax(0, 1fr);gap: 8px 18px;margin: 0;font-size: var(--shop-fs-sm)} .shop-facts dt{font-weight: 500;color: var(--ink-2)} .shop-facts dd{margin: 0;color: var(--ink);overflow-wrap: anywhere} .shop-desc, .shop-nodata{margin-top: 40px;max-width: 72ch} .shop-nodata p{margin: 12px 0 0} .shop-nodata .shop-facts{margin-top: 12px} .shop-maker{margin-top: 44px} .shop-maker .shop-section__title{margin-bottom: 12px} .shop-desc__text{white-space: pre-line;line-height: 1.65;margin: 12px 0 0;overflow-wrap: anywhere} .shop-gallery{display: flex;flex-direction: column;gap: 10px} .shop-gallery__thumbs{display: flex;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0;list-style: none} .shop-gallery__thumb{display: block;width: 64px;padding: 0;border: 1px solid var(--hairline);border-radius: 8px;background: var(--shop-photo);cursor: pointer;overflow: hidden;font: inherit;color: inherit} .shop-gallery__thumb img{display: block;width: 100%;height: 48px;object-fit: contain} .shop-gallery__thumb:hover{border-color: var(--hairline-2)} .shop-gallery__thumb[aria-current="true"], .shop-gallery__thumb[aria-pressed="true"]{border-color: var(--ink);box-shadow: 0 0 0 1px var(--ink)} .shop-specs{margin-top: 40px} @media (min-width: 1024px){.shop-specs__groups{columns: 2;column-gap: 48px}} .shop-specs__group{padding-top: 16px;break-inside: avoid} .shop-specs__heading, .shop-specs__summary{font-family: var(--font-sans);font-size: var(--shop-fs-base);font-weight: 600;color: var(--ink);margin: 0 0 6px} details.shop-specs__group{padding-top: 0;border-top: 1px solid var(--hairline)} .shop-specs__summary{cursor: pointer;display: list-item;padding: 10px 0;line-height: 24px;margin: 0} .shop-specs__table{width: 100%;border-collapse: collapse;border-radius: 0;box-shadow: none;overflow: visible;font-size: var(--shop-fs-sm)} .shop-specs__table th, .shop-specs__table td, .shop-specs__table tbody tr:hover td{padding: 7px 0;border-bottom: 1px solid var(--hairline);background: none;text-align: left;vertical-align: top;overflow-wrap: anywhere} .shop-specs__table th{width: 42%;padding-right: 16px;font-size: inherit;font-weight: 500;color: var(--ink-2)} .shop-specs__table td{color: var(--ink)} .shop-source{margin: 28px 0 0;font-size: var(--shop-fs-xs);color: var(--ink-muted)} .shop-live{margin: 14px 0 0;padding: 10px 14px;border: 1px solid var(--accent);border-radius: 10px;background: var(--accent-soft);color: var(--ink);font-size: var(--shop-fs-sm)} .shop-live:empty{display: none} .shop-live a{color: var(--accent-ink);font-weight: 600} @keyframes shop-live-flash{from{background-color: var(--accent-soft)} to{background-color: transparent}} .is-live-updated{border-radius: 6px;animation: shop-live-flash 1.6s var(--ease, ease-out)} @keyframes shop-live-ring{from{box-shadow: 0 0 0 3px var(--accent)} to{box-shadow: 0 0 0 3px transparent}} .shop-card.is-live-updated{border-radius: 14px;animation: shop-live-ring 2s var(--ease, ease-out)} @media (prefers-reduced-motion: reduce){.is-live-updated{animation: none;background-color: var(--accent-soft)} .shop-card.is-live-updated{background-color: var(--surface);box-shadow: 0 0 0 2px var(--accent)}} .shop-card.is-gone{opacity: 0.6} .shop-add[aria-disabled="true"] .btn{cursor: not-allowed} .shop-cart-area{min-height: calc(100vh - 240px)} .shop-cart{margin-top: 12px} .shop-cart[data-shop-cart]{margin-top: 4px} .shop-cart__status{margin: 8px 0 16px;color: var(--ink-muted);font-size: var(--shop-fs-sm)} .shop-cart[data-shop-cart] > .shop-cart__status{margin: 0 0 12px} .shop-cart[data-shop-cart] > .shop-cart__status:empty{margin: 0} .shop-cart__status a{color: var(--brand);font-weight: 600} .shop-cart[aria-busy="true"] .shop-cart__body{opacity: 0.6;transition: opacity 200ms var(--ease)} .shop-cart__layout{display: grid;gap: 20px} .shop-cart__notice{margin: 0 0 16px;padding: 14px 16px;border-left: 3px solid var(--accent);background: var(--accent-soft);color: var(--ink);border-radius: 0 10px 10px 0} .shop-cart__lines{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--hairline)} .shop-cart__line{display: grid;grid-template-columns: 64px minmax(0, 1fr);gap: 12px;align-items: start;padding: 16px 0;border-bottom: 1px solid var(--hairline)} .shop-cart__thumb{display: block;width: 64px} .shop-cart__thumb .shop-img{border-radius: 8px} .shop-cart__line.is-unavailable .shop-cart__name{color: var(--ink-muted)} .shop-cart__info{display: flex;flex-direction: column;gap: 4px;min-width: 0} .shop-cart__name{color: var(--ink);font-weight: 600;overflow-wrap: anywhere} a.shop-cart__name:hover{color: var(--brand)} .shop-cart__model{font-size: var(--shop-fs-sm);color: var(--ink-2);overflow-wrap: anywhere} .shop-cart__msg{font-size: var(--shop-fs-sm);color: var(--accent-ink)} .shop-cart__unit{font-size: var(--shop-fs-sm);color: var(--ink-muted);font-feature-settings: 'tnum' 1} .shop-cart__controls{grid-column: 1 / -1;display: flex;align-items: center;gap: 10px} .shop-cart__qty input[type="number"]{width: 52px;padding-inline: 4px;border-radius: 0;text-align: center;-moz-appearance: textfield} .shop-cart__remove{min-height: 44px;padding: 8px 12px;border: 1px solid transparent;border-radius: 10px;background: none;color: var(--ink-2);font: inherit;font-size: var(--shop-fs-sm);text-decoration: underline;text-underline-offset: 3px;cursor: pointer} .shop-cart__remove:hover{color: var(--accent-ink)} .shop-cart__sum{margin-left: auto;font-size: var(--shop-fs-base);font-family: var(--font-display);font-weight: 600;color: var(--ink);font-feature-settings: 'tnum' 1;white-space: nowrap} @media (min-width: 760px){.shop-cart__line{grid-template-columns: 80px minmax(0, 1fr) auto;gap: 20px} .shop-cart__thumb{width: 80px} .shop-cart__controls{grid-column: auto;flex-wrap: wrap;justify-content: flex-end;width: 214px;gap: 8px 6px} .shop-cart__sum{flex-basis: 100%;text-align: right}} .shop-cart__aside{display: flex;flex-direction: column;gap: 16px;padding: 18px;border: 1px solid var(--hairline-2);border-radius: 14px;background: var(--surface)} .shop-cart__summary{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 8px 0;max-width: 420px;margin: 20px 0 0 auto;font-size: var(--shop-fs-base);font-feature-settings: 'tnum' 1} .shop-cart__aside .shop-cart__summary{max-width: none;margin: 0} .shop-cart__summary dt{color: var(--ink-2)} .shop-cart__summary dd{margin: 0;padding-left: 24px;text-align: right;color: var(--ink);white-space: nowrap} .shop-cart__summary .is-total{padding-top: 10px;border-top: 1px solid var(--hairline-2);font-family: var(--font-display);font-weight: 600;font-size: var(--shop-fs-md);color: var(--ink)} .shop-cart__promise{margin: 0;padding: 12px 14px;border-radius: 10px;background: var(--surface-2);color: var(--ink);font-size: var(--shop-fs-sm);line-height: 1.5} .shop-cart__promise strong{font-weight: 600} .shop-cart__free{display: grid;gap: 8px} .shop-cart__free-text{margin: 0;color: var(--ink);font-size: var(--shop-fs-sm);font-weight: 600} .shop-cart__free-bar{display: block;width: 100%;height: 6px;border: 0;border-radius: 3px;background: var(--hairline);color: var(--brand);overflow: hidden;-webkit-appearance: none;appearance: none} .shop-cart__free-bar::-webkit-progress-bar{background: var(--hairline);border-radius: 3px} .shop-cart__free-bar::-webkit-progress-value{background: var(--brand);border-radius: 3px} .shop-cart__free-bar::-moz-progress-bar{background: var(--brand);border-radius: 3px} .shop-cart__blockers{margin: 20px 0 0;padding: 14px 16px 14px 34px;border: 1px solid var(--accent);border-radius: 10px;background: var(--accent-soft);color: var(--ink)} .shop-cart__aside .shop-cart__blockers{margin: 0} .shop-cart__actions{display: grid;gap: 10px} .shop-cart__actions .btn{display: flex;align-items: center;justify-content: center;width: 100%;min-height: 48px;text-align: center} .shop-cart__why{margin: 0;font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-cart__facts .shop-ordering{margin: 0;padding: 14px 0 0;border: 0;border-top: 1px solid var(--hairline);border-radius: 0;background: none} .shop-cart__facts--wide{display: none} .shop-cart__empty[hidden]{display: none} .shop-cart__empty-title{margin: 0 0 6px;font-family: var(--font-display);font-size: var(--shop-fs-md);color: var(--ink)} .shop-cart__empty p{margin: 0 0 18px;color: var(--ink-2)} @media (min-width: 1024px){.shop-cart__layout{grid-template-columns: minmax(0, 1fr) 360px;gap: 32px;align-items: start} .shop-cart__facts--narrow{display: none} .shop-cart__facts--wide{display: block}} @media (min-width: 1024px) and (min-height: 720px){.shop-cart__aside{position: sticky;top: calc(var(--shop-hdr-compact) + 20px)}} .shop-cart__bar{color: transparent;white-space: nowrap;background: linear-gradient(var(--hairline), var(--hairline)) left center / 100% 0.75em no-repeat;background-origin: content-box;background-clip: content-box} .shop-cart__info > .shop-cart__bar{width: 40%} .shop-cart__info > .shop-cart__name.shop-cart__bar{width: 70%} .shop-cart__info > .shop-cart__model.shop-cart__bar{width: 25%} .shop-cart__controls > .shop-cart__bar{width: 6em} .shop-cart__summary > dt.shop-cart__bar{width: 55%} .shop-cart__summary > dd.shop-cart__bar{min-width: 7em} .shop-cart__info > .shop-cart__name.shop-cart__bar + .shop-cart__name.shop-cart__bar{width: 45%} .shop-cart__promise > .shop-cart__bar{display: block;width: 92%} .shop-cart__promise > .shop-cart__bar:last-child:not(:first-child){width: 55%} .shop-cart__thumb-stand-in{aspect-ratio: 4 / 3;border: 1px solid var(--hairline);border-radius: 8px;background: var(--surface-2)} .shop-cart__qty-stand-in{flex: none;width: 140px;height: 48px;border: 1px solid var(--hairline);border-radius: 10px} .shop-cart__placeholder .btn{visibility: hidden} @media (min-width: 760px){.shop .wrap, .shdr .wrap{padding-left: 28px;padding-right: 28px} .shop-card{padding: 14px}} .shop-form--narrow{max-width: 480px} .shop-form--narrow .btn, .shop-checkout__pay .btn{width: auto;min-width: 200px} .shop-form__note, .shop-fieldset__note{margin: 12px 0 0;font-size: var(--shop-fs-sm);color: var(--ink-muted);max-width: 62ch} .shop-fieldset{margin: 0 0 28px;padding: 0;border: 0;min-width: 0} .shop-fieldset legend{padding: 0;margin-bottom: 14px;font-family: var(--font-display);font-weight: 600;font-size: var(--shop-fs-md);color: var(--ink)} .shop-field{display: flex;flex-direction: column;gap: 6px;margin-bottom: 16px;min-width: 0} .shop-field label{font-weight: 600;font-size: var(--shop-fs-sm);color: var(--ink)} .shop-field__optional{font-weight: 400;color: var(--ink-muted)} .shop-field__hint{margin: 0;font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-field input, .shop-field textarea{width: 100%;min-width: 0;flex: none;min-height: 48px;padding: 11px 14px;border: 1px solid var(--hairline-2);border-radius: 10px;background: var(--surface);color: var(--ink);font: inherit;font-size: var(--shop-fs-base);} .shop-field textarea{min-height: 110px;font-family: inherit;resize: vertical} .shop-field input:focus, .shop-field textarea:focus{border-color: var(--ink);outline: none;box-shadow: 0 0 0 3px var(--rail)} .shop-field input[readonly]{background: var(--paper);color: var(--ink-2)} .shop-field.is-invalid input, .shop-field.is-invalid textarea{border-color: var(--accent);box-shadow: 0 0 0 1px var(--accent)} .shop-field__error{margin: 0;font-size: var(--shop-fs-sm);font-weight: 600;color: var(--accent-ink)} .shop-field-row{display: grid;grid-template-columns: minmax(0, 7rem) minmax(0, 1fr);gap: 0 12px} .shop-choices{display: grid;gap: 10px} @media (min-width: 560px){.shop-choices{grid-template-columns: 1fr 1fr}} .shop-choice{display: flex;align-items: flex-start;gap: 12px;padding: 14px 16px;border: 1px solid var(--hairline-2);border-radius: 12px;background: var(--surface);color: var(--ink);cursor: pointer;font-weight: 400} .shop-choice:has(input:checked){border-color: var(--ink);box-shadow: 0 0 0 1px var(--ink)} .shop-choice:has(input:focus-visible){box-shadow: 0 0 0 3px var(--rail), 0 0 0 1px var(--ink)} .shop-choice input{flex: none;width: 20px;height: 20px;min-width: 0;min-height: 0;margin: 2px 0 0;accent-color: var(--ink)} .shop-choice > span{display: flex;flex-direction: column;gap: 2px;min-width: 0} .shop-choice small{font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-choice a{color: var(--brand);font-weight: 600} .shop-choice--check{padding: 10px 0;border: 0;background: none;box-shadow: none !important} .shop-choice--check > span{display: inline} .shop-field.is-invalid .shop-choice--check input{outline: 2px solid var(--accent);outline-offset: 2px} .shop-checkout .shop-when-business{display: none} .shop-checkout[data-type="business"] .shop-when-business{display: revert} .shop-checkout[data-type="business"] .shop-when-private{display: none} @supports selector(:has(*)){.shop-checkout:has(.shop-type input[value="private"]:checked) .shop-when-private{display: revert} .shop-checkout:has(.shop-type input[value="private"]:checked) .shop-when-business{display: none} .shop-checkout:has(.shop-type input[value="business"]:checked) .shop-when-business{display: revert} .shop-checkout:has(.shop-type input[value="business"]:checked) .shop-when-private{display: none} .shop-checkout .shop-when-delivery{display: none} .shop-checkout:has(input[name$=".OtherDelivery"]:checked) .shop-when-delivery{display: block}} .shop-when-delivery{margin-top: 10px} .shop-cvr{margin: -6px 0 18px;max-width: 62ch} .js .shop-cvr[data-state="unknown"]{display: none} .shop-cvr[hidden], .shop-cvr [hidden]{display: none !important} .shop-cvr__actions{display: flex;flex-wrap: wrap;gap: 10px;align-items: center} .shop-cvr .btn{width: auto;min-width: 0} .shop-cvr .btn[aria-disabled="true"]{opacity: 0.6;cursor: progress;transform: none !important} .shop-cvr__source{margin: 8px 0 0;font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-cvr__result:empty{display: none} .shop-cvr__box{margin-top: 12px;padding: 14px 16px;border: 1px solid var(--hairline-2);border-left: 3px solid var(--signal);border-radius: 12px;background: var(--surface);color: var(--ink)} .shop-cvr__box.is-warning{border-color: var(--accent);border-left-color: var(--accent);background: var(--accent-soft)} .shop-cvr__box p{margin: 0 0 8px} .shop-cvr__box p:last-child{margin-bottom: 0} .shop-cvr__lines{margin: 0 0 12px;padding: 0;list-style: none} .shop-visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0} .shop-alert, .shop-ok{margin: 20px 0;padding: 16px 18px;border-radius: 12px;max-width: 70ch} .shop-alert{border: 1px solid var(--accent);background: var(--accent-soft);color: var(--ink)} .shop-ok{border: 1px solid var(--hairline-2);border-left: 3px solid var(--signal);background: var(--surface);color: var(--ink)} .shop-alert p, .shop-ok p{margin: 0 0 8px} .shop-alert p:last-child, .shop-ok p:last-child{margin-bottom: 0} .shop-alert ul{margin: 6px 0 0;padding-left: 20px} .shop-alert a, .shop-ok a{color: var(--accent-ink);font-weight: 600} .shop-alert .btn{width: auto;color: var(--btn-primary-ink)} .shop-ok__title{margin: 0 0 8px;font-family: var(--font-display);font-size: var(--shop-fs-md);color: var(--ink)} .shop-checkout__grid{display: grid;gap: 28px;margin-top: 16px} @media (min-width: 960px){.shop-checkout__grid{grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);gap: 48px;align-items: start} .shop-checkout__aside{grid-column: 2;grid-row: 1;position: sticky;top: calc(var(--shop-hdr-compact) + 20px)} .shop-checkout__main{grid-column: 1;grid-row: 1}} .shop-checkout__who{margin: 0 0 24px;color: var(--ink-2)} .shop-checkout__who a, .shop-checkout__back a{color: var(--brand);font-weight: 600} .shop-checkout__back{margin: 12px 0 0;font-size: var(--shop-fs-sm)} .shop-checkout__pay{display: flex;flex-direction: column;align-items: flex-start;gap: 12px;margin-top: 8px;padding-top: 20px;border-top: 1px solid var(--hairline)} .shop-checkout[data-shop-checkout] .shop-checkout__pay{align-items: stretch} .shop-checkout__glance{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 2px 10px;padding: 12px 40px 12px 14px;position: relative;border: 1px solid var(--hairline-2);border-radius: 12px;background: var(--surface);color: var(--ink);font-weight: 600;cursor: pointer;list-style: none} .shop-checkout__glance::-webkit-details-marker{display: none} .shop-checkout__glance::after{content: '';position: absolute;top: 50%;right: 18px;width: 8px;height: 8px;border: solid var(--ink-2);border-width: 0 2px 2px 0;transform: translateY(-70%) rotate(45deg)} .shop-checkout__order[open] > .shop-checkout__glance{margin-bottom: 12px} .shop-checkout__order[open] > .shop-checkout__glance::after{transform: translateY(-30%) rotate(225deg)} .shop-checkout__glance-sum{font-weight: 400;font-feature-settings: 'tnum' 1} .shop-checkout__order .shop-summary__title{display: none} @media (min-width: 960px){@supports selector(::details-content){.shop-checkout__glance{display: none} .shop-checkout__order::details-content{display: block;content-visibility: visible} .shop-checkout__order .shop-summary__title{display: block}}} .shop-checkout__pay .btn[aria-busy="true"]{opacity: 0.7;cursor: progress} .shop-checkout__payinfo, .shop-checkout__card{margin: 0;font-size: var(--shop-fs-sm);color: var(--ink-muted);max-width: 62ch} .shop-checkout__card p{margin: 0 0 8px} .shop-checkout__card > summary{gap: 10px} .shop-checkout__card > summary::-webkit-details-marker{display: none} .shop-checkout__card > summary::after{content: '';flex: none;width: 7px;height: 7px;border: solid currentColor;border-width: 0 2px 2px 0;transform: translateY(-25%) rotate(45deg)} .shop-checkout__card[open] > summary::after{transform: translateY(25%) rotate(225deg)} .shop-legal{margin: 0 0 20px;padding: 18px 20px 8px;border: 1px solid var(--hairline);border-radius: 12px;background: var(--surface);font-size: var(--shop-fs-sm)} .shop-legal__title{margin: 0 0 8px;font-family: var(--font-display);font-size: var(--shop-fs-base);color: var(--ink)} .shop-legal p{margin: 0 0 10px} .shop-legal a{color: var(--brand);font-weight: 600} .shop-summary{padding: 20px;border: 1px solid var(--hairline);border-radius: var(--border-radius);background: var(--surface)} .shop-summary__title{margin: 0 0 12px;font-family: var(--font-display);font-size: var(--shop-fs-md);color: var(--ink)} .shop-summary__lines{list-style: none;margin: 0;padding: 0} .shop-summary__line{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 4px 16px;padding: 10px 0;border-bottom: 1px solid var(--hairline);font-size: var(--shop-fs-base)} .shop-summary__line.is-unavailable .shop-summary__name{color: var(--ink-muted)} .shop-summary__name{color: var(--ink);overflow-wrap: anywhere} .shop-summary__qty{font-feature-settings: 'tnum' 1;color: var(--ink-muted)} .shop-summary__amount{text-align: right;white-space: nowrap;font-feature-settings: 'tnum' 1;color: var(--ink)} .shop-summary__msg{grid-column: 1 / -1;font-size: var(--shop-fs-sm);color: var(--accent-ink)} .shop-summary__line > .shop-stock{grid-column: 1 / -1} .shop-summary__vat{margin: 10px 0 0;font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-summary .shop-cart__summary{margin: 12px 0 0;max-width: none} .shop-status{margin: 8px 0 24px;padding: 18px 20px;border: 1px solid var(--hairline-2);border-left: 3px solid var(--signal);border-radius: 12px;background: var(--surface);color: var(--ink);max-width: 70ch} .shop-status--warn{border-left-color: var(--accent);background: var(--accent-soft)} .shop-status p{margin: 0 0 8px} .shop-status p:last-child{margin-bottom: 0} .shop-status__small{font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-status__small a{color: var(--brand);font-weight: 600} .shop-status__action{margin-top: 12px} .shop-status__action .btn{width: auto} .shop-order{max-width: 760px} .shop-order__section{margin-top: 32px} .shop-order__section .shop-section__title{margin-bottom: 8px} .shop-order__details{display: grid;gap: 20px} @media (min-width: 700px){.shop-order__details{grid-template-columns: repeat(3, minmax(0, 1fr))}} .shop-order__label{margin: 0 0 6px;font-family: var(--font-sans);font-size: var(--shop-fs-sm);font-weight: 600;color: var(--ink)} .shop-order__details p{margin: 0} .shop-order__contact span, .shop-address span{display: block;overflow-wrap: anywhere} .shop-address{font-style: normal;color: var(--ink)} .shop-order__shipments{list-style: none;margin: 0;padding: 0} .shop-order__shipments li{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 6px 16px;padding: 10px 0;border-bottom: 1px solid var(--hairline)} .shop-order__shipments a, .shop-order__invoice a, .shop-order__back a{color: var(--brand);font-weight: 600} .shop-order__invoice, .shop-order__help, .shop-order__back{margin: 24px 0 0} .shop-order__help{font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-account-nav{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 20px;margin: 8px 0 24px;padding-bottom: 12px;border-bottom: 1px solid var(--hairline)} .shop-account-nav ul{display: flex;flex-wrap: wrap;gap: 4px 18px;list-style: none;margin: 0;padding: 0} .shop-account-nav a{display: inline-block;padding: 8px 0;color: var(--ink-2);font-weight: 600;text-decoration: none} .shop-account-nav a:hover, .shop-account-nav a[aria-current]{color: var(--ink);text-decoration: underline;text-underline-offset: 6px;text-decoration-thickness: 2px} .shop-account-nav__out{margin: 0} .shop-linkbutton{min-height: 44px;padding: 8px 0;border: 0;background: none;color: var(--ink-2);font: inherit;font-size: var(--shop-fs-sm);text-decoration: underline;text-underline-offset: 3px;cursor: pointer} .shop-linkbutton:hover{color: var(--accent-ink)} .shop-linkbutton:focus-visible, .shop-account-nav a:focus-visible{outline: 2px solid var(--ink);outline-offset: 2px} .shop-list{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--hairline);max-width: 860px} .shop-list__item{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 4px 16px;padding: 14px 0;border-bottom: 1px solid var(--hairline);font-size: var(--shop-fs-base)} .shop-list__main{color: var(--ink);font-weight: 600} .shop-list__main:hover{color: var(--brand)} .shop-list__meta, .shop-list__status{color: var(--ink-muted);font-size: var(--shop-fs-sm)} .shop-list__status--due{color: var(--accent-ink);font-weight: 600} .shop-list__status--due:hover{text-decoration: underline} .shop-list__amount{text-align: right;white-space: nowrap;font-feature-settings: 'tnum' 1;color: var(--ink)} .shop-list__extra{color: var(--brand);font-size: var(--shop-fs-sm)} @media (min-width: 760px){.shop-list__item{grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr) auto minmax(0, 0.9fr);align-items: baseline} .shop-list__extra{text-align: right}} .shop-account-delete{margin: 40px 0 0;padding-top: 20px;border-top: 1px solid var(--hairline);max-width: 62ch;color: var(--ink-2)} .shop-account-delete p{margin: 0 0 8px} .shop-account-delete a, .shop-delete a, .shop-delete__actions a, .shop-delete__back a{color: var(--accent-ink);font-weight: 600} .shop-delete__title{margin: 0 0 10px;font-family: var(--font-display);font-size: var(--shop-fs-md);color: var(--ink)} .shop-delete{max-width: 70ch} .shop-delete .shop-delete__title{margin-top: 28px} .shop-delete__list{margin: 0;padding-left: 20px;color: var(--ink-2)} .shop-delete__list li, .shop-alert .shop-delete__orders li{list-style: disc} .shop-delete__list li{margin: 0 0 10px;line-height: 1.6} .shop-delete__list strong{color: var(--ink)} .shop-alert .shop-delete__orders{margin: 6px 0 10px;padding-left: 20px} .shop-delete__status{color: var(--ink-muted)} .shop-delete__confirm{margin: 28px 0 0;padding-top: 20px;border-top: 1px solid var(--hairline);max-width: 70ch} .shop-delete__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 24px} .shop-delete__actions .btn, .shop-delete__relogin .btn{width: auto;min-width: 200px} .shop-delete__back{margin: 28px 0 0} .shop-invoice__actions{display: flex;justify-content: flex-end;margin: 16px 0 0} .shop-invoice__actions .btn{width: auto} .shop-invoice{max-width: 820px;margin: 16px 0 0;padding: 24px 20px;border: 1px solid var(--hairline);border-radius: var(--border-radius);background: var(--surface);color: var(--ink)} @media (min-width: 760px){.shop-invoice{padding: 40px 44px}} .shop-invoice__head{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px 40px;margin-bottom: 28px} .shop-invoice__seller span, .shop-invoice__seller strong{display: block} .shop-invoice__title{margin: 0 0 10px;font-family: var(--font-display);font-size: var(--shop-fs-lg);color: var(--ink)} .shop-invoice__meta dl{display: grid;grid-template-columns: max-content auto;gap: 4px 16px;margin: 0;font-size: var(--shop-fs-sm)} .shop-invoice__meta dt{color: var(--ink-muted)} .shop-invoice__meta dd{margin: 0;font-feature-settings: 'tnum' 1} .shop-invoice__buyer{margin-bottom: 24px} .shop-invoice__reference{margin: 8px 0 0} .shop-table{width: 100%;border-collapse: collapse;border-radius: 0;box-shadow: none;overflow: visible;font-size: var(--shop-fs-sm);font-feature-settings: 'tnum' 1} .shop-table th, .shop-table td, .shop-table tbody tr:hover td{padding: 10px 8px;border-bottom: 1px solid var(--hairline);background: none;color: inherit;text-align: left;vertical-align: top} .shop-table th{padding-top: 6px;border-bottom-color: var(--hairline-2);font-size: var(--shop-fs-sm);font-weight: 600;color: var(--ink-2)} .shop-table .is-num{text-align: right;white-space: nowrap} .shop-table td:first-child{overflow-wrap: anywhere} .shop-invoice__totals{margin-top: 16px} .shop-invoice__paid{margin: 24px 0 0;font-size: var(--shop-fs-sm);color: var(--ink-2)} @media (max-width: 559px){.shop-table th:nth-child(3), .shop-table td:nth-child(3){display: none}} @media screen and (max-width: 559px){.shop-table, .shop-table thead, .shop-table tbody{display: block} .shop-table tr{display: grid;grid-template-columns: minmax(0, 1fr) 3.5rem 8.5rem;column-gap: 8px;border-bottom: 1px solid var(--hairline)} .shop-table thead tr{border-bottom-color: var(--hairline-2)} .shop-table th, .shop-table td, .shop-table tbody tr:hover td{padding-left: 0;padding-right: 0;border-bottom: 0} .shop-table td:first-child{grid-column: 1 / -1;padding-bottom: 2px} .shop-table td:nth-child(2){grid-column: 2;padding-top: 0} .shop-table td:nth-child(4){grid-column: 3;padding-top: 0}} .shop-terms{max-width: 72ch} .shop-terms__toc ol{margin: 8px 0 0;padding-left: 22px;columns: 2 220px;column-gap: 32px;font-size: var(--shop-fs-base)} .shop-terms__toc a, .shop-terms__section a{color: var(--brand)} .shop-terms__section{margin-top: 36px} .shop-terms__section h2{margin: 0 0 10px;font-family: var(--font-display);font-size: var(--shop-fs-md);color: var(--ink)} .shop-terms__section h3{margin: 18px 0 6px;font-size: var(--shop-fs-base);color: var(--ink)} .shop-terms__section p, .shop-terms__section li{line-height: 1.62} .shop-terms__retention{margin: 0 0 12px;padding-left: 20px} .shop-terms__retention li{list-style: disc;margin: 0 0 4px} .shop-terms__form{padding: 20px;border: 1px solid var(--hairline-2);border-radius: 12px;background: var(--surface)} .shop-terms__blank{margin: 0 0 14px;border-bottom: 1px dotted var(--hairline-2)} .shop-cart__summary .shop-cart__vat-of{font-size: var(--shop-fs-sm);color: var(--ink-muted)} .shop-ordering{margin: 0 0 22px;padding: 14px 18px;border: 1px solid var(--hairline-2);border-radius: 12px;background: var(--surface);font-size: var(--shop-fs-sm);line-height: 1.55} .shop-ordering p{margin: 0 0 6px} .shop-ordering p:last-child{margin-bottom: 0} .shop-ordering a, .shop-buy__legal a, .shop-foot a, .shop-guarantee a{color: var(--brand)} .shop-trust{margin: 48px 0 0;padding: 18px 0 0;border-top: 1px solid var(--hairline-2);font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-trust > span:not(.shop-trust__pay){white-space: nowrap} .shop-trust a{color: var(--brand)} .shop-trust + .shop-foot{margin-top: 8px;padding-top: 0;border-top: 0} .shop-foot{display: flex;flex-wrap: wrap;gap: 6px 20px;margin: 48px 0 0;padding: 18px 0 0;border-top: 1px solid var(--hairline-2);font-size: var(--shop-fs-sm)} .shop-foot a.shop-foot__withdraw{font-weight: 600;text-decoration: underline;text-underline-offset: 3px} .shop-foot a{display: inline-flex;align-items: center;min-height: 28px} @media (max-width: 759px){.shop-foot{row-gap: 0} .shop-foot a{min-height: 44px}} .shop-withdraw-line{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 16px;margin: 0 0 24px;font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-withdraw__statement{margin: 18px 0;padding: 12px 14px;border-left: 3px solid var(--hairline-2);color: var(--ink-2)} .shop-withdraw__receipt{display: grid;grid-template-columns: minmax(0, max-content) minmax(0, 1fr);gap: 6px 16px;margin: 12px 0 16px} .shop-withdraw__receipt dt{font-weight: 600} .shop-withdraw__receipt dd{margin: 0;overflow-wrap: anywhere} @media (max-width: 520px){.shop-withdraw__receipt{grid-template-columns: minmax(0, 1fr)} .shop-withdraw__receipt dd{margin-bottom: 6px}} .shop-facts__maker span, .shop-facts__maker a{display: block} .shop-facts__maker a{color: var(--brand)} .shop-guarantee{max-width: 72ch} .shop-guarantee__notice{margin: 8px 0 28px} .shop-guarantee__notice img{display: block;width: 100%;max-width: 760px;height: auto;border: 1px solid var(--hairline-2);background: #fff} .shop-guarantee__notice figcaption{margin-top: 8px;font-size: var(--shop-fs-sm);color: var(--ink-2)} .shop-guarantee__text h2{margin: 0 0 10px;font-family: var(--font-display);font-size: var(--shop-fs-md)} .shop-guarantee__text h3{margin: 18px 0 6px;font-size: var(--shop-fs-base)} .shop-guarantee__text p, .shop-guarantee__text li{line-height: 1.62} .shop-guarantee__text ul, .shop-guarantee__text ol{margin: 0 0 12px;padding-left: 22px} .shop-guarantee__text ul li{list-style: disc} .shop-guarantee__text ol li{list-style: decimal} @media print{.hdr, .ftr, .actionbar, .shdr, .shop-nav, .shop-foot, .shop-trust, .shop-buybar, .shop-toast, .shop-crumbs, .shop-account-nav, .shop-noprint, .policy-modal, .klaro{display: none !important} .shop{padding: 0;background: #fff;color: #000} .shop-invoice{max-width: none;margin: 0;padding: 0;border: 0;background: #fff;color: #000} .shop-invoice *, .shop-table th{color: #000 !important} .shop-table th, .shop-table td, .shop-cart__summary .is-total{border-color: #999 !important} .shop-table th:nth-child(3), .shop-table td:nth-child(3){display: table-cell !important}}