/* Vceli banka — category presentation, 14 September 2026.
   Native product markup, forms, URLs and analytics remain owned by Shoptet. */
body.type-category {
  --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;
  font-size: 15px;
  line-height: 1.6;
}
body.type-category :is(#header, #navigation, .navigation-in, .navigation-buttons, .overall-wrapper, .content-wrapper, #content) { background-color: var(--vb-paper); }
body.type-category #header { border-bottom: 1px solid var(--vb-line); box-shadow: none; }
body.type-category #header .site-name img { max-width: 190px; }
body.type-category #navigation a { color: var(--vb-ink); }
body.type-category #navigation .menu-level-1 > li > a { font-family: Arial, sans-serif; font-size: 12px; letter-spacing: .025em; }
body.type-category #navigation :is(a:hover, a:focus-visible) { color: var(--vb-honey); }
body.type-category .content-wrapper { max-width: 1240px; margin-inline: auto; }
body.type-category #content { padding-bottom: 50px; }
body.type-category .category-top { padding: 44px 0 22px; }
body.type-category h1.category-title { margin: 0 0 20px; color: var(--vb-ink); font: 400 clamp(30px, 4vw, 48px)/1.15 Georgia, serif; text-align: center; text-transform: lowercase; letter-spacing: -.025em; }
body.type-category h1.category-title::first-letter { text-transform: uppercase; }
body.type-category .category-perex { max-width: 800px; margin: 0 auto 24px; color: var(--vb-muted); text-align: center; }
body.type-category .category-perex :is(p, span, strong) { color: inherit !important; font-family: Arial, sans-serif !important; font-size: 15px !important; line-height: 1.7; }
body.type-category .category-perex p { margin-bottom: 10px; }
body.type-category .category-perex a { color: var(--vb-honey) !important; text-decoration: underline; text-underline-offset: 3px; }
body.type-category .category-perex img { max-width: 100%; height: auto; }
body.type-category .subcategories { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 24px 0 0; padding: 0; }
body.type-category .subcategories li { width: auto; min-width: 0; padding: 0; margin: 0; flex: 0 1 auto; }
body.type-category .subcategories a { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 20px; border: 1px solid var(--vb-line); border-radius: 4px; background: var(--vb-cream); color: var(--vb-honey); text-decoration: none; }
body.type-category .subcategories .image { display: none; }
body.type-category .subcategories .text { height: auto; margin: 0; padding: 0; font: 600 13px/1.5 Arial, sans-serif; letter-spacing: .04em; }
body.type-category .subcategories :is(a:hover,a:focus-visible) { background: #ebe0cf; border-color: var(--vb-honey); }
body.type-category #category-header { margin: 0 0 18px; padding: 12px 0; border-top: 1px solid var(--vb-line); border-bottom: 1px solid var(--vb-line); background: transparent; }
body.type-category .listSorting__controls { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; padding: 0; margin: 0; border: 0; }
body.type-category .listSorting__control { min-height: 44px; padding: 10px 14px; border: 0; background: transparent; color: var(--vb-muted); font: 14px/1.5 Arial, sans-serif; }
body.type-category .listSorting__control--current { color: var(--vb-honey); background: var(--vb-cream); box-shadow: inset 0 -2px var(--vb-honey); }
body.type-category #filters { padding: 18px 22px; margin: 0 0 28px; background: var(--vb-cream); border: 1px solid var(--vb-line); border-radius: 5px; }
body.type-category #filters.visible { display: flex; align-items: center; gap: 30px; }
body.type-category #filters .slider-wrapper { width: 34%; min-width: 180px; margin: 0; padding: 0 12px; }
body.type-category #filters :is(h4,.slider-header) { margin: 0 0 6px; font: 600 13px/1.5 Arial, sans-serif; color: var(--vb-ink); }
body.type-category #filters .slider-content { padding-block: 8px; }
body.type-category #filters .filter-sections { display: flex; align-items: center; gap: 24px; flex: 1; }
body.type-category #category-filter-hover { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; }
body.type-category #filters .filter-section { margin: 0; padding: 0; border: 0; }
body.type-category #filters fieldset { padding: 0; margin: 0; }
body.type-category #filters .filter-label { display: inline-flex; align-items: center; min-height: 44px; padding-top: 0; padding-bottom: 0; font-size: 13px; }
body.type-category #filters .filter-count { margin-left: 8px; color: var(--vb-muted); font-weight: 400; }
body.type-category #filters .filter-total-count { color: var(--vb-muted); font-size: 12px; }
body.type-category #filters :is(.ui-slider-handle,.ui-slider-range) { background: var(--vb-honey); border-color: var(--vb-honey); }
body.type-category #products.products-block { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 26px; margin: 0; }
body.type-category #products.products-block::before, body.type-category #products.products-block::after { display: none; }
body.type-category #products > .product { display: flex; width: auto; min-width: 0; padding: 0; margin: 0; border: 0; float: none; }
body.type-category #products .p { display: flex; flex-direction: column; width: 100%; height: 100%; min-width: 0; padding: 0; border: 1px solid var(--vb-line); border-radius: 5px; overflow: hidden; background: #fff; box-shadow: none; }
body.type-category #products .p > .image { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; aspect-ratio: 4/3; margin: 0; padding: 0; border: 0; background: #fff; }
body.type-category #products .p > .image img { display: block; width: 100%; height: 100%; max-height: 100%; object-fit: contain; }
body.type-category #products .p-in { display: flex; flex: 1; flex-direction: column; padding: 18px; }
body.type-category #products .p-in-in { height: auto !important; min-height: 0; }
body.type-category #products .name { display: block; height: auto !important; min-height: 0; padding: 0; margin: 0 0 8px; color: var(--vb-ink); font: 400 20px/1.3 Georgia, serif; text-transform: none; overflow-wrap: anywhere; }
body.type-category #products .availability { margin: 0 0 12px; font: 12px/1.5 Arial, sans-serif; }
body.type-category #products .p-bottom { position: static; width: 100%; margin-top: auto; padding: 0; }
body.type-category #products .p-bottom > div { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
body.type-category #products .prices { flex: 1; padding: 0; margin: 0; }
body.type-category #products .price-final { color: var(--vb-ink); font: 600 18px/1.4 Arial, sans-serif; white-space: nowrap; }
body.type-category #products .p-tools { position: static; width: auto; padding: 0; margin: 0; }
body.type-category #products .p-desc { flex-basis: 100%; margin: 0; padding: 0; color: var(--vb-muted); font: 13px/1.6 Arial, sans-serif; }
body.type-category :is(#products .btn,.listingControls .btn) { min-height: 44px; padding: 11px 16px; border: 1px solid var(--vb-honey); border-radius: 3px; background: var(--vb-honey); color: #fff; font: 600 13px/1.5 Arial, sans-serif; text-transform: none; }
body.type-category :is(#products .btn:hover,.listingControls .btn:hover) { background: #76501f; border-color: #76501f; }
body.type-category :is(a,button,input):focus-visible { outline: 2px solid var(--vb-honey); outline-offset: 3px; }
body.type-category .category-bottom { max-width: 800px; margin: 40px auto 0; color: var(--vb-muted); text-align: center; }
body.type-category #footer { background: var(--vb-cream); color: var(--vb-ink); border-top: 1px solid var(--vb-line); }
body.type-category #footer h3 { font: 400 24px/1.3 Georgia, serif; color: var(--vb-ink); }
body.type-category #footer a { color: var(--vb-honey); }
body.type-category .instagram-widget { display: none; }
@media(max-width:1100px) {
  body.type-category #products.products-block { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
  body.type-category #filters.visible { flex-wrap: wrap; gap: 15px; }
  body.type-category #filters .slider-wrapper { flex: 1 1 220px; }
  body.type-category #filters .filter-sections { flex: 1 1 320px; }
}
@media(max-width:767px) {
  body.type-category .category-top { padding: 30px 0 16px; }
  body.type-category #products.products-block { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  body.type-category #products .p-in { padding: 14px; }
  body.type-category #products .name { font-size: 19px; }
  body.type-category #filters { padding: 14px 16px; margin-bottom: 22px; }
  body.type-category #filters .filter-sections { gap: 10px 22px; }
  body.type-category #category-filter-hover { gap: 4px 20px; }
  body.type-category #filters .slider-wrapper { flex-basis: 100%; }
  body.type-category #filters .filter-sections { flex-wrap: wrap; }
  body.type-category .subcategories { gap: 8px; }
  body.type-category .subcategories a { padding: 9px 13px; }
  body.type-category .listSorting__control { padding: 8px 10px; font-size: 12px; }
}
@media(max-width:479px) {
  body.type-category #products.products-block { grid-template-columns: minmax(0,1fr); gap: 22px; }
  body.type-category #products .p-in { padding: 20px; }
  body.type-category #products .name { font-size: 22px; }
  body.type-category .category-perex :is(p,span,strong) { font-size: 14px !important; }
  body.type-category .subcategories .text { font-size: 11px; }
}