/* Nová karta produktu. Vzhľad podľa prototypu (06-pripomienky-misky/produkt.html), písmo z theme (zvyšok webu).
   Všetko pod .xbk, hodnoty v px (theme má html{font-size:62.5%}, rem z prototypu by nesedeli). */
.xbk{--xbk-ink:#171917;--xbk-muted:#565b55;--xbk-accent:#f05c28;--xbk-accent-dark:#b82f10;--xbk-line:#d8dcd5;--xbk-line2:#bec6b9;--xbk-paper:#f4f4ef;--xbk-cream:#eeede6;--xbk-green:#28563a;--xbk-green-bg:#eef4ed;color:var(--xbk-ink);font-size:17px;line-height:1.6}
.xbk-sprite{position:absolute;width:0;height:0;overflow:hidden}
.xbk .xbk-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.xbk h1,.xbk h2,.xbk h3{color:var(--xbk-ink);font-weight:700;line-height:1.18;letter-spacing:-.02em;text-transform:none;text-wrap:balance}
.xbk h1{font-size:clamp(28px,2.6vw,36px);line-height:1.16;margin:0 0 8px;text-align:left}
.xbk h2{font-size:clamp(26px,2.3vw,32px);margin:0 0 20px}
.xbk h3{font-size:22px;margin:0 0 12px}
.xbk p{font-size:17px;line-height:1.6;margin:0 0 16px}
.xbk a:focus-visible,.xbk button:focus-visible,.xbk summary:focus-visible{outline:3px solid var(--xbk-accent-dark);outline-offset:4px}
.xbk-text-link{color:var(--xbk-ink);font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.xbk-text-link:hover{color:var(--xbk-accent-dark)}

/* ── hero ── */
.xbk-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"gallery heading" "gallery purchase";grid-template-rows:auto 1fr;column-gap:clamp(32px,4.5vw,72px);align-items:start;margin:8px 0 0;padding-bottom:56px}
.xbk-heading{grid-area:heading}
.xbk-gallery{grid-area:gallery;position:sticky;top:24px;min-width:0}
.xbk-purchase{grid-area:purchase;min-width:0}
.xbk-eyebrow{font-size:14px!important;line-height:1.5;letter-spacing:.05em;font-weight:600;color:var(--xbk-accent-dark);margin:0 0 10px!important}
.xbk .xbk-promise{font-size:22px;font-weight:600;line-height:1.35!important;letter-spacing:-.02em;margin:0 0 20px!important}
.xbk .xbk-promise strong{font-weight:600}
.xbk-for-short{font-size:17px!important;line-height:1.6;color:var(--xbk-muted);margin:14px 0 20px!important;max-width:48ch}
.xbk-for-short a{display:inline-block;color:var(--xbk-ink);font-weight:600;text-decoration:underline;text-underline-offset:4px}

/* galéria: theme Swiper ako béžová plocha, náhľady skladá card.js */
.xbk .xbk-gallery .swiper-container.product-detail{position:relative;width:100%;height:clamp(448px,47vw,640px);background:var(--xbk-cream);border-radius:6px;overflow:hidden;margin:0}
.xbk .xbk-gallery .swiper-wrapper,.xbk .xbk-gallery .swiper-slide{height:100%}
.xbk .xbk-gallery .slider-image{width:100%;height:100%;padding:0;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-origin:content-box;box-sizing:border-box;border:40px solid transparent;border-width:40px 20px;cursor:zoom-in}
.xbk .xbk-gallery .labels{position:absolute;left:16px;top:16px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.xbk .xbk-gallery .labels>span{display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:34px;margin:0;padding:6px 14px!important;border-radius:2px;font-size:16px!important;font-weight:700;line-height:1.3}
.xbk .xbk-gallery .labels>span>span{display:block;line-height:1.3}
.xbk .xbk-gallery .swiper-pagination{display:none}
.xbk .xbk-gallery .swiper-button-next,.xbk .xbk-gallery .swiper-button-prev{width:44px;height:44px;margin-top:-22px;border:1px solid #c3c7bf;border-radius:50%;background:rgba(255,255,255,.92);background-image:none!important;color:var(--xbk-ink);display:grid;place-items:center;transform:none}
.xbk .xbk-gallery .swiper-button-next{right:16px}
.xbk .xbk-gallery .swiper-button-prev{left:16px}
.xbk .xbk-gallery .swiper-button-next::after,.xbk .xbk-gallery .swiper-button-prev::after{content:"";width:10px;height:10px;border:solid currentColor;border-width:2px 2px 0 0;font-size:0}
.xbk .xbk-gallery .swiper-button-next::after{transform:translateX(-2px) rotate(45deg)}
.xbk .xbk-gallery .swiper-button-prev::after{transform:translateX(2px) rotate(-135deg)}
.xbk .xbk-gallery .swiper-button-next:hover,.xbk .xbk-gallery .swiper-button-prev:hover{background:#fff;border-color:var(--xbk-ink)}
.xbk .xbk-gallery .swiper-button-disabled{opacity:.35}
.xbk-zoom-label{position:absolute;right:16px;bottom:14px;z-index:3;font-size:14px;color:var(--xbk-ink);pointer-events:none}
.xbk .xbk-gallery.xbk-has-thumbs .grid-for-slider{display:none!important}
.xbk-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
.xbk-thumb{flex:0 0 calc((100% - 50px) / 6);padding:6px 3px;background:#f6f6f2;border:1px solid var(--xbk-line);border-radius:4px;min-width:0;cursor:pointer}
.xbk-thumb span{display:block;height:77px;background-size:contain;background-repeat:no-repeat;background-position:center}
.xbk-thumb[aria-pressed=true]{border:2px solid var(--xbk-ink);padding:5px 2px}
.xbk-thumb:hover{border-color:var(--xbk-ink)}
.xbk-photo-caption{font-size:14px!important;line-height:1.5;color:var(--xbk-muted);margin:12px 0 16px!important}
.xbk-video-link{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;min-height:44px;margin:0 0 16px;padding:0 0 16px;border:0;border-bottom:1px solid var(--xbk-line);background:none;text-align:left;font-size:16px;font-weight:600;color:var(--xbk-ink);cursor:pointer}
.xbk-play{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--xbk-ink);color:#fff}
.xbk-play .xbk-icon{width:16px;height:16px;fill:currentColor;stroke:none}
.xbk-video-note{margin-left:auto;font-size:14px;font-weight:400;color:var(--xbk-muted)}
.xbk-video-link:hover>span:nth-child(2){text-decoration:underline;text-underline-offset:4px}
.xbk-origin{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--xbk-line);padding-top:18px;margin:0!important;font-size:14px!important;font-weight:600}
.xbk-video-link+.xbk-origin{border-top:0;padding-top:0}

/* benefity */
.xbk-benefits{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:14px;font-size:17px;line-height:1.55}
.xbk-benefits li{display:flex;gap:14px;align-items:flex-start;font-size:17px;line-height:1.55;margin:0}
.xbk-benefits .xbk-icon{width:22px;height:22px;margin-top:2px;color:var(--xbk-green)}
.xbk-tech-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:8px}

/* ── nákupný panel ── */
.xbk-buy-panel{margin-top:12px;padding:24px;border:1px solid #ced3c9;border-radius:6px;background:#fdfefa}
.xbk-label{display:block;font-size:16px!important;line-height:1.5;font-weight:400;margin:0 0 10px!important}
.xbk-label strong{font-weight:600}

/* cena (vlastný blok z hodnôt price_html theme, card.js offerHtml) */
.xbk-offer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--xbk-line);margin-bottom:20px}
.xbk-offer-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.xbk-offer-label{font-size:14px;line-height:1.5;color:var(--xbk-muted)}
.xbk-price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.xbk-price-row>span:last-child{font-size:14px;color:var(--xbk-muted)}
.xbk-price{font-size:40px;line-height:1.2;letter-spacing:-.04em;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.xbk-novat{font-size:14px;color:var(--xbk-muted)}
.xbk-saving{display:grid;gap:4px;text-align:right;font-size:16px;line-height:1.5;color:var(--xbk-muted)}
.xbk-saving strong{font-size:16px;font-weight:600;color:var(--xbk-accent-dark)}
.xbk-offer-raw{font-size:16px}

/* farby ako dlaždice s názvom (markup .color-variants a.picker ostáva kvôli xbionic-color-swatches) */
.xbk-colors{margin:0 0 22px}
.xbk .xbk-color-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0}
.xbk .xbk-color-list .variant{display:flex;margin:0!important;padding:0!important;width:auto!important;height:auto!important;min-width:0}
.xbk .xbk-color-list .picker{flex:1 1 auto;display:block;width:auto!important;height:auto!important;padding:8px 6px;border:1px solid #b7bdb0!important;border-radius:4px!important;background:#f4f4ee;text-decoration:none;color:var(--xbk-ink);outline:0!important;box-shadow:none!important}
.xbk .xbk-color-list .picker:hover{border-color:var(--xbk-ink)!important}
.xbk .xbk-color-list .picker.is-current{border:2px solid var(--xbk-ink)!important;padding:7px 5px;background:#fff}
/* prepínanie farieb bez načítania: krátke stmavnutie až keď načítanie trvá (rýchla výmena nebliká) */
.xbk-root.xbk-swapping{cursor:progress}
.xbk-root.xbk-swapping .xbk-hero{opacity:.55;transition:opacity .15s ease .12s}
.xbk .xbk-color-list .picker.is-loading{border-color:var(--xbk-ink)!important;background:#fff}
.xbk .xbk-color-list .picker__background{display:block;width:100%!important;height:76px!important;border-radius:0!important;background-size:contain!important;background-repeat:no-repeat;background-position:center;border:0!important;position:static!important}
.xbk-color-name{display:block;margin-top:6px;font-size:14px;font-weight:600;line-height:1.35;text-align:center;overflow-wrap:anywhere}
.xbk .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* formulár theme v paneli */
.xbk .xbk-buy-panel .wrapper{display:flex;flex-direction:column}
.xbk .xbk-buy-panel .wrapper>.product_meta{order:9;margin:16px 0 0}
.xbk .xbk-buy-panel .product_meta .code{font-size:14px!important;color:var(--xbk-muted);margin:0!important}
.xbk .xbk-buy-panel .product-inputs{display:block;margin:0;padding:0;border:0}
.xbk .xbk-buy-panel .single_variation_wrap .price-wrapper{display:none!important}
.xbk .size-wrapper{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}
.xbk .size-wrapper>.description-title{display:block;font-size:16px!important;font-weight:600;color:var(--xbk-ink);text-transform:none;margin:0 0 10px}
.xbk .size-wrapper.xbk-has-sizes .nice-select,.xbk .size-wrapper.xbk-has-sizes select.sizer,.xbk .size-wrapper.xbk-has-sizes .reset_variations{display:none!important}

/* veľkosti */
.xbk-sizes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0}
.xbk-size{min-width:0;min-height:64px;padding:6px;border:1px solid #899281;border-radius:4px;background:#fff;color:var(--xbk-ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.35}
.xbk-size b{font-size:18px;font-weight:700}
.xbk-size small{font-size:14px;color:var(--xbk-muted);text-align:center}
.xbk-size:hover{border-color:var(--xbk-ink)}
.xbk-size.is-selected{background:#eef4eb;border:2px solid #315d30;padding:5px}
.xbk-size.is-out{background:#f1f2ec;color:#535a4e;border-style:dashed}
.xbk-size.is-out.is-selected{border-style:solid;background:#fff3e8;border-color:var(--xbk-accent-dark);color:var(--xbk-ink)}
.xbk-stock{display:flex;align-items:center;gap:8px;font-size:16px!important;line-height:1.5;color:var(--xbk-green);margin:14px 0 6px!important}
.xbk-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.xbk-stock.is-out{color:var(--xbk-accent-dark)}
.xbk-stock:empty{display:none}
/* Dostupnosť z theme nahrádza .xbk-stock (prvok ostáva v DOM pre main.js) */
.xbk .xbk-buy-panel .stock-availability{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* počet kusov + medzisúčet */
.xbk .xbk-buy-panel .single_variation_wrap .product-inputs{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.xbk .xbk-buy-panel .number-wrapper{width:100%!important;min-width:0!important;margin-left:0!important;display:flex;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px;width:100%;margin:8px 0 4px!important;padding:0 0 16px;border:0}
.xbk .xbk-buy-panel .number-wrapper>.description-title{margin-right:auto;font-size:16px!important;color:var(--xbk-ink);font-weight:400;text-transform:none}
.xbk .xbk-buy-panel .number-wrap{display:flex!important;flex-direction:row!important;position:static!important;width:auto!important;max-width:none!important;min-height:0!important;padding:0!important;align-items:stretch;border:1px solid #9aa18f;border-radius:4px;overflow:hidden;background:#fff;height:44px}
.xbk .xbk-buy-panel .number-wrap .minus,.xbk .xbk-buy-panel .number-wrap .plus{display:block;min-width:44px;height:44px;text-align:center;font-size:22px!important;line-height:42px!important;cursor:pointer;user-select:none;background:#fff;border:0;color:var(--xbk-ink)!important;position:static!important;margin:0!important;transform:none!important}
.xbk .xbk-buy-panel .number-wrap .minus:hover,.xbk .xbk-buy-panel .number-wrap .plus:hover{background:var(--xbk-paper)}
.xbk .xbk-buy-panel .number-wrap .quantity{display:flex;align-items:center;margin:0;border:0;height:44px;line-height:1}
.xbk .xbk-buy-panel .number-wrap input.qty{line-height:44px;vertical-align:top}
.xbk .xbk-buy-panel .number-wrap input.qty{width:40px!important;height:44px;padding:0!important;border:0!important;text-align:center;font-size:16px;-moz-appearance:textfield;background:#fff;box-shadow:none}
.xbk .xbk-buy-panel .number-wrap input.qty::-webkit-inner-spin-button,.xbk .xbk-buy-panel .number-wrap input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.xbk-subtotal{min-width:88px;text-align:right;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}

/* odhad doručenia (mu-plugin xbionic-delivery-estimate) v boxe ako prototyp: ikona, nadpis, termín zelenou, podmienky menším */
.xbk-delivery{display:flex;gap:12px;width:100%;margin:4px 0 16px;padding:14px 16px;border-radius:4px;background:var(--xbk-green-bg);color:var(--xbk-ink)}
.xbk-delivery:has(.xb-eta[hidden]){display:none}
.xbk-delivery>.xbk-icon{flex:0 0 22px;width:22px;height:22px;margin-top:2px;color:var(--xbk-green)}
.xbk-delivery-body{min-width:0;flex:1}
.xbk .xbk-delivery .xbk-delivery-h{margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--xbk-ink)}
.xbk .xbk-buy-panel .xbk-delivery .xb-eta{display:block;margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--xbk-ink)}
.xbk .xbk-delivery .xb-eta__lead{margin:0 0 6px;font-size:17px;font-weight:600;line-height:1.5;color:var(--xbk-green)}
.xbk .xbk-delivery .xb-eta__list li{font-size:16px;line-height:1.55}
.xbk .xbk-delivery .xb-eta__note{margin:6px 0 0;font-size:14px;line-height:1.55;color:#4c5949}
.xbk .xbk-delivery-more{display:inline-flex;align-items:center;min-height:40px;margin:2px 0 -6px;padding:0;border:0;background:none;color:var(--xbk-ink);font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.xbk .xbk-delivery-more:hover{color:var(--xbk-accent-dark)}

/* tlačidlá */
.xbk .xbk-buy-panel #cart-submit-js,.xbk .xbk-buy-panel #cart-order-js{flex:1 1 0!important;width:auto!important;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin:0!important;padding:14px 20px;border:1px solid var(--xbk-accent);border-radius:4px;background:var(--xbk-accent);color:var(--xbk-ink);font-size:17px;font-weight:700;line-height:1.4;text-transform:none!important;letter-spacing:0!important}
.xbk .xbk-buy-panel #cart-submit-js.hidden,.xbk .xbk-buy-panel #cart-order-js.hidden{display:none!important}
.xbk .xbk-buy-panel #cart-submit-js:hover,.xbk .xbk-buy-panel #cart-order-js:hover{background:var(--xbk-accent-dark);border-color:var(--xbk-accent-dark);color:#fff}
.xbk .xbk-buy-panel #cart-submit-js [class^=icon-]{font-size:20px}
.xbk .xbk-buy-panel .product-wishlist-button{flex:0 0 56px;width:56px;height:56px;margin:0!important;border:1px solid #9aa18f;border-radius:4px;background:#fff;display:grid;place-items:center}
/* theme na :hover a .active dáva bielu ikonu na oranžové pozadie; karta má biele pozadie → ikona by zmizla */
.xbk .xbk-buy-panel .product-wishlist-button{color:var(--xbk-ink)}
.xbk .xbk-buy-panel .product-wishlist-button:hover,.xbk .xbk-buy-panel .product-wishlist-button:focus-visible{background:#fff;border-color:var(--xbk-accent);color:var(--xbk-accent)}
.xbk .xbk-buy-panel .product-wishlist-button.active{background:var(--xbk-accent);border-color:var(--xbk-accent);color:#fff}
.xbk .xbk-buy-panel .product-wishlist-button.active:hover,.xbk .xbk-buy-panel .product-wishlist-button.active:focus-visible{background:var(--xbk-accent-dark);border-color:var(--xbk-accent-dark);color:#fff}

.xbk-lowest:empty{display:none}
.xbk-lowest .xb-lowest30{font-size:14px!important;color:var(--xbk-muted);margin:10px 0 0!important}
.xb-promo-hint{font-size:16px!important;margin:0 0 18px!important}

/* istoty pod tlačidlom */
.xbk-assurances{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--xbk-line)}
.xbk-assurances button{display:flex;align-items:flex-start;gap:10px;min-height:48px;padding:0;border:0;background:none;text-align:left;color:var(--xbk-ink);cursor:pointer}
.xbk-assurances .xbk-icon{width:20px;height:20px;margin-top:3px;color:var(--xbk-green)}
.xbk-assurances strong{display:block;font-size:16px;line-height:1.5;font-weight:600}
.xbk-assurances span>span{display:block;font-size:14px;line-height:1.5;color:var(--xbk-muted);margin-top:2px}
.xbk-assurances button:hover strong{text-decoration:underline;text-underline-offset:3px}
.xbk-fit-shortcut{display:flex;gap:11px;align-items:flex-start;padding:14px 0 4px;font-size:14px;line-height:1.6;color:var(--xbk-muted);text-decoration:none}
.xbk-fit-shortcut .xbk-icon{width:19px;height:19px;color:var(--xbk-green);margin-top:3px}
.xbk-fit-shortcut strong{font-size:16px;font-weight:600;color:var(--xbk-ink);text-decoration:underline;text-underline-offset:3px}

/* ── navigácia po sekciách ── */
.xbk-nav{position:sticky;top:var(--xbk-head,0px);z-index:60;background:#fff;border-top:1px solid var(--xbk-line);border-bottom:1px solid var(--xbk-line);box-shadow:0 3px 10px rgba(23,25,23,.03);margin:0 0 8px}
.xbk-nav ul{display:flex;justify-content:center;gap:32px;list-style:none;margin:0;padding:0 4px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}
.xbk-nav li{margin:0;padding:0}
.xbk-nav a{display:flex;align-items:center;min-height:52px;font-size:16px;font-weight:400;white-space:nowrap;color:var(--xbk-ink);text-decoration:none}
.xbk-nav a:hover{color:var(--xbk-accent-dark)}

/* ── sekcie ── */
.xbk-section{padding:80px 0;scroll-margin-top:calc(var(--xbk-head,72px) + 56px)}
.xbk-section:not(.xbk-band)+.xbk-section:not(.xbk-band){border-top:1px solid var(--xbk-line)}
/* béžový pás cez celú šírku okna bez zmeny layoutu (tieň + clip-path), prototyp feature/resources/origin-section */
.xbk-band{background:var(--xbk-paper);box-shadow:0 0 0 100vmax var(--xbk-paper);clip-path:inset(0 -100vmax)}
.xbk-section-heading .xbk-eyebrow{margin-bottom:10px!important}
.xbk-section-heading>p:not(.xbk-eyebrow){max-width:62ch}
.xbk-section-heading{max-width:752px;margin-bottom:36px}
.xbk-section-heading h2{margin-bottom:12px}
.xbk-section-heading>p:not(.xbk-eyebrow){color:var(--xbk-muted);margin:0}
.xbk-prose{max-width:760px}
.xbk-prose h3{margin-top:24px}
.xbk-prose ul,.xbk-prose ol{padding-left:22px;margin:0 0 16px}
.xbk-prose li{font-size:17px;margin-bottom:4px}

/* pre koho: číslované riadky */
.xbk-audience-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:end;max-width:none;margin-bottom:40px}
.xbk-audience-heading h2{margin:0}
.xbk-audience-heading>p{font-size:17px;max-width:45ch}
.xbk-audience-list{border-top:1px solid var(--xbk-line)}
.xbk-audience-row{display:grid;grid-template-columns:40px minmax(0,.95fr) minmax(0,1.3fr);gap:32px;padding:32px 0;border-bottom:1px solid var(--xbk-line);align-items:start}
.xbk-audience-number{font-size:14px;font-weight:700;line-height:1.6;color:var(--xbk-accent-dark)}
.xbk-audience-row h3{font-size:22px;line-height:1.35;margin:0;max-width:26ch}
.xbk .xbk-audience-area{font-size:16px;line-height:1.5;font-weight:600;margin:0 0 11px;color:var(--xbk-green)}
.xbk-audience-reason{font-size:17px;line-height:1.65;margin:0;max-width:57ch}

/* technológie: fotka + harmonika */
.xbk-tech-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.xbk-tech-layout.no-photo{grid-template-columns:minmax(0,760px)}
.xbk-tech-photo{margin:0;background:#e5e6de;border-radius:6px;overflow:hidden}
.xbk-tech-photo img{display:block;width:100%;height:496px;object-fit:contain;padding:20px}
.xbk-tech-story{border-top:1px solid var(--xbk-line2)}
.xbk-tech-story:last-child{border-bottom:1px solid var(--xbk-line2)}
.xbk-tech-story summary{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;gap:16px;align-items:start;padding:24px 0;list-style:none;cursor:pointer}
.xbk-tech-story summary::-webkit-details-marker{display:none}
.xbk-tech-story summary::marker{content:""}
.xbk-tech-story summary .xbk-icon{width:26px;height:26px;color:var(--xbk-green);margin-top:2px}
.xbk-tech-story summary strong{font-size:22px;line-height:1.35;font-weight:700}
.xbk-toggle{flex:0 0 24px;width:24px;font-size:26px;font-weight:400;line-height:1.2;text-align:center}
.xbk-toggle::before{content:"+"}
/* otvorená položka: mínus (U+2212), nie otočené plus na × (7.10.2026) */
details[open]>summary .xbk-toggle::before{content:"\2212"}
.xbk-tech-body{padding:0 4px 24px 44px}
.xbk-tech-body p{font-size:17px;line-height:1.65;margin:0}

/* parametre a materiál */
.xbk-params-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.xbk-params-grid>.xbk-table:only-child{grid-column:1 / -1;max-width:760px}
.xbk-material h3{margin-bottom:16px}
.xbk-material dl{margin:0}
.xbk-material dl>div{border-top:1px solid var(--xbk-line2);padding:18px 0}
.xbk-material dl>div:last-child{border-bottom:1px solid var(--xbk-line2)}
.xbk-material dt{font-size:16px;font-weight:600;color:var(--xbk-green);margin-bottom:6px}
.xbk-material dd{margin:0;font-size:17px;font-weight:600;line-height:1.55;overflow-wrap:break-word}
.xbk-table{width:100%;border-collapse:collapse;font-size:17px;line-height:1.6;table-layout:fixed}
.xbk-table th,.xbk-table td{text-align:left;padding:14px 12px 14px 0;border-bottom:1px solid var(--xbk-line);vertical-align:top;overflow-wrap:anywhere}
.xbk-table tr:first-child th,.xbk-table tr:first-child td{border-top:1px solid var(--xbk-line)}
.xbk-table th{width:41%;font-weight:600;color:var(--xbk-ink)}

/* strih */
.xbk-fit-model{display:inline-block;padding:14px 18px;border-radius:4px;background:var(--xbk-green-bg);color:var(--xbk-green)}
.xbk-fit p{max-width:60ch}

/* údržba: číslované kroky */
.xbk-steps{list-style:none;margin:0;padding:0;max-width:760px}
.xbk-steps li{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--xbk-line);font-size:17px;line-height:1.6}
.xbk-steps li:last-child{border-bottom:1px solid var(--xbk-line)}
.xbk-step-number{flex:0 0 28px;padding-top:3px;font-size:14px;font-weight:600;color:var(--xbk-accent-dark)}

/* výbava */
.xbk-gear-list{margin-top:8px}
.xbk .xbk-gear-list .vat{font-size:14px!important}
/* „Odporúčame prikúpiť“ (2 stĺpce, ui-tweaks 13 px) a „Mohlo by sa vám páčiť“ (theme 22 px) rovnako; „s DPH“ sa nesmie lámať na dva riadky */
.xbk .xbk-gear-list .product .product-title,.xbk .xb-rel .product .product-title{font-size:16px;line-height:1.3!important}
.xbk .xbk-gear-list .price-info,.xbk .xb-rel .price-info{flex-wrap:wrap;column-gap:8px}
.xbk .xbk-gear-list .vat,.xbk .xb-rel .vat{white-space:nowrap}

/* otázky */
.xbk-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.xbk-faq-item{border-top:1px solid var(--xbk-line)}
.xbk-faq-item:last-child{border-bottom:1px solid var(--xbk-line)}
/* posledná položka zoznamu bez spodnej čiary – sekcia má vlastnú (inak dve čiary s prázdnym pásom) */
.xbk-section .xbk-tech-story:last-child,.xbk-section .xbk-material dl>div:last-child,.xbk-section .xbk-steps li:last-child,.xbk-section .xbk-faq-item:last-child,.xbk-section .xbk-audience-row:last-child{border-bottom:0}
.xbk-section .xbk-table tr:last-child th,.xbk-section .xbk-table tr:last-child td{border-bottom:0}
.xbk-faq-item summary{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:20px 0;list-style:none;cursor:pointer;font-size:18px;font-weight:700;line-height:1.5}
.xbk-faq-item summary::-webkit-details-marker{display:none}
.xbk-faq-item summary::marker{content:""}
.xbk-faq-item>div{padding:0 0 22px}
.xbk-faq-item>div p{font-size:17px;color:var(--xbk-muted)}

/* predajňa */
.xbk-store{border-bottom:0}
.xbk-store-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.xbk-store-card{padding:32px;border:1px solid #cbd0c4;border-radius:5px;background:#fff}
.xbk-store-card p{font-size:17px}
.xbk-store-card a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.xbk-after{margin-top:0}

/* zloženie v technológiách (prototyp composition-panel) */
.xbk-composition{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;margin-top:48px;padding-top:32px;border-top:1px solid var(--xbk-line2);scroll-margin-top:96px}
.xbk-composition-heading h3{margin-bottom:12px}
.xbk-composition-heading p:last-child{max-width:32ch;font-size:16px;color:var(--xbk-muted);margin:0}
.xbk-composition-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin:0}
.xbk-composition-values dt{font-size:16px;color:var(--xbk-green);font-weight:600;margin-bottom:10px}
.xbk-composition-values dd{margin:0;font-size:17px;line-height:1.8}
.xbk-composition-values dd strong{font-size:22px;line-height:1.6;font-weight:700}
.xbk-composition-values.is-many dd strong{font-size:18px;font-weight:700}

/* strih (prototyp fit-section) */
.xbk-fit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.xbk-fit-layout.no-photo{grid-template-columns:minmax(0,760px)}
.xbk-fit-copy>p:not(.xbk-eyebrow){max-width:47ch}
.xbk-fit-steps{list-style:none;margin:28px 0;padding:0}
.xbk-fit-steps li{display:flex;gap:16px;padding:18px 0;border-top:1px solid var(--xbk-line)}
.xbk-fit-steps li:last-child{border-bottom:1px solid var(--xbk-line)}
.xbk-fit-steps strong{font-size:18px;font-weight:700}
.xbk .xbk-fit-steps p{font-size:16px;color:var(--xbk-muted);margin:6px 0 0;line-height:1.65}
.xbk .xbk-fit-note{font-size:14px;color:var(--xbk-muted);line-height:1.6;margin:16px 0 0}
.xbk-fit-photo{margin:0;min-width:0}
.xbk-fit-image{position:relative;overflow:hidden;border-radius:6px;background:var(--xbk-cream);min-height:160px}
.xbk-fit-image img{display:block;width:100%;height:600px;object-fit:contain;padding:16px 16px 96px}
.xbk-fit-measures{position:absolute;left:24px;right:24px;bottom:20px;display:flex;justify-content:center;gap:32px;background:rgba(255,255,255,.94);padding:12px 16px;border-radius:3px}
.xbk-fit-image:not(:has(img)) .xbk-fit-measures{position:static;margin:24px}
.xbk-fit-measures>span{font-size:14px;color:var(--xbk-muted)}
.xbk-fit-measures strong{display:block;font-size:22px;color:var(--xbk-ink);line-height:1.35;font-weight:700}
.xbk-fit-photo figcaption{font-size:14px;color:var(--xbk-muted);margin-top:10px}

/* sekundárne tlačidlo (prototyp .button.secondary) */
.xbk .xbk-button-secondary{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border:1px solid var(--xbk-ink);border-radius:4px;background:#fff;color:var(--xbk-ink);font-size:16px;font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer}
.xbk .xbk-button-secondary:hover{background:var(--xbk-paper);border-color:#000;color:var(--xbk-ink)}
.xbk .xbk-button-secondary .xbk-icon{width:19px;height:19px}

/* parametre a údržba vedľa seba (prototyp details-grid) */
.xbk-details-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}
.xbk-details-grid.no-care{grid-template-columns:minmax(0,760px)}
.xbk-spec h3,.xbk-care h3{font-size:22px;margin-bottom:16px}
.xbk-spec .xbk-table th,.xbk-spec .xbk-table td{border:0;padding:12px 11px}
.xbk-spec .xbk-table tr:nth-child(even){background:#f4f5ef}
.xbk-spec .xbk-table tr:hover{background:#edf0e7}
.xbk-care-steps{list-style:none;margin:0;padding:0}
.xbk-care-steps li{display:flex;gap:16px;margin-bottom:18px;font-size:17px;line-height:1.6}
.xbk-care-source{border-top:1px solid var(--xbk-line);margin-top:28px;padding-top:22px}
.xbk .xbk-care-source p:last-child{font-size:16px;color:var(--xbk-muted);margin:0}

/* popis zbalený */
.xbk-collapse.is-collapsed{max-height:440px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
.xbk-collapse-btn{margin-top:16px}
.xbk-collapse-btn[hidden]{display:none!important}

/* podklady a rady (prototyp resources-section) */
.xbk-res-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.xbk-res-grid.is-single{grid-template-columns:minmax(0,560px)}
.xbk-res-card{display:flex;flex-direction:column;min-width:0;padding:32px;border:1px solid var(--xbk-line);background:#fff}
.xbk-res-type{font-size:14px;color:var(--xbk-green);font-weight:600;letter-spacing:.04em;margin-bottom:16px}
.xbk .xbk-res-card h3{font-size:22px;line-height:1.35;margin:0 0 16px}
.xbk .xbk-res-card p{color:var(--xbk-muted);margin:0 0 24px}
.xbk-res-card .xbk-text-link{margin-top:auto;align-self:flex-start;line-height:1.5}

/* značka + predajňa (prototyp origin-section) */
.xbk-brand-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}
.xbk-brand-copy>p:not(.xbk-eyebrow){max-width:58ch}
.xbk-brand-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 16px;padding:20px 0;border-block:1px solid var(--xbk-line2)}
.xbk-brand-facts>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.xbk-brand-facts dt{font-size:16px;font-weight:600;line-height:1.5}
.xbk-brand-facts dd{order:-1;margin:0;font-size:40px;font-weight:700;line-height:1.2;letter-spacing:-.035em;color:var(--xbk-green)}
.xbk .xbk-brand-source{font-size:16px;line-height:1.6;color:var(--xbk-muted)}
.xbk-brand-source a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.xbk-award{border-top:1px solid var(--xbk-line);margin-top:24px}
.xbk-award summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;font-size:18px;font-weight:700;cursor:pointer;list-style:none}
.xbk-award summary::-webkit-details-marker{display:none}
.xbk-award summary::marker{content:""}
.xbk-award>div{padding:0 0 16px}
.xbk .xbk-award p{font-size:16px;color:var(--xbk-muted);margin:4px 0 12px}
.xbk-store-card{padding:32px;border:1px solid #cbd0c4;border-radius:5px;background:#fff}
.xbk .xbk-store-card .xbk-eyebrow{margin-bottom:8px!important}
.xbk-store-card h3{font-size:22px;margin-bottom:12px}
.xbk .xbk-store-card p{font-size:17px}
.xbk-store-card .xbk-prose a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}

/* otázky: box „Nenašli ste odpoveď?“ */
.xbk-question{margin-top:32px;padding:28px;border:1px solid var(--xbk-line);background:#fff}
.xbk .xbk-question h3{font-size:22px;margin:0 0 8px;line-height:1.35}
.xbk .xbk-question p{font-size:17px;color:var(--xbk-ink)}
.xbk .xbk-question .xbk-button-secondary{margin:8px 0 12px;white-space:normal}
.xbk .xbk-question .xbk-question-note{font-size:16px;color:var(--xbk-muted)}
.xbk-question>a:not(.xbk-button-secondary){display:block;width:fit-content;font-size:16px;overflow-wrap:anywhere;margin-top:8px;color:var(--xbk-ink);text-decoration:underline;text-underline-offset:4px}

/* hero: pomoc s veľkosťou pod istotami */
.xbk .xbk-help{font-size:16px;color:var(--xbk-muted);margin:16px 0 0}
.xbk-help a{color:var(--xbk-ink);font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}

/* záverečný pás (prototyp .closing) */
.xbk-closing{background:#eeeae0;padding:48px 0}
.xbk-closing-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}
.xbk .xbk-closing h2{font-size:clamp(26px,2.3vw,32px);margin-bottom:10px}
.xbk .xbk-closing .xbk-eyebrow{margin-bottom:10px!important}
.xbk .xbk-closing-summary{margin:0;font-size:16px;color:var(--xbk-muted)}
.xbk .xbk-closing-summary:empty{display:none}
.xbk .xbk-closing-btn{flex-shrink:0;width:272px;min-height:56px;padding:12px 20px;border:1px solid var(--xbk-accent);border-radius:4px;background:var(--xbk-accent);color:var(--xbk-ink);font-size:17px;font-weight:700;cursor:pointer}
.xbk .xbk-closing-btn:hover{background:var(--xbk-accent-dark);border-color:var(--xbk-accent-dark);color:#fff}

/* ── dialógy ── */
.xbk-dialog{width:min(640px,calc(100% - 32px));max-height:calc(100% - 48px);padding:0;border:0;border-radius:8px;color:#171917;font-size:17px;line-height:1.6}
.xbk-dialog::backdrop{background:rgba(23,25,23,.55)}
.xbk-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #d8dcd5}
.xbk-dialog-head h2{font-size:22px;margin:0;font-weight:700}
.xbk-dialog .xbk-prose{padding:20px 24px}
.xbk-dialog .xbk-prose p,.xbk-dialog .xbk-prose li{font-size:17px}
.xbk-size-table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px;font-variant-numeric:tabular-nums}
.xbk-size-table caption{caption-side:top;text-align:left;font-weight:700;color:#171917;padding:0 0 8px}
.xbk-size-table th,.xbk-size-table td{text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid #d8dcd5;white-space:nowrap}
.xbk-size-table thead th{font-size:14px;font-weight:600;color:#5c615a}
.xbk-size-table tbody tr:nth-child(even){background:#f4f5ef}
.xbk-size-table tbody th{font-weight:700;padding-left:8px}
.xbk-size-dialog .xbk-prose p{margin:0 0 12px}
.xbk-size-dialog .xbk-prose p:last-child{margin:0}
.xbk-size-guide{display:inline-block;margin:10px 0 0;padding:0;border:0;background:none;color:#171917;font-size:15px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.xbk-size-guide:hover{color:#f05c28}
.xbk-close{width:44px;height:44px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer}
.xbk-video-dialog video{display:block;width:100%;height:auto;background:#000}
/* upozornenie na naskladnenie */
.xbk .xbk-buy-panel .xbk-notify-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin:12px 0 0;padding:12px 20px;border:1px solid var(--xbk-ink);border-radius:4px;background:#fff;color:var(--xbk-ink);font-size:16px;font-weight:600;line-height:1.4;cursor:pointer}
.xbk .xbk-buy-panel .xbk-notify-btn:hover{background:var(--xbk-paper);border-color:#000}
.xbk .xbk-buy-panel .xbk-notify-btn[hidden]{display:none}
.xbk-notify-btn .xbk-icon{width:20px;height:20px}
.xbk-notify-form{padding:20px 24px 24px}
.xbk-notify-form .xbk-notify-variant{font-size:17px;margin:0 0 4px}
.xbk-notify-form .xbk-notify-size{color:#565b55}
.xbk-notify-form label{display:block;font-size:16px;font-weight:600;margin:16px 0 6px;color:#171917}
.xbk-notify-dialog .xbk-notify-form input[type=email]{display:block;width:100%;height:auto;min-height:48px;margin:0;padding:10px 14px;border:1px solid #bec6b9;border-radius:4px;background:#fff;color:#171917;font-size:17px;line-height:1.4}
.xbk-notify-dialog .xbk-notify-form input[type=email]:focus{outline:2px solid #f05c28;outline-offset:1px;border-color:#171917}
.xbk-notify-form .xbk-notify-note{font-size:16px;line-height:1.55;color:#565b55;margin:12px 0 16px}
.xbk-notify-form .xbk-notify-note a{color:#171917;text-decoration:underline}
.xbk-notify-dialog .xbk-notify-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:12px 20px;border:1px solid #f05c28;border-radius:4px;background:#f05c28;color:#171917;font-size:17px;font-weight:700;cursor:pointer}
.xbk-notify-dialog .xbk-notify-submit:hover{background:#b82f10;border-color:#b82f10;color:#fff}
.xbk-notify-dialog .xbk-notify-submit:disabled{opacity:.6;cursor:wait}
.xbk-notify-form .xbk-notify-msg{font-size:16px;line-height:1.5;margin:12px 0 0;color:#28563a}
.xbk-notify-form .xbk-notify-msg:empty{display:none}
.xbk-notify-form .xbk-notify-msg.is-error{color:#b82f10}
.xbk-notify-form.is-done label,.xbk-notify-form.is-done input,.xbk-notify-form.is-done .xbk-notify-note,.xbk-notify-form.is-done .xbk-notify-submit{display:none}
.xbk-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ── lepiaca lišta – len mobil/tablet ── */
.xbk-sticky{display:none}
@media (max-width:1199px){
	.xbk-hero{column-gap:32px}
	.xbk-audience-row{gap:20px;grid-template-columns:32px minmax(0,.9fr) minmax(0,1.2fr)}
	.xbk-tech-layout,.xbk-params-grid,.xbk-composition,.xbk-fit-layout{gap:32px}
	.xbk-faq-layout,.xbk-store-layout,.xbk-details-grid,.xbk-brand-grid{gap:48px}
}
@media (max-width:991px){
	.xbk-hero{grid-template-columns:1fr;grid-template-areas:"heading" "gallery" "purchase";row-gap:20px;padding-bottom:40px}
	.xbk-heading{max-width:672px}
	.xbk .xbk-promise{margin-bottom:0!important;font-size:20px}
	.xbk-gallery{position:static;max-width:672px;width:100%;justify-self:center}
	.xbk .xbk-gallery .swiper-container.product-detail{height:576px}
	.xbk-audience-heading,.xbk-tech-layout,.xbk-params-grid,.xbk-faq-layout,.xbk-store-layout{grid-template-columns:1fr;gap:24px}
	.xbk-composition,.xbk-fit-layout,.xbk-fit-layout.no-photo,.xbk-details-grid,.xbk-brand-grid,.xbk-res-grid,.xbk-res-grid.is-single{grid-template-columns:minmax(0,1fr);gap:32px}
	.xbk-fit-photo{max-width:544px;width:100%;justify-self:center}
	.xbk-fit-image img{height:528px}
	.xbk-closing-inner{flex-direction:column;align-items:flex-start;gap:24px}
	.xbk .xbk-closing-btn{width:100%;max-width:384px}
	.xbk-audience-row{grid-template-columns:28px minmax(0,1fr);gap:12px 16px;padding:28px 0}
	.xbk-audience-reason{grid-column:2}
	.xbk-tech-photo img{height:416px}
	.xbk-section{padding:56px 0}
	.xbk-nav ul{justify-content:flex-start;gap:22px;padding:0 16px}
	.xbk-sticky{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #cdd4c8;box-shadow:0 -4px 16px rgba(0,0,0,.06)}
	.xbk-sticky[hidden]{display:none}
	.xbk-sticky-info{min-width:0;display:flex;flex-direction:column}
	.xbk-sticky-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.xbk-sticky-price{font-size:17px;line-height:1.3}
	.xbk-sticky-price b{font-weight:700;color:#171917}
	.xbk-sticky-price s{font-size:14px;color:#565b55;margin-right:4px}
	/* plávajúca ikona bočného košíka (FKCart) na mobile prekrývala šípku galérie, srdiečko a text (7.10.2026);
	   košík je v hlavičke a otvára ten istý panel (xbionic-fkcart-glue), lepiaca lišta má „Do košíka“ */
	body:has(#xbk-root) #fkcart-floating-toggler{display:none}
	.xbk-sticky-btn{flex-shrink:0;min-width:164px;min-height:52px;padding:10px 18px;border:1px solid #f05c28;border-radius:4px;background:#f05c28;color:#171917;font-size:16px;font-weight:700;cursor:pointer}
	.xbk-sticky-btn:hover{background:#b82f10;border-color:#b82f10;color:#fff}
}
@media (max-width:575px){
	.xbk h1{font-size:28px}
	.xbk h2{font-size:26px}
	.xbk .xbk-promise{font-size:20px;line-height:1.4!important}
	.xbk .xbk-gallery .swiper-container.product-detail{height:416px}
	.xbk .xbk-gallery .slider-image{border-width:38px 14px}
	.xbk-thumbs{gap:7px}
	.xbk-thumb{flex-basis:calc((100% - 21px) / 4.3)}
	.xbk-thumb span{height:56px}
	.xbk-buy-panel{padding:16px}
	.xbk-offer{flex-wrap:wrap;align-items:flex-start;gap:8px}
	.xbk-price{font-size:32px}
	.xbk-saving{display:flex;flex-wrap:wrap;gap:4px 12px;text-align:left}
	.xbk .xbk-color-list{gap:6px}
	.xbk .xbk-color-list .picker__background{height:56px!important}
	.xbk-sizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
	.xbk-assurances{grid-template-columns:1fr;gap:12px}
	.xbk-audience-row{grid-template-columns:22px minmax(0,1fr);column-gap:12px}
	.xbk-audience-row h3{font-size:20px}
	.xbk-tech-photo img{height:368px;padding:12px}
	.xbk-tech-body{padding-left:0}
	.xbk-store-card,.xbk-question,.xbk-res-card{padding:20px}
	.xbk-composition-values{grid-template-columns:minmax(0,1fr);gap:16px}
	.xbk-composition-values>div+div{padding-top:16px;border-top:1px solid var(--xbk-line2)}
	.xbk-fit-image img{height:464px;padding:8px 0 96px}
	.xbk-fit-measures{left:16px;right:16px;gap:24px}
	.xbk-brand-facts dd{font-size:32px}
	.xbk .xbk-res-card h3{font-size:20px}
	.xbk-closing{padding:36px 0}
	.xbk-table th{width:45%}
}
@media (prefers-reduced-motion:reduce){.xbk *{scroll-behavior:auto!important}}

/* ── tretie kolo podľa prototypu (7.10.2026) ── */
/* názov farby vpravo hore na hlavnej fotke */
.xbk-image-label{position:absolute;top:16px;right:16px;z-index:4;max-width:calc(100% - 140px);padding:6px 11px;border-radius:2px;background:rgba(255,255,255,.92);font-size:14px;font-weight:600;line-height:1.3;letter-spacing:.02em;color:var(--xbk-ink);pointer-events:none;text-align:right}
/* pôvod s vlajkou, tučne */
.xbk-origin>span{display:inline-flex;align-items:center;gap:9px;font-weight:600}
.xbk-flag{flex:none;display:inline-block;width:20px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.xbk-flag-ch{width:15px;height:15px;background:linear-gradient(#fff,#fff) center/9px 3px no-repeat,linear-gradient(#fff,#fff) center/3px 9px no-repeat,#da291c}
.xbk-flag-it{background:linear-gradient(90deg,#009246 33.3%,#fff 33.3% 66.6%,#ce2b37 66.6%)}
.xbk-flag-de{background:linear-gradient(#000 33.3%,#dd0000 33.3% 66.6%,#ffce00 66.6%)}
.xbk-flag-at{background:linear-gradient(#c8102e 33.3%,#fff 33.3% 66.6%,#c8102e 66.6%)}
.xbk-flag-sk,.xbk-flag-cz,.xbk-flag-pt,.xbk-flag-ro{background:#ddd}
/* výhody tučne */
.xbk-benefits strong{font-weight:600}
/* veta o modeli sivá, pred počtom kusov */
.xbk .xbk-fit-shortcut,.xbk .xbk-fit-shortcut span,.xbk .xbk-fit-shortcut strong{color:var(--xbk-muted)}
.xbk .xbk-fit-shortcut{padding:4px 0 14px}
.xbk .xbk-fit-shortcut strong{font-size:14px;font-weight:600}
.xbk .xbk-fit-shortcut:hover strong{color:var(--xbk-ink)}
/* dlaždica s názvom výrobcu (opakujúci sa slovenský názov) */

/* odkazy k výrobcovi */
.xbk-spec-source{margin:12px 0 0!important;font-size:14px!important;line-height:1.5;color:var(--xbk-muted)}
.xbk-spec-source a{color:var(--xbk-ink);text-decoration:underline;text-underline-offset:3px}
.xbk-spec-source a:hover{color:var(--xbk-accent-dark)}
.xbk-tech-source{display:inline-block;margin-top:18px}
/* navigácia sekcií cez celú šírku, zarovnaná vľavo (prototyp section-nav) */
.xbk-nav{background:#fff;border-image:linear-gradient(var(--xbk-line),var(--xbk-line)) 1/1px 0/0 100vmax;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
@media (min-width:992px){.xbk-nav ul{justify-content:flex-start;padding:0}}
/* Pre koho: nadpis vľavo, úvod vpravo (prototyp audience-heading) + pôvod použitia */
.xbk-section-heading.has-intro{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:end}
.xbk-section-heading.has-intro>p{max-width:62ch;color:var(--xbk-muted);margin:0 0 14px}
.xbk .xbk-for-source{margin:20px 0 0;font-size:16px;color:var(--xbk-green);font-weight:600}
/* technológia: malý názov, prínos ako nadpis */
.xbk-tech-title{display:flex;flex-direction:column;gap:4px;min-width:0}
.xbk-tech-title small{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--xbk-muted)}
.xbk-tech-story .xbk-tech-title strong{font-size:20px;font-weight:700}
/* údržba po krokoch + vyskúšať doma */
.xbk-care-steps li>div strong{display:block;font-size:18px;font-weight:700}
.xbk .xbk-care-steps li>div p{font-size:16px;line-height:1.6;color:var(--xbk-muted);margin:4px 0 0}
.xbk-first-try{margin-top:22px;padding:18px 20px;background:var(--xbk-green-bg);border-radius:6px}
.xbk-first-try strong{display:block;font-size:18px;font-weight:700}
.xbk .xbk-first-try p{font-size:16px;line-height:1.6;margin:6px 0 0;color:var(--xbk-ink)}
@media (max-width:991px){.xbk-section-heading.has-intro{grid-template-columns:1fr;gap:4px}}

/* 7.10. večer: srdiečko rovnako vysoké ako tlačidlo, tlačidlo v kartách výbavy, záverečný pás až po newsletter */
.xbk .xbk-buy-panel .product-wishlist-button{width:64px!important;height:64px!important;min-height:64px;flex:0 0 64px;margin-top:0!important;margin-bottom:0!important;align-self:stretch}
.xbk .xbk-gear-list .product{display:flex;flex-direction:column}
.xbk .xbk-gear-list .product-content{flex:1 1 auto}
.xbk .xbk-gear-btn{display:flex;align-items:center;justify-content:center;min-height:44px;margin:14px 0 0;padding:10px 16px;border:1px solid var(--xbk-ink);border-radius:4px;background:#fff;color:var(--xbk-ink);font-size:16px;font-weight:600;line-height:1.2;text-align:center;transition:background-color .2s,color .2s}
.xbk .xbk-gear-list .product:hover .xbk-gear-btn,.xbk .xbk-gear-list .product:focus-visible .xbk-gear-btn{background:var(--xbk-ink);color:#fff}
body:has(#xbk-root) #footer .newsletter-wrapper::before{background:#eeeae0}

/* šípky ako SVG (xbk_icon) */
.xbk .xbk-ico{display:inline-block;width:1em;height:1em;margin-left:.3em;vertical-align:-.14em;flex-shrink:0}
.xbk .xbk-ico-external{width:.9em;height:.9em;vertical-align:-.08em}

/* názvy farieb jednotne (slovenské aj výrobcu), Späť ako oranžové tlačidlo */
.xbk .xbk-color-name{font-size:14px;font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none}
.xbk .link-back.xbk-back-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 16px 8px 12px;border-radius:4px;background:var(--xbk-accent);color:#fff;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s}
.xbk .link-back.xbk-back-btn::before{content:none;display:none}
.xbk .link-back.xbk-back-btn:hover,.xbk .link-back.xbk-back-btn:focus-visible{background:var(--xbk-accent-dark);color:#fff}
.xbk .link-back.xbk-back-btn .xbk-ico{margin-left:0;width:18px;height:18px;vertical-align:0}
@media (max-width:767px){.xbk .xbk-color-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.xbk .xbk-color-name{overflow-wrap:break-word;hyphens:manual}
.xbk .navigation-part-product{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start!important;gap:10px 16px}
.xbk .navigation-part-product .link-back.xbk-back-btn{margin:0!important;order:0;flex-shrink:0}
.xbk .navigation-part-product>p{margin:0}
/* typografia 7.10.2026: prvky theme vnútri karty na stupnicu karty (13/14/16/17/18/22/26–32/28–36/40, hrúbky 400/600/700) */
.xbk .navigation-part-product p,.xbk .navigation-part-product a,.xbk .navigation-part-product span{font-size:14px;line-height:1.4}
.xbk .navigation-part-product a{color:var(--xbk-muted)}
.xbk .navigation-part-product .breadcrumb_last,.xbk .navigation-part-product .breadcrumb_last strong{font-weight:600;color:var(--xbk-ink)}
.xbk .grid-product-list .product .price-info .vat{color:var(--xbk-muted)}
.xbk .xbk-prose strong,.xbk .xbk-prose b{font-weight:600}
.xbk .xbk-prose h4{margin:24px 0 8px;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none}
/* odkaz vo vete má veľkosť okolitého textu (theme dáva a{font-size:14px}) */
.xbk p a:not(.xbk-button-secondary):not(.xbk-text-link),.xbk li a,.xbk dd a,.xbk td a:not(.xbk-text-link){font-size:inherit}
@media (max-width:575px){.xbk .xbk-tech-story summary strong{font-size:20px}}
/* mobil a prístupnosť 7.10.2026: kontrast WCAG 1.4.3 (biela na #f05c28 = 3,35 : 1 → tmavé písmo 5,28 : 1), ceny v kartách výbavy tmavšou oranžovou */
.xbk .link-back.xbk-back-btn{color:var(--xbk-ink)}
.xbk .grid-product-list .product .price-info .price,.xbk .grid-product-list .product .price-info .price ins,.xbk .grid-product-list .product .price-info .price .amount{color:var(--xbk-accent-dark)}
/* ťukacie plochy ≥ 44 px (WCAG 2.5.8, Apple HIG) */
@media (max-width:991px){
	.xbk .xbk-text-link,.xbk .xbk-res-card .xbk-text-link{display:inline-flex;align-items:center;min-height:44px}
	.xbk .xbk-question>a[href^="tel:"],.xbk .xbk-question>a[href^="mailto:"]{display:flex;align-items:center;min-height:44px;margin-top:0}
	.xbk .xbk-help a{display:inline-flex;align-items:center;min-height:44px}
	.xbk .link-back.xbk-back-btn{min-height:44px}
}
/* mobil: kompaktnejšie (Baymard: tlačidlo košíka čo najvyššie, náhľady fotiek netreba – listuje sa šípkami a prstom) */
@media (max-width:767px){
	.xbk .xbk-thumbs{display:none}
	.xbk .xbk-section{padding:40px 0}
	.xbk .xbk-section-heading{margin-bottom:24px}
	.xbk .xbk-tech-photo img{height:260px;padding:8px}
	.xbk .xbk-fit-image img{height:400px}
	.xbk .xbk-delivery{padding:12px 14px;margin-bottom:12px}
	.xbk .xbk-delivery .xb-eta__list li{line-height:1.45}
}
/* najužšie telefóny (320–374 px): farby v 2 stĺpcoch, inak dlhý názov pri zväčšených rozostupoch textu vytŕča (WCAG 1.4.12) */
@media (max-width:374px){.xbk .xbk-color-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* drobčeky: šípka theme (icomoon, otočená) bola prilepená k slovu a medzera bola len za ňou → rovnaký rozostup z oboch strán, na stred výšky písmen */
.xbk #breadcrumbs a::after{margin:0 0 0 5px;vertical-align:-1px}