/* Wrapping Premium Home v1.4.0 — centered two-column composition. 
   Important: "doprava" means move the LEFT sidebar towards content, not to the
   extreme RIGHT of the monitor. Banner and sidebar share their top edge. */
.wrp-home-category-layout,.wrp-home-category-layout * {box-sizing:border-box;}
.wrp-home-category-layout {
  --wrp-gold:#c8a978;
  --wrp-muted:#a9a098;
  display:grid !important;
  grid-template-columns:240px minmax(0,1fr) !important;
  column-gap:22px !important;
  align-items:start !important;
  width:calc(100% - 40px) !important;
  max-width:1560px !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  position:relative;
}
.wrp-home-category-layout > .wrp-tree {
  grid-area:1 / 1 / 2 / 2 !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
  width:100% !important;
  margin:0 !important;
  align-self:start !important;
}
.wrp-home-category-layout > .wrp-home-category-content {
  grid-area:1 / 2 / 2 / 3 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.wrp-home-category-content > * {min-width:0; max-width:100%;}
.wrp-home-category-content > :first-child {margin-top:0 !important;}
.wrp-home-category-content > .wrp-banner-in-column {
  display:block;
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box;
}
.wrp-home-category-content > .wrp-after-banner-start {margin-top:28px !important;}
.wrp-home-category-layout .wrp-tree-nav {overflow:visible;}
.wrp-tree {
  color: #ede8e0;
  background: linear-gradient(145deg, #1c1b18 0%, #10100f 85%);
  border: 1px solid rgba(200, 169, 120, .36);
  border-radius: 3px;
  box-shadow: 0 8px 26px rgba(0,0,0,.12);
  padding: 19px 15px 13px;
  width: 100%;
  min-width: 0;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.5;
}
.wrp-tree-top { margin-bottom: 10px; }
.wrp-tree-kicker { color: var(--wrp-muted); letter-spacing: .19em; font-size: 9px; font-weight: 500; text-transform: uppercase; }
.wrp-tree-titleline { display: flex; justify-content: space-between; gap: 8px; align-items: center; margin-top: 7px; border-bottom: 1px solid rgba(200, 169, 120, .45); padding-bottom: 12px; }
.wrp-tree-titleline h2 { color: #e9d3af !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: .13em !important; margin: 0 !important; padding: 0 !important; text-transform: uppercase; }
.wrp-tree-star { color: var(--wrp-gold); font-size: 12px; }
/* All nested categories are visible by default; no cropped/scrolling list on desktop. */
.wrp-tree-nav { display: block; max-height: none; overflow: visible; }
.wrp-tree-list, .wrp-tree-sublist { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.wrp-tree-node { list-style: none !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(235,225,205,.10); }
.wrp-tree-node:last-child { border-bottom: 0; }
.wrp-tree-row { display: flex; align-items: stretch; justify-content: space-between; gap: 4px; min-height: 39px; }
.wrp-tree-link { display: block; flex: 1; min-width: 0; padding: 10px 1px; color: #e6ded1 !important; text-decoration: none !important; font-size: 12px; line-height: 1.4; background: transparent !important; border: 0 !important; transition: color .2s ease; }
.wrp-tree-link:hover, .wrp-tree-link:focus-visible { color: #e4bc7d !important; text-decoration: none !important; }
.wrp-tree-expand { display: flex; flex: 0 0 26px; align-items: center; justify-content: center; align-self: center; width: 26px; height: 30px; padding: 0; margin: 0; color: var(--wrp-gold); border: 0; border-radius: 0; background: transparent; font-family: inherit; font-size: 17px; cursor: pointer; }
.wrp-tree-expand:hover, .wrp-tree-expand:focus-visible { color: #fff; background: rgba(200, 169, 120, .09); }
.wrp-tree-expand:focus-visible, .wrp-tree-mobile-toggle:focus-visible { outline: 2px solid var(--wrp-gold); outline-offset: 2px; }
.wrp-tree-sublist { border-top: 1px solid rgba(235,225,205,.07); margin-left: 8px !important; padding-left: 11px !important; border-left: 1px solid rgba(200,169,120,.28); }
.wrp-tree-sublist[hidden] { display: none !important; }
.wrp-tree-sublist .wrp-tree-node { border-color: rgba(235,225,205,.065); }
.wrp-tree-sublist .wrp-tree-link { color: #c3bbad !important; font-size: 11.5px; padding-top: 8px; padding-bottom: 8px; }
.wrp-tree-mobile-toggle { display: none; }

@media (min-width:841px) and (max-width:1150px) {
 .wrp-home-category-layout {grid-template-columns:206px minmax(0,1fr) !important;column-gap:18px !important;}
}
@media (max-width:840px) {
 .wrp-home-category-layout {
   display:flex !important;
   flex-direction:column !important;
   align-items:stretch !important;
   width:calc(100% - 24px) !important;
   max-width:100% !important;
   gap:0 !important;
   margin:0 auto 30px !important;
 }
 .wrp-home-category-layout > .wrp-home-category-content {display:contents !important;}
 .wrp-home-category-content > .wrp-banner-in-column {order:1;width:100% !important;}
 .wrp-home-category-layout > .wrp-tree {order:2;width:100% !important;margin:16px 0 0 !important;}
 .wrp-home-category-content > :not(.wrp-banner-in-column) {order:3;width:100% !important;}
 .wrp-home-category-content > .wrp-after-banner-start {margin-top:18px !important;}
 .wrp-tree {padding:13px 16px;}
 .wrp-tree-titleline {padding-bottom:9px;}
 .wrp-tree-titleline h2 {font-size:15px !important;}
 .wrp-tree-mobile-toggle {
   display:flex;align-items:center;justify-content:space-between;
   width:100%;padding:9px 0 2px;margin:0;background:transparent;
   border:0;color:#e7d4b5;font:inherit;font-size:12px;cursor:pointer;text-align:left;
 }
 .wrp-tree-mobile-toggle span {font-size:18px;}
 .wrp-tree-nav {max-height:none;}
 .wrp-tree:not(.is-open) .wrp-tree-nav {display:none;}
}


/* WRAPPING 1.7.0 – approved larger, cropped hero, scoped strictly to homepage.
   The sidebar stays aligned with hero top edge; the hero matches the two offers.
   Old narrow-inner-shell width and object-fit:contain rules removed. */
@media (min-width:841px) {
  body.home main.nf-condensed-home .wrp-home-category-content > .wrp-banner-in-column {
    box-sizing: border-box !important;
    min-width:0 !important;
    max-width:none !important;
    padding:0 !important;
    overflow:hidden !important;
    border:0;
  }
  body.home main.nf-condensed-home .wrp-home-category-content > .wrp-banner-in-column > .shell,
  body.home main.nf-condensed-home .wrp-home-category-content > .wrp-banner-in-column > .container,
  body.home main.nf-condensed-home .wrp-home-category-content > .wrp-banner-in-column > .hero-grid,
  body.home main.nf-condensed-home .wrp-home-category-content > .wrp-banner-in-column > .hero-inner,
  body.home main.nf-condensed-home .wrp-home-category-content > .wrp-banner-in-column > .hero-media {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  /* In themes with real HTML headline next to a separate photo, expand both. */
  body.home main.nf-condensed-home .wrp-home-category-content > .wrp-banner-in-column.wrp-hero-split .hero-grid {
    display:grid !important;
    grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
    align-items:stretch !important;
    column-gap:0 !important;
    min-height:clamp(330px,28vw,490px) !important;
  }
  body.home main.nf-condensed-home .wrp-banner-in-column.wrp-hero-split .hero-copy {
    min-width:0 !important;
    max-width:100% !important;
    width:100% !important;
    padding:clamp(16px,3vw,44px) 1.5% clamp(16px,3vw,44px) 3% !important;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  body.home main.nf-condensed-home .wrp-banner-in-column.wrp-hero-split .hero-img-wrap {
    display:block !important;
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    overflow:hidden !important;
  }
  body.home main.nf-condensed-home .wrp-banner-in-column.wrp-hero-split .hero-img-wrap > img,
  body.home main.nf-condensed-home .wrp-banner-in-column.wrp-hero-split .hero-img {
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
  /* Themes where full banner is one single image with printed text/products. */
  body.home main.nf-condensed-home .wrp-banner-in-column.wrp-hero-image-only .wrp-hero-artframe {
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    position:relative;
  }
  body.home main.nf-condensed-home .wrp-banner-in-column.wrp-hero-image-only .wrp-hero-artframe > img,
  body.home main.nf-condensed-home .wrp-banner-in-column.wrp-hero-image-only .wrp-hero-artframe > picture > img {
    display:block !important;
    width:108% !important;
    height:auto !important;
    max-width:none !important;
    margin-left:-4% !important;
    margin-right:0 !important;
    object-fit:cover !important;
    object-position:center !important;
  }
}
@media (max-width:840px) {
  body.home main.nf-condensed-home .wrp-home-category-content > .wrp-banner-in-column,
  body.home main.nf-condensed-home .wrp-home-category-content > .wrp-banner-in-column > .shell,
  body.home main.nf-condensed-home .wrp-home-category-content > .wrp-banner-in-column > .container,
  body.home main.nf-condensed-home .wrp-home-category-content > .wrp-banner-in-column > .hero-grid {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  body.home main.nf-condensed-home .wrp-home-category-content > .wrp-banner-in-column img {
    height:auto !important;
    max-width:100% !important;
  }
}


/* v1.9.0 — do not scope to body.home: static front pages are not is_home().
   These selectors affect only the generated Wrapping home layout. */
@media (min-width:841px) {
  main.nf-condensed-home:has(> .wrp-home-category-layout),
  #main-content.nf-condensed-home:has(> .wrp-home-category-layout) {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  main.nf-condensed-home > .wrp-home-category-layout,
  #main-content > .wrp-home-category-layout {
    display:grid !important;
    grid-template-columns:238px minmax(0,1fr) !important;
    gap:18px !important;
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin:0 18px !important;
    padding:0 !important;
  }
  .wrp-home-category-content > .wrp-banner-in-column {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  .wrp-home-category-content > .wrp-banner-in-column > .shell,
  .wrp-home-category-content > .wrp-banner-in-column > .container,
  .wrp-home-category-content > .wrp-banner-in-column > .hero-grid,
  .wrp-home-category-content > .wrp-banner-in-column > .hero-inner {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }
  /* Existing lower promotional panels occupy the same width as the banner. */
  .wrp-home-category-content > .nf-promotions,
  .wrp-home-category-content > .nf-promotions > .shell {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .wrp-home-category-content > .nf-promotions > .shell {
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .wrp-home-category-content .nf-promotions .nf-promo-grid {
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
  .wrp-home-category-content .nf-promotions .nf-promo-grid > * {min-width:0 !important;}
  /* Print-in-image artwork: expand actual image, not only empty wrapper. */
  .wrp-banner-in-column.wrp-hero-image-only .wrp-hero-artframe {
    width:100% !important;
    max-width:none !important;
    overflow:hidden !important;
  }
  .wrp-banner-in-column.wrp-hero-image-only .wrp-hero-artframe img {
    display:block !important;
    width:110% !important;
    max-width:none !important;
    height:auto !important;
    margin-left:-5% !important;
  }
  .wrp-banner-in-column.wrp-hero-split .hero-grid {
    width:100% !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:minmax(0,45%) minmax(0,55%) !important;
    gap:0 !important;
    min-height:clamp(360px,30vw,620px) !important;
  }
  .wrp-banner-in-column.wrp-hero-split .hero-img-wrap,
  .wrp-banner-in-column.wrp-hero-split .hero-img-wrap img {width:100% !important;max-width:none !important;}
}
@media (max-width:840px) {
  .wrp-home-category-layout {width:calc(100% - 24px) !important;max-width:none !important;}
  .wrp-banner-in-column.wrp-hero-image-only .wrp-hero-artframe img {width:100% !important;max-width:100% !important;margin-left:0 !important;}
}

/* Full-bleed even when the active theme wraps <main> inside its narrow shell.
   Relative shift is measured from the CENTER of the old container; this fixes
   the huge black bars visible on both sides in the latest screenshot. */
@media (min-width:841px) {
  main.nf-condensed-home:has(> .wrp-home-category-layout),
  #main-content.nf-condensed-home:has(> .wrp-home-category-layout) {
    position:relative !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:none !important;
  }
}

/* Preserve all printed headline and product details in a single-image banner. */
@media (min-width:841px) {
  .wrp-banner-in-column.wrp-hero-image-only .wrp-hero-artframe img,
  .wrp-banner-in-column.wrp-hero-image-only .wrp-hero-artframe picture img {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}