/* –– Inspired by section, breadcrumbs and more –– */
.filters .filter-section-parametric-id-21 form>fieldset,
.filters .filter-section-parametric-id-24 form>fieldset{
  position: relative !important;
  max-height: 420px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
.filters .filter-section-parametric-id-21 form>fieldset::-webkit-scrollbar,
.filters .filter-section-parametric-id-24 form>fieldset::-webkit-scrollbar{ display:none; }
.filters .filter-section-parametric-id-21 form>fieldset,
.filters .filter-section-parametric-id-24 form>fieldset{
  scrollbar-width: none; -ms-overflow-style: none;
}

/* Searchbar sticky navrchu */
.__searchbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  background: #fff !important;
  padding-bottom: 8px !important;
  flex-shrink: 0 !important;
}

/* Scrollbox */
.filters .__scrollbox{
  flex: 1 !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  padding-right: 6px;
  -webkit-overflow-scrolling: touch;
}
.filters .__scrollbox::-webkit-scrollbar { width:0 !important; height:0 !important; }
.filters .__scrollbox { scrollbar-width: none !important; -ms-overflow-style: none !important; }

/* Fake scrollbar */
.__fake-track{
  position:absolute; right:6px; top:52px; bottom:8px;
  width:8px; background:rgba(255,255,255,.12); border-radius:4px;
  pointer-events:none; opacity:1;
}
.__fake-thumb{
  position:absolute; right:0; width:8px; min-height:18px;
  border-radius:4px; background:rgba(255,255,255,.72);
  box-shadow:0 0 0 1px rgba(0,0,0,.08) inset;
  transform:translateY(0);
  will-change:transform,height; pointer-events:none;
}
.__fake-track[hidden]{ display:none; }

/* Sidebar menu */
[data-testid="sidebarMenu"]{
  --side-panel-header-bg: #17396B;
  --side-panel-header-color: #fff;
}
[data-testid="sidebarMenu"] .box .box-head::before,
[data-testid="sidebarMenu"] .box .box-head::after{
  content:none !important;
}

/* Category header */
:root { --navy:#17396B; }
.category-header input[type="radio"]:checked + label{
  background: var(--navy) !important;
  color: #fff !important;
  border-color: var(--navy) !important;
}
.category-header input[type="radio"]:checked + label .icon,
.category-header input[type="radio"]:checked + label [class*="icon"],
.category-header input[type="radio"]:checked + label svg{
  color:#fff !important;
  fill:#fff !important;
}
.category-header input[type="radio"] + label{
  border:1px solid #E2E8F0;
  transition:background .2s,color .2s,border-color .2s;
}

/* Scrollbar farby */
:root{
  --sb-track: #fff;
  --sb-thumb: #17396B;
  --sb-thumb-hover: #17396B;
}
.filters .__fake-track{
  background: var(--sb-track) !important;
}
.filters .__fake-thumb{
  background: var(--sb-thumb) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.35) inset, 0 1px 2px rgba(0,0,0,.12);
}
.filters fieldset:hover > .__fake-track .__fake-thumb,
.filters fieldset:focus-within > .__fake-track .__fake-thumb{
  background: var(--sb-thumb-hover) !important;
}
.__scrollbox{
  padding-top: 8px !important;
}
.advanced-filters-wrapper{
  padding-top: 8px !important;
}

:root{
  --contact-bg:  #E2BB84;
--contact-fg:  #17396B;}
.top-navigation-bar .top-navigation-contacts{
  background: var(--contact-bg) !important;
  color: var(--contact-fg) !important;
}
.top-navigation-bar .top-navigation-contacts a,
.top-navigation-bar .top-navigation-contacts a:link,
.top-navigation-bar .top-navigation-contacts a:visited{
  color: var(--contact-fg) !important;
  text-decoration: none;
  opacity: 1 !important;
}
.top-navigation-bar .top-navigation-contacts a span{
  color: inherit !important;
}
.ci{width:100%;margin-top:1.0rem;padding:.6rem .6rem;border-radius:.5rem;background:#F8FAFF;font-size:1.4rem;line-height:1.25rem;text-align:center;display:flex;gap:.6rem;justify-content:center;align-items:center}
.ci b{font-weight:600;color:#5e6a7a;margin-right:.2rem;white-space:nowrap}
.ci span{color:#1f2836}
.ci__img{width:55px;height:55px;border-radius:.4rem;object-fit:contain;background:transparent !important;mix-blend-mode:multiply;}
#continue-order-button{
  background-color: #3c840f !important;
  border-color:     #3c840f !important;
  color: #fff !important;
}
  #continue-order-button:hover,
  #continue-order-button:focus{
  background-color: #35740d !important;
  border-color:     #35740d !important;
  color: #fff !important;}
  #orderFormButton{
  background-color: #3c840f !important;
  border-color:     #3c840f !important;
  color: #fff !important;}
  #orderFormButton:hover,
  #orderFormButton:focus{
  background-color: #35740d  !important;
  border-color:     #35740d  !important;
  color: #fff !important;}
  #submit-order{
  background-color: #3c840f !important;
  border-color:     #3c840f !important;
  color: #fff !important;}
  #submit-order:hover,
  #submit-order:focus{
  background-color: #35740d  !important;
  border-color:     #35740d  !important;
  color: #fff !important;}
  .navigation-in-bottom{
  background-color: #F8FAFF;
  }

:root{
  --vp-icon-left: 0px;
  --vp-icon-size: 52px;
  --vp-icon-gap: -14px;
  --vp-icon-y-nudge: 10px;}
.in-kosik .extra-item .extra-content .extra.delivery{
  padding-left: calc(var(--vp-icon-left) + var(--vp-icon-size) + var(--vp-icon-gap)) !important;
  min-height: max(56px, var(--vp-icon-size)) !important;
  align-items: center !important;}
.in-kosik .extra-item .extra-content .extra.delivery::before,
.in-kosik .extra-item .extra-content .extra.delivery img,
.in-kosik .extra-item .extra-content .extra.delivery svg{
  left: var(--vp-icon-left) !important;
  width: var(--vp-icon-size) !important;
  height: var(--vp-icon-size) !important;
  top: calc(50% + var(--vp-icon-y-nudge)) !important;
  transform: translateY(-50%) !important;}

#colorbox .advanced-order .h1{
  background-color: #17396B !important;}
.listSorting__control--current{
  background-color: #17396B !important;
  color: #ffffff;
  border-color: #17396B;}
.breadcrumbs a,
.breadcrumbs a span,
.breadcrumbs .navigation-bullet,
.breadcrumbs .navigation-bullet::before{
    color: #17396B !important;
    font-weight: 600;}
.breadcrumbs > span:last-child{
    color: #17396B !important;
    text-decoration: underline !important;} 

/* ── 1. Cart Background ── */
:root{
  --vp-checkout-bg: #F4F7FF;
}

html,
body.in-kosik,
body[class*="in-krok-"],
body.in-objednavka{
  background: var(--vp-checkout-bg) !important;
}

body.in-kosik .overall-wrapper,
body.in-kosik .content-wrapper,
body.in-kosik .content-wrapper-in,
body.in-kosik .container.content-wrapper,
body.in-kosik main,
body.in-kosik #content,
body[class*="in-krok-"] .overall-wrapper,
body[class*="in-krok-"] .content-wrapper,
body[class*="in-krok-"] .content-wrapper-in,
body[class*="in-krok-"] .container.content-wrapper,
body[class*="in-krok-"] main,
body[class*="in-krok-"] #content,
body.in-objednavka .overall-wrapper,
body.in-objednavka .content-wrapper,
body.in-objednavka .content-wrapper-in,
body.in-objednavka .container.content-wrapper,
body.in-objednavka main,
body.in-objednavka #content{
  background: var(--vp-checkout-bg) !important;
}

body.in-kosik .breadcrumbs-wrapper,
body[class*="in-krok-"] .breadcrumbs-wrapper,
body.in-objednavka .breadcrumbs-wrapper,
body.in-kosik .container.breadcrumbs-wrapper,
body[class*="in-krok-"] .container.breadcrumbs-wrapper,
body.in-objednavka .container.breadcrumbs-wrapper{
  background: transparent !important;
  box-shadow: none !important;
}

.advanced-order .vp_box,
.advanced-order .ci,
#cboxContent .vp_box,
#cboxContent .ci {
  display: none !important;
}

#cboxContent .advanced-order .advanced-order-suggestion,
#cboxContent .advanced-order div.h1.advanced-order-suggestion,
body #cboxContent .advanced-order-suggestion {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  color: #000000 !important;
  font-size: 20px !important;
  padding: 15px 0 !important;
}

.advanced-order .btn-primary,
#cboxContent .btn-primary {
  background-color: #fff !important;
  border: 1px solid #17396B !important;
  color: #17396B !important;
}

.advanced-order .btn-primary:hover,
#cboxContent .btn-primary:hover {
  background-color: #17396B !important;
  color: #fff !important;
}

.cart-content .price-primary,
.cart-content .price.price-primary {
  color: #000 !important;
}

[data-testid="recapItemPrice"],
.recapitulation-shipping-billing-info [data-testid="recapItemPrice"] {
  color: #000 !important;
}

.order-summary-top h4 {
  color: #000 !important;
}

.co-contact-information h4 {
  background-color: transparent !important;
}

.header-billing {
  background-color: transparent !important;
}

#cboxContent .free-gift-info,
#cboxContent .free-gifts .btn {
  background-color: rgb(244, 247, 254) !important;
  border: 1px solid #17396B !important;
  color: #17396B !important;
}

#cboxContent .free-gift-info:hover,
#cboxContent .free-gifts .btn:hover {
  background-color: #17396B !important;
  color: #fff !important;
}

.cart-related-product {
  background-color: rgb(244, 247, 254) !important;
}

.cart-related-product .btn-primary,
.cart-related-button .btn-primary {
  background-color: rgb(244, 247, 254) !important;
  border: 1px solid #17396B !important;
  color: #17396B !important;
}

.cart-related-product .btn-primary:hover,
.cart-related-button .btn-primary:hover {
  background-color: #17396B !important;
  color: #fff !important;
}

.cart-header .step::before,
.cart-header .step span::before {
  background-color: rgb(32, 56, 103) !important;
  color: #fff !important;
  border-color: rgb(32, 56, 103) !important;
}

.cart-header .step a,
.cart-header .step span {
  color: rgb(32, 56, 103) !important;
}

.cart-header .step.active::before,
.cart-header .step.active span::before,
.cart-header .step-1.active::before,
.cart-header .step-1.active span::before {
  background-color: rgb(32, 56, 103) !important;
  border-color: rgb(32, 56, 103) !important;
  color: #fff !important;
}

.cart-header .step.active a,
.cart-header .step.active span {
  color: rgb(32, 56, 103) !important;
}


[data-testid="hamburgerMenu"],
[data-testid="hamburgerMenu"]::before,
[data-testid="hamburgerMenu"]::after { 
  color: rgb(32, 56, 103) !important; 
}

a.show-related {
  color: #17396B !important;
}

.free-gift-trigger,
a.btn-secondary.free-gift-trigger {
  color: #17396B !important;
  border-color: #17396B !important;
}

/* ── 2. Cart Gift ── */
.extra.gift {
  padding-left: 55px !important;
  position: relative !important;
}

.extra.gift::before {
  position: absolute !important;
  left: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.extra.gift span {
  display: block !important;
  margin-left: -17px !important;
  margin-right: 30px !important;
}

/* ── 3. Custom Colors ── */
[data-testid="signin"],
[data-testid="signin"]::before,
[data-testid="signin"]::after,
[data-testid="signin"] span,
[data-testid="signin"] svg,
[data-testid="signin"] path,
.top-nav-button-login,
.top-nav-button-login::before,
.top-nav-button-login::after,
.top-nav-button-login span,
.top-nav-button-login svg,
.top-nav-button-login path,
a.toggle-window[data-target="login"],
a.toggle-window[data-target="login"]::before,
a.toggle-window[data-target="login"]::after {
  color: rgb(32, 56, 103) !important;
  fill: rgb(32, 56, 103) !important;
  stroke: rgb(32, 56, 103) !important;
}

[data-testid="headerCart"],
[data-testid="headerCart"]::before,
[data-testid="headerCart"]::after,
[data-testid="headerCart"] svg,
[data-testid="headerCart"] path,
.click-cart .cart-price {
  color: rgb(32, 56, 103) !important;
  fill: rgb(32, 56, 103) !important;
  stroke: rgb(32, 56, 103) !important;
}

/* ── 4. Filters Scroll ── */
.__searchbar{
  margin-bottom: 8px;
  position: sticky-top;
  top: 0;
  z-index: 3;
  background: #F8FAFF;
  padding: 0;
}

.__searchbar input{
  box-sizing: border-box;
  width: 100%;
  padding: 10px 44px 10px 12px;
  border: 1px solid #D6DEE8;
  border-radius: 8px;
  background:#F8FAFF;
}

.__searchbar .__clear{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  color: #5e6a7a;
  padding: 4px;
}

fieldset[data-vp-target="inspiration"] .__searchbar input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

fieldset[data-vp-target="inspiration"] .__searchbar input[type="search"]::-webkit-search-decoration,
fieldset[data-vp-target="inspiration"] .__searchbar input[type="search"]::-webkit-search-results-button,
fieldset[data-vp-target="inspiration"] .__searchbar input[type="search"]::-webkit-search-results-decoration{
  display: none;
}

fieldset[data-vp-target="inspiration"] .__searchbar input[type="search"]::-ms-clear{
  display: none; width:0; height:0;
}

/* ── 5. Footer Icons ── */
.vp-footer-badges{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
}

.vp-footer-badges .vp-b-col{
  flex:1 1 320px;
  min-width:280px;
}

.vp-b-title{
  margin:0 0 10px;
  font-size:16px;
  font-weight:700;
  color:#0F1B2D;
}

.vp-b-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-start;
}

.vp-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100px;
  flex:0 0 80px;
  min-height:50px;
  padding:12px 16px;
  background:#F4F7FF;
  border:1px solid #D6DEE8;
  border-radius:9999px;
  color:#17396B;
  font-size:16px;
  line-height:1;
  white-space:nowrap;
  transition:background .15s ease, border-color .15s ease, transform .15s ease;
}

.vp-chip:hover{
  background:#E9EFFF;
  border-color:#CBD6E6;
  transform:translateY(-1px);
}

.vp-chip img{
  display:block;
  height:30px;
  width:auto;
  object-fit:contain;
}

/* ── 6. Heading Logo + Vonné rodiny ── */
.homepage-group-title.hl-styled {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .4rem !important;
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  flex-wrap: nowrap !important;
}

h2.products-related-header.hl-styled {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .4rem !important;
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  flex-wrap: nowrap !important;
}

.hl-icon {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

.hl-text {
  white-space: nowrap !important;
}

.hl-w1 {
  font-weight: 700 !important;
  background: linear-gradient(135deg, #B8943E 0%, #D4B45C 45%, #E2CC80 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.hl-w2 {
  font-weight: 600 !important;
  background: linear-gradient(135deg, #1C2E50 0%, #203867 50%, #2A4A7A 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.top-category-block .menu-content a[role="menuitem"] span {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #1C2E50 0%, #203867 50%, #2A4A7A 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-decoration: none !important;
}

.top-category-block .menu-content a[role="menuitem"] {
  text-decoration: none !important;
}

.top-category-block .menu-content a.menu-image img {
  width: 115px !important;
  height: 115px !important;
  aspect-ratio: 1 / 1 !important;
  max-width: 115px !important;
  max-height: 115px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

/* ── 7. Home Slider Mobile ── */
@media (max-width: 767.98px){
  :is(#products-1, .homepage-products-1,
      #products-3, .homepage-products-3,
      #products-6, .homepage-products-6,
      #products-9, .homepage-products-9) .ci{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    text-align: center;
    margin-top: .45rem !important;
  }

  :is(#products-1, .homepage-products-1,
      #products-3, .homepage-products-3,
      #products-6, .homepage-products-6,
      #products-9, .homepage-products-9) .ci__img{
    order: 0; width: 58px; height: 58px;
  }

  :is(#products-1, .homepage-products-1,
      #products-3, .homepage-products-3,
      #products-6, .homepage-products-6,
      #products-9, .homepage-products-9) .ci b{
    order: 1; margin: 0; white-space: normal; display: block;
  }

  :is(#products-1, .homepage-products-1,
      #products-3, .homepage-products-3,
      #products-6, .homepage-products-6,
      #products-9, .homepage-products-9) .ci span{
    order: 2; display: block; white-space: normal;
  }

  :is(#products-1, .homepage-products-1,
      #products-3, .homepage-products-3,
      #products-6, .homepage-products-6,
      #products-9, .homepage-products-9) .ci b,
  :is(#products-1, .homepage-products-1,
      #products-3, .homepage-products-3,
      #products-6, .homepage-products-6,
      #products-9, .homepage-products-9) .ci span{
    overflow-wrap: anywhere;
  }

  .products-related-block .ci {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
    text-align: center !important;
    margin-top: .4rem !important;
  }

  .products-related-block .ci .ci__img,
  .products-related-block .ci > img {
    order: -1 !important;
    width: 58px;
    height: 58px;
    object-fit: contain;
    display: block !important;
    margin: 0 auto;
  }

  .products-related-block .ci b,
  .products-related-block .ci span {
    order: 0 !important;
    display: block !important;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* ── 8. Infobox ── */
#custom-top-infobox {
  background-color: #17396B;
  color: #ffffff;
  text-align: center;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.5px;
  z-index: 9999;
  overflow: hidden;
}

#custom-top-infobox .marquee-item {
  display: inline-flex;
  align-items: center;
}

#custom-top-infobox .infobox-icon {
  height: 18px;
  width: auto;
  margin-right: 5px;
}

#custom-top-infobox .marquee-track {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  animation: marquee-scroll 40s linear infinite;
}

#custom-top-infobox .marquee-track:hover {
  animation-play-state: paused;
}

#custom-top-infobox .marquee-separator {
  padding: 0 25px;
}

@keyframes marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-33.33%); }
}

/* ── 9. Mobile Background Color ── */
:root { --site-bg: #F4F7FF; }

@media (max-width: 767.98px){
  html, body{
    background: var(--site-bg) !important;
  }

  .breadcrumbs-wrapper,
  .container.breadcrumbs-wrapper,
  .breadcrumbs-wrapper .container,
  .breadcrumbs,
  .breadcrumbs-inner{
    background: var(--site-bg) !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  .breadcrumbs-wrapper::before,
  .breadcrumbs-wrapper::after,
  .breadcrumbs::before,
  .breadcrumbs::after{
    background: var(--site-bg) !important;
    background-image: none !important;
  }

  .content-wrapper::before,
  .content-wrapper::after,
  .page-wrap::before,
  .page-wrap::after{
    background: transparent !important;
    background-image: none !important;
  }

  .page-wrap, .page, .page-layout,
  .container-wrapper, .content, .content-wrapper, .main-content,
  [data-testid="pageWrap"], [data-testid="contentWrap"]{
    background: var(--site-bg) !important;
  }
}

/* ── 10. Search Bar ── */
header .search-form .query-input.search-input{
  background: #F8FAFF !important;
  color: #0F1B2D !important;
  -webkit-appearance: none;
}

header .search-form .query-input.search-input::placeholder{
  color: #6B778C; opacity: 1;
}

header .search-form .query-input.search-input:focus{
  background: #FFFFFF;
}

header .search-form .btn.btn-default[data-testid="searchBtn"]{
  background: transparent !important;
  color: transparent !important;
}

.js-search-main .ui-autocomplete,
.js-search-main .autocomplete,
.js-search-main .search-suggest{
  background: #FFFFFF !important;
  border: 1px solid #D6DEE8 !important;
  border-radius: 10px;
}

.search-whisperer .search-whisperer__list{
  scrollbar-color: transparent !important;
}

/* ── 11. Variant Pills ── */
.vp_box{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:.5rem 0 .6rem;
  text-align:center;
}

.vp_pill{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.55rem .9rem; min-height:30px; border-radius:8px;
  background:#F8FAFF; line-height:1; white-space:nowrap;
  transition: transform .16s ease, background-color .16s ease, box-shadow .16s ease;
  transform-origin:center; will-change:transform; transform:translateZ(0);
}

@media (hover:hover) and (pointer:fine){
  .vp_pill:hover{
    transform:scale(1.08);
    background:#E2BB84;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    z-index:1;
  }
}

.vp_pill:focus-visible{
  outline:none;
  transform:scale(1.08);
  box-shadow:0 0 0 3px #cfe3ff;
}

@media (prefers-reduced-motion: reduce){
  .vp_pill{ transition:none }
  .vp_pill:hover,.vp_pill:focus-visible{ transform:none }
}

.vp_box .vp_pill{
  font-size:1.15rem;
  line-height:1;
}

/* ── 12. Welcome Section ── */
.welcome__left-panel span b {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  background: linear-gradient(90deg, #1C2E50 0%, #203867 30%, #2A4A7A 70%, #1C2E50 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.welcome__left-panel .btn.btn-secondary {
  background-color: #17396B !important;
  border-color: #17396B !important;
  color: #ffffff !important;
}

.welcome__left-panel .btn.btn-secondary:hover {
  background-color: #0E2347 !important;
  border-color: #0E2347 !important;
}

/* ── 13. Mobile responsive fixes ── */
@media (max-width: 600px) {
  .hl-icon {
    width: 26px !important;
    height: 26px !important;
  }
  .homepage-group-title.hl-styled {
    gap: .25rem !important;
  }
  .top-category-block .menu-content a[role="menuitem"] span {
    font-size: 1.8rem !important;
  }
  .top-category-block .menu-content a.menu-image img {
    width: 95px !important;
    height: 95px !important;
    max-width: 95px !important;
    max-height: 95px !important;
  }
}

@media (max-width: 767.98px){
  .vp-footer-badges{ gap:16px; }
  .vp-b-title{ font-size:15px; }
  .vp-chip{
    width:80px;
    flex-basis:80px;
    padding:9px 12px;
    font-size:14.5px;
    min-height:50px;
  }
  .vp-chip img{ height:28px; }

  #custom-top-infobox {
    font-size: 13.5px;
    padding: 11px 11px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }
  #custom-top-infobox .infobox-icon {
    height: 18px;
  }
}

@media (prefers-color-scheme: dark){
  .vp-chip{
    background:#F4F7FF !important;
    border-color:#D6DEE8 !important;
    color:#17396B !important;
  }
}


/* ===== Product page - neaktívne taby (Parametre, Diskusia, Značka) ===== */
.shp-tab-link,
.detail-tab-item,
.js-detail-tab-item,
.detail-tab-item::after,
.js-detail-tab-item::after {
  color: rgb(32, 56, 103) !important;
}

/* ===== Burger menu to X ===== */
body.navigation-window-visible a[data-target="navigation"] {
  filter: none !important;
  border: none !important;
  background: transparent !important;
  font-size: 0 !important;
}

body.navigation-window-visible a[data-target="navigation"]::before,
body.navigation-window-visible a[data-target="navigation"]::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 22px !important;
  height: 2px !important;
  background-color: rgb(32, 56, 103) !important;
  border: none !important;
  border-radius: 1px !important;
}

body.navigation-window-visible a[data-target="navigation"]::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

body.navigation-window-visible a[data-target="navigation"]::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.top-navigation-bar-menu a,
.top-navigation-bar-menu li a,
.navigation-in-bottom a {
  color: rgb(32, 56, 103) !important;
}

/* "Viac" trigger + šípka */
.top-navigation-menu-trigger,
.top-navigation-menu-trigger span,
.top-navigation-menu-trigger::after {
  color: rgb(32, 56, 103) !important;
}

/* Položky v dropdown menu pod "Viac" */
.top-navigation-bar-menu-helper a,
.top-navigation-bar-menu-helper li a,
.top-navigation-menu-item a,
.top-navigation-menu-item.cropped a {
  color: rgb(32, 56, 103) !important;
}

/* Breadcrumbs šípky */
.breadcrumbs .navigation-bullet::after,
.breadcrumbs .navigation-bullet::before,
.breadcrumbs span::after,
.breadcrumbs a::after {
  color: rgb(32, 56, 103) !important;
  border-color: rgb(32, 56, 103) !important;
}

/* Top menu guličky (::before) */
.top-navigation-menu-item::before,
.top-navigation-bar-menu li::before {
  color: rgb(32, 56, 103) !important;
  background-color: rgb(32, 56, 103) !important;
}

/* Main menu items + šípky */
.menu-level-1 > li > a,
.menu-level-1 > li > a b,
.menu-level-1 > li > a .submenu-arrow,
.menu-level-1 > li > a::after,
[data-testid="headerMenuItem"],
[data-testid="headerMenuItem"] b,
[data-testid="headerMenuItem"]::after,
.submenu-arrow::after {
  color: rgb(10, 24, 64) !important;
  border-color: rgb(10, 24, 63) !important;
}

/* Search form recolor */
.search-form input::placeholder,.p-header input[name="search"]::placeholder{
  color:rgb(140, 150, 165)!important;
}

.p-short-description-block .ci,
.p-short-description .ci {
  width: 100%;
  max-width: 360px;
  margin: 0 0 1rem 0;
  padding-bottom: .6rem;
  border-radius: .5rem;
  background: #fff;
  font-size: 1.4rem;
  line-height: 1.25rem;
  display: flex;
  gap: .6rem;
  justify-content: flex-start;
  align-items: center;
}
.p-short-description-block .ci b,
.p-short-description .ci b {
  font-weight: 600;
  color: #5e6a7a;
  white-space: nowrap;
}
.p-short-description-block .ci span,
.p-short-description .ci span {
  color: #1f2836;
}
.p-short-description-block .ci__img,
.p-short-description .ci__img {
  width: 55px;
  height: 55px;
  border-radius: .4rem;
  object-fit: contain;
  background: transparent !important;
  mix-blend-mode: multiply;
}
.p-short-description-block .ci__text,
.p-short-description .ci__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: .3rem;
}
.p-short-description-block .ci small,
.p-short-description .ci small {
  font-size: 1.1rem;
  color: #8a94a6;
  font-weight: 600;
}