/** Shopify CDN: Minification failed

Line 868:1 Expected "}" to go with "{"

**/
/* =========================================================
   BOSCHINO – CUSTOM.CSS (CLEAN + CONSISTENT)
   - Jednotná šířka: 1340px (padding je UVNITŘ)
   - Jednotné pozadí kolekcí (průvodce + filtry + grid)
   - Produktová stránka: pouze když existuje .product__info-wrapper
   ========================================================= */

/* =========================================================
   1) ROOT VARIABLES
   ========================================================= */
:root{
  /* brand */
  --brand-blue:#2a3885;
  --brand-blue-cta:#233173;
  --text-dark:#1a1a1a;

  /* layout */
  --site-width: 1340px;          /* finální šířka (včetně paddingu) */
  --page-width-margin: 2rem;     /* vnitřní okraj (desktop) */

  /* backgrounds */
  --boschino-bg: #eef0f3;        /* default pozadí webu */
  --bsh-collection-bg: #eef0f3;  /* kolekce – stejná šedá jako okolí */

  /* product card */
  --card-bg:#ffffff;
  --card-shadow:0 10px 28px rgba(0,0,0,.10);
  --card-max:1340px;
  --control-h:52px;
  --radius:0px;
  --media-max-h:620px;

  /* ✅ NEW: jemný posun obrázků v kartách (katalog) */
  --card-img-shift-desktop: -10px;
  --card-img-shift-mobile:  -8px;
}

@media (max-width: 989px){
  :root{ --page-width-margin: 1rem; }
}


/* =========================================================
   2) GLOBAL WIDTH 1340
   ========================================================= */
.page-width,
.page-width-desktop,
.page-width-tablet,
.page-width--narrow,
.page-width--wide,
.container,
.content-container,
.shopify-section .page-width,
#MainContent .page-width{
  max-width: var(--site-width) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.page-width{
  padding-left: var(--page-width-margin) !important;
  padding-right: var(--page-width-margin) !important;
}

header .page-width,
footer .page-width{
  max-width: var(--site-width) !important;
}

/* #MainContent ponech full width */
#MainContent,
#MainContent .content-for-layout,
main#MainContent{
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}


/* =========================================================
   3) GLOBAL BACKGROUND
   ========================================================= */
html, body{
  background: var(--boschino-bg) !important;
}

#MainContent,
#MainContent .content-for-layout,
main#MainContent{
  background: transparent !important;
}

.shopify-section > .gradient,
.shopify-section > .color-background,
.shopify-section > .color-background-1,
.shopify-section > .color-background-2,
.shopify-section > .color-background-3{
  background: transparent !important;
}


/* =========================================================
   4) HOMEPAGE – Image with text
   ========================================================= */
body.template-index .shopify-section .image-with-text .page-width,
body.template-index .shopify-section .image-with-text .page-width-desktop,
body.template-index .shopify-section .image-with-text .page-width-tablet{
  max-width: var(--site-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.template-index .shopify-section .image-with-text .image-with-text__grid{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;

  background: #fff !important;
  grid-template-columns: 1.4fr 1fr !important;
}

body.template-index .shopify-section .image-with-text .image-with-text__content{
  text-align: left !important;
}

body.template-index .shopify-section .image-with-text .button{
  background: var(--brand-blue) !important;
  color: #fff !important;
  border: 1px solid var(--brand-blue) !important;
  border-radius: 0 !important;
  padding: 12px 22px !important;
}

body.template-index .shopify-section .image-with-text .media{
  --ratio-percent: 56.25% !important;
}

.banner__content,
.slideshow__text-wrapper,
.rich-text__wrapper,
.image-with-text__content{
  max-width: var(--site-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}


/* =========================================================
   5) KOLEKCE / KATALOG – sjednocení pozadí
   ========================================================= */
body.template-collection{
  background: var(--bsh-collection-bg) !important;

  --color-background: 238, 240, 243 !important;
  --gradient-background: var(--bsh-collection-bg) !important;
}

body.template-collection #MainContent,
body.template-collection #MainContent .content-for-layout{
  background: var(--bsh-collection-bg) !important;
}

body.template-collection :is(
  .shopify-section,
  .section,
  .section-template,
  .collection,
  .collection-page,
  .main-collection,
  .collection-hero,
  .collection-hero__inner,
  .facets,
  .facets-container,
  .facet-filters,
  .product-grid-container,
  .background-secondary,
  .color-background,
  .color-background-1,
  .color-background-2,
  .color-background-3,
  .gradient
){
  background: transparent !important;
}

body.template-collection .loading-overlay{
  background: transparent !important;
}

body.template-collection :is(
  .page-width,
  .container,
  .collection,
  .collection-page,
  .main-collection,
  .product-grid-container,
  .facets,
  .facets-container,
  .collection-hero__inner,
  .grid,
  .product-grid
){
  max-width: var(--site-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.template-collection :is(.product-grid, .grid, .product-grid-container){
  background: transparent !important;
}

body.template-collection :is(.card, .card__content, .product-card-wrapper){
  background: #fff !important;
}


/* =========================================================
   ✅ 5B) KATALOG – POSUN OBRÁZKŮ NAHORU (desktop + tablet)
   - cíl: .card__media / .media / img na kartách kolekce/search
   ========================================================= */
.template-collection .card__media .media,
.template-search .card__media .media{
  display:flex !important;
  align-items:flex-start !important;   /* místo center = posun nahoru */
  justify-content:center !important;
  padding-top:10px !important;         /* jemná rezerva nahoře */
}

.template-collection .card__media img,
.template-search .card__media img{
  object-fit:contain !important;
  object-position:center top !important;
  margin-top: var(--card-img-shift-desktop) !important; /* ✅ posun nahoru */
}


/* =========================================================
   6) DESKTOP CAROUSEL – šipky
   ========================================================= */
@media (min-width: 990px){
  .gm-cc-wrap{ position:relative !important; }

  .gm-cc-btn{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:44px !important;
    height:44px !important;
    border:1px solid rgba(0,0,0,.15) !important;
    background:#fff !important;
    cursor:pointer !important;
    z-index:5 !important;
  }
  .gm-cc-btn.prev{ left:10px !important; }
  .gm-cc-btn.next{ right:10px !important; }
}


/* =========================================================
   7) BOSCHINO – PRODUCT PAGE (scope jen produkt)
   ========================================================= */

@supports(selector(:has(*))){

  body:has(#MainContent .product__info-wrapper){
    background: var(--boschino-bg) !important;
  }

  body:has(#MainContent .product__info-wrapper)
  :is(#MainContent, #MainContent .content-for-layout, main#MainContent){
    background: transparent !important;
  }

  body:has(#MainContent .product__info-wrapper)
  :is(.gradient, .background-secondary, .color-background, .color-background-1, .color-background-2, .color-background-3){
    background: transparent !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent product-info[id^="MainProduct-"]{
    display:block !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent product-info[id^="MainProduct-"] .page-width{
    box-sizing: border-box !important;
    max-width: var(--card-max) !important;
    width: 100% !important;

    margin: 32px auto !important;
    padding: 24px !important;

    background: var(--card-bg) !important;
    box-shadow: var(--card-shadow) !important;
    border-radius: var(--radius) !important;
  }

  @media (max-width: 749px){
    body:has(#MainContent .product__info-wrapper)
    #MainContent product-info[id^="MainProduct-"] .page-width{
      margin: 12px auto !important;
      padding: 16px !important;
    }
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .product{
    box-sizing:border-box !important;
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background: transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent :is(.product__media-wrapper, .product__info-wrapper){
    max-width:none !important;
    width:100% !important;
  }

  @media (min-width: 990px){
    body:has(#MainContent .product__info-wrapper)
    #MainContent .product{
      display:grid !important;
      grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
      column-gap:48px !important;
      align-items:start !important;
    }
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent :is(
    .product__media-wrapper,
    .product__media-wrapper .media,
    .product__media-wrapper .media__content,
    .product__media-wrapper .global-media-settings
  ){
    background: transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .product__media-wrapper img{
    object-fit: contain !important;
    object-position:center !important;
    background: transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }

  @media (min-width: 990px){
    body:has(#MainContent .product__info-wrapper)
    #MainContent .product__media-wrapper{
      max-height: var(--media-max-h) !important;
      overflow: hidden !important;
    }

    body:has(#MainContent .product__info-wrapper)
    #MainContent .product__media-wrapper :is(.media, .media__content){
      max-height: var(--media-max-h) !important;
    }

    body:has(#MainContent .product__info-wrapper)
    #MainContent .product__media-wrapper img{
      max-height: var(--media-max-h) !important;
      width: 100% !important;
      height: 100% !important;
    }
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .product__title{
    color: var(--brand-blue) !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent :is(.product__title h1, .product__title .h1, h1.product__title){
    font-weight:800 !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .price{
    color: var(--text-dark) !important;
    font-weight:800 !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent :is(
    .shopify-payment-button,
    .shopify-payment-button__button,
    .shopify-payment-button__more-options
  ){
    display:none !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .product-form{
    border:0 !important;
    background:transparent !important;
    padding:0 !important;
    margin-top: 6px !important;
    box-shadow:none !important;
    max-width:none !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .product-form__buttons{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-top:0 !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent :is(
    .product-form__submit,
    button[name="add"],
    form[action*="/cart/add"] button[type="submit"]
  ){
    width:100% !important;
    max-width:none !important;
    height: var(--control-h) !important;
    border-radius: var(--radius) !important;
    background: var(--brand-blue-cta) !important;
    border:1px solid var(--brand-blue-cta) !important;
    color:#fff !important;
    font-weight:800 !important;
    box-shadow:none !important;
    outline:none !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent :is(quantity-input.quantity, .quantity){
    display:inline-flex !important;
    align-items:stretch !important;
    height: var(--control-h) !important;
    border:1px solid rgba(42,56,133,.35) !important;
    border-radius: 0 !important;
    background:#fff !important;
    box-shadow:none !important;
    width: max-content !important;
    min-width: 178px !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .quantity__button{
    width:54px !important;
    border:0 !important;
    background:#fff !important;
    border-radius:0 !important;
    box-shadow:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .quantity__button:hover{
    background: rgba(42,56,133,.08) !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .quantity__input{
    width:70px !important;
    border:0 !important;
    background:#fff !important;
    text-align:center !important;
    font-weight:700 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent :is(
    .tax-note,
    .price__tax,
    .price__note,
    .price__caption,
    .caption,
    .caption-with-letter-spacing,
    .product__tax,
    .product__tax-note,
    .product__policies
  ){
    display:none !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .product__accordion summary :is(svg, .icon, .icon-caret, .accordion__toggle, .accordion__toggle-icon, .accordion__icon){
    display:none !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .product__accordion summary{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    cursor:pointer !important;
    padding:18px 0 !important;
    border-top: 1px solid rgba(0,0,0,.10) !important;
    font-weight:800 !important;
    list-style:none !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .product__accordion summary::-webkit-details-marker{
    display:none !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .product__accordion summary::after{
    content:"+" !important;
    font-size:22px !important;
    font-weight:700 !important;
    line-height:1 !important;
    opacity:.85 !important;
    margin-left:12px !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .product__accordion details[open] > summary::after{
    content:"–" !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent :is(.collapsible-content, .collapsible){
    background:#fff !important;
    border: 1px solid rgba(0,0,0,.10) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent :is(.collapsible-content, .collapsible) .accordion{
    background: transparent !important;
    border:0 !important;
    box-shadow:none !important;
    margin-top:0 !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .accordion__summary{
    padding: 16px 16px !important;
    font-weight: 700 !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .accordion + .accordion{
    border-top: 1px solid rgba(0,0,0,.10) !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent .accordion__content{
    padding: 0 16px 16px 16px !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent :is(.product__info-wrapper, .product__info-container) > *:has(.compatibility){
    display:none !important;
  }

  body:has(#MainContent .product__info-wrapper)
  #MainContent :is(.product__info-wrapper section, .product__info-container section){
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

} /* end @supports */


/* FIX: Dawn “světlejší panel” na kolekcích */
body.template-collection{
  --color-background: 238,240,243 !important;
  --gradient-background: #eef0f3 !important;
}

body.template-collection .background-secondary{
  background-color: transparent !important;
}

body.template-collection .gradient{
  background: transparent !important;
  background-attachment: scroll !important;
}

/* === Boschino: fix neviditelné ikonky košíku na mobilu === */
.boschino-cta__btn{
  color:#111 !important;
}

.boschino-cta__btn svg{
  width:18px;
  height:18px;
  display:block;
  opacity:1 !important;
}

.boschino-cta__btn svg *{
  stroke:#111 !important;
  fill:#111 !important;
}


/* =====================================================
   BOSCHINO – MOBIL (<=749px)
   2 produkty vedle sebe + celé obrázky + čitelné názvy
   ===================================================== */
@media (max-width: 749px){

  ul#product-grid,
  #product-grid,
  .product-grid,
  .grid.product-grid{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-items: stretch !important;
    align-items: start !important;
  }

  ul#product-grid > .grid__item,
  #product-grid > .grid__item,
  .product-grid > .grid__item,
  .grid.product-grid > .grid__item{
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .card-wrapper,
  .card,
  .card__inner{
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  /* MEDIA box: pevný čtverec */
  .card__media,
  .card__media .media{
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    background: #fff !important;
    display: flex !important;

    /* ✅ změna: místo center = jemně nahoru */
    align-items: flex-start !important;
    justify-content: center !important;

    overflow: hidden !important;
    border-radius: 0 !important;

    /* jemná rezerva nahoře */
    padding-top: 10px !important;
  }

  .card__media img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;

    /* ✅ změna: drž horní část + posuň nahoru */
    object-position: center top !important;
    margin-top: var(--card-img-shift-mobile) !important;

    display: block !important;
    transform: none !important;
  }

  .card__content,
  .card__information{
    padding: 10px 10px 12px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .card__heading,
  .card__heading a{
    font-size: 13px !important;
    line-height: 1.25 !important;
    word-break: break-word !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;

    min-height: calc(2 * 1.25em) !important;
    margin-bottom: 6px !important;
  }

  .price,
  .price__regular,
  .price-item{
    font-size: 14px !important;
  }

  .card__information{
    overflow: visible !important;
  }
}


/* =========================================================
   BOSCHINO – PREMIUM C (HOTFIX)
   ========================================================= */
@media (max-width: 749px){
  #product-grid .boschino-quickadd,
  #product-grid .boschino-quickadd [data-boschino-quickadd],
  #product-grid .boschino-quickadd quantity-input,
  #product-grid .boschino-quickadd .quantity,
  #product-grid .boschino-quickadd .quantity__button,
  #product-grid .boschino-quickadd .boschino-cta__cart,
  #product-grid .boschino-quickadd .boschino-cta__btn{
    display:none !important;
  }

  #product-grid .boschino-quickadd .boschino-cta,
#product-grid .boschino-quickadd .boschino-cta__detail,
#product-grid .boschino-quickadd .boschino-detail-btn{
  display:block !important;
  width:100% !important;
}

#product-grid .boschino-quickadd .boschino-cta__detail{
  padding:14px 12px !important;
  text-align:center !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
}


/* =========================================================
   BOSCHINO – PREMIUM C (FORCE) – sjednoceno (duplicitní bloky odstraněny)
   ========================================================= */
.template-collection #product-grid quantity-input,
.template-search #product-grid quantity-input,
.template-collection .product-grid quantity-input,
.template-search .product-grid quantity-input{
  display:none !important;
}

.template-collection #product-grid product-form,
.template-search #product-grid product-form,
.template-collection #product-grid form[action*="/cart/add"],
.template-search #product-grid form[action*="/cart/add"],
.template-collection #product-grid [type="submit"][name="add"],
.template-search #product-grid [type="submit"][name="add"],
.template-collection #product-grid .quick-add,
.template-search #product-grid .quick-add{
  display:none !important;
}

.template-collection #product-grid a[href*="/products/"],
.template-search #product-grid a[href*="/products/"]{
  visibility: visible;
}

/* BOSCHINO – katalog: schovat množství na kartách (collection/search) */
.template-collection #product-grid .boschino-quantity,
.template-search #product-grid .boschino-quantity{
  display:none !important;
}
/* =========================================================
   BOSCHINO – STOCK STATUS ON PRODUCT CARDS (collection/search)
   ========================================================= */

.card-stock{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  font-size:13px;
  line-height:1;
}

.card-stock__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
}

.card-stock__dot--in{ background:#2ecc71; }
.card-stock__dot--out{ background:#e74c3c; }

@media (max-width: 749px){

  /* zajistí že karta nepřetéká */
  ul#product-grid > .grid__item{
    min-width: 0 !important;
  }
/* =========================
   MOBILE FIX: CTA v kartě (Detail produktu | Košík)
   ========================= */
@media (max-width: 749px){

  #product-grid .boschino-cta{
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #product-grid .boschino-cta__detail{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 12px 10px !important;
    box-sizing: border-box !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #product-grid .boschino-cta__cart{
    flex: 0 0 56px !important;
    width: 56px !important;
    display: flex !important;
  }

  #product-grid .boschino-cta__btn{
    width: 56px !important;
    min-width: 56px !important;
    height: 46px !important;
    flex: 0 0 56px !important;
  }
}
/* FIX: ať dostupnost drží stejnou výšku a karta "neskáče" */
#product-grid .boschino-stock{
  min-height: 36px; /* cca 2 řádky */
  display: flex;
  align-items: center;
}