/* byBlacksmith · Classic storefront · 20261107-release10 */
body.bbs-design:is(.bbs-storefront, .bbs-checkout) {
  --bbs-paper: #faf9f7;
  --bbs-ink: #23272b;
  --bbs-muted: #62666a;
  --bbs-line: #e6e1d8;
  --bbs-copper: #b4612e;
  --bbs-deep-copper: #8e4521;
  --bbs-width: 1240px;
  --bbs-gutter: clamp(16px, 5vw, 80px);
  --bbs-sans: Inter, system-ui, sans-serif;
  --bbs-serif: 'Source Serif 4', Georgia, serif;
  --template-font: var(--bbs-sans);
  --template-headings-font: var(--bbs-serif);
  --color-primary: var(--bbs-deep-copper);
  --color-primary-hover: #733819;
  color: var(--bbs-ink);
  background: var(--bbs-paper);
  font-family: var(--bbs-sans);
}
@media (min-width: 768px) {
  body.bbs-design.bbs-storefront { --bbs-gutter: clamp(24px, 3.5vw, 72px); }
}
body.bbs-design .benefitBanner,
body.bbs-design.type-category #content .products-top-wrapper { display: none; }
body.bbs-storefront :is(h1,h2,h3,h4) { color: var(--bbs-ink); }
body.bbs-storefront :is(a,button,input):focus-visible { outline: 2px solid var(--bbs-copper); outline-offset: 3px; }
body.bbs-storefront #header { background: var(--bbs-paper); border-block: 0 1px solid var(--bbs-line); }
body.bbs-storefront #header > .navigation-wrapper { background-color: transparent; }
body.bbs-storefront:not(.bbs-layout-header) #header .site-name img { filter: brightness(0); }
body.bbs-storefront.bbs-layout-header #header > .navigation-wrapper,
body.bbs-storefront .bbs-home,
body.bbs-storefront .bbs-product-sections,
body.bbs-storefront.type-index .content-wrapper.container {
  width: min(var(--bbs-width), calc(100% - var(--bbs-gutter) * 2));
  max-width: none;
  padding-inline: 0;
  margin-inline: auto;
}
body.bbs-storefront.bbs-layout-header #header .header-top {
  width: 100%; min-height: 78px; padding: 14px 0; margin: 0;
  display: grid; grid-template-columns: minmax(168px, 1fr) minmax(240px, 438px) minmax(150px, 1fr);
  gap: clamp(16px, 3vw, 40px); align-items: center; justify-content: space-between;
}
body.bbs-storefront.bbs-layout-header #header .site-name-wrapper { display: block; width: auto; margin: 0; padding: 0; }
body.bbs-storefront.bbs-layout-header #header .site-name { display: block; margin: 0; }
body.bbs-storefront.bbs-layout-header #header .site-name a { display: block; width: clamp(145px, 17vw, 176px); color: var(--bbs-ink); }
body.bbs-storefront.bbs-layout-header #header .site-name img { display: none; }
body.bbs-storefront.bbs-layout-header #header .site-name a::before {
  content: ''; display: block; width: 100%; aspect-ratio: 598 / 138; background: currentColor;
  mask: url('https://byblacksmith.cz/images/byblacksmith-logo.svg') center / contain no-repeat;
}
body.bbs-storefront.bbs-layout-header #header .search { width: 100%; padding: 0; margin: 0; flex: none; }
body.bbs-storefront.bbs-layout-header #header .search-form fieldset { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: stretch; width: 100%; padding: 0; border: 1px solid #d7d0c5; border-radius: 4px; background: #fff; }
body.bbs-storefront.bbs-layout-header #header .search-form fieldset::before, body.bbs-storefront.bbs-layout-header #header .search-form fieldset::after { display: none; }
body.bbs-storefront.bbs-layout-header #header .search-input { width: 100%; min-width: 0; max-width: none; height: 42px; border: 0; margin: 0; padding: 0 12px; border-radius: 4px 0 0 4px; font: 14px var(--bbs-sans); color: var(--bbs-ink); }
body.bbs-storefront.bbs-layout-header #header .search-input::placeholder { color: var(--bbs-muted); opacity: 1; }
body.bbs-storefront.bbs-layout-header #header .search-form button {
  position: static; display: inline-flex; align-items: center; width: auto; min-width: 70px; height: 42px; margin: 0;
  padding: 0 12px; font: 600 13px var(--bbs-sans); text-transform: none; border: 0; border-left: 1px solid var(--bbs-line);
  background: var(--bbs-paper); color: var(--bbs-ink); border-radius: 0 4px 4px 0;
}
body.bbs-storefront.bbs-layout-header #header .search-form button::before { display: none; }
body.bbs-storefront.bbs-layout-header #header .navigation-buttons { margin: 0; padding: 0; justify-self: end; }
body.bbs-storefront.bbs-layout-header #header .cart-count {
  display: inline-flex; align-items: center; gap: 9px; padding: 0 12px; min-height: 42px;
  border: 1px solid var(--bbs-copper); border-radius: 4px; color: var(--bbs-ink); background: transparent; font-size: 13px; white-space: nowrap;
}
body.bbs-storefront.bbs-layout-header #header .cart-count::before { margin: 0; color: var(--bbs-ink); }
body.bbs-storefront.bbs-layout-header #header .cart-price { display: inline !important; font: 500 13px var(--bbs-sans); }
body.bbs-storefront.bbs-layout-header #navigation { border: 0; border-top: 1px solid var(--bbs-line); background: transparent; }
body.bbs-storefront.bbs-layout-header #navigation .navigation-in { background: transparent; }
body.bbs-storefront.bbs-layout-header #navigation .menu-level-1 > li { border: 0; }
body.bbs-storefront.bbs-layout-header #navigation .menu-level-1 > li > a { font: 500 16px/1.3 var(--bbs-sans); color: var(--bbs-ink); background: transparent; }
body.bbs-storefront.bbs-layout-header #navigation .menu-level-1 > li > a b { font-size: inherit; font-weight: 500; color: inherit; }
body.bbs-storefront.bbs-layout-header #navigation .menu-level-1 > li > a:hover { color: var(--bbs-deep-copper); background: transparent; }
body.bbs-storefront #navigation .menu-level-1 > li > a:is(.active, .bbs-active-category, [aria-current="page"]) {
  color: var(--bbs-deep-copper); box-shadow: inset 0 -2px var(--bbs-copper);
}
body.bbs-storefront.type-index:has(.bbs-home) .before-carousel { display: none; }
body.bbs-storefront.type-index:has(.bbs-home) #content > h1.sr-only { display: none; }
body.bbs-storefront.type-index .latest-contribution-rating,
body.bbs-storefront.type-index .latest-contribution-box:has(.latest-contribution-rating):not(:has(.latest-contribution:not(.latest-contribution-rating))) { display: none; }
body.bbs-storefront .bbs-home { margin-top: clamp(22px, 3vw, 42px); margin-bottom: clamp(30px, 4vw, 54px); }
body.bbs-storefront .bbs-home-intro { border-bottom: 1px solid #d7b9a6; padding-bottom: clamp(14px, 2vw, 23px); margin-bottom: clamp(15px, 2vw, 24px); position: relative; }
body.bbs-storefront .bbs-home-intro::after { content: ''; position: absolute; width: 58px; height: 2px; background: var(--bbs-copper); bottom: -1px; left: 0; }
body.bbs-storefront .bbs-eyebrow { margin: 0; font: 600 11px/1.4 var(--bbs-sans); text-transform: uppercase; letter-spacing: .13em; }
body.bbs-storefront .bbs-home-intro .bbs-eyebrow { color: var(--bbs-deep-copper); margin-bottom: 7px; }
body.bbs-storefront .bbs-home h1 { margin: 0; font: 400 clamp(31px, 4.1vw, 57px)/1.04 var(--bbs-serif); letter-spacing: -.032em; }
body.bbs-storefront .bbs-home-grid { display: grid; grid-template-columns: minmax(0, 2.55fr) minmax(220px, 1fr); gap: clamp(18px, 2.5vw, 32px); }
body.bbs-storefront .bbs-carousel { min-width: 0; position: relative; border-radius: 4px; overflow: hidden; background: var(--bbs-ink); color: #fff; }
body.bbs-storefront .bbs-slides, body.bbs-storefront .bbs-slide { height: clamp(285px, 27vw, 342px); position: relative; }
body.bbs-storefront .bbs-slide[hidden] { display: none !important; }
body.bbs-storefront .bbs-slide > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.bbs-storefront .bbs-slide::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(18 16 13 / 85%), rgb(18 16 13 / 47%) 53%, rgb(18 16 13 / 6%) 85%), linear-gradient(0deg,rgb(18 16 13 / 44%),transparent 35%); }
body.bbs-storefront .bbs-slide-copy { position: absolute; z-index: 1; inset: auto 16px clamp(69px, 6vw, 80px) clamp(20px, 4.4vw, 56px); }
body.bbs-storefront .bbs-slide-copy .bbs-eyebrow { color: #fff; }
body.bbs-storefront .bbs-slide-copy h2 { margin: 3px 0 16px; color: #fff; font: 400 clamp(35px, 5vw, 65px)/1 var(--bbs-serif); letter-spacing: -.035em; }
body.bbs-storefront .bbs-slide-link { display: inline-flex; gap: 12px; align-items: center; padding: 10px 13px; border-radius: 4px; background: var(--bbs-paper); color: var(--bbs-ink); font: 600 13px/1.4 var(--bbs-sans); }
body.bbs-storefront .bbs-slide-link:hover { background: #e6e1d8; color: var(--bbs-ink); text-decoration: none; }
body.bbs-storefront .bbs-carousel-tools { position: absolute; z-index: 2; right: 16px; bottom: 14px; display: flex; align-items: center; gap: 5px; }
body.bbs-storefront .bbs-slide-count { font: 600 12px/1 var(--bbs-sans); margin-right: 5px; }
body.bbs-storefront .bbs-carousel-tools button { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #ffffff91; border-radius: 4px; background: #23272bbf; color: #fff; font: 500 22px/1 var(--bbs-sans); cursor: pointer; }
body.bbs-storefront .bbs-carousel-tools button:hover { background: var(--bbs-ink); }
body.bbs-storefront .bbs-carousel-tools [data-bbs-pause] { font-size: 14px; }
body.bbs-storefront .bbs-categories { display: flex; flex-direction: column; min-width: 0; }
body.bbs-storefront .bbs-categories h2 { color: var(--bbs-muted); padding: 2px 0 9px; }
body.bbs-storefront .bbs-categories ul { flex: 1; display: grid; grid-template-rows: repeat(4, minmax(0, 1fr)); gap: 8px; list-style: none; padding: 0; margin: 0; }
body.bbs-storefront .bbs-categories li { display: flex; }
body.bbs-storefront .bbs-categories a { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 10px; padding: 9px 15px; border: 1px solid var(--bbs-line); border-radius: 4px; background: #fdfcfb; color: var(--bbs-ink); }
body.bbs-storefront .bbs-categories a:hover { border-color: var(--bbs-copper); text-decoration: none; }
body.bbs-storefront .bbs-categories strong { display: block; font-size: 15px; font-weight: 600; line-height: 1.2; }
body.bbs-storefront .bbs-categories small { display: block; color: var(--bbs-muted); font-size: 12px; line-height: 1.35; margin-top: 4px; }
body.bbs-storefront .bbs-category-arrow { color: var(--bbs-deep-copper); font-size: 20px; }
body.bbs-storefront .bbs-brands { margin-top: clamp(19px, 2.5vw, 34px); padding: 5px 0 8px; border-block: 1px solid var(--bbs-line); }
body.bbs-storefront .bbs-brands-header { display: flex; justify-content: space-between; align-items: center; min-height: 32px; }
body.bbs-storefront .bbs-brands-header h2 { color: var(--bbs-muted); }
body.bbs-storefront .bbs-brands-toggle {
  display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid transparent;
  border-radius: 4px; background: transparent; color: var(--bbs-deep-copper); cursor: pointer; font: 600 14px/1 var(--bbs-sans);
}
body.bbs-storefront .bbs-brands-toggle:hover { border-color: var(--bbs-line); background: #fff; }
body.bbs-storefront .bbs-brands-window { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 18px, #000 calc(100% - 18px), transparent); }
body.bbs-storefront .bbs-brands-track { display: flex; width: max-content; animation: bbs-brand-scroll 38s linear infinite; }
body.bbs-storefront .bbs-brands-window:hover .bbs-brands-track,
body.bbs-storefront .bbs-brands-paused .bbs-brands-track { animation-play-state: paused; }
body.bbs-storefront .bbs-brand-list { flex: none; display: grid; grid-auto-flow: column; grid-auto-columns: clamp(141px, 20vw, 234px); margin: 0; padding: 0; list-style: none; }
body.bbs-storefront .bbs-brand-list > li { min-width: 0; min-height: 52px; display: grid; place-items: center; margin: 0; padding: 4px 8px; }
body.bbs-storefront .bbs-brand-list img { display: block; width: 100%; max-width: 118px; height: 37px; object-fit: contain; filter: brightness(0) opacity(.76); }
body.bbs-storefront .bbs-brand-list li > span { color: var(--bbs-ink); font: 600 clamp(10px, 1.4vw, 14px)/1.2 var(--bbs-sans); letter-spacing: .08em; text-align: center; text-transform: uppercase; }
@keyframes bbs-brand-scroll { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  body.bbs-storefront .bbs-brands-toggle, body.bbs-storefront .bbs-brand-list[aria-hidden] { display: none; }
  body.bbs-storefront .bbs-brands-window { mask-image: none; }
  body.bbs-storefront .bbs-brands-track { width: 100%; animation: none; }
  body.bbs-storefront .bbs-brand-list { width: 100%; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  body.bbs-storefront .bbs-brand-list > li { padding-inline: 5px; }
}
body.bbs-storefront.type-index .homepage-group-title { text-align: left; border-top: 1px solid var(--bbs-line); padding-top: 16px; margin: 0 0 13px; }
body.bbs-storefront.type-index .content-wrapper.container { background: transparent; }
body.bbs-storefront.type-index .content-wrapper-in > .content:has(.homepage-group-title) { padding-inline: 0; }
body.bbs-storefront .bbs-products-title { font: 400 clamp(25px, 3vw, 37px)/1.12 var(--bbs-serif); margin: 0; }
body.bbs-storefront .products .p .name { font-weight: 600; color: var(--bbs-ink); }
body.bbs-storefront :is(.bbs-product-sections, .bbs-native-products, .products-page:where(#products), .products-related) { --bbs-product-gap: clamp(9px, 2vw, 23px); --bbs-product-columns: 3; }
body.bbs-storefront .bbs-product-sections { margin-bottom: clamp(32px, 5vw, 64px); }
body.bbs-storefront :is(.bbs-product-section + .bbs-product-section, .bbs-native-products + .bbs-native-product-heading) { margin-top: clamp(29px, 5vw, 60px); }
body.bbs-storefront .bbs-product-heading {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding-top: clamp(12px, 1.6vw, 20px); margin-bottom: clamp(12px, 1.7vw, 22px); border-top: 1px solid var(--bbs-line);
}
body.bbs-storefront :is(.bbs-product-list, .products-page:where(#products), .products-related) { display: grid; grid-template-columns: repeat(var(--bbs-product-columns), minmax(0, 1fr)); gap: var(--bbs-product-gap); margin: 0; padding: 0; list-style: none; }
body.bbs-storefront :is([data-bbs-product-shelf] .bbs-product-list, .bbs-native-product-heading[data-bbs-product-shelf] + .bbs-product-list) {
  grid-template-columns: none; grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--bbs-product-columns) - 1) * var(--bbs-product-gap)) / var(--bbs-product-columns));
  overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #cbb9a9 transparent; padding-bottom: 5px;
}
body.bbs-storefront :is([data-bbs-product-shelf] .bbs-product-list, .bbs-native-product-heading[data-bbs-product-shelf] + .bbs-product-list):focus-visible { outline: 2px solid var(--bbs-copper); outline-offset: 3px; }
body.bbs-storefront .bbs-product-card { min-width: 0; margin: 0; overflow: hidden; scroll-snap-align: start; }
body.bbs-storefront .bbs-product-card > a {
  display: grid; grid-template: auto 1fr auto / minmax(0, 1fr); gap: 8px; height: 100%; padding: clamp(8px, 1.4vw, 16px);
  border: 1px solid var(--bbs-line); border-radius: 4px; background: #fff; color: var(--bbs-ink); text-decoration: none;
}
body.bbs-storefront :is(.bbs-product-card > a:hover, :is(.bbs-native-products, .products-page:where(#products), .products-related) > .product > .p:focus-within) { border-color: var(--bbs-copper); }
body.bbs-storefront .bbs-product-card > a:focus-visible { outline-offset: -2px; }
body.bbs-storefront :is(.bbs-product-photo, :is(.bbs-native-products, .products-page:where(#products), .products-related) .p > a.image) {
  display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; aspect-ratio: 1.7; width: 100%; margin: 0;
}
body.bbs-storefront :is(.bbs-product-photo, :is(.bbs-native-products, .products-page:where(#products), .products-related) .p > a.image) img {
  display: block; width: 100%; height: 100%; max-height: 182px; object-fit: contain;
}
body.bbs-storefront :is(.bbs-product-name, :is(.bbs-native-products, .products-page:where(#products), .products-related) .p .name) {
  font: 600 clamp(12px, 1.4vw, 15px)/1.4 var(--bbs-sans); color: var(--bbs-ink); overflow-wrap: anywhere;
}
body.bbs-storefront :is(.bbs-product-price, :is(.bbs-native-products, .products-page:where(#products), .products-related) .p .price-final) {
  font: 600 clamp(13px, 1.6vw, 17px)/1.35 var(--bbs-sans); color: var(--bbs-deep-copper);
}
body.bbs-storefront .bbs-product-controls { flex: none; display: flex; gap: 6px; }
body.bbs-storefront .bbs-product-controls button {
  display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid var(--bbs-line);
  border-radius: 4px; background: #fff; color: var(--bbs-ink); cursor: pointer; font: 500 21px/1 var(--bbs-sans);
}
body.bbs-storefront .bbs-product-controls button:not([aria-disabled='true']):hover { border-color: var(--bbs-copper); color: var(--bbs-deep-copper); }
body.bbs-storefront .bbs-product-controls button[aria-disabled='true'] { opacity: .45; cursor: default; }
body.bbs-storefront.bbs-native-home.type-index :is(.middle-banners-wrapper, .homepage-box.welcome-wrapper, .footer-banners) { display: none; }
body.bbs-storefront .bbs-native-product-heading .homepage-group-title { font: 400 clamp(25px, 3vw, 37px)/1.12 var(--bbs-serif); padding: 0; margin: 0; border: 0; }
body.bbs-storefront .products-block:is(.bbs-native-products, .products-page:where(#products), .products-related) { margin: 0; }
body.bbs-storefront .products-block:is(.bbs-native-products, .products-page:where(#products), .products-related)::before,
body.bbs-storefront .products-block:is(.bbs-native-products, .products-page:where(#products), .products-related)::after { display: none; }
body.bbs-storefront .products-block:is(.bbs-native-products, .products-page:where(#products), .products-related) > .product { width: auto; min-width: 0; max-width: none; margin: 0; padding: 0; border: 0; scroll-snap-align: start; }
body.bbs-storefront .products-block:is(.bbs-native-products, .products-page:where(#products), .products-related) > .product > .p {
  display: flex; flex-direction: column; gap: 8px; height: 100%;
  padding: clamp(8px, 1.4vw, 16px); border: 1px solid var(--bbs-line); border-radius: 4px; background: #fff;
}
body.bbs-storefront :is(.bbs-native-products, .products-page:where(#products), .products-related) .p > .p-in {
  display: flex; flex-direction: column; flex: 1; gap: 8px;
}
body.bbs-storefront :is(.bbs-native-products, .products-page:where(#products), .products-related) .p .p-in-in { flex: 1; min-height: 0; }
body.bbs-storefront :is(.bbs-native-products, .products-page:where(#products), .products-related) .p .name {
  display: block; height: auto; max-height: none; margin: 0; padding: 0; white-space: normal;
}
body.bbs-storefront :is(.bbs-native-products, .products-page:where(#products), .products-related) .p :is(.p-desc, .p-code, .ratings-wrapper, .flags, .prices > :not(.price-final)),
body.bbs-storefront :is(.bbs-native-products, .products-related) .p .p-tools { display: none; }
body.bbs-storefront :is(.bbs-native-products, .products-page:where(#products), .products-related) .p .prices { width: 100%; padding: 0; }
body.bbs-storefront :is(.bbs-native-products, .products-page:where(#products), .products-related) .p .price-final strong { font: inherit; }
body.bbs-storefront.type-category #products .p-bottom > div:has(> .p-tools) {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px;
}
body.bbs-storefront.type-category #products .p-bottom .prices { flex: 0 1 auto; width: auto; }
body.bbs-storefront.type-category #products .p-bottom .p-tools { display: block; flex: none; width: auto; margin: 0 0 0 auto; padding: 0; }
body.bbs-storefront.type-category #products .p-tools .btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: auto; min-height: 34px; margin: 0; padding: 5px 9px;
  border: 1px solid #d9cec3; border-radius: 4px; background: transparent;
  color: var(--bbs-deep-copper); font: 600 12px/1.25 var(--bbs-sans);
  text-transform: none; text-decoration: none; white-space: nowrap;
}
body.bbs-storefront.type-category #products .p-tools .btn-cart::before { display: none; }
body.bbs-storefront.type-category #products .p-tools .btn:not(:disabled):hover { background: var(--bbs-paper); border-color: var(--bbs-copper); }
body.bbs-storefront.type-category #category-header {
  align-items: center; gap: 12px; margin-bottom: 10px;
  border-block: 1px solid var(--bbs-line); background: transparent;
}
body.bbs-storefront.type-category #category-header .listSorting__controls { flex-wrap: wrap; gap: 0 8px; }
body.bbs-storefront.type-category #category-header .listSorting__control {
  min-height: 42px; margin: 0; padding: 8px 12px; background: transparent;
  color: var(--bbs-ink); font: 500 13px/1.35 var(--bbs-sans);
}
body.bbs-storefront.type-category #category-header .listSorting__control:is(:hover, .listSorting__control--current) { color: var(--bbs-deep-copper); }
body.bbs-storefront.type-category #category-header .listSorting__control--current { box-shadow: inset 0 -2px var(--bbs-copper); }
body.bbs-storefront.type-category #category-header .listItemsTotal { padding: 8px 0; color: var(--bbs-muted); font-size: 13px; }
body.bbs-storefront.type-category #filters-wrapper .filters-unveil-button-wrapper { margin-bottom: 12px; text-align: right; }
body.bbs-storefront.type-category #filters-wrapper .filters-unveil-button-wrapper > .unveil-button {
  display: inline-flex; align-items: center; gap: 9px; min-height: 38px;
  padding: 7px 12px; border: 1px solid #d9cec3; border-radius: 4px; background: transparent;
  color: var(--bbs-deep-copper); font: 600 13px/1.3 var(--bbs-sans); text-transform: none;
}
body.bbs-storefront.type-category #filters-wrapper .filters-unveil-button-wrapper > .unveil-button::after {
  content: ''; width: 6px; height: 6px; border: solid currentColor; border-width: 0 1px 1px 0; transform: rotate(45deg) translateY(-2px);
}
body.bbs-storefront.type-category #filters-wrapper:has(#filters.visible) .filters-unveil-button-wrapper > .unveil-button::after { transform: rotate(225deg) translateY(-1px); }
body.bbs-storefront.type-category #filters-wrapper .filters-unveil-button-wrapper > .unveil-button:hover { border-color: var(--bbs-copper); background: #f5f1eb; }
body.bbs-storefront.type-category #filters-wrapper #filters {
  margin: 0 0 18px; padding: clamp(14px, 2vw, 23px);
  border: 1px solid var(--bbs-line); border-radius: 4px; background: #fff;
}
body.bbs-storefront.type-category #filters .slider-wrapper { margin: 0; padding: 0 0 16px; }
body.bbs-storefront.type-category #filters .filter-sections { padding: 0; border-top: 1px solid var(--bbs-line); background: transparent; }
body.bbs-storefront.type-category #filters .filter-count { background: #f5f1eb; }
body.bbs-storefront.type-category #filters .filter-total-count { color: var(--bbs-muted); font-size: 13px; }
@media (max-width: 479px) {
  body.bbs-storefront.type-category #category-header .listSorting__controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.bbs-storefront.type-category #category-header .listSorting__control { width: 100%; text-align: left; }
}
body.bbs-storefront #footer .custom-footer > :is(.custom-footer__poll, .custom-footer__instagram, .custom-footer__facebook),
body.bbs-storefront #footer .contact-box li:has(> :is(.facebook, .instagram)),
body.bbs-storefront .podpis:has(a:is([href='https://shoptak.cz'], [href='https://shoptak.cz/'])) { display: none; }
body.bbs-storefront #footer { background: var(--bbs-paper); margin-block-start: clamp(36px, 6vw, 80px); }
body.bbs-storefront #footer > :is(.footer-rows, .footer-bottom) {
  width: min(var(--bbs-width), calc(100% - var(--bbs-gutter) * 2));
  max-width: none; margin-inline: auto; padding-inline: 0;
  background: transparent; border: 0;
}
body.bbs-storefront #footer > .footer-rows {
  display: grid; grid-template-columns: minmax(145px, 1fr) minmax(0, 2fr);
  align-items: start; gap: clamp(20px, 4vw, 50px); padding-block: clamp(24px, 4vw, 48px);
  border-top: 1px solid var(--bbs-line);
}
body.bbs-storefront #footer > .footer-rows::before,
body.bbs-storefront #footer > .footer-rows::after { display: none; }
body.bbs-storefront #footer .footer-rows > .site-name {
  display: block; grid-column: 1; position: static; float: none; margin: 0; padding: 0; width: auto; height: auto;
}
body.bbs-storefront #footer .footer-rows > .site-name a { display: inline-flex; }
body.bbs-storefront #footer .footer-rows > .site-name img { width: clamp(130px, 15vw, 175px); height: auto; max-width: 100%; }
body.bbs-storefront #footer .custom-footer {
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  grid-column: 2; gap: clamp(18px, 3vw, 38px); padding: 0; margin: 0; width: 100%; border: 0;
}
body.bbs-storefront #footer .custom-footer::before,
body.bbs-storefront #footer .custom-footer::after { display: none; }
body.bbs-storefront #footer .custom-footer > :is(.custom-footer__contact, .custom-footer__articles) { width: auto; max-width: none; min-width: 0; padding: 0; }
body.bbs-storefront #footer .custom-footer .pageElement__heading {
  margin: 0 0 11px; font: 500 20px/1.2 var(--bbs-serif); text-transform: none;
}
body.bbs-storefront #footer .custom-footer a { color: var(--bbs-ink); overflow-wrap: anywhere; }
body.bbs-storefront #footer .custom-footer a:hover { color: var(--bbs-deep-copper); }
body.bbs-storefront #footer .footer-bottom:has(.bbs-footer-credit) {
  display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 8px 16px;
  padding-block: 16px 20px; color: var(--bbs-muted);
}
body.bbs-storefront #footer .footer-bottom:has(.bbs-footer-credit)::before,
body.bbs-storefront #footer .footer-bottom:has(.bbs-footer-credit)::after { display: none; }
body.bbs-storefront #footer .footer-bottom #signature {
  display: inline-flex !important; align-items: center; width: auto; flex: 0 1 auto; order: 1;
  text-align: start; margin: 0 0 0 auto;
}
body.bbs-storefront #footer #signature .image { display: inline-flex; align-items: center; flex: none; order: -1; margin: 0 7px 0 0; transition: none; }
body.bbs-storefront #footer #signature .image img { display: block; width: 13px; height: 13px; margin: 0; object-fit: contain; filter: grayscale(1) brightness(0); }
body.bbs-storefront #footer #signature .title, body.bbs-storefront #footer .bbs-footer-credit { color: inherit; font: 400 12px/1.5 var(--bbs-sans); }
body.bbs-storefront #footer .bbs-footer-credit { order: 2; text-decoration: underline; text-underline-offset: 3px; }
body.bbs-storefront #footer .footer-bottom:has(.bbs-footer-credit) .copyright { flex: 0 1 auto; order: 0; margin: 0; font: 400 12px/1.5 var(--bbs-sans); }

body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom,
body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom.siteCookies--scrolled {
  inset: auto 0 max(10px, env(safe-area-inset-bottom)) 0;
  width: min(1344px, calc(100% - 24px)); margin: 0 auto;
  background: transparent; box-shadow: none; transition: none;
  --cookies-notice-color: var(--bbs-ink);
}
body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom .siteCookies__form {
  display: flex; align-items: center; gap: 12px; max-width: none; margin: 0; padding: 8px 12px;
  border: 1px solid var(--bbs-line); border-radius: 8px;
  background: rgb(250 249 247 / 93%); backdrop-filter: blur(10px);
  box-shadow: 0 4px 16px rgb(35 39 43 / 10%); color: var(--bbs-ink);
  font: 400 13px/1.4 var(--bbs-sans);
}
body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom .siteCookies__content {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0;
}
body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom :is(.siteCookies__text, .siteCookies__links) { margin: 0; line-height: inherit; }
body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom .siteCookies__links { width: auto; }
body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom .siteCookies__buttonWrap { flex: none; gap: 8px; }
body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom :is(.siteCookies__link, .siteCookies__button) {
  display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 36px; margin: 0;
  padding: 4px 11px; border: 1px solid #c9bcb0; border-radius: 4px;
  background: var(--bbs-paper); color: var(--bbs-ink);
  font: 600 13px/1.2 var(--bbs-sans); white-space: nowrap;
}
body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom :is(.siteCookies__link, .siteCookies__button):hover {
  border-color: var(--bbs-copper); background: #f1eae4; color: var(--bbs-ink); opacity: 1;
}

@media (max-width: 767px) {
  body.bbs-storefront #footer > .footer-rows { grid-template-columns: minmax(0, 1fr); }
  body.bbs-storefront #footer .custom-footer { grid-column: 1; }
  body.bbs-storefront #footer .footer-bottom:has(.bbs-footer-credit) { justify-content: flex-start; }
  body.bbs-storefront #footer .footer-bottom #signature { margin-inline-start: 0; }
  body.bbs-storefront #footer .footer-bottom:has(.bbs-footer-credit) .copyright { width: 100%; }
  body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom .siteCookies__form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom :is(.siteCookies__content, .siteCookies__buttonWrap) { display: contents; }
  body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom .siteCookies__text { grid-column: 1 / -1; }
  body.bbs-storefront:is(.type-index, .type-detail) .siteCookies--bottom :is(.siteCookies__link, .siteCookies__button) {
    width: 100%; min-height: 44px; padding-inline: 4px; font-size: 12px;
  }
  body.bbs-storefront :is(.bbs-product-sections, .bbs-native-products, .products-page:where(#products), .products-related) { --bbs-product-columns: 2; }
  body.bbs-storefront.type-category #products .p-tools .btn { min-height: 40px; padding-inline: 6px; }
  body.bbs-storefront .bbs-home-grid { grid-template-columns: minmax(0, 1fr); gap: 17px; }
  body.bbs-storefront .bbs-slides, body.bbs-storefront .bbs-slide { height: clamp(232px, 66vw, 300px); }
  body.bbs-storefront .bbs-home h1 { max-width: 25ch; }
  body.bbs-storefront .bbs-categories ul { grid-template: repeat(2, minmax(58px, auto)) / repeat(2, minmax(0, 1fr)); }
  body.bbs-storefront .bbs-categories a { padding-inline: 9px; gap: 4px; }
  body.bbs-storefront .bbs-categories strong { font-size: 13px; }
  body.bbs-storefront .bbs-categories small { font-size: 10.5px; }
  body.bbs-storefront.bbs-layout-header #header .header-top { grid-template-columns: minmax(0,1fr) auto; min-height: 0; gap: 10px; padding-block: 11px; }
  body.bbs-storefront.bbs-layout-header #header .search { grid-column: 1/-1; grid-row: 2; }
  body.bbs-storefront.bbs-layout-header #header .navigation-buttons { grid-column: 2; grid-row: 1; }
  body.bbs-storefront.bbs-layout-header #header .cart-count { min-height: 38px; gap: 6px; padding-inline: 8px; }
  body.bbs-storefront.bbs-layout-header #header .cart-price { font-size: 12px; }
  body.bbs-storefront.bbs-layout-header #header .site-name a { width: clamp(108px, 34vw, 140px); }
}

body.bbs-storefront:is(.type-category, .type-detail) :is(#content-wrapper, .breadcrumbs-wrapper) {
  width: min(1360px, calc(100% - 2 * clamp(16px, 3vw, 40px)));
  max-width: none; margin-inline: auto; padding-inline: 0; background: transparent;
}
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs-wrapper { display: block; padding-block: clamp(9px, 1.2vw, 16px) clamp(12px, 1.6vw, 22px); }
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px;
  margin: 0; padding: 0; border: 0; background: transparent;
  color: var(--bbs-muted); font: 400 13px/1.4 var(--bbs-sans);
}
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs > span,
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs > span > :is(a, span) {
  display: inline-flex; align-items: center; gap: 10px;
  height: auto; padding: 0; margin: 0; border: 0; color: inherit; font: inherit;
}
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs::before,
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs > span::before,
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs > span::after,
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs > span > a:not(.navigation-home-icon)::before,
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs > span > :is(a, span)::after { display: none; }
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs #navigation-first > .navigation-home-icon { justify-content: center; min-width: 24px; min-height: 24px; padding: 0; }
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs #navigation-first > .navigation-home-icon::before {
  content: ''; position: static; width: 17px; height: 17px; margin: 0; transform: none; background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5M5 9v11h14V9m-9 11v-6h4v6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs .navigation-bullet { font-size: 0; }
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs .navigation-bullet::before {
  content: ''; width: 5px; height: 5px; border: solid #a89689; border-width: 1px 1px 0 0; transform: rotate(45deg);
}
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs [data-testid='breadcrumbsLastLevel'] { color: var(--bbs-ink); font-weight: 600; }
body.bbs-storefront:is(.type-category, .type-detail) .breadcrumbs a:hover { color: var(--bbs-deep-copper); }
body.bbs-storefront:is(.type-category, .type-detail) #content-wrapper .content-wrapper-in > .content { min-width: 0; padding-inline: 0; }
body.bbs-storefront.type-category:has(.bbs-category-brands .bbs-brand-options) #manufacturer-filter { display: none; }
body.bbs-design.type-category .bbs-category-intro {
  display: grid;
  grid-template-columns: minmax(0, min(33%, 300px)) minmax(0, 1fr);
  align-items: center;
  gap: clamp(18px, 3vw, 40px);
  margin: 0 0 clamp(20px, 3.5vw, 42px);
}
body.bbs-design.type-category .bbs-category-photo {
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 4px;
}
body.bbs-design.type-category .bbs-category-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.bbs-design.type-category .bbs-category-photo-zoom img { transform: scale(1.14); }
body.bbs-design.type-category .bbs-category-intro .category-title { margin: 0; }
body.bbs-design.type-category .bbs-category-intro .category-perex {
  max-width: 66ch;
  margin: 12px 0 0;
  font-size: clamp(15px, 1.25vw, 17px);
  line-height: 1.55;
}
body.bbs-design.type-category .bbs-category-intro .category-perex :is(p, span) { font-size: inherit !important; }
body.bbs-design.type-category .bbs-category-intro .category-perex > :last-child { margin-bottom: 0; }
@media (max-width: 767px) {
  body.bbs-design.type-category .bbs-category-intro { grid-template-columns: minmax(0, 1fr); }
  body.bbs-design.type-category .bbs-category-photo { max-width: 300px; }
}
body.bbs-storefront :is(.content-wrapper-in, .bbs-product-sections):has(> .bbs-category-brands) {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px;
  background: transparent;
}
body.bbs-storefront.type-category #content-wrapper:has(.bbs-category-brands) .content { width: 100%; }
body.bbs-storefront .bbs-category-brands { align-self: start; min-width: 0; }
body.bbs-storefront .bbs-category-brands details { border: 1px solid var(--bbs-line); border-radius: 4px; background: #fff; }
body.bbs-storefront .bbs-category-brands details + details { margin-top: 10px; }
body.bbs-storefront .bbs-category-brands summary { padding: 12px; cursor: pointer; font: 600 14px/1.4 var(--bbs-sans); }
body.bbs-storefront .bbs-category-brands nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 0 8px 8px; }
body.bbs-storefront .bbs-category-brands:not(.bbs-home-brand-panel) nav > a:first-child { grid-column: 1 / -1; }
body.bbs-storefront .bbs-category-brands a {
  display: flex; min-width: 0; min-height: 44px; justify-content: space-between; align-items: center; gap: 8px;
  padding: 6px 9px; border: 1px solid var(--bbs-line); border-radius: 4px;
  color: var(--bbs-ink); font: 600 12px/1.3 var(--bbs-sans);
}
body.bbs-storefront .bbs-category-brands a:is(:hover, .bbs-brand-selected, [aria-current]) { border-color: var(--bbs-copper); background: var(--bbs-paper); }
body.bbs-storefront .bbs-category-brands a span { color: var(--bbs-muted); }
body.bbs-storefront .bbs-brand-options nav > a:not(:first-child, :has(img)),
body.bbs-storefront .bbs-home-brand-panel nav > a:not(:has(img)) { font-size: 14px; }
body.bbs-storefront .bbs-category-brands img { width: 122px; max-width: calc(100% - 24px); height: 36px; object-fit: contain; filter: grayscale(1) brightness(0); }
/* The original Dellinger wordmark has transparent space above and below the lettering. */
body.bbs-storefront :is(.bbs-category-brands, .bbs-brand-list) img[src$='/dellinger.png'] {
  height: auto; aspect-ratio: 300 / 68; object-fit: cover;
}
body.bbs-storefront .bbs-subcategory-options nav { grid-template-columns: minmax(0, 1fr); }
body.bbs-storefront .bbs-subcategory-options a { min-height: 38px; font-size: 13px; overflow-wrap: anywhere; }
body.bbs-storefront .bbs-subcategory-options .bbs-subcategory-child { margin-inline-start: 12px; }
@media (min-width: 1120px) {
  body.bbs-storefront :is(.content-wrapper-in, .bbs-product-sections):has(> .bbs-category-brands) { grid-template-columns: 224px minmax(0, 1fr); gap: 24px; }
  body.bbs-storefront .bbs-category-brands { position: sticky; top: 92px; max-height: calc(100dvh - 108px); overflow-y: auto; }
  body.bbs-storefront .bbs-category-brands nav { grid-template-columns: minmax(0, 1fr); }
  body.bbs-storefront .bbs-product-sections:has(> .bbs-home-brand-panel) > .bbs-product-section { grid-column: 2; }
  body.bbs-storefront .bbs-product-sections > .bbs-home-brand-panel { grid-row: 1 / span 3; }
}

/* Product detail */
body.bbs-storefront.type-detail :is(#content-wrapper, .breadcrumbs-wrapper) {
  width: min(var(--bbs-width), calc(100% - var(--bbs-gutter) * 2));
}
body.bbs-storefront.type-detail .content-wrapper-in:has(> .bbs-detail-menu) {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px;
}
body.bbs-storefront.type-detail .content-wrapper-in:has(> .bbs-detail-menu) > #content { width: 100%; }
body.bbs-storefront.type-detail .bbs-detail-menu { align-self: start; min-width: 0; }
body.bbs-storefront.type-detail .bbs-detail-menu details { border: 1px solid var(--bbs-line); border-radius: 4px; background: #fff; }
body.bbs-storefront.type-detail .bbs-detail-menu summary { padding: 12px; cursor: pointer; font: 600 14px/1.4 var(--bbs-sans); }
body.bbs-storefront.type-detail .bbs-detail-menu nav { display: grid; gap: 5px; padding: 0 8px 8px; }
body.bbs-storefront.type-detail .bbs-detail-menu a {
  display: flex; align-items: center; min-height: 38px; padding: 7px 9px;
  border: 1px solid transparent; border-radius: 4px; color: var(--bbs-ink);
  font: 500 13px/1.35 var(--bbs-sans); overflow-wrap: anywhere;
}
body.bbs-storefront.type-detail .bbs-detail-menu a:is(:hover, [aria-current]) {
  border-color: var(--bbs-line); background: var(--bbs-paper); color: var(--bbs-deep-copper); text-decoration: none;
}
body.bbs-storefront.type-detail .bbs-detail-menu .bbs-detail-back { margin-top: 4px; border-top-color: var(--bbs-line); color: var(--bbs-deep-copper); }
body.bbs-storefront.type-detail :is(#content, .p-detail-tabs-wrapper .tab-pane, .extended-description, .products-related-header) { scroll-margin-top: 92px; }
@media (min-width: 1120px) {
  body.bbs-storefront.type-detail:has(.bbs-detail-menu) :is(#content-wrapper, .breadcrumbs-wrapper) {
    width: min(1360px, calc(100% - 2 * clamp(16px, 3vw, 40px)));
  }
  body.bbs-storefront.type-detail .content-wrapper-in:has(> .bbs-detail-menu) { grid-template-columns: 192px minmax(0, 1fr); gap: 24px; }
  body.bbs-storefront.type-detail .bbs-detail-menu { position: sticky; top: 92px; max-height: calc(100dvh - 108px); overflow-y: auto; }
}
body.bbs-storefront.type-detail .p-detail-inner-header {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 20px;
  margin: 0 0 clamp(18px, 2.6vw, 34px); padding-bottom: clamp(11px, 1.5vw, 20px);
  border-bottom: 1px solid var(--bbs-line);
}
body.bbs-storefront.type-detail .p-detail-inner-header h1 {
  margin: 0; font: 400 clamp(29px, 3.3vw, 46px)/1.1 var(--bbs-serif); letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
body.bbs-storefront.type-detail .p-detail-inner-header .p-code {
  position: static; margin: 0 0 0 auto; padding: 0; color: var(--bbs-muted); font-size: 12px;
}
body.bbs-storefront.type-detail .p-detail-inner-header .p-code-label { display: inline; }
body.bbs-storefront.type-detail .p-detail-inner-header .p-code:has(> .default-variant:not(.no-display)) { display: none; }
body.bbs-storefront.type-detail #product-detail-form .product-top {
  display: grid; align-items: start; gap: 14px clamp(22px, 4vw, 54px);
  grid-template: 'media meta' auto 'media buy' 1fr / minmax(0, 1.18fr) minmax(0, 1fr);
  margin: 0 0 clamp(26px, 5vw, 58px);
}
body.bbs-storefront.type-detail #product-detail-form .product-top::before,
body.bbs-storefront.type-detail #product-detail-form .product-top::after { display: none; }
body.bbs-storefront.type-detail #product-detail-form .product-top > :is(.p-image-wrapper, .p-info-wrapper, :has(> .p-detail-info)) {
  float: none; width: auto; min-width: 0; padding: 0;
}
body.bbs-storefront.type-detail #product-detail-form .product-top > :has(> .p-detail-info) { grid-area: meta; }
body.bbs-storefront.type-detail #product-detail-form .p-detail-info {
  align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 6px 14px; margin: 0;
  color: var(--bbs-muted); font-size: 13px;
}
body.bbs-storefront.type-detail #product-detail-form .p-detail-info > div { margin: 0; }
body.bbs-storefront.type-detail #product-detail-form .p-detail-info [data-testid='productCardBrandName'] { color: var(--bbs-deep-copper); }
body.bbs-storefront.type-detail #product-detail-form .p-detail-info .flag-barevne-varianty {
  padding: 4px 8px; border-radius: 4px; background: #eee3d6 !important; color: var(--bbs-deep-copper);
  font: 600 12px/1.35 var(--bbs-sans); text-transform: none; white-space: nowrap;
}
body.bbs-storefront.type-detail #product-detail-form .product-top > .p-image-wrapper { grid-area: media; }
body.bbs-storefront.type-detail #product-detail-form .p-image {
  margin: 0; padding: clamp(8px, 1.8vw, 24px); border: 1px solid var(--bbs-line); border-radius: 4px; background: #fff;
}
body.bbs-storefront.type-detail #product-detail-form .p-main-image img { display: block; width: 100%; aspect-ratio: 4 / 3; height: auto; object-fit: contain; }
body.bbs-storefront.type-detail #product-detail-form .p-thumbnails-wrapper { margin-top: 10px; }
body.bbs-storefront.type-detail #product-detail-form .p-thumbnail {
  overflow: hidden; border: 1px solid var(--bbs-line); border-radius: 4px; background: #fff;
}
body.bbs-storefront.type-detail #product-detail-form .p-thumbnail:is(.highlighted, :hover) { border-color: var(--bbs-copper); }
body.bbs-storefront.type-detail #product-detail-form .p-thumbnail:focus-visible { outline-offset: -3px; }
body.bbs-storefront.type-detail #product-detail-form .product-top > .p-info-wrapper {
  grid-area: buy; padding: clamp(16px, 2.4vw, 28px);
  border: 1px solid var(--bbs-line); border-radius: 4px; background: #f5f1eb;
}
body.bbs-storefront.type-detail #product-detail-form .p-final-price-wrapper { margin: 0 0 5px; }
body.bbs-storefront.type-detail #product-detail-form .price-final { color: var(--bbs-deep-copper); font: 600 clamp(28px, 3vw, 39px)/1.12 var(--bbs-sans); }
body.bbs-storefront.type-detail #product-detail-form .availability-value { margin: 0 0 16px; font-size: 14px; }
body.bbs-storefront.type-detail #product-detail-form .availability-amount { color: var(--bbs-muted); }
body.bbs-storefront.type-detail #product-detail-form .detail-parameters { max-width: 100%; margin-bottom: 16px; }
body.bbs-storefront.type-detail #product-detail-form .detail-parameters:not(:has(tr)) { display: none; }
body.bbs-storefront.type-detail #product-detail-form .detail-parameters .form-control { max-width: 100%; min-height: 42px; border-color: var(--bbs-line); border-radius: 4px; }
body.bbs-storefront.type-detail #product-detail-form .advanced-parameter-inner { border-color: var(--bbs-line); border-radius: 4px; background: #fff; }
body.bbs-storefront.type-detail #product-detail-form .advanced-parameter:has(input:checked) .advanced-parameter-inner { border-color: var(--bbs-copper); }
body.bbs-storefront.type-detail #product-detail-form .add-to-cart { flex-wrap: wrap; align-items: stretch; gap: 8px; margin: 0 0 20px; }
body.bbs-storefront.type-detail #product-detail-form .quantity { margin: 0; }
body.bbs-storefront.type-detail #product-detail-form .quantity .amount { border-color: #d9cec3; border-radius: 4px 0 0 4px; }
body.bbs-storefront.type-detail #product-detail-form .quantity > button { background-color: #faf8f5; color: var(--bbs-ink); border-color: #d9cec3; }
body.bbs-storefront.type-detail #product-detail-form .add-to-cart-button {
  flex: 1 1 170px; max-width: 100%; min-height: 48px; margin: 0; padding: 8px 14px;
  border-color: var(--bbs-deep-copper); border-radius: 4px; background: var(--bbs-deep-copper); color: #fff;
  font: 600 14px/1.25 var(--bbs-sans); text-transform: none; white-space: normal;
}
body.bbs-storefront.type-detail #product-detail-form .add-to-cart-button:not(:disabled, .disabled, [aria-disabled='true']):hover { background: var(--color-primary-hover); border-color: var(--color-primary-hover); }
body.bbs-storefront.type-detail #product-detail-form .p-short-description {
  margin: 0 0 8px; padding-top: 16px; border-top: 1px solid var(--bbs-line); font: 400 15px/1.6 var(--bbs-sans);
}
body.bbs-storefront.type-detail #product-detail-form .p-short-description :is(p, span) { font-size: inherit !important; }
body.bbs-storefront.type-detail #product-detail-form .p-short-description > :last-child { margin-bottom: 0; }
body.bbs-storefront.type-detail #product-detail-form [data-testid='productCardDescr'] a { color: var(--bbs-deep-copper); font-weight: 600; }
body.bbs-storefront.type-detail #product-detail-form .social-buttons-wrapper { margin: 0; }
body.bbs-storefront.type-detail #product-detail-form .link-icons { display: flex; flex-wrap: wrap; gap: 4px 16px; }
body.bbs-storefront.type-detail #product-detail-form .link-icon {
  display: inline-flex; align-items: center; gap: 6px; min-height: 32px; margin: 0; padding: 0;
  color: var(--bbs-muted); font: 500 13px/1.4 var(--bbs-sans); text-transform: none;
}
body.bbs-storefront.type-detail #product-detail-form .link-icon::before { position: static; margin: 0; font-size: 15px; }
body.bbs-storefront.type-detail #product-detail-form .link-icon:hover { color: var(--bbs-deep-copper); }
body.bbs-storefront.type-detail .p-detail-tabs-wrapper { margin: 0 0 clamp(30px, 4.2vw, 56px); }
body.bbs-storefront.type-detail .p-detail-tabs-wrapper > .row { margin-inline: 0; }
body.bbs-storefront.type-detail .p-detail-tabs-wrapper > .row > div { padding-inline: 0; }
body.bbs-storefront.type-detail .p-detail-tabs-wrapper .shp-tabs-holder { border-color: var(--bbs-line); background: transparent; }
body.bbs-storefront.type-detail .p-detail-tabs-wrapper .shp-tab a { color: var(--bbs-ink); font: 500 14px/1.4 var(--bbs-sans); }
body.bbs-storefront.type-detail .p-detail-tabs-wrapper .shp-tab.active a { color: var(--bbs-deep-copper); border-bottom-color: var(--bbs-copper); }
body.bbs-storefront.type-detail .p-detail-tabs-wrapper .tab-content { background: transparent; }
body.bbs-storefront.type-detail :is(.p-detail-tabs-wrapper .tab-pane h3, .products-related-header) { font: 400 clamp(22px, 2.4vw, 32px)/1.18 var(--bbs-serif); }
body.bbs-storefront.type-detail .description-inner .extended-description {
  min-width: 0; border: 1px solid var(--bbs-line); border-radius: 4px; padding: clamp(14px, 2vw, 24px); background: #fff;
}
body.bbs-storefront.type-detail .description-inner .extended-description :is(th, td) { overflow-wrap: anywhere; }
body.bbs-storefront.type-detail .products-related-header { margin: 0 0 16px; padding-top: 20px; border-top: 1px solid var(--bbs-line); }
body.bbs-storefront.type-detail .products-related + .browse-p { margin-top: 16px; }
@media (max-width: 767px) {
  body.bbs-storefront.type-detail .breadcrumbs [data-testid='breadcrumbsLastLevel'],
  body.bbs-storefront.type-detail .breadcrumbs > span:has(+ [data-testid='breadcrumbsLastLevel']) .navigation-bullet { display: none; }
  body.bbs-storefront.type-detail .p-detail-inner-header .p-code { margin-inline-start: 0; }
  body.bbs-storefront.type-detail #product-detail-form .product-top { grid-template: 'meta' auto 'media' auto 'buy' auto / minmax(0, 1fr); }
}

body.bbs-storefront.type-detail .bbs-purchase-bar {
  position: fixed; z-index: 50; inset: 0 0 auto;
  border-bottom: 1px solid var(--bbs-line); background: var(--bbs-paper);
  box-shadow: 0 3px 12px rgb(35 39 43 / 9%);
}
body.bbs-storefront.type-detail .bbs-purchase-bar[hidden] { display: none; }
body.bbs-storefront.type-detail .bbs-purchase-bar-inner {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px;
  width: min(var(--bbs-width), calc(100% - 2 * var(--bbs-gutter)));
  min-height: 62px; margin-inline: auto; padding-block: 8px;
}
body.bbs-storefront.type-detail .bbs-purchase-bar-inner > img {
  width: 54px; height: 44px; object-fit: contain; border-radius: 4px; background: #fff;
}
body.bbs-storefront.type-detail .bbs-purchase-product {
  grid-column: 2; display: flex; align-items: baseline; gap: 16px; min-width: 0;
  font: 600 14px/1.3 var(--bbs-sans);
}
body.bbs-storefront.type-detail .bbs-purchase-product strong {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
body.bbs-storefront.type-detail .bbs-purchase-product span { color: var(--bbs-deep-copper); white-space: nowrap; }
body.bbs-storefront.type-detail .bbs-purchase-bar button {
  grid-column: 3; min-height: 44px; padding: 7px 14px;
  border: 1px solid var(--bbs-deep-copper); border-radius: 4px;
  color: #fff; background: var(--bbs-deep-copper); font: 600 13px/1.2 var(--bbs-sans);
}
body.bbs-storefront.type-detail .bbs-purchase-bar button:enabled:hover { background: var(--color-primary-hover); }
body.bbs-storefront.type-detail .bbs-purchase-bar button:disabled { opacity: .6; }
@media (max-width: 767px) {
  body.bbs-storefront.type-detail .bbs-purchase-bar {
    inset: auto 0 0; border-bottom: 0; border-top: 1px solid var(--bbs-line);
    padding-bottom: env(safe-area-inset-bottom); box-shadow: 0 -3px 12px rgb(35 39 43 / 9%);
  }
  body.bbs-storefront.type-detail .bbs-purchase-bar-inner { gap: 8px; }
  body.bbs-storefront.type-detail .bbs-purchase-bar-inner > img { width: 36px; height: 36px; }
  body.bbs-storefront.type-detail .bbs-purchase-product { display: grid; gap: 2px; font-size: 12px; }
  body.bbs-storefront.type-detail .bbs-purchase-bar button { padding-inline: 9px; font-size: 12px; }
}

/* Shoptet checkout uses its original forms, steps and order summary. */
body.bbs-design.bbs-checkout #header {
  position: relative; inset: auto; width: auto;
  background: var(--bbs-paper); border: 0; border-bottom: 1px solid var(--bbs-line);
}
body.bbs-design.bbs-checkout .top-navigation-bar,
body.bbs-design.bbs-checkout #header :is(#navigation, .search, .navigation-buttons, .menu-helper) { display: none; }
body.bbs-design.bbs-checkout :is(#header > .navigation-wrapper, #content-wrapper) {
  width: min(1120px, calc(100% - 2 * clamp(14px, 4vw, 48px)));
  max-width: none; padding: 0; margin-inline: auto; background: transparent;
}
body.bbs-design.bbs-checkout #header .header-top {
  display: flex; align-items: center; width: 100%; height: auto; min-height: 66px;
  padding: 10px 0; margin: 0;
}
body.bbs-design.bbs-checkout #header :is(.site-name-wrapper, .site-name, .site-name a) {
  display: block; position: static; width: auto; height: auto; margin: 0; padding: 0;
}
body.bbs-design.bbs-checkout #header .site-name img {
  display: block; position: static; inset: auto; margin: 0;
  width: min(172px, 52vw); max-width: none; height: auto;
}
body.bbs-design.bbs-checkout #content { padding: clamp(20px, 3.4vw, 42px) 0; background: transparent; }
body.bbs-design.bbs-checkout :is(.content-inner, .content-wrapper-in) { background: transparent; }
body.bbs-design.bbs-checkout #content:not(:has(.cart-empty)) > h1.sr-only {
  position: static; clip: auto; clip-path: none; width: auto; height: auto;
  margin: 0 0 20px; overflow: visible; white-space: normal;
  background-color: transparent !important; /* Classic sets a white background on .sr-only with !important. */
}
body.bbs-design.bbs-checkout :is(#content > h1, .cart-heading) {
  padding: 0; border: 0; background: transparent;
  color: var(--bbs-ink); font: 400 clamp(28px, 3.2vw, 42px)/1.12 var(--bbs-serif);
}
body.bbs-design.bbs-checkout :is(#content h2, #content h3) { color: var(--bbs-ink); font-family: var(--bbs-serif); }
body.bbs-design.bbs-checkout .cart-inner { margin: 0; padding: 0; }
body.bbs-design.bbs-checkout .cart-row {
  display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: start;
  gap: clamp(14px, 2.4vw, 28px); margin: 0;
}
body.bbs-design.bbs-checkout .cart-row::before,
body.bbs-design.bbs-checkout .cart-row::after { display: none; }
body.bbs-design.bbs-checkout .cart-row > :is(.col-md-8, .col-md-4) { min-width: 0; width: auto; padding: 0; }
body.bbs-design.bbs-checkout .cart-row .cart-content {
  min-width: 0; padding: 0; margin: 0; background: transparent; border: 0;
}
body.bbs-design.bbs-checkout .cart-row .checkout-box-wrapper { margin-bottom: 14px; }
body.bbs-design.bbs-checkout .cart-header {
  counter-reset: bbs-step;
  position: static; z-index: auto; width: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px; padding: 0; margin: 0 0 20px; background: transparent; border: 0;
}
body.bbs-design.bbs-checkout .cart-header .step {
  counter-increment: bbs-step; position: static; display: block;
  width: auto; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; text-align: start;
}
body.bbs-design.bbs-checkout .cart-header .step > :is(a, strong),
body.bbs-design.bbs-checkout .cart-header .step.completed > a {
  display: flex; align-items: center; gap: 8px; min-height: 48px;
  padding: 6px 10px; margin: 0; border: 1px solid var(--bbs-line); border-radius: 4px;
  color: var(--bbs-muted); background: #fff; text-decoration: none; box-shadow: none;
  font: 600 13px/1.25 var(--bbs-sans); text-transform: none;
}
body.bbs-design.bbs-checkout .cart-header .step.completed > a { outline: 0; }
body.bbs-design.bbs-checkout .cart-header .step.completed > a:focus-visible { outline: 2px solid var(--bbs-copper); }
body.bbs-design.bbs-checkout .cart-header .step > :is(a, strong) > span { padding: 0; }
body.bbs-design.bbs-checkout .cart-header .step::before,
body.bbs-design.bbs-checkout .cart-header .step::after,
body.bbs-design.bbs-checkout .cart-header .step > :is(a, strong)::after,
body.bbs-design.bbs-checkout .cart-header .step span::before,
body.bbs-design.bbs-checkout .cart-header .step span::after { display: none; }
body.bbs-design.bbs-checkout .cart-header .step > :is(a, strong)::before {
  content: counter(bbs-step); position: static;
  display: grid; place-items: center; flex: 0 0 23px; height: 23px; border-radius: 50%;
  color: var(--bbs-ink); background: #f5f1eb; font: 600 11px/1 var(--bbs-sans);
}
body.bbs-design.bbs-checkout .cart-header .step.active > strong {
  color: var(--bbs-deep-copper); border-color: #cfaa94; background: #f8f1eb;
}
body.bbs-design.bbs-checkout .cart-header .step.active > strong::before { color: #fff; background: var(--bbs-deep-copper); }
body.bbs-design.bbs-checkout .cart-header .step.completed > a { color: var(--bbs-deep-copper); }
body.bbs-design.bbs-checkout :is(.cart-table, .cart-summary, .co-box.box, .co-billing-address > fieldset, #checkoutSidebar > .cart-content, .summary-wrapper > .box, .checkout-box-wrapper, .cart-empty .cart-content) {
  border: 1px solid var(--bbs-line); border-radius: 4px; background: #fff;
}
body.bbs-design.bbs-checkout .cart-table { border-collapse: separate; border-spacing: 0; }
body.bbs-design.bbs-checkout .cart-table td { border-color: var(--bbs-line); }
body.bbs-design.bbs-checkout .cart-table :is(.p-name a.main-link, .p-total) { color: var(--bbs-ink); font-weight: 600; }
body.bbs-design.bbs-checkout .cart-p-image img { border-radius: 4px; }
body.bbs-design.bbs-checkout .cart-table .remove-item {
  min-width: 24px; min-height: 24px; padding: 0; color: var(--bbs-muted); background: transparent;
}
body.bbs-design.bbs-checkout .cart-table .remove-item::before { content: '×'; font: 400 20px/1 var(--bbs-sans); }
body.bbs-design.bbs-checkout .cart-summary { margin-top: 18px; padding: clamp(12px, 2vw, 20px); }
body.bbs-design.bbs-checkout .cart-empty .cart-content { padding: clamp(14px, 2vw, 24px); }
body.bbs-design.bbs-checkout :is(.summary-wrapper > .box, .cart-row .checkout-box-wrapper, .cart-row #checkoutSidebar > .cart-content) {
  padding: clamp(14px, 2vw, 22px); border: 1px solid var(--bbs-line); background: #fff;
}
body.bbs-design.bbs-checkout .checkout-box-wrapper > .box { margin: 0; padding: 0; border: 0; background: transparent; }
body.bbs-design.bbs-checkout #checkoutSidebar .checkout-box {
  margin: 0 0 16px; padding: 0 0 12px; border-bottom: 1px solid var(--bbs-line);
}
body.bbs-design.bbs-checkout #checkoutSidebar .checkout-box > .box { margin: 0; padding: 0; }
body.bbs-design.bbs-checkout #checkoutSidebar .contact-box ul { margin: 0; }
body.bbs-design.bbs-checkout #checkoutSidebar .toggle-contacts {
  margin: 0; padding: 8px 12px; border: 1px solid var(--bbs-line); border-radius: 4px;
  color: var(--bbs-ink); background: var(--bbs-paper); font: 600 13px/1.4 var(--bbs-sans);
  text-transform: none;
}
body.bbs-design.bbs-checkout #checkoutSidebar .toggle-contacts span { color: var(--bbs-deep-copper); }
body.bbs-design.bbs-checkout #checkoutSidebar :is(.order-summary, .order-summary-inner) { padding: 0; margin: 0; background: transparent; }
body.bbs-design.bbs-checkout #checkoutSidebar .order-summary-inner > h2 {
  margin: 0 0 14px; padding: 0; font: 500 clamp(18px, 2vw, 23px)/1.2 var(--bbs-serif); text-transform: none;
}
body.bbs-design.bbs-checkout #checkoutSidebar .order-summary-item.price { margin-inline: 0; padding-inline: 0; }
body.bbs-design.bbs-checkout :is(.price-primary, .order-summary-item.price .price) { color: var(--bbs-deep-copper); }
body.bbs-design.bbs-checkout .order-summary-item { border-color: var(--bbs-line); }
body.bbs-design.bbs-checkout .next-step { gap: 8px; }
body.bbs-design.bbs-checkout :is(.next-step .btn, .cart-summary .btn, #formSearchFormContent .btn) {
  min-height: 43px; border-radius: 4px; padding: 9px 12px; font: 600 13px/1.3 var(--bbs-sans);
  text-transform: none; white-space: normal;
}
body.bbs-design.bbs-checkout .next-step .btn :is(.order-button-text, .continue-shopping) {
  color: inherit; font: inherit; text-transform: none;
}
body.bbs-design.bbs-checkout .next-step :is(.next-step-forward, .next-step-finish) {
  color: #fff; border-color: var(--bbs-deep-copper); background: var(--bbs-deep-copper);
}
body.bbs-design.bbs-checkout .next-step :is(.next-step-forward, .next-step-finish):not(:disabled):hover {
  border-color: var(--color-primary-hover); background: var(--color-primary-hover);
}
body.bbs-design.bbs-checkout :is(.next-step-back, .cart-summary .btn-secondary, #formSearchFormContent .btn) {
  color: var(--bbs-ink); border-color: #d7d0c5; background: var(--bbs-paper);
}
body.bbs-design.bbs-checkout :is(.co-delivery-method, .co-payment-method) h2 { margin-bottom: 12px; }
body.bbs-design.bbs-checkout :is(.co-box, .co-box > fieldset, .form-control-wrapper) { min-width: 0; }
body.bbs-design.bbs-checkout :is(.co-billing-address, .co-box-additional) { padding: 0; }
body.bbs-design.bbs-checkout :is(.co-box.box, .co-billing-address > fieldset) {
  padding: clamp(14px, 3vw, 28px); margin-bottom: 14px;
}
body.bbs-design.bbs-checkout .co-box h2,
body.bbs-design.bbs-checkout .cart-row :is(.checkout-box, .checkout-box-wrapper) h4 {
  margin-top: 0; font: 500 clamp(18px, 2vw, 23px)/1.2 var(--bbs-serif); text-transform: none;
}
body.bbs-design.bbs-checkout .shipping-billing-table .radio-wrapper {
  margin-bottom: 5px; border: 1px solid var(--bbs-line); border-radius: 4px; background: #fff;
}
body.bbs-design.bbs-checkout .shipping-billing-table .radio-wrapper:has(> input:checked) {
  border-color: #cfaa94; background: #f8f1eb;
}
body.bbs-design.bbs-checkout .shipping-billing-table :is(.payment-shipping-price, .shipping-billing-name) {
  font-size: 14px;
}
body.bbs-design.bbs-checkout :is(.co-box .form-control, .cart-summary .form-control, #formSearchFormContent .search-input) {
  border-color: #d7d0c5; border-radius: 4px;
}
body.bbs-design.bbs-checkout .co-box .form-control { max-width: 100%; }
body.bbs-design.bbs-checkout .consents { color: var(--bbs-muted); }
body.bbs-design.bbs-checkout :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--bbs-copper); outline-offset: 2px; }
body.bbs-design.bbs-checkout #footer { background: var(--bbs-paper); border-color: var(--bbs-line); }
@media (max-width: 767px) {
  /* The existing shop HTML hides quantity buttons globally. Classic needs them in the mobile cart. */
  body.bbs-design.bbs-checkout .cart-table .quantity :is(.increase, .decrease) { display: block !important; }
}
@media (max-width: 991px) {
  body.bbs-design.bbs-checkout .cart-row { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 479px) {
  body.bbs-design.bbs-checkout #header .header-top { min-height: 56px; }
  body.bbs-design.bbs-checkout .cart-header .step > :is(a, strong),
  body.bbs-design.bbs-checkout .cart-header .step.completed > a {
    gap: 4px; padding-inline: 4px; font-size: 11px;
  }
  body.bbs-design.bbs-checkout .cart-header .step > :is(a, strong)::before { flex-basis: 18px; height: 18px; }
  body.bbs-design.bbs-checkout .next-step .btn { min-height: 44px; }
}