/* Shared presentation with distinct homepage navigation, 14 September 2026. */
body:not(.type-index) {
  --vb-paper: #fdfbf7;
  --vb-cream: #f4eee4;
  --vb-ink: #392c23;
  --vb-muted: #75665a;
  --vb-honey: #936326;
  --vb-line: #e3d9cc;
  background: var(--vb-paper);
  color: var(--vb-ink);
  font-family: Arial, sans-serif;
}
body:not(.type-index) :is(#header,#navigation,.navigation-in,.navigation-buttons,.overall-wrapper,.content-wrapper,#content) { background-color: var(--vb-paper); }
body:not(.type-index) #header { border-bottom: 1px solid var(--vb-line); box-shadow: none; }
body:not(.type-index) #header .site-name img { max-width: 190px; mix-blend-mode: multiply; }
body:not(.type-index) #navigation a { color: var(--vb-ink); font-family: Arial, sans-serif; }
body:not(.type-index) #navigation .menu-level-1 > li > a { font-size: 12px; letter-spacing: .025em; }
body:not(.type-index) #navigation b { font-weight: 500; }
body:not(.type-index) .breadcrumbs, body:not(.type-index) .breadcrumbs a { color: var(--vb-muted) !important; background: transparent; }
body:not(.type-index) #content h1 { color: var(--vb-ink) !important; font-family: Georgia, serif; font-weight: 400; line-height: 1.18; letter-spacing: -.025em; }
body:not(.type-index) #content :is(h2,h3) { color: var(--vb-ink); font-family: Georgia, serif; font-weight: 400; line-height: 1.3; }
body:not(.type-index) #content :is(.btn-primary,.btn-conversion,.add-to-cart-button) { background: var(--vb-honey); border-color: var(--vb-honey); color: #fff; border-radius: 3px; text-transform: none; font-family: Arial, sans-serif; min-height: 44px; }
body:not(.type-index) #content :is(.btn-primary,.btn-conversion,.add-to-cart-button):hover { background: #76501f; border-color: #76501f; }
body:not(.type-index) #content :is(.btn-primary,.btn-conversion,.add-to-cart-button):disabled { opacity: .55; cursor: not-allowed; }
body:not(.type-index) :is(a,button,input,select,textarea):focus-visible { outline: 2px solid var(--vb-honey); outline-offset: 3px; }
body:not(.type-index) #footer { background: var(--vb-cream); border-top: 1px solid var(--vb-line); color: var(--vb-ink); }
body:not(.type-index) #footer :is(.custom-footer,.footer-bottom) { border-color: var(--vb-line); }
body:not(.type-index) #footer h3 { font: 400 24px/1.3 Georgia, serif; color: var(--vb-ink); }
body:not(.type-index) #footer a { color: var(--vb-honey); }
body:not(.type-index) #footer .copyright { color: var(--vb-muted); }
body.type-detail #content h1 { font-size: clamp(29px,3.1vw,43px); text-align: left; margin-bottom: 20px; }
body.type-detail .p-short-description { color: var(--vb-muted); font: 15px/1.7 Arial, sans-serif; }
body.type-detail :is(.p-short-description p,.p-info-wrapper,.p-param-block) { line-height: 1.7; }
body.type-detail :is(select,textarea,input[type=text],input[type=number]) { border-color: var(--vb-line); border-radius: 3px; box-shadow: none; color: var(--vb-ink); font-family: Arial, sans-serif; background-color: #fff; }
body.type-detail select { min-height: 48px; }
body.type-detail .dkLabFileButton { background: var(--vb-cream) !important; color: var(--vb-honey) !important; border: 1px solid var(--vb-line); border-radius: 3px; min-height: 44px; line-height: 1.5; padding: 10px 16px; }
body.type-detail .dkLabFileButton:hover { border-color: var(--vb-honey); }
body.type-detail #dkLabNoteDetailWrapper { margin-top: 16px; }
body.type-detail :is(.p-final-price-wrapper,.p-param-block,.p-basic-info-block) { border-color: var(--vb-line); }
body.type-detail .shp-tabs { border-color: var(--vb-line); background: transparent; }
body.type-detail .shp-tab-link { color: var(--vb-ink); min-height: 44px; }
body.type-detail .shp-tabs .active .shp-tab-link { background: var(--vb-cream); color: var(--vb-honey); }
body.type-detail .description-inner { font: 15px/1.8 Arial, sans-serif; color: var(--vb-ink); }
body.type-detail .description-inner h2 { margin-top: 30px; font-size: 30px; }
body.type-detail .description-inner h3 { margin-top: 26px; font-size: 23px; }
body.type-page #content .pageArticleDetail { max-width: 940px; margin: 30px auto 60px; padding: 32px clamp(20px,4vw,54px); background: #fff; border: 1px solid var(--vb-line); border-radius: 5px; font: 15px/1.8 Arial, sans-serif; }
body.type-page #content .pageArticleDetail h1 { margin: 0 0 28px; font-size: clamp(30px,4vw,46px); text-align: left; text-transform: lowercase; }
body.type-page #content .pageArticleDetail h1::first-letter { text-transform: uppercase; }
body.type-page #content .pageArticleDetail h2 { margin-top: 32px; font-size: 27px; }
body.type-page #content .pageArticleDetail h3 { margin-top: 24px; font-size: 22px; }
body.type-page #content .pageArticleDetail a { color: var(--vb-honey); text-underline-offset: 3px; }
body.type-page #content .pageArticleDetail :is(img,iframe) { max-width: 100%; }
@media(max-width:767px) {
  body:not(.type-index) #header .site-name img { max-width: 145px; }
  body.type-detail .p-detail-inner-header { padding-top: 12px; }
  body.type-detail #content h1 { margin-bottom: 16px; }
  body.type-page #content .pageArticleDetail { margin-block: 20px 35px; padding: 24px 20px; }
}

/* Clearer hierarchy, larger category links, compact banners. */
body.type-category #content h1 {
  text-transform: uppercase !important;
  font-size: clamp(28px,3.4vw,44px) !important;
  line-height: 1.2 !important;
  letter-spacing: .025em !important;
}
body.type-category #content .subcategories {
  gap: 14px;
  margin: 26px 0 32px;
}
body.type-category #content .subcategories a {
  min-height: 60px;
  padding: 16px 26px;
  border: 1px solid #ddcfbb;
  background: #f4eee4;
  color: #76501f;
}
body.type-category #content .subcategories a .text {
  font: 600 16px/1.4 Arial,sans-serif !important;
  text-transform: uppercase;
  letter-spacing: .045em;
}
body.type-category #content .vb-cat-hero {
  max-width: 1080px;
  margin: 0 auto 22px;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}
body.type-category #content .vb-cat-copy { padding: 28px 32px; }
body.type-category #content .vb-cat-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}
body.type-category #content .vb-cat-photo img {
  display: block;
  width: 100%;
  height: 320px;
  max-height: 100%;
  object-fit: contain;
}
body.type-category #content .vb-cat-note { max-width: 1080px; margin-inline: auto; }
body.type-index #vb-home-live .vb-hero-caption { display: none; }
body.type-index #vb-home-live .vb-signature { font-size: 30px; }
body.type-index #vb-home-live .vb-signature span { font-size: 14px; }
body.type-index #vb-home-live .vb-category-label {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: .035em;
  padding-top: 17px;
}
body.type-index #vb-home-live .vb-occasion-links {
  margin-top: 34px;
  padding: 24px 22px;
  gap: 16px;
  background: var(--vb-cream);
  border: 1px solid var(--vb-line);
}
body.type-index #vb-home-live .vb-occasion-links > span {
  flex-basis: 100%;
  font: 600 16px/1.5 Arial,sans-serif;
  text-transform: uppercase;
  letter-spacing: .05em;
  text-align: center;
  color: var(--vb-ink);
}
body.type-index #vb-home-live .vb-occasion-links a {
  font: 600 17px/1.4 Arial,sans-serif;
  text-transform: uppercase;
  letter-spacing: .045em;
  justify-content: center;
  min-height: 54px;
  padding: 13px 22px;
  color: var(--vb-ink);
  border: 1px solid #d8c29e;
  border-radius: 3px;
  background: var(--vb-paper);
}
body.type-index #vb-home-live .vb-occasion-links a:hover { background: #eee3d2; border-color: var(--vb-honey); }
body.type-index #vb-home-live .vb-services { gap: 24px; padding-top: 12px; }
body.type-index #vb-home-live .vb-service {
  padding: 30px;
  border: 1px solid var(--vb-line);
  border-radius: 4px;
  background: #fff;
  gap: 22px;
}
body.type-index #vb-home-live .vb-service h2 { font-size: 29px; }
body.type-index #vb-home-live .vb-service p { font-size: 14px; line-height: 1.7; }
@media(max-width:767px) {
  body.type-category #content .vb-cat-hero { grid-template-columns: 1fr; }
  body.type-category #content .vb-cat-copy { padding: 25px 24px; }
  body.type-category #content .vb-cat-photo img { height: 230px; }
  body.type-category #content .subcategories { gap: 10px; margin-block: 22px 28px; }
  body.type-category #content .subcategories a { min-height: 54px; padding: 14px 18px; }
  body.type-category #content .subcategories a .text { font-size: 15px !important; }
  body.type-index #vb-home-live .vb-category-label { font-size: 15px; }
  body.type-index #vb-home-live .vb-occasion-links { padding: 22px 16px; gap: 12px; }
  body.type-index #vb-home-live .vb-occasion-links > span { font-size: 15px; }
  body.type-index #vb-home-live .vb-occasion-links a { font-size: 16px; padding: 12px 18px; }
  body.type-index #vb-home-live .vb-service { padding: 24px; gap: 18px; }
  body.type-index #vb-home-live .vb-service h2 { font-size: 27px; }
}
@media(max-width:420px) {
  body.type-index #vb-home-live .vb-service { flex-wrap: wrap; }
  body.type-index #vb-home-live .vb-service-photo { width: 100%; height: 180px; object-fit: contain; }
}

/* Homepage navigation: one clear strip of individual category buttons. */
body.type-index #vb-home-live .vb-header {
  flex-wrap: wrap;
  row-gap: 14px;
  padding-top: 18px;
  padding-bottom: 22px;
}
body.type-index #vb-home-live .vb-header .vb-logo { flex: none; }
body.type-index #vb-home-live .vb-header .vb-tools { margin-left: auto; flex: none; }
body.type-index #vb-home-live nav.vb-nav {
  display: grid !important;
  grid-template-columns: repeat(8,minmax(0,1fr));
  flex-basis: 100%;
  order: 3;
  width: 100%;
  padding: 0;
  gap: 9px;
  font-size: 14px;
}
body.type-index #vb-home-live nav.vb-nav > a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  width: 100%;
  padding: 10px 8px;
  background: #f8f4ec;
  border: 1px solid #e2d7c7;
  border-radius: 4px;
  color: #392c23;
  font: 600 14px/1.35 Arial,sans-serif;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}
body.type-index #vb-home-live nav.vb-nav > a:hover {
  background: #ede2d1;
  border-color: #b49467;
  color: #392c23;
}
body.type-index #vb-home-live nav.vb-nav > a:focus-visible { outline: 2px solid #936326; outline-offset: 3px; }
@media(max-width:1100px) {
  body.type-index #vb-home-live nav.vb-nav { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media(max-width:590px) {
  body.type-index #vb-home-live .vb-header { padding-top: 10px; padding-bottom: 16px; row-gap: 10px; }
  body.type-index #vb-home-live nav.vb-nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  body.type-index #vb-home-live nav.vb-nav > a { min-height: 50px; padding: 9px 8px; font-size: 13.5px; }
}

/* The duplicate occasion row is removed from the homepage. */
body.type-index #vb-home-live .vb-occasion-links{display:none!important}

/* Consolidated presentation rules previously in Shoptet HTML fields. */
body.type-category .category-perex:has(.vb-cat-hero){max-width:none;text-align:left}
body.type-category .category-perex .vb-cat-kicker{font-size:11px!important}
body.type-category #dklab_instagram_widget{display:none}
body.type-category .category-perex a.vb-cat-action{color:#fff!important;text-decoration:none}
body.type-category #products .p-desc{order:-1}
#footer .banner-wrapper:has(img[src*="overeno-badge"]){display:none}
body.type-category :is(#manufacturer-filter,.filter-section-boolean:has(#stock),.filter-section-count,.listingControls .itemsTotal){display:none!important}
body.type-category #filters.visible{display:block}
body.type-category #filters .slider-wrapper{width:100%;max-width:680px;margin:auto;flex:1}
body.type-index #vb-home-live .vb-nav{font-size:13.5px;text-transform:uppercase;letter-spacing:.01em;gap:8px 10px;flex-wrap:wrap;justify-content:center;min-width:0}
body:not(.type-index) #navigation .menu-level-1>li>a{font-size:13.5px;text-transform:uppercase}
#vb-home-live .vb-occasion-links a{font-size:16px!important}
@media(max-width:767px){#vb-home-live .vb-occasion-links a{font-size:15px!important}}

/* Selected genuine testimonials and the native Instagram feed, above the footer. */
body.type-index #vb-home-live .vb-reviews{max-width:1160px;margin:54px auto 0;padding:42px 30px;background:#f4eee4;border:1px solid #e3d9cc;border-radius:5px;text-align:center;color:#392c23}
body.type-index #vb-home-live .vb-reviews h2{margin:0 0 10px;font:400 clamp(27px,3.1vw,38px)/1.2 Georgia,serif;color:#392c23}
body.type-index #vb-home-live .vb-reviews-intro{margin:0 0 26px;font:14px/1.6 Arial,sans-serif;color:#75665a}
body.type-index #vb-home-live .vb-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left}
body.type-index #vb-home-live .vb-review{display:flex;flex-direction:column;margin:0;padding:25px;background:#fffdf9;border:1px solid #e3d9cc;border-radius:4px}
body.type-index #vb-home-live .vb-review-stars{color:#936326;letter-spacing:3px;font-size:18px}
body.type-index #vb-home-live .vb-review blockquote{margin:16px 0 24px;padding:0;border:0;font:400 21px/1.5 Georgia,serif;color:#392c23}
body.type-index #vb-home-live .vb-review figcaption{margin-top:auto;font:13px/1.6 Arial,sans-serif;color:#75665a}
body.type-index #vb-home-live .vb-review figcaption strong{display:block;color:#392c23;font-weight:600}
body.type-index #vb-home-live .vb-review figcaption a,body.type-index #vb-home-live .vb-reviews-all{color:#805721;text-decoration:underline;text-underline-offset:4px}
body.type-index #vb-home-live .vb-reviews-all{display:inline-block;margin-top:26px;padding:8px;font:14px/1.5 Arial,sans-serif}
body.type-index #vb-home-live #dklab_instagram_widget{display:block!important;width:100%;max-width:1160px;margin:0 auto;padding:48px 0 40px;background:transparent;border:0}
body.type-index #vb-home-live #dklab_instagram_widget_heading{display:block;margin:0 0 24px;padding:0 15px;background:transparent;text-align:center;border:0}
body.type-index #vb-home-live #dklab_instagram_widget_heading .logo{display:none}
body.type-index #vb-home-live #dklab_instagram_widget_heading .text{display:block;color:#392c23;font:400 clamp(26px,3vw,36px)/1.25 Georgia,serif;text-decoration:none}
body.type-index #vb-home-live #dklab_instagram_widget_heading .text::after{content:'@vcelibanka · malé nahlédnutí k nám';display:block;margin-top:10px;font:14px/1.6 Arial,sans-serif;color:#75665a}
body.type-index #vb-home-live #dklab_instagram_widget_in{display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/5);gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c6ad89 #f4eee4;padding:0 0 12px;margin:0;width:100%;max-width:100%;justify-content:start}
body.type-index #vb-home-live #dklab_instagram_widget .dklab_instagram_widget_box{width:auto!important;min-width:0;max-width:none;margin:0!important;padding:0!important;flex:none;scroll-snap-align:start;border-radius:4px;overflow:hidden}
body.type-index #vb-home-live #dklab_instagram_widget .dklab_instagram_widget_box a{display:block;aspect-ratio:1;position:relative;overflow:hidden}
body.type-index #vb-home-live #dklab_instagram_widget .dklab_instagram_widget_box a span{display:block;width:100%;height:100%;padding:0}
body.type-index #vb-home-live #dklab_instagram_widget img{display:block;width:100%;height:100%;object-fit:cover;position:static}
body.type-index #vb-home-live #dklab_instagram_widget_in:focus-visible{outline:2px solid #936326;outline-offset:4px}
@media(max-width:1200px){body.type-index #vb-home-live .vb-reviews{margin-left:20px;margin-right:20px}body.type-index #vb-home-live #dklab_instagram_widget{width:calc(100% - 40px)}}
@media(max-width:767px){
 body.type-index #vb-home-live .vb-reviews{margin-top:32px;padding:28px 18px}
 body.type-index #vb-home-live .vb-review-grid{grid-template-columns:1fr;gap:12px}
 body.type-index #vb-home-live .vb-review{padding:20px}
 body.type-index #vb-home-live .vb-review blockquote{font-size:20px;margin:12px 0 16px}
 body.type-index #vb-home-live #dklab_instagram_widget{padding:34px 0 24px}
 body.type-index #vb-home-live #dklab_instagram_widget_in{grid-auto-columns:calc((100% - 12px)/2.25)}
}

/* Airier navigation and consistent section/image rhythm, following visual feedback. */
body.type-index #vb-home-live nav.vb-nav{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding:13px 0 0;border-top:1px solid #e3d9cc;grid-template-columns:none}
body.type-index #vb-home-live nav.vb-nav>a{width:auto;min-height:42px;padding:9px 0;background:transparent;border:0;border-radius:0;font:600 13.5px/1.45 Arial,sans-serif;letter-spacing:.025em;white-space:nowrap;position:relative}
body.type-index #vb-home-live nav.vb-nav>a:hover{background:transparent;color:#936326;text-decoration:underline;text-underline-offset:7px}
body.type-index #vb-home-live .vb-header{padding-bottom:14px;row-gap:8px}
body.type-index #vb-home-live .vb-section:has(.vb-categories){padding-top:44px;padding-bottom:34px;margin-bottom:36px;border-bottom:1px solid #e3d9cc}
body.type-index #vb-home-live .vb-categories{gap:24px}
body.type-index #vb-home-live .vb-category-photo{aspect-ratio:auto;height:180px;border-radius:3px;background:#f4eee4;overflow:hidden}
body.type-index #vb-home-live .vb-category-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
body.type-index #vb-home-live .vb-category:nth-child(-n+2) .vb-category-photo img{transform:scale(1.12)}
body.type-index #vb-home-live .vb-story{border-top:1px solid #e3d9cc;border-bottom:1px solid #e3d9cc;padding-top:38px;padding-bottom:38px;margin-bottom:38px}
@media(max-width:1100px){body.type-index #vb-home-live nav.vb-nav{justify-content:center;column-gap:30px}body.type-index #vb-home-live .vb-category-photo{height:150px}}
@media(max-width:767px){body.type-index #vb-home-live nav.vb-nav{column-gap:24px;row-gap:0}body.type-index #vb-home-live nav.vb-nav>a{font-size:13px;min-height:42px}body.type-index #vb-home-live .vb-categories{gap:24px 16px}body.type-index #vb-home-live .vb-category-photo{height:145px}body.type-index #vb-home-live .vb-section:has(.vb-categories){padding-block:32px;margin-bottom:30px}body.type-index #vb-home-live .vb-story{padding-block:30px;margin-bottom:30px}}
@media(max-width:420px){body.type-index #vb-home-live nav.vb-nav{column-gap:19px}body.type-index #vb-home-live nav.vb-nav>a{font-size:12px;letter-spacing:.01em}body.type-index #vb-home-live .vb-category-photo{height:120px}}