/* =====================================================================
   Bonsai Centrum Košice — "Modern Design Store" theme for Shoptet DISCO
   Version 1.0 (preview) — prefix for new components: .bcx-
   Palette: paper #FAFAF8 · stone #F1EFEA · ink #1A1A1A · graphite #4A4A4A
            olive #3D4F3F · warm #C4A574 (price / CTA only)
   Fonts:   Fraunces (display) · Inter (UI)
   HOW TO LOAD (see apply-plan.md):
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..600&family=Inter:wght@400;500;600&display=swap">
     <link rel="stylesheet" href="/user/documents/disco-theme.css?v=1">
   Scope: layout-changing rules are limited to shop pages
   (.type-index / .type-category / .type-detail / .type-post / .type-page).
   Cart & checkout only receive colours + fonts (no layout changes).
   ===================================================================== */

/* ---------- 1. Design tokens + Shoptet variable overrides ---------- */
html:root{
  --bcx-paper:#FAFAF8; --bcx-stone:#F1EFEA; --bcx-ink:#1A1A1A; --bcx-graphite:#4A4A4A;
  --bcx-olive:#3D4F3F; --bcx-olive-d:#2E3C30; --bcx-warm:#C4A574; --bcx-warm-d:#B08F5C;
  --bcx-line:#E4E1DA; --bcx-muted:#7A776F;
  --bcx-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --bcx-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --bcx-radius:6px;

  /* Shoptet template variables (inline :root from Editor vzhľadu) */
  --template-font:"Inter"; --template-headings-font:"Fraunces";
  --color-primary:#3D4F3F; --color-primary-h:127; --color-primary-s:13%; --color-primary-l:27%;
  --color-primary-hover:#2E3C30; --color-primary-hover-h:129; --color-primary-hover-s:13%; --color-primary-hover-l:21%;
  --color-secondary:#1A1A1A; --color-secondary-h:0; --color-secondary-s:0%; --color-secondary-l:10%;
  --color-secondary-hover:#3D4F3F; --color-secondary-hover-h:127; --color-secondary-hover-s:13%; --color-secondary-hover-l:27%;
  --color-tertiary:#F1EFEA; --color-tertiary-h:43; --color-tertiary-s:20%; --color-tertiary-l:93%;
  --color-tertiary-hover:#1A1A1A; --color-tertiary-hover-h:0; --color-tertiary-hover-s:0%; --color-tertiary-hover-l:10%;
  --color-header-background:#FAFAF8;
  --cookies-notice-background:#FAFAF8; --cookies-notice-color:#1A1A1A;
  --cookies-notice-button-hover:#3D4F3F; --cookies-notice-link-hover:#3D4F3F;

  /* Disco main-13.css design tokens */
  --colors-surface-primary:#FAFAF8; --colors-surface-secondary:#F1EFEA;
  --colors-foregrounds-content-primary:#1A1A1A; --colors-foregrounds-content-secondary:#4A4A4A;
  --colors-foregrounds-borders-secondary:#E4E1DA;
  --colors-tags-green:#3D4F3F; --colors-tags-pink:#1A1A1A; --colors-tags-turquoise:#4A4A4A; --colors-tags-blue:#1A1A1A;
}

/* ---------- 2. Base ---------- */
/* "html body" also neutralises the global body{padding;background;font} leaked
   by the footer banner (promo 310) — see apply-plan.md, step 7. */
html body{background:var(--bcx-paper);color:var(--bcx-ink);font-family:var(--bcx-sans);
  padding:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* the footer banner (promo 310) leaks *{margin:0;padding:0}, which strips Disco's container gutters; restore them */
html body .container,html body .content-wrapper.container,html body .container.navigation-wrapper{padding-left:clamp(16px,2.6vw,40px);padding-right:clamp(16px,2.6vw,40px);box-sizing:border-box}
html body .overall-wrapper,html body #content-wrapper,html body .content-wrapper,
html body .content-wrapper-in,html body .container{background-color:transparent}
body h1,body h2,body h3,body .h1,body .h2,body .h3,body .homepage-group-title{
  font-family:var(--bcx-serif);font-weight:400;letter-spacing:-.01em;color:var(--bcx-ink)}
body h4,body h5,body h6,body .h4,body .h5,body .h6{font-family:var(--bcx-sans);font-weight:600;color:var(--bcx-ink)}
body a{color:var(--bcx-ink)}
body a:hover{color:var(--bcx-olive)}
body ::selection{background:var(--bcx-warm);color:var(--bcx-ink)}

/* ---------- 3. Buttons (colours only — safe for checkout) ---------- */
body .btn,body a.btn{font-family:var(--bcx-sans);font-weight:500;letter-spacing:.01em;border-radius:999px;
  transition:background-color .2s,color .2s,border-color .2s}
body .btn.btn-conversion,body a.btn.btn-conversion{background:var(--bcx-warm);border-color:var(--bcx-warm);color:var(--bcx-ink)}
body .btn.btn-conversion:hover,body a.btn.btn-conversion:hover{background:var(--bcx-ink);border-color:var(--bcx-ink);color:var(--bcx-paper)}
body .btn.btn-cart,body a.btn.btn-cart{background:transparent;border-color:var(--bcx-ink);color:var(--bcx-ink)}
body .btn.btn-cart:hover,body a.btn.btn-cart:hover{background:var(--bcx-ink);border-color:var(--bcx-ink);color:var(--bcx-paper)}
body .btn.btn-primary,body a.btn.btn-primary,body .btn.btn-secondary,body a.btn.btn-secondary,
body .btn.btn-default,body a.btn.btn-default{background:transparent;border-color:var(--bcx-ink);color:var(--bcx-ink)}
body .btn.btn-primary:hover,body a.btn.btn-primary:hover,body .btn.btn-secondary:hover,body a.btn.btn-secondary:hover,
body .btn.btn-default:hover,body a.btn.btn-default:hover{background:var(--bcx-ink);border-color:var(--bcx-ink);color:var(--bcx-paper)}

/* ---------- 4. Top bar + header + menu ---------- */
body .top-navigation-bar{background:var(--bcx-stone);border-bottom:1px solid var(--bcx-line);font-size:12px}
body .top-navigation-bar a,body .top-navigation-bar .top-navigation-tools a,
body .top-navigation-bar button{color:var(--bcx-graphite);font-family:var(--bcx-sans);letter-spacing:.02em}
body .top-navigation-bar a:hover{color:var(--bcx-ink)}
body #header{background:var(--bcx-paper);border-bottom:1px solid var(--bcx-line);box-shadow:none}
body #header .header-top{background:var(--bcx-paper)}
/* logo image stays exactly the same, it is only shown a bit larger */
body #header .site-name img{max-height:84px;max-width:120px;width:auto;height:auto}
body #header .search .search-input,body #header .search input[type=search]{background:var(--bcx-stone);
  border:1px solid transparent;border-radius:999px;font-family:var(--bcx-sans);color:var(--bcx-ink);padding-left:48px}
body #header .search .search-input:focus{border-color:var(--bcx-ink);background:#fff;outline:none}
body #header .search .search-button,body #header .search button{background:transparent;color:var(--bcx-ink);border-color:transparent}
body #header .navigation-buttons a,body #header .navigation-buttons button{color:var(--bcx-ink)}
body #header .cart-count .cart-price{font-family:var(--bcx-sans);font-weight:600;color:var(--bcx-ink)}
body #header .cart-count i,body #header .cart-count .cart-count-amount,body #header .navigation-buttons i{
  background:var(--bcx-ink);color:var(--bcx-paper)}

body #navigation,body #header .header-bottom{background:var(--bcx-paper);border-top:1px solid var(--bcx-line)}
body #navigation .menu-level-1>li>a,body #navigation .menu-helper>span{font-family:var(--bcx-sans);font-size:12.5px;
  font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--bcx-ink);background:transparent}
body #navigation .menu-level-1>li>a b{font-weight:500}
body #navigation .menu-level-1>li>a:hover,body #navigation .menu-level-1>li.exp>a,
body #navigation .menu-level-1>li:hover>a{color:var(--bcx-olive);background:transparent;
  box-shadow:inset 0 -2px 0 var(--bcx-warm)}
body #navigation .menu-level-2,body #navigation .menu-level-3,body .menu-helper>ul{background:var(--bcx-paper);
  border:1px solid var(--bcx-line);box-shadow:0 18px 40px -24px rgba(26,26,26,.35)}
body #navigation .menu-level-2 a{color:var(--bcx-ink);font-family:var(--bcx-sans);text-transform:none;letter-spacing:0}
body #navigation .menu-level-2 a:hover{color:var(--bcx-olive)}

/* ---------- 5. Breadcrumbs, headings ---------- */
body .breadcrumbs{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bcx-muted);
  background:transparent;border:0}
body .breadcrumbs a{color:var(--bcx-graphite);text-decoration:none}
body .homepage-group-title,body .products-top-header{font-family:var(--bcx-serif);font-weight:400;
  font-size:clamp(28px,3vw,40px);text-align:left;text-transform:none;letter-spacing:-.015em;margin:56px 0 18px;
  padding:0;border:0}
body .homepage-group-title::before,body .homepage-group-title::after{display:none}

/* ---------- 6. Product cards (listing + homepage sliders) ---------- */
:is(.type-index,.type-category,.type-detail,.type-post,.type-page,.type-search,.type-manufacturer-detail) :is(.products-block>div,.product-slider .product){
  border:0;background:transparent;box-shadow:none;padding:12px}
:is(.type-index,.type-category,.type-detail,.type-post,.type-page,.type-search,.type-manufacturer-detail) :is(.products-block>div,.product-slider .product):hover{box-shadow:none}
.products-block>div .p,.product-slider .product .p{text-align:left;background:transparent;border:0;position:relative}
/* consistent image ratio, white-background photos melt into the stone tile */
.products-block>div .p>a.image,.product-slider .product .p>a.image{display:block;aspect-ratio:1/1;
  background:var(--bcx-stone);border-radius:var(--bcx-radius);overflow:hidden;position:relative}
.products-block>div .p>a.image img,.product-slider .product .p>a.image img{width:100%;height:100%;
  object-fit:contain;padding:6%;mix-blend-mode:multiply;filter:brightness(1.025);transition:transform .5s cubic-bezier(.2,.7,.2,1);max-width:none}
/* brightness(1.025) lifts off-white photo backgrounds (#FCFBF9) to pure white so multiply hides the photo edge */
.products-block>div .p:hover>a.image img,.product-slider .product .p:hover>a.image img{transform:scale(1.04)}
.products-block>div .p .p-in,.product-slider .product .p .p-in{padding:14px 2px 0;text-align:left}
.products-block>div .p .name,.product-slider .product .p .name{font-family:var(--bcx-sans);font-size:15px;
  line-height:1.4;font-weight:500;color:var(--bcx-ink);text-transform:none;height:auto;min-height:42px;
  text-decoration:none!important}
/* plant-passport appendix stays in the data (owner: do not remove now) — shown as quiet meta line */
.products-block>div .p .name .product-appendix,.product-slider .product .p .name .product-appendix{
  display:block;font-size:11.5px;font-weight:400;letter-spacing:.04em;color:var(--bcx-muted);margin-top:2px}
/* OPTIONAL later, once codes are moved out of names:  .p .name .product-appendix{display:none} */
.products-block>div .p .stars-placeholder,.product-slider .product .p .stars-placeholder{display:none}
.products-block>div .p .stars-wrapper,.product-slider .product .p .stars-wrapper{justify-content:flex-start;height:auto;margin:4px 0}
.products-block>div .p .ratings-wrapper,.product-slider .product .p .ratings-wrapper{margin:6px 0 0;text-align:left}
.products-block>div .p .availability,.product-slider .product .p .availability{font-size:12px;color:var(--bcx-graphite);text-align:left}
.products-block>div .p .availability span[style],.product-slider .product .p .availability span[style]{color:var(--bcx-olive)!important}
.products-block>div .p .availability>span:first-child::before,.product-slider .product .p .availability>span:first-child::before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin:0 6px 1px 0}
.products-block>div .p .availability-amount,.product-slider .product .p .availability-amount{color:var(--bcx-muted)}
.products-block>div .p .p-bottom,.product-slider .product .p .p-bottom{padding:12px 2px 0;margin-top:auto}
.products-block>div .p .p-bottom>div,.product-slider .product .p .p-bottom>div{display:flex;align-items:center;
  justify-content:space-between;gap:10px;flex-wrap:wrap}
.products-block>div .p .p-bottom>div .prices,.product-slider .product .p .p-bottom>div .prices{justify-content:flex-start;
  position:static;margin:0;text-align:left}
.products-block>div .p .prices .price-final,.product-slider .product .p .prices .price-final{font-family:var(--bcx-sans);
  font-size:17px;font-weight:600;color:var(--bcx-ink);flex-basis:auto}
.products-block>div .p .prices .price-standard,.product-slider .product .p .prices .price-standard{color:var(--bcx-muted);font-size:13px}
.products-block>div .p .prices .price-save,.product-slider .product .p .prices .price-save{color:var(--bcx-warm-d);font-size:12px}
.products-block>div .p .p-bottom>div .p-tools,.product-slider .product .p .p-bottom>div .p-tools{width:auto;padding:0;
  flex-flow:row;margin:0}
.products-block>div .p .p-tools .btn,.product-slider .product .p .p-tools .btn{font-size:12.5px;font-weight:500;
  padding:7px 14px;min-width:0;line-height:1.2;border-width:1px;margin:0}
.products-block>div .p .p-tools .btn-conversion,.product-slider .product .p .p-tools .btn-conversion{margin:0}
/* flags as quiet pills */
.products .flags .flag,.p-detail .flags .flag{font-family:var(--bcx-sans);font-size:10.5px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:4px 10px;box-shadow:none}
.products .flags .flag.flag-new,.p-detail .flags .flag.flag-new{background:var(--bcx-olive);color:var(--bcx-paper)}
.products .flags .flag.flag-action,.products .flags .flag.flag-discount,
.p-detail .flags .flag.flag-action,.p-detail .flags .flag.flag-discount{background:var(--bcx-warm);color:var(--bcx-ink)}
.products .flags .flag.flag-tip,.p-detail .flags .flag.flag-tip{background:var(--bcx-ink);color:var(--bcx-paper)}
.products .flags-default{top:12px;left:12px}
/* slider chrome */
.product-slider-holder .product-slider-pagination .pagination-button{background:var(--bcx-line)}
.product-slider-holder .product-slider-pagination .pagination-button.active{background:var(--bcx-ink)}
.product-slider-holder .product-slider-navigation{background:var(--bcx-paper);border:1px solid var(--bcx-line);
  border-radius:50%;color:var(--bcx-ink)}

/* ---------- 7. Category page ---------- */
body.type-category .category-title,body.type-category h1{font-family:var(--bcx-serif);font-weight:400;
  font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.02em;text-transform:lowercase;margin:8px 0 18px}
body.type-category h1.category-title::first-letter{text-transform:uppercase}
body.type-category .category-perex{color:var(--bcx-graphite);font-size:15px;line-height:1.65}
body.type-category .category-perex>p{max-width:68ch}

/* Big subcategory photo tiles: 2 / row on mobile, 3 on tablet, 4 on desktop (≥1200px) */
body .subcategories.with-image{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;margin:18px 0 36px;padding:0;list-style:none}
@media(min-width:768px){body .subcategories.with-image{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(min-width:1200px){body .subcategories.with-image{grid-template-columns:repeat(4,minmax(0,1fr))}}
body .subcategories.with-image>li{width:auto!important;max-width:none!important;flex:none!important;
  float:none!important;padding:0!important;margin:0!important}
body .subcategories.with-image>li::before,body .subcategories.with-image>li::after,
body .subcategories.with-image>li>a::before,body .subcategories.with-image>li>a::after{display:none!important}
body .subcategories.with-image li a{display:flex!important;flex-direction:column;height:auto!important;padding:0!important;
  background:var(--bcx-stone);border:0!important;border-radius:var(--bcx-radius);overflow:hidden;
  text-decoration:none;color:var(--bcx-ink);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
body .subcategories.with-image li a:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(26,26,26,.45)}
body .subcategories.with-image li a .image{display:block!important;width:100%!important;max-width:none!important;
  aspect-ratio:4/5;padding:0!important;margin:0!important;overflow:hidden;background:var(--bcx-stone)}
body .subcategories.with-image li a .image img{width:100%!important;height:100%!important;max-height:none!important;
  max-width:none!important;object-fit:cover;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
body .subcategories.with-image li a:hover .image img{transform:scale(1.05)}
body .subcategories.with-image li a .text{display:block!important;width:100%!important;max-width:none!important;
  padding:12px 14px 14px!important;font-family:var(--bcx-serif);font-size:17px;line-height:1.25;font-weight:400;
  text-align:left;white-space:normal;color:var(--bcx-ink);text-transform:none}
@media(max-width:767px){body .subcategories.with-image li a .text{font-size:15px;padding:10px 12px 12px!important}}

/* sidebar: calm, sentence-case */
body.type-category .sidebar,body.type-category .sidebar-inner,body.type-category .box-categories,
body.type-category .box-bg-variant{background:transparent!important;border:0;box-shadow:none}
body.type-category #categories .categories .topic a,body.type-category #categories .categories>ul>li>a,
body.type-category #categories a{font-family:var(--bcx-sans);font-size:14px;color:var(--bcx-graphite);
  text-transform:lowercase;letter-spacing:0;background:transparent;border:0;padding-top:7px;padding-bottom:7px}
body.type-category #categories a::first-letter{text-transform:uppercase}
body.type-category #categories .topic a{font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;
  color:var(--bcx-muted)!important}
body.type-category #categories .active>a,body.type-category #categories a:hover{color:var(--bcx-ink);font-weight:600}
body.type-category #categories .categories{border:0}

/* sorting + top sellers + paging */
body.type-category .category-header{border:0;border-bottom:1px solid var(--bcx-line);background:transparent;
  font-size:13px;color:var(--bcx-graphite)}
body.type-category .products-top-wrapper{background:var(--bcx-stone);border-radius:var(--bcx-radius);padding:18px 20px;margin:0 0 28px}
body.type-category .products-top-header{font-size:22px;margin:0 0 10px}
body.type-category .products-top .p .name{font-family:var(--bcx-sans);font-size:13.5px;color:var(--bcx-ink)}
body.type-category .products-top .p img{mix-blend-mode:multiply}
body.type-category .products-top .availability span[style]{color:var(--bcx-olive)!important}
body .listingControls .loadMore .btn,body .listingControls .btn{border-color:var(--bcx-ink);color:var(--bcx-ink);background:transparent}
body .pagination a,body .pagination strong,body .pagination span{border-radius:999px;color:var(--bcx-ink);border-color:var(--bcx-line)}
body .pagination .current,body .pagination strong{background:var(--bcx-ink);color:var(--bcx-paper)}

/* ---------- 8. Product detail ---------- */
body.type-detail .p-detail-inner-header h1,body.type-detail .p-detail-inner-header-mobile h1{font-family:var(--bcx-serif);
  font-weight:400;font-size:clamp(28px,3.2vw,44px);line-height:1.1;letter-spacing:-.02em;color:var(--bcx-ink)}
body.type-detail .p-image,body.type-detail .p-image-wrapper .p-main-image{background:var(--bcx-stone);border-radius:var(--bcx-radius);border:0}
body.type-detail .p-image img,body.type-detail .p-thumbnails img{mix-blend-mode:multiply;filter:brightness(1.025)}
body.type-detail .p-thumbnails a,body.type-detail .p-thumbnails .p-thumbnail{background:var(--bcx-stone);border:1px solid transparent;border-radius:4px}
body.type-detail .p-thumbnails a.highlighted,body.type-detail .p-thumbnails a:hover{border-color:var(--bcx-ink)}
body.type-detail .p-final-price-wrapper .price-final,body.type-detail .price-final-holder{font-family:var(--bcx-sans);
  font-weight:600;font-size:30px;color:var(--bcx-ink)}
body.type-detail .p-final-price-wrapper .price-additional,body.type-detail .price-measure{color:var(--bcx-muted)}
body.type-detail .detail-parameters th,body.type-detail .detail-parameters td{border-color:var(--bcx-line);
  font-size:14px;color:var(--bcx-graphite);padding-top:9px;padding-bottom:9px;background:transparent}
body.type-detail .detail-parameters th{font-weight:500;color:var(--bcx-ink)}
body.type-detail .availability-value span[style],body.type-detail .detail-parameters span[style]{color:var(--bcx-olive)!important}
body.type-detail .p-code{color:var(--bcx-muted);font-size:12px}
body.type-detail .p-to-cart-block{background:var(--bcx-stone);border-radius:var(--bcx-radius);padding:18px 20px;border:0}
body.type-detail .add-to-cart .btn-conversion{min-height:48px;padding:0 28px;font-size:15px;font-weight:600}
body.type-detail .quantity input,body.type-detail .surcharge-list select,body.type-detail select{border:1px solid var(--bcx-line);
  border-radius:8px;background:#fff;color:var(--bcx-ink);font-family:var(--bcx-sans)}
body.type-detail .link-icons a{color:var(--bcx-graphite);font-size:13px}
body.type-detail .shp-tabs-wrapper,body.type-detail .p-detail-tabs-wrapper{background:transparent;border:0}
body.type-detail .p-detail-tabs,body.type-detail .shp-tabs{border-bottom:1px solid var(--bcx-line);background:transparent}
body.type-detail .p-detail-tabs a,body.type-detail .shp-tab-link{font-family:var(--bcx-sans);font-size:13px;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--bcx-graphite);background:transparent!important;border:0!important}
body.type-detail .p-detail-tabs .active a,body.type-detail .shp-tab.active .shp-tab-link{color:var(--bcx-ink);
  box-shadow:inset 0 -2px 0 var(--bcx-ink)}
body.type-detail .basic-description{font-size:16px;line-height:1.7;color:var(--bcx-graphite);max-width:72ch}
body.type-detail .basic-description h2,body.type-detail .basic-description h3,body.type-detail .basic-description strong{color:var(--bcx-ink)}

/* ---------- 9. Article harmonisation (.bck-article inline style) ---------- */
body .bck-article{--g:#1A1A1A;--g2:#3D4F3F;--g3:#A9B3A6;--bg:#F1EFEA;--ln:#E4E1DA;--au:#C4A574;
  font-family:var(--bcx-sans);color:#2B2B2B}
body .bck-article h2,body .bck-article h3{font-family:var(--bcx-serif);font-weight:400;letter-spacing:-.01em}
body .bck-article summary{font-family:var(--bcx-sans);font-weight:600}
body .bck-article .bck-lead{border-left-color:var(--bcx-warm);border-radius:0 6px 6px 0}
body .bck-article .bck-check input:checked+label{background:#F1EFEA;color:#7A776F}
body .bck-article .bck-cta{border-color:var(--bcx-warm);background:var(--bcx-paper)}
body .bck-article a{color:var(--bcx-olive)}

/* ---------- 10. Footer ---------- */
body #footer{background:var(--bcx-ink);color:#D9D6CF;border-top:0}
body #footer .footer-rows,body #footer .container{background:transparent}
body #footer a{color:#F1EFEA}
body #footer a:hover{color:var(--bcx-warm)}
/* existing promo 310 "bonsai-footer" banner */
body #footer .bonsai-footer{background:transparent;font-family:var(--bcx-sans);padding:0}
body #footer .bonsai-footer .footer-inner{background:transparent!important;box-shadow:none!important;border-radius:0!important;
  max-width:none;padding:48px 0 24px;color:#D9D6CF;border:0}
body #footer .bonsai-footer .footer-inner::before,body #footer .bonsai-footer .footer-inner::after{display:none!important}
body #footer .bonsai-footer h3,body #footer .bonsai-footer h4{font-family:var(--bcx-serif);font-weight:400;color:#FAFAF8;letter-spacing:-.01em}
body #footer .bonsai-footer h4{font-size:12px!important;font-family:var(--bcx-sans);font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--bcx-warm)}
body #footer .bonsai-footer .tree-icon{display:none}
body #footer .bonsai-footer i,body #footer .bonsai-footer [style*="color"]{color:inherit!important}
body #footer .bonsai-footer .pages-list a,body #footer .bonsai-footer .socials-list a{background:transparent!important;
  border:0!important;box-shadow:none!important;padding:4px 0!important;color:#F1EFEA!important;transform:none!important}
body #footer .bonsai-footer .pages-list a:hover,body #footer .bonsai-footer .socials-list a:hover{color:var(--bcx-warm)!important}
body #footer .bonsai-footer .fdata,body #footer .bonsai-footer .fdata *{overflow-wrap:normal;word-break:normal}
body #footer .bonsai-footer .badge-card,body #footer .bonsai-footer .status-pill{background:rgba(250,250,248,.08)!important;
  color:#F1EFEA!important;border:1px solid rgba(250,250,248,.18)!important;box-shadow:none!important}
body #footer .bonsai-footer .hours-mini td,body #footer .bonsai-footer .hours-mini th{border-color:rgba(250,250,248,.12)!important;
  color:#D9D6CF!important;background:transparent!important}
body #footer .bonsai-footer .hours-mini tr.today td,body #footer .bonsai-footer .hours-mini .today{color:var(--bcx-warm)!important}
body #footer .footer-bottom{background:#121212;color:#8E8B84;border-top:1px solid #2A2A2A;font-size:12px}
body #footer .footer-bottom a,body #footer .footer-bottom button{color:#B9B5AC}

/* ---------- 11. Cookie bar: small, calm card bottom-left ---------- */
body .siteCookies.siteCookies--bottom,body .siteCookies.siteCookies--scrolled{left:16px!important;right:auto!important;
  bottom:16px!important;margin-left:0!important;width:min(440px,calc(100vw - 32px))!important;max-width:none;transform:none}
body .siteCookies .siteCookies__form{background:var(--bcx-paper);color:var(--bcx-ink);border:1px solid var(--bcx-line);
  border-radius:10px;box-shadow:0 20px 50px -24px rgba(26,26,26,.45);padding:14px 16px!important;
  display:flex;flex-direction:column;gap:10px;font-family:var(--bcx-sans)}
body .siteCookies .siteCookies__content{padding:0!important;margin:0}
body .siteCookies .siteCookies__text,body .siteCookies .siteCookies__text *{font-size:12.5px!important;line-height:1.5!important;color:var(--bcx-graphite)}
body .siteCookies .siteCookies__text h1,body .siteCookies .siteCookies__text h2,body .siteCookies .siteCookies__text h3,
body .siteCookies .siteCookies__text strong{font-family:var(--bcx-sans)!important;font-size:13px!important;color:var(--bcx-ink)!important}
body .siteCookies .siteCookies__links{margin:4px 0 0}
body .siteCookies .siteCookies__link{color:var(--bcx-ink);font-size:12px;text-decoration:underline;background:none;border:0;padding:0}
body .siteCookies .siteCookies__buttonWrap{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:0!important;margin:0}
body .siteCookies .siteCookies__button{border-radius:999px!important;font-size:12.5px!important;font-weight:500;
  padding:8px 16px!important;min-height:0!important;height:auto!important;width:auto!important;line-height:1.2!important;margin:0!important;flex:0 0 auto!important;
  font-family:var(--bcx-sans);border:1px solid var(--bcx-ink)!important;background:transparent!important;color:var(--bcx-ink)!important}
body .siteCookies .siteCookies__button[value="all"]{background:var(--bcx-ink)!important;color:var(--bcx-paper)!important}

/* ---------- 12. Homepage: hero + spacing ---------- */
body.type-index .next-to-carousel-banners,body.type-index .banners-row{margin-bottom:0}
body.type-index .next-to-carousel-banners .banner-wrapper{max-width:none;width:100%}

/* ===== .bcx-hero (markup in hero.html) ===== */
.bcx-hero{--bcx-hero-img:none;position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:0;
  background:var(--bcx-stone);border-radius:10px;overflow:hidden;margin:18px 0 8px;min-height:520px;
  font-family:var(--bcx-sans);color:var(--bcx-ink);isolation:isolate}
.bcx-hero *{box-sizing:border-box}
.bcx-hero__copy{padding:clamp(28px,4.5vw,64px);display:flex;flex-direction:column;justify-content:center;gap:18px;position:relative;z-index:2}
.bcx-hero__kicker{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--bcx-olive);margin:0}
.bcx-hero__status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.02em;
  text-transform:none;color:var(--bcx-ink);background:var(--bcx-paper);border:1px solid var(--bcx-line);border-radius:999px;padding:5px 12px 5px 10px}
.bcx-hero__dot{width:8px;height:8px;border-radius:50%;background:#9A968D;flex:none}
.bcx-hero[data-open="1"] .bcx-hero__dot{background:#4F7A55;box-shadow:0 0 0 0 rgba(79,122,85,.55);animation:bcxPulse 2.4s infinite}
@keyframes bcxPulse{0%{box-shadow:0 0 0 0 rgba(79,122,85,.5)}70%{box-shadow:0 0 0 8px rgba(79,122,85,0)}100%{box-shadow:0 0 0 0 rgba(79,122,85,0)}}
.bcx-hero__title{font-family:var(--bcx-serif)!important;font-weight:350!important;font-size:clamp(36px,4.6vw,66px)!important;
  line-height:1.02!important;letter-spacing:-.025em;margin:0!important;color:var(--bcx-ink)!important;text-transform:none!important}
.bcx-hero__title em{font-style:italic;color:var(--bcx-olive)}
.bcx-hero__lead{font-size:clamp(15px,1.25vw,17px);line-height:1.6;color:var(--bcx-graphite);max-width:46ch;margin:0}
.bcx-hero__facts{display:grid;grid-template-columns:repeat(3,auto);gap:10px 28px;margin:6px 0 0;padding:16px 0 0;
  border-top:1px solid var(--bcx-line);list-style:none;justify-content:start}
.bcx-hero__facts li{margin:0;padding:0;font-size:13px;line-height:1.45;color:var(--bcx-graphite)}
.bcx-hero__facts li::before{display:none}
.bcx-hero__facts b{display:block;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bcx-muted);margin-bottom:3px}
.bcx-hero__facts a{color:var(--bcx-ink);text-decoration:none;border-bottom:1px solid var(--bcx-line)}
.bcx-hero__facts a:hover{border-color:var(--bcx-ink)}
.bcx-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.bcx-btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 24px;border-radius:999px;font-family:var(--bcx-sans);
  font-size:14.5px;font-weight:600;text-decoration:none!important;transition:background .2s,color .2s,border-color .2s,transform .2s;border:1px solid transparent}
.bcx-btn--primary{background:var(--bcx-warm);color:var(--bcx-ink)!important;border-color:var(--bcx-warm)}
.bcx-btn--primary:hover{background:var(--bcx-ink);border-color:var(--bcx-ink);color:var(--bcx-paper)!important}
.bcx-btn--ghost{background:transparent;color:var(--bcx-ink)!important;border-color:var(--bcx-ink)}
.bcx-btn--ghost:hover{background:var(--bcx-ink);color:var(--bcx-paper)!important}
.bcx-btn svg{width:16px;height:16px;transition:transform .2s}
.bcx-btn:hover svg{transform:translateX(3px)}
.bcx-hero__visual{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 60% 70%,#E9E5DC 0,#F1EFEA 55%,#F1EFEA 100%)}
.bcx-hero__visual::before{content:"";position:absolute;left:12%;right:12%;bottom:14%;height:1px;background:var(--bcx-line)}
.bcx-hero__img{position:absolute;inset:6% 8% 10%;width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply;
  transform:translate3d(var(--bcx-px,0),var(--bcx-py,0),0);transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}
.bcx-hero__visual--cover .bcx-hero__img{inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.bcx-hero__caption{position:absolute;left:20px;bottom:18px;right:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;
  font-size:12px;color:var(--bcx-graphite);z-index:2}
.bcx-hero__caption a{color:var(--bcx-ink);text-decoration:none;font-weight:500}
.bcx-hero__caption a:hover{color:var(--bcx-olive)}
.bcx-hero__caption .bcx-price{font-weight:600;color:var(--bcx-ink);background:var(--bcx-paper);border:1px solid var(--bcx-line);border-radius:999px;padding:4px 10px}
.bcx-hero__badge{position:absolute;top:20px;right:20px;z-index:2;width:108px;height:108px;border-radius:50%;background:var(--bcx-paper);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--bcx-serif);font-size:15px;line-height:1.15;
  color:var(--bcx-ink);border:1px solid var(--bcx-line);transform:translate3d(calc(var(--bcx-px,0px) * -0.6),calc(var(--bcx-py,0px) * -0.6),0) rotate(-8deg);
  transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.bcx-hero__badge span{display:block;font-family:var(--bcx-sans);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--bcx-olive);margin-top:4px}
@media(max-width:991px){
  .bcx-hero{grid-template-columns:1fr;min-height:0}
  .bcx-hero__visual{order:-1;height:300px}
  .bcx-hero__facts{grid-template-columns:1fr 1fr}
  .bcx-hero__facts li:last-child{grid-column:1/-1}
  .bcx-hero__badge{width:88px;height:88px;font-size:13px;top:14px;right:14px}
}
@media(max-width:480px){.bcx-hero{border-radius:0;margin:0 -10px 4px}.bcx-btn{flex:1 1 100%;justify-content:center}.bcx-hero__visual{height:260px}}
@media(prefers-reduced-motion:reduce){.bcx-hero__img,.bcx-hero__badge{transition:none;transform:none}.bcx-hero[data-open="1"] .bcx-hero__dot{animation:none}}

/* ===== .bcx-passport (markup in passport-note.html) ===== */
.bcx-passport{margin:40px 0 8px;padding:18px 0 0;border-top:1px solid var(--bcx-line);font-family:var(--bcx-sans);
  font-size:12px;line-height:1.6;color:var(--bcx-muted);clear:both}
.bcx-passport summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--bcx-graphite)}
.bcx-passport summary::-webkit-details-marker{display:none}
.bcx-passport summary::after{content:"+";font-weight:400;font-size:14px;letter-spacing:0}
.bcx-passport[open] summary::after{content:"\2212"}
.bcx-passport p{margin:8px 0 6px;max-width:80ch}
.bcx-passport ul{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none}
.bcx-passport li{margin:0;padding:3px 9px;border:1px solid var(--bcx-line);border-radius:999px;color:var(--bcx-graphite);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.bcx-passport li::before{display:none}
.bcx-passport li small{color:var(--bcx-muted);font-size:11px;margin-left:4px}

/* ---- live-injection fixes (Disco/banner rules with higher specificity) ---- */
body .bcx-hero a.bcx-btn{display:inline-flex!important;align-items:center;line-height:1.2}
body .bcx-hero a.bcx-btn svg{width:16px;height:16px;flex:0 0 16px}
body.type-category .subcategories.with-image{align-items:stretch}
body.type-category .subcategories.with-image>li{align-self:stretch}
body.type-category .subcategories.with-image>li>a{height:100%}
.products-block>div .p .p-bottom>div,.product-slider .product .p .p-bottom>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.products-block>div .p .p-bottom .prices,.product-slider .product .p .p-bottom .prices{text-align:left;margin:0}
.products-block>div .p .p-bottom>div>*,.product-slider .product .p .p-bottom>div>*{margin:0!important;flex:0 0 auto}
.products-block>div .p .p-in,.product-slider .product .p .p-in{padding:14px 2px 0}
.products-block>div .p a.name,.product-slider .product .p a.name{padding-left:0;padding-right:0}
.products-block>div .p .p-bottom,.product-slider .product .p .p-bottom{padding:12px 0 0}
.products-block>div .p .p-bottom>div::before,.products-block>div .p .p-bottom>div::after,.product-slider .product .p .p-bottom>div::before,.product-slider .product .p .p-bottom>div::after{content:none!important;display:none!important}
body .products-block>div .p .p-bottom,body .product-slider .product .p .p-bottom{padding:12px 0 0!important}
body .products-block>div .p .prices .price-final,body .product-slider .product .p .prices .price-final,
body .products-block>div .p .prices .price-final strong,body .product-slider .product .p .prices .price-final strong{font-size:17px!important;font-weight:600}

/* =====================================================================
   v1.1 — SCOPE EXTENSION: banners, info pages, škola, articles, search,
   cart/checkout, Starostlivosť grids. Selectors taken from live HTML (5.11.2026).
   All rules only RESTYLE existing markup; no markup, JS hook or ID is changed.
   ===================================================================== */

/* ---------- 13. Homepage promo banners 304 / 75 / 298 (.bck- / .bcm- / #bcs-) ----------
   Inline banner CSS uses class selectors (+ !important on bg/colour); #bcs uses an ID.
   "html body" + same selector out-ranks them. Interactivity (rotator, leaves, games) untouched. */
html body .bck-banner,html body .bcm-banner,html body #bcs-banner{
  background:var(--bcx-stone)!important;color:var(--bcx-ink)!important;border:1px solid var(--bcx-line);
  border-radius:10px;box-shadow:none;font-family:var(--bcx-sans);max-width:none;min-height:400px;margin:28px 0}
html body .bck-bokeh,html body .bcm-bokeh,html body #bcs-banner .bcs-bokeh{display:none!important}
/* ambient falling leaves (9 JS-generated dots per banner) hidden: decorative noise; the click/game effects stay */
html body .bck-banner>.bck-leaf,html body .bcm-banner>.bcm-leaf,html body #bcs-banner>.bcs-leaf{display:none!important}
html body .bck-content,html body .bcm-content,html body #bcs-content{padding:clamp(28px,4vw,56px)}
html body .bck-brand,html body .bcm-brand,html body #bcs-banner .bcs-brand{font-size:11.5px;font-weight:600;letter-spacing:.16em;
  color:var(--bcx-olive)!important;margin-bottom:16px}
html body .bck-brand::before,html body .bcm-brand::before,html body #bcs-banner .bcs-brand::before{width:28px;height:1px;background:var(--bcx-olive)}
html body .bck-headline,html body .bcm-headline,html body #bcs-banner .bcs-headline{font-family:var(--bcx-serif);font-weight:350;
  font-size:clamp(30px,3.6vw,50px);line-height:1.04;letter-spacing:-.025em;color:var(--bcx-ink)!important;margin-bottom:16px}
html body .bck-rotator,html body .bcm-rotator,html body #bcs-banner .bcs-rotator{color:var(--bcx-olive)!important;font-style:italic}
html body .bck-sub,html body .bcm-sub,html body #bcs-banner .bcs-sub{font-size:15.5px;line-height:1.6;color:var(--bcx-graphite)!important;max-width:46ch;margin-bottom:24px}
html body .bck-cats,html body .bcm-cats,html body #bcs-banner .bcs-cats{gap:10px;margin-bottom:18px}
html body .bck-cat,html body .bcm-cat,html body #bcs-banner .bcs-cat{background:var(--bcx-paper)!important;border:1px solid var(--bcx-line);
  border-radius:8px;padding:12px 14px;box-shadow:none}
html body .bck-cat:hover,html body .bcm-cat:hover,html body #bcs-banner .bcs-cat:hover{transform:none;box-shadow:none;border-color:var(--bcx-ink)}
html body .bck-cat .bck-cat-ico,html body .bcm-cat .bcm-cat-ico,html body #bcs-banner .bcs-cat .bcs-cat-ico{background:var(--bcx-stone)!important;
  color:var(--bcx-olive)!important;border-radius:6px;width:40px;height:40px}
html body .bck-cat-t,html body .bcm-cat-t,html body #bcs-banner .bcs-cat-t{font-size:14.5px;font-weight:600;color:var(--bcx-ink)!important}
html body .bck-cat-d,html body .bcm-cat-d,html body #bcs-banner .bcs-cat-d{font-size:12.5px;color:var(--bcx-muted)!important}
html body .bck-cat-arrow,html body .bcm-cat-arrow,html body #bcs-banner .bcs-cat-arrow{color:var(--bcx-ink)}
html body .bck-note,html body .bcm-note,html body #bcs-banner .bcs-note{font-size:13px;color:var(--bcx-graphite)!important}
html body .bck-note a,html body .bcm-note a,html body #bcs-banner .bcs-note a{color:var(--bcx-ink)!important;font-weight:500;
  border-bottom:1px solid var(--bcx-ink)}
/* illustration: calmer colours, no drop shadow; click/drag behaviour unchanged */
html body .bck-tree-wrap svg,html body .bcm-scene-svg,html body #bcs-banner .bcs-scene-svg{filter:saturate(.62) contrast(.96)!important}
html body .bck-hint,html body .bcm-hint,html body #bcs-banner .bcs-hint{background:var(--bcx-paper);color:var(--bcx-ink);border:1px solid var(--bcx-line);
  box-shadow:none;font-family:var(--bcx-sans);font-size:11.5px;font-weight:500;letter-spacing:.02em;padding:5px 11px}
html body .bcm-gamebar,html body #bcs-banner .bcs-gamebar{background:var(--bcx-paper);border:1px solid var(--bcx-line);border-radius:8px;
  box-shadow:none;color:var(--bcx-ink);font-family:var(--bcx-sans);font-weight:500}
html body .bcm-gamebar-msg b,html body #bcs-banner .bcs-gamebar-msg b{color:var(--bcx-olive)}
html body .bcm-restart,html body #bcs-banner .bcs-restart{background:var(--bcx-ink)!important;color:var(--bcx-paper)!important;
  font:500 11.5px/1 var(--bcx-sans)!important;letter-spacing:.02em}
html body .bcm-restart:hover,html body #bcs-banner .bcs-restart:hover{background:var(--bcx-olive)!important}
@media(max-width:820px){
  html body .bck-content,html body .bcm-content,html body #bcs-content{padding:30px 22px 6px;text-align:left}
  html body .bck-brand,html body .bcm-brand,html body #bcs-banner .bcs-brand,
  html body .bck-cats,html body .bcm-cats,html body #bcs-banner .bcs-cats{justify-content:flex-start}
  html body .bck-cat,html body .bcm-cat,html body #bcs-banner .bcs-cat{max-width:none;flex:1 1 calc(50% - 5px)!important;min-width:0}
  html body .bck-cat-d,html body .bcm-cat-d,html body #bcs-banner .bcs-cat-d{display:none}
  html body .bck-sub,html body .bcm-sub,html body #bcs-banner .bcs-sub{margin-left:0;margin-right:0}
  html body .bck-tree-wrap{width:180px}html body .bcm-scene-wrap{width:250px}html body #bcs-banner .bcs-scene-wrap{width:240px}
  html body .bck-banner,html body .bcm-banner,html body #bcs-banner{border-radius:0;margin:20px -10px}
}

/* ---------- 14. Info pages (.bonsai-banner: Doprava a platba, Kamenná predajňa, Obchodné podmienky, …) ----------
   The page content defines :root{--green-dark…}; re-defining the same variables on .bonsai-banner
   re-colours every inner component at once. */
html body .bonsai-banner{--green-dark:#1A1A1A;--green-olive:#3D4F3F;--brown:#7A776F;--cream:#F1EFEA;--sand:#E4E1DA;--text:#4A4A4A;
  background:var(--bcx-stone)!important;border:1px solid var(--bcx-line);border-radius:10px;box-shadow:none!important;
  font-family:var(--bcx-sans)!important;color:var(--bcx-graphite)}
html body .bonsai-banner-head{background:var(--bcx-olive)!important;padding:30px clamp(18px,3vw,36px)}
html body .bonsai-banner-head h2{font-family:var(--bcx-serif)!important;font-weight:350!important;text-transform:none!important;
  letter-spacing:-.015em!important;font-size:clamp(24px,2.8vw,34px)!important;color:var(--bcx-paper)}
html body .bonsai-banner-head h2{text-transform:capitalize!important}
html body .bonsai-banner .status-pill{background:rgba(250,250,248,.12);border:1px solid rgba(250,250,248,.25);font-weight:500;font-size:13px}
html body .bonsai-banner .status-dot{background:#9FC3A2}
html body .bonsai-banner .status-pill.warn .status-dot,html body .bonsai-banner .status-pill.closed .status-dot{background:var(--bcx-warm)}
html body .bonsai-banner .section-title{font-family:var(--bcx-sans);font-size:11.5px;font-weight:600;letter-spacing:.16em;color:var(--bcx-olive)}
html body .bonsai-banner .section-title::before{width:18px;height:1px;background:var(--bcx-olive);border-radius:0}
html body .bonsai-banner :is(.ship-card,.pay-card,.article,.notice-card){background:var(--bcx-paper);border:1px solid var(--bcx-line);
  border-radius:8px;box-shadow:none!important;transform:none!important}
html body .bonsai-banner :is(.ship-card,.pay-card,.article,.notice-card):hover{border-color:#CFCBC1}
html body .bonsai-banner :is(.ship-card h3,.article h3){font-family:var(--bcx-serif);font-weight:400;font-size:20px;text-transform:none;
  letter-spacing:-.01em;color:var(--bcx-ink)}
html body .bonsai-banner .ship-card .emoji{background:var(--bcx-stone);border:0;border-radius:6px}
html body .bonsai-banner .price-tag{background:var(--bcx-warm);color:var(--bcx-ink);font-family:var(--bcx-sans);font-weight:600;font-size:12.5px}
html body .bonsai-banner .article h3 .num{background:var(--bcx-stone);color:var(--bcx-olive);font-family:var(--bcx-sans);font-weight:600}
html body .bonsai-banner p,html body .bonsai-banner li{color:var(--bcx-graphite);line-height:1.65}
html body .bonsai-banner strong{color:var(--bcx-ink)}
html body .bonsai-banner a:not(.btn){color:var(--bcx-olive)}
html body .bonsai-banner .badge-card{border-radius:6px;background:var(--bcx-paper);border-left:2px solid var(--bcx-olive);box-shadow:none;font-weight:500;
  color:var(--bcx-ink);transform:none!important}
html body .bonsai-banner .badge-card.warn{border-left-color:var(--bcx-warm)}
html body .bonsai-banner .inline-note{background:var(--bcx-stone);border-left:2px solid var(--bcx-olive)}
html body .bonsai-banner .notice-card{border-left:2px solid var(--bcx-warm)}
html body .bonsai-banner .hours-list td{border-bottom:1px solid var(--bcx-line);font-variant-numeric:tabular-nums}
html body .bonsai-banner .hours-list tr.today td{background:var(--bcx-ink);color:var(--bcx-paper);font-weight:600}
html body .bonsai-banner .hours-list tr.today{box-shadow:none}
html body .bonsai-banner .biz-divider{border-top:1px solid var(--bcx-line)}
html body .bonsai-banner .bonsai-banner-actions .btn{text-decoration:none!important;border-radius:999px;font-family:var(--bcx-sans);font-weight:600;font-size:14.5px;box-shadow:none;transform:none}
html body .bonsai-banner .bonsai-banner-actions .btn-primary{background:var(--bcx-ink)!important;color:var(--bcx-paper)!important;border:1px solid var(--bcx-ink)}
html body .bonsai-banner .bonsai-banner-actions .btn-secondary{background:transparent!important;color:var(--bcx-ink)!important;border:1px solid var(--bcx-ink)}
html body .bonsai-banner .bonsai-banner-actions .btn:hover{background:var(--bcx-olive)!important;border-color:var(--bcx-olive);color:var(--bcx-paper)!important}
html body .bonsai-banner-footer{background:transparent!important;color:var(--bcx-muted)!important;border-top:1px solid var(--bcx-line);font-size:12px}
body.type-page .pageArticleDetail>header h1{font-family:var(--bcx-serif);font-weight:350;font-size:clamp(34px,4vw,54px);
  letter-spacing:-.025em;line-height:1.05;margin:8px 0 22px}
/* plain text info pages (e.g. /info/, Fakturačné údaje) */
body.type-page .pageArticleDetail [itemprop="about"]{font-size:16px;line-height:1.7;color:var(--bcx-graphite)}
body.type-page .pageArticleDetail [itemprop="about"]>:is(p,ul,ol,h2,h3,table){max-width:72ch}

/* ---------- 15. Bonsajová škola (.bsk- block in category description, id-1194) ---------- */
html body .bsk-wrap{font-family:var(--bcx-sans);color:var(--bcx-graphite)}
html body .bsk-banner{background:var(--bcx-olive)!important;border-radius:10px;box-shadow:none;text-align:left;padding:clamp(32px,5vw,64px)}
html body .bsk-banner h2{font-family:var(--bcx-serif)!important;font-weight:350!important;font-size:clamp(30px,3.6vw,48px)!important;
  letter-spacing:-.02em!important;color:var(--bcx-paper)!important}
html body .bsk-banner p{margin:0;color:#E4E1DA}
html body .bsk-card{background:var(--bcx-paper)!important;border:1px solid var(--bcx-line)!important;border-radius:8px;box-shadow:none!important;transform:none!important}
html body .bsk-card::before{height:2px!important;background:var(--bcx-olive)!important}
html body .bsk-card-pok::before{background:var(--bcx-warm)!important}
html body .bsk-card-niwaki::before{background:var(--bcx-ink)!important}
html body .bsk-card h3{font-family:var(--bcx-serif)!important;font-weight:400!important;color:var(--bcx-ink)!important}
html body .bsk-card p,html body .bsk-card ul li{color:var(--bcx-graphite)}
html body .bsk-icon{background:var(--bcx-stone)!important;border-radius:6px}
html body .bsk-badge{background:var(--bcx-stone)!important;color:var(--bcx-ink)!important;border:1px solid var(--bcx-line)!important;
  font-weight:600;font-size:10.5px;letter-spacing:.14em}
html body .bsk-price{font-family:var(--bcx-sans);font-weight:600;color:var(--bcx-ink)}
html body .bsk-info-bar{background:var(--bcx-stone);border:1px solid var(--bcx-line);box-shadow:none;color:var(--bcx-graphite)}
html body .bsk-info-bar strong,html body .bsk-form-note strong{color:var(--bcx-olive)}
html body .bsk-form-wrap{border:1px solid var(--bcx-line);border-radius:10px;box-shadow:none}
html body .bsk-form-header{background:var(--bcx-ink)!important;font-family:var(--bcx-sans);font-weight:600;font-size:11.5px;letter-spacing:.16em}
html body .bsk-form-body{background:var(--bcx-paper)}
html body .bsk-field input,html body .bsk-field select{border-color:var(--bcx-line)!important;border-radius:8px!important;background:#fff!important}
html body .bsk-field input:focus,html body .bsk-field select:focus{border-color:var(--bcx-ink)!important;box-shadow:0 0 0 3px rgba(26,26,26,.08)!important}
html body .bsk-btn{background:var(--bcx-warm)!important;color:var(--bcx-ink)!important;border-radius:999px;text-transform:none;
  font-family:var(--bcx-sans);font-weight:600;font-size:15px;letter-spacing:.01em}
html body .bsk-btn:hover{background:var(--bcx-ink)!important;color:var(--bcx-paper)!important;transform:none}
html body .bsk-success,html body .bsk-success h3{color:var(--bcx-olive)!important}

/* ---------- 16. Starostlivosť: article list (type-posts-listing) + article (type-post) ---------- */
body.type-posts-listing h1{font-family:var(--bcx-serif);font-weight:350;font-size:clamp(34px,4vw,54px);letter-spacing:-.025em;
  text-transform:lowercase;margin:8px 0 18px}
body.type-posts-listing h1::first-letter{text-transform:uppercase}
body.type-posts-listing .news-wrapper{gap:36px 32px}
body.type-posts-listing .news-item{border:0;background:transparent;padding:0 0 22px;border-bottom:1px solid var(--bcx-line)}
body.type-posts-listing .news-item .news-item-link-img{display:block;border-radius:var(--bcx-radius);overflow:hidden;background:var(--bcx-stone);margin-bottom:14px}
body.type-posts-listing .news-item .news-image{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
body.type-posts-listing .news-item:hover .news-image{transform:scale(1.03)}
body.type-posts-listing .news-item h2{margin:0 0 6px;line-height:1.15}
body.type-posts-listing .news-item h2 a{font-family:var(--bcx-serif);font-weight:400;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.015em;
  color:var(--bcx-ink);text-decoration:none}
body.type-posts-listing .news-item h2 a:hover{color:var(--bcx-olive)}
body.type-posts-listing .news-item time{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bcx-muted);margin:0 0 10px}
body.type-posts-listing .news-item .description,body.type-posts-listing .news-item .description p{font-size:14.5px;line-height:1.65;color:var(--bcx-graphite)}
body.type-posts-listing .sectionDescription{color:var(--bcx-graphite);max-width:72ch}
body.type-posts-listing .subcategories.with-image{align-items:stretch}
@media(min-width:1200px){body.id-1200 .subcategories.with-image{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* article detail */
body.type-post .news-item-detail article{max-width:720px;margin:0 auto}
body.type-post .news-item-detail h1{font-family:var(--bcx-serif);font-weight:350;font-size:clamp(34px,4.2vw,56px);line-height:1.05;letter-spacing:-.025em;margin:10px 0 12px}
body.type-post .news-item-detail header time{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--bcx-muted);padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid var(--bcx-line)}
body.type-post .news-item-detail .text{font-size:17px;line-height:1.75;color:#2B2B2B}
body.type-post .news-item-detail .text h2{font-family:var(--bcx-serif);font-weight:400;font-size:28px;letter-spacing:-.015em;margin:36px 0 10px}
body.type-post .news-item-detail .text h3{font-family:var(--bcx-serif);font-weight:400;font-size:22px;margin:28px 0 8px}
body.type-post .news-item-detail .text a{color:var(--bcx-olive);text-decoration:underline;text-underline-offset:3px}
body.type-post .news-item-detail .text ul li::marker{color:var(--bcx-olive)}
body.type-post .news-item-detail .text img{border-radius:var(--bcx-radius)}
body.type-post .news-item-detail .text blockquote{border-left:2px solid var(--bcx-warm);margin:24px 0;padding:4px 0 4px 20px;
  font-family:var(--bcx-serif);font-size:21px;color:var(--bcx-ink)}
body.type-post .next-prev{display:flex;gap:10px;justify-content:space-between;margin-top:44px;padding-top:24px;border-top:1px solid var(--bcx-line)}

/* ---------- 17. Starostlivosť sub-grids (body.id-1206 Exteriérové / id-1203 Interiérové) ----------
   Overrides the existing header-code rules (keep those; these are more specific). Text-only tiles. */
html body:is(.id-1206,.id-1203) ul.subcategories.with-image{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;padding:6px 0 32px!important}
@media(min-width:768px){html body:is(.id-1206,.id-1203) ul.subcategories.with-image{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1200px){html body:is(.id-1206,.id-1203) ul.subcategories.with-image{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
html body:is(.id-1206,.id-1203) ul.subcategories.with-image a{position:relative;background:var(--bcx-stone)!important;border:1px solid transparent!important;
  border-radius:8px!important;min-height:74px!important;padding:14px 40px 14px 16px!important;color:var(--bcx-ink)!important;
  font-weight:400!important;transform:none!important;box-shadow:none!important;justify-content:center}
html body:is(.id-1206,.id-1203) ul.subcategories.with-image a:hover{background:var(--bcx-paper)!important;border-color:var(--bcx-ink)!important}
html body:is(.id-1206,.id-1203) ul.subcategories.with-image a::after{content:"\2192"!important;display:block!important;position:absolute;right:16px;top:50%;
  transform:translateY(-50%);font-family:var(--bcx-sans);font-size:15px;color:var(--bcx-muted)}
html body:is(.id-1206,.id-1203) ul.subcategories.with-image a:hover::after{color:var(--bcx-ink)}
html body:is(.id-1206,.id-1203) ul.subcategories.with-image .text{padding:0!important;font-family:var(--bcx-serif)!important;font-size:16.5px!important;
  line-height:1.25!important;color:var(--bcx-ink)!important}

/* ---------- 18. Search results (type-search) ---------- */
body.type-search #content>h2{font-family:var(--bcx-serif);font-weight:350;font-size:clamp(30px,3.6vw,46px);letter-spacing:-.02em;margin:10px 0 22px}
body.type-search #content>h2 .highlight{font-weight:400;font-style:italic;color:var(--bcx-olive)}
body.type-search .search-results-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:36px}
body.type-search .search-results-group{background:var(--bcx-stone);border:0;border-radius:8px;padding:16px 18px}
body.type-search .search-results-group h4{font-family:var(--bcx-sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bcx-muted);margin:0 0 8px}
body.type-search .search-results-group-list a{font-size:14.5px;color:var(--bcx-ink);text-decoration:none;border-bottom:1px solid transparent}
body.type-search .search-results-group-list a:hover{border-color:var(--bcx-ink)}
body.type-search .search-results-group-list ul{list-style:none!important;padding:0!important;margin:0;columns:1!important;display:block!important}
body.type-search .search-results-group-list li{padding:4px 0;list-style:none!important;width:auto!important;float:none!important}
body.type-search .search-results-group-list li::before{display:none}
body.type-search .search-products-heading{font-family:var(--bcx-serif);font-weight:400;font-size:26px}
body.type-search .products-block>div .p .p-tools .btn-primary{background:transparent;border-color:var(--bcx-ink);color:var(--bcx-ink)}

/* ---------- 19. Cart + checkout (ordering-process) — colours + typography ONLY ----------
   No display/position/width rules here, so Shoptet's checkout JS and layout stay as is. */
body.ordering-process{background:var(--bcx-paper)}
body.ordering-process .cart-header .step :is(strong,a){font-family:var(--bcx-sans);font-size:13px;font-weight:500;color:var(--bcx-graphite)}
body.ordering-process .cart-header .step.active strong{color:var(--bcx-ink);font-weight:600}
body.ordering-process .cart-header .step:is(.active,:has(~ .step.active)) :is(strong,a)::before{color:var(--bcx-paper)!important}
body.ordering-process h1,body.ordering-process .cart-heading{font-family:var(--bcx-serif);font-weight:350;letter-spacing:-.02em}
body.ordering-process .co-box h2,body.ordering-process .order-summary-inner h2{font-family:var(--bcx-serif)!important;font-weight:400!important;letter-spacing:-.01em}
body.ordering-process .cart-table-header td{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bcx-muted)}
body.ordering-process .cart-table .p-name a.main-link{font-family:var(--bcx-sans)!important;font-size:15px;font-weight:500;color:var(--bcx-ink)}
body.ordering-process .cart-table .cart-p-image img{mix-blend-mode:multiply;filter:brightness(1.025)}
body.ordering-process .cart-table .cart-p-image a{background:var(--bcx-stone);border-radius:4px}
body.ordering-process .availability-label[style],body.ordering-process .p-availability [style*="color"]{color:var(--bcx-olive)!important}
body.ordering-process .quantity{border-color:var(--bcx-line)!important;border-radius:999px}
body.ordering-process .quantity input{font-family:var(--bcx-sans);color:var(--bcx-ink)}
body.ordering-process .quantity .increase,body.ordering-process .quantity .decrease{color:var(--bcx-ink)}
body.ordering-process .price-final,body.ordering-process .p-total{font-family:var(--bcx-sans);color:var(--bcx-ink)}
body.ordering-process .price-wrapper .price-primary{font-family:var(--bcx-sans);font-weight:600;color:var(--bcx-ink)}
body.ordering-process .price-wrapper .price-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--bcx-graphite)}
body.ordering-process .next-step-back{color:var(--bcx-graphite);background:transparent;border-color:transparent}
body.ordering-process .next-step-back:hover{color:var(--bcx-ink);background:transparent;border-color:transparent;text-decoration:underline}
body.ordering-process .next-step .btn-conversion{font-weight:600;text-transform:none!important;letter-spacing:.01em}
body.ordering-process .co-box,body.ordering-process .order-summary-inner,body.ordering-process .checkout-box .box{border-color:var(--bcx-line)!important;border-radius:8px}
body.ordering-process .order-summary-inner{background:var(--bcx-stone)}
body.ordering-process .radio-wrapper{border-color:var(--bcx-line)}
body.ordering-process .radio-wrapper.active{background:var(--bcx-stone)}
body.ordering-process .radio-wrapper.active .shipping-billing-name{color:var(--bcx-ink)}
body.ordering-process .payment-shipping-price.for-free{color:var(--bcx-olive)}
body.ordering-process .cart-item-name a{color:var(--bcx-ink)}
body.ordering-process .form-control,body.ordering-process input[type="text"],body.ordering-process input[type="email"],
body.ordering-process input[type="tel"],body.ordering-process select,body.ordering-process textarea{border-color:var(--bcx-line);border-radius:8px;font-family:var(--bcx-sans)}
body.ordering-process .form-control:focus{border-color:var(--bcx-ink);box-shadow:0 0 0 3px rgba(26,26,26,.08)}
body.ordering-process .cart-empty h3,body.ordering-process .empty-cart-boxes h3{font-family:var(--bcx-serif);font-weight:400}
body.ordering-process .empty-cart-boxes li a{color:var(--bcx-ink)}

/* promo 310 footer: head strip + column titles (missed in v1, seen on info pages) */
body #footer .bonsai-footer .footer-head{background:transparent!important;border-bottom:1px solid rgba(250,250,248,.12);padding-left:0;padding-right:0}
body #footer .bonsai-footer .footer-head h3{font-family:var(--bcx-serif)!important;font-weight:350!important;text-transform:none!important;letter-spacing:-.01em}
body #footer .bonsai-footer .footer-body{padding-left:0;padding-right:0}
body #footer .bonsai-footer .fcol-title{font-family:var(--bcx-sans);font-size:11.5px;font-weight:600;letter-spacing:.16em;color:#B9B5AC}
body #footer .bonsai-footer .fcol-title::before{width:14px;height:1px;background:var(--bcx-warm);border-radius:0}
body #footer .bonsai-footer .status-dot{background:#9FC3A2;animation:none}
body #footer .bonsai-footer .hours-mini tr.today td{background:transparent!important}

/* ---------- 20. FIX 2026-11-05: mobile fixed header vs. checkout steps + flash messages ----------
   (a) Shoptet's mobile header (ums_mobile_header_v1) is position:fixed and the theme reserves only
       .overall-wrapper{padding-top:50px} (<768px) for a 40px logo. Our logo (max-height 84px) makes the
       header ~86px tall, so the top ~36px of every page — incl. ol.cart-header steps — sat under it.
   (b) Shoptet .msg-wrapper .msg.msg-success/-notice/-info/-warning/-error used old bright colours. */
@media (max-width:767px){
  html body .overall-wrapper{padding-top:90px}
  body.ordering-process ol.cart-header{margin-top:12px}
  body.ordering-process ol.cart-header,body.ordering-process .content-wrapper{scroll-margin-top:96px}
}
html body .msg-wrapper{z-index:1003}
html body .msg{font-family:var(--bcx-sans,'Inter',sans-serif);font-size:14px;font-weight:500;line-height:1.45;
  letter-spacing:.01em;text-align:center;padding:16px 20px;border-width:0 0 1px;box-shadow:0 6px 20px rgba(26,26,26,.12)}
@media (min-width:992px){html body .msg{padding:20px 24px;font-size:15px}}
html body .msg.msg-success,html body .msg.msg-notice{background-color:#3D4F3F;border-color:#2F3D31;color:#FAFAF8}
html body .msg.msg-info{background-color:#1A1A1A;border-color:#000;color:#FAFAF8}
html body .msg.msg-warning{background-color:#C4A574;border-color:#A88C5E;color:#1A1A1A}
html body .msg.msg-error{background-color:#7A2E2A;border-color:#5E211E;color:#FAFAF8}
html body .msg a{color:inherit!important;text-decoration:underline;text-underline-offset:2px}


/* ===== 21. Smaller logo + shop name (approved 2026-11-05) ===== */

/* ---------- 21. Header: smaller logo + "Bonsai Centrum / Košice" wordmark (pure CSS, no markup change) ----------
   Name is drawn with ::after on the logo link (image unchanged). Overrides the section 20 mobile spacing. */
html body #header .site-name a{display:flex!important;align-items:center;gap:12px;text-decoration:none;max-width:none;width:auto}
html body #header .site-name a img{max-height:64px;max-width:64px;width:auto;height:auto;flex:0 0 auto}
html body #header .site-name a::after{
  content:"Bonsai Centrum";display:block;
  font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:26px;line-height:1.05;letter-spacing:-.015em;color:#1A1A1A}
/* "KOŠICE" second line: small Inter caps via a::before (absolutely positioned) */
html body #header .site-name a{position:relative}
html body #header .site-name a::before{
  content:"KOŠICE";position:absolute;pointer-events:none;
  font-family:'Inter',system-ui,sans-serif;font-weight:500;font-size:11px;letter-spacing:.32em;color:#4A4A4A;
  left:calc(64px + 12px);top:calc(50% + 10px)}
@media (max-width:767px){
  html body #header .site-name a{gap:9px}
  html body #header .site-name a img{max-height:46px;max-width:46px}
  html body #header .site-name a::after{font-size:18px;transform:translateY(-6px)}
  html body #header .site-name a::before{font-size:9px;letter-spacing:.3em;left:calc(46px + 9px);top:calc(50% + 5px)}
  html body #header .header-top .container{min-height:56px}
  html body .overall-wrapper{padding-top:var(--bcx-mhdr,58px)} /* = mobile header height, measured */
  body.ordering-process ol.cart-header,body.ordering-process .content-wrapper{scroll-margin-top:66px}
}
/* one-line name: pseudo-elements must not shrink/wrap inside the flex link */
html body #header .site-name,html body #header .site-name a{width:max-content!important;max-width:none!important;flex-shrink:0}
html body #header .site-name a::after{white-space:nowrap;flex:0 0 auto;max-width:none;width:max-content}
html body #header .site-name a::before{white-space:nowrap}
@media (max-width:767px){
  html body #header .site-name a::after{font-size:17px;line-height:1;transform:translateY(-7px)}
  html body #header .site-name a::before{top:calc(50% + 3px);line-height:1}
}

/* BCK buybox assure 2026-11-05 */
/* ak je nasadený blok 2, odstavec o heatpacku v .bcx-care je duplicitný */
.bcx-assure~.bcx-care .bcx-care__ship{display:none}
/* ---------- 2. Buy-box assurance (product detail, under "Do košíka") ---------- */
.bcx-assure{margin:18px 0 6px;padding:0;font-family:var(--bcx-sans,Inter,system-ui,sans-serif);color:var(--bcx-ink,#1A1A1A);box-sizing:border-box}
.bcx-assure *{box-sizing:border-box}
.bcx-assure__winter{display:none;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding:12px 14px;border:1px solid var(--bcx-line,#E4E1DA);border-left:3px solid var(--bcx-warm,#C4A574);border-radius:0 10px 10px 0;background:var(--bcx-paper,#FAFAF8)}
.bcx-assure__winter.is-on{display:flex}
.bcx-assure__temp{font-family:var(--bcx-serif,Fraunces,Georgia,serif);font-size:26px;font-weight:400;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--bcx-ink,#1A1A1A);flex:none}
.bcx-assure__wtext{flex:1 1 220px;font-size:13.5px;line-height:1.45;color:var(--bcx-graphite,#4A4A4A);margin:0}
.bcx-assure__wtext strong{color:var(--bcx-ink,#1A1A1A);font-weight:600}
.bcx-assure__btn{flex:none;appearance:none;cursor:pointer;border:1px solid var(--bcx-olive,#3D4F3F);background:transparent;color:var(--bcx-olive,#3D4F3F);font:600 13px/1 var(--bcx-sans,Inter,system-ui,sans-serif);padding:10px 14px;border-radius:999px;transition:background-color .2s,color .2s}
.bcx-assure__btn:hover{background:var(--bcx-olive,#3D4F3F);color:var(--bcx-paper,#FAFAF8)}
.bcx-assure__btn:focus-visible{outline:2px solid var(--bcx-olive,#3D4F3F);outline-offset:2px}
.bcx-assure__btn[aria-pressed="true"]{background:var(--bcx-olive,#3D4F3F);color:var(--bcx-paper,#FAFAF8);cursor:default}
.bcx-assure__list{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--bcx-line,#E4E1DA)}
.bcx-assure__list>li{display:flex;gap:12px;align-items:flex-start;margin:0;padding:11px 2px;border-bottom:1px solid var(--bcx-line,#E4E1DA);font-size:13.5px;line-height:1.45;color:var(--bcx-graphite,#4A4A4A)}
.bcx-assure__list>li::before{display:none!important}
.bcx-assure__list strong{color:var(--bcx-ink,#1A1A1A);font-weight:600}
.bcx-assure__list a{color:var(--bcx-olive,#3D4F3F);text-decoration:underline;text-underline-offset:2px}
.bcx-assure__ico{flex:none;width:18px;height:18px;margin-top:1px;stroke:var(--bcx-olive,#3D4F3F);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ak je nasadený blok 2, odstavec o heatpacku v .bcx-care je duplicitný */
.bcx-assure~.bcx-care .bcx-care__ship{display:none}

/* === BCX category mobile products-first === */
/* Category pages: short intro styling */
.type-category .category-perex {
  max-width: 42rem;
  font-size: 0.98rem;
  line-height: 1.55;
  margin-bottom: 1rem;
}
.type-category .category-perex p { margin: 0 0 0.6rem; }
.type-category .category__secondDescription {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(54, 56, 36, 0.12);
  font-size: 0.95rem;
  line-height: 1.55;
  max-width: 42rem;
}
.type-category .category__secondDescription h2,
.type-category .category__secondDescription h3 {
  font-size: 1.15rem;
  margin: 1.25rem 0 0.5rem;
}

/* ALL categories on mobile: photos/products first, short perex + care AFTER listing.
   Important: use #content in order selectors — ID beats class, so a blanket
   `#content > … > * { order:5 }` previously cancelled the perex reorder. */
@media (max-width: 767px) {
  body.type-category #content {
    display: flex;
    flex-direction: column;
  }
  body.type-category #content > .category-top,
  body.type-category #content > .category-content-wrapper {
    display: contents;
  }
  body.type-category #content .category-title { order: 1; }
  body.type-category #content .products-top-wrapper { order: 2; }
  body.type-category #content #category-header,
  body.type-category #content .category-header { order: 3; }
  body.type-category #content #filters-wrapper { order: 4; }
  body.type-category #content #productsListHeading { order: 5; }
  body.type-category #content #products { order: 6; }
  body.type-category #content .listingControls { order: 7; }
  body.type-category #content .category-perex {
    order: 8;
    margin-top: 28px;
    margin-bottom: 0;
    padding-top: 20px;
    border-top: 1px solid rgba(54, 56, 36, 0.12);
  }
  body.type-category #content .category__secondDescription {
    order: 9;
    margin-top: 1.25rem;
  }
}