/* feedy 2026-10-19: hlavicka.css pre ajtaci.sk – prenos UX z giftio.ro (súhlas majiteľa 19. 10. 2026, docs/DIZAJN-SK-CZ-HU-2026-10-19.md).
   Obsah: (1) základ, ktorý majú CZ/HU/RO na začiatku svojej hlavicka.css (pôvodná inline hlavička) a SK ho nemal – bez pravidiel
   konkrétnych položiek menu / dopráv; (2) bloky zo shopcode/ro/hlavicka.css v30 od „dizajn RO“ po koniec, bez zmeny okrem
   triedy stránky Kontakt (RO in-contact → SK in-kontakty). Komentáre blokov opisujú merania v RO. */
/* (1) základ ako CZ/HU/RO */
@media (max-width: 767px) {
.container.breadcrumbs-wrapper{
 background-color:#0f262e !important;
 margin-left:0px;
 margin-right:0px;
 border-bottom:0px;
}
.breadcrumbs > span > a {color:#36c6f0;}
.is-header-black .navigation-in-bottom .top-navigation-bar-menu a {font-size:18px;font-weight:bold;}
.top-navigation-bar .site-name a img {max-height:40px;}
/* padding products */
.detail-tab-content {padding: 3px 3px !important;}
.product-detail .content-wrapper-in {padding:3px 3px !important;}
.col-sm-12, .col-sm-6 {padding-left: 3px !important;padding-right: 3px !important;}
  .container * {box-sizing: border-box; max-width: 100%;}
  .top-navigation-bar {max-width: 100%;overflow-x: hidden; }
  .top-navigation-bar-menu {flex-wrap: wrap;max-width: 100%;}
}
.detail-parameters-block select {border: 3px solid #00cfff;}
.top-navigation-bar-menu li a, .top-navigation-bar-menu-helper li a {font-weight:bold;color:#cccccc;}
@media (min-width: 1200px) {
 .products-block > div {width:25%;}
}

/* (2) UX z giftio.ro */
/* ===== feedy 2026-10-16: dizajn RO (docs/DIZAJN-RO-2026-10-16.md) ===== */
/* krok 1 – domovská na mobile: Shoptet dáva telu s mobilným prehliadačom triedu .mobile a template-edit.css
   (riadok „.in-index.mobile .content-wrapper-in {background-color:transparent}") tým odkryje tmavé pozadie,
   takže nadpisy sekcií (REDUCERI, Noutăți, Produse TOP) boli tmavé na tmavom. S desktopovým prehliadačom
   zúženým pod 768 px je pozadie biele a platí tmavá farba z X1 (template-edit.css). */
@media (max-width: 767px) {
  /* krok 5: pozadie domovskej je na mobile tmavé vždy (aj bez triedy .mobile), preto biely nadpis bez podmienky .mobile */
  body.in-index .homepage-group-title[class*="homepage-products-heading"] { color: #fff; }
  /* bodky stránkovania produktových sliderov: 13 bodiek × 30 px sa lámalo do 2 riadkov (RO8) */
  .products-block .swiper-pagination { display: flex; flex-wrap: nowrap; justify-content: center; padding: 0 6px; }
  .products-block .swiper-pagination-bullet { width: 22px; min-width: 14px; margin: 0 !important; flex: 0 1 auto; }
  /* úvodný text domovskej bol na mobile celý centrovaný (odseky aj odrážky), ťažko sa čítal */
  .welcome__content h3, .welcome__content p, .welcome__content li { text-align: left; }
}
/* krok 3 – košík: pás dôvery (vkladá paticka.js); horná lišta: oddeľovač „•“ aj za posledným odkazom */
.feedy-trust { list-style: none; margin: 16px 0 0; padding: 12px 16px; background: #f3f7f9; border-radius: 8px; font-size: 14px; line-height: 1.5; color: #0f262e; }
.feedy-trust li { position: relative; padding-left: 22px; margin: 4px 0; }
.feedy-trust li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #00bfff; font-weight: 700; }
.feedy-trust a { color: #0f262e; text-decoration: underline; }
/* Shoptet kreslí bodku pravidlom „.top-navigation-bar-menu li:not(.cropped):last-child::after“ (špecificita 0,3,1), preto rovnaký selektor */
.top-navigation-bar-menu li:not(.cropped):last-child::after { display: none; }
/* krok 4 – vyhľadávanie bez výsledku (vkladá paticka.js); video v popise produktu drží pomer 16:9 aj na mobile (bolo 348×315, stlačené) */
.feedy-noresult { margin: 12px 0 0; font-size: 15px; line-height: 1.6; }
.feedy-noresult a { text-decoration: underline; white-space: nowrap; }
.detail-tab-content iframe[src*="youtube"] { width: 100%; max-width: 560px; aspect-ratio: 16 / 9; height: auto; }

/* ===== krok 5 (2026-10-16, podľa majiteľa): pozadie stránky tmavé, obsah v bielych dlaždiciach – všetky typy stránok =====
   template-edit.css (mediaplace) dáva kategórii, detailu, vyhľadávaniu, košíku a statickým stránkam jeden biely blok
   (.content-wrapper + .content-wrapper-in, na desktope aj s bielymi omrvinkami), dlaždice má len domovská (.in-index .products-block).
   Tu sa biely blok vypne a bielu dostanú jednotlivé bloky obsahu; stránky bez vlastných dlaždíc (statické, značky, blog…)
   ostávajú jeden biely blok, ale zaoblený zo všetkých strán a oddelený od omrviniek. Pozadie body sa nemení (#0f262e). */
:root { --feedy-dark: #0f262e; --feedy-tile-bg: #fff; --feedy-tile-radius: 12px; --feedy-tile-pad: 24px; --feedy-tile-gap: 20px; --feedy-on-dark: #dbe4e8; --feedy-accent: #36c6f0; }
/* a) biely blok preč tam, kde sú dlaždice (špecificita 0,2,1 > 0,2,0 „.ordering-process .content-wrapper“) */
body.type-category .content-wrapper, body.type-category .content-wrapper-in,
body.type-product .content-wrapper, body.type-product .content-wrapper-in,
body.type-search .content-wrapper, body.type-search .content-wrapper-in,
body.ordering-process .content-wrapper, body.ordering-process .content-wrapper-in,
body.in-index .content-wrapper, body.in-index .content-wrapper-in { background-color: transparent; }
/* b) dlaždice */
body.type-category .category-top, body.type-category .filters-wrapper, body.type-category .category-header,
body.type-category .category-appendix, body.type-category .listingControls,
body.type-search .search-results-group, body.type-search .listingControls,
body.type-product .p-detail-inner, body.type-product .p-detail-tabs-wrapper, body.type-product .products-related-block {
  background-color: var(--feedy-tile-bg); border-radius: var(--feedy-tile-radius); padding: var(--feedy-tile-pad); margin: 0 0 var(--feedy-tile-gap); }
body.type-category .category-header { padding-top: 16px; padding-bottom: 8px; }
body.type-category .filters-wrapper #filters { padding-top: 0; margin-top: 0; }
body.type-product .p-detail-inner .product-top { margin-bottom: 0; }
body.type-category .listingControls, body.type-search .listingControls { text-align: center; }
/* c) texty mimo dlaždíc (na tmavom) */
body.type-search #content > h2, body.type-search #content .search-products-heading, body.type-category #content > h2:not(.sr-only),
body.ordering-process .cart-header__headline, body.ordering-process .cart-header__headline .h4 { color: #fff; } /* #content kvôli špecificite nad CSS šablóny z CDN */
/* prázdne obaly (šablóna vykreslí .filters-wrapper dvakrát – prvý prázdny; .listingControls bez stránkovania) by boli prázdne biele dlaždice */
body.type-category .filters-wrapper:not(:has(#filters, .filter-sections)),
body.type-category .listingControls:not(:has(.pagination, .btn, a)), body.type-search .listingControls:not(:has(.pagination, .btn, a)) { display: none; }
/* vyhľadávanie bez výsledku: „Nu s-au găsit produse“ + tip (krok 4) ako dlaždica, nie tmavý text na tmavom */
body.type-search #products-found:not(:has(.product)) { background-color: var(--feedy-tile-bg); border-radius: var(--feedy-tile-radius); padding: var(--feedy-tile-pad); }
body.type-search #products-found:not(:has(.product)) .search-products-heading { color: var(--feedy-dark); }
/* d) košík: biela je karta košíka (kroky + obsah), nie celý obal; prázdny košík (modrý box) tiež zaoblený */
body.ordering-process .cart-inner { border-radius: var(--feedy-tile-radius); margin-bottom: var(--feedy-tile-gap); }
@media (min-width: 768px) {
  /* omrvinky na tmavom (boli biely pás prilepený na biely blok) */
  body .breadcrumbs-wrapper { background-color: transparent; }
  .breadcrumbs-wrapper .breadcrumbs, .breadcrumbs-wrapper .breadcrumbs span, .breadcrumbs-wrapper .breadcrumbs a { color: var(--feedy-on-dark); }
  .breadcrumbs-wrapper .breadcrumbs a:hover { color: var(--feedy-accent); }
  /* stránky s jedným bielym blokom: zaoblený zo všetkých strán */
  body:not(.in-index) .content-wrapper, body:not(.in-index) .content-wrapper-in { border-radius: var(--feedy-tile-radius); }
}
@media (max-width: 767px) {
  body:not(.in-index) .content-wrapper-in { border-radius: var(--feedy-tile-radius); }
  body.type-page .content-wrapper-in, body.type-manufacturer .content-wrapper-in { margin: 8px 6px 0; }
  body.type-category .content-wrapper-in, body.type-product .content-wrapper-in, body.type-search .content-wrapper-in,
  body.ordering-process .content-wrapper-in { padding: 8px 6px !important; } /* template-edit.css má 10px 3px !important */
  body.type-category .category-top, body.type-category .filters-wrapper, body.type-category .category-header,
  body.type-category .category-appendix, body.type-category .listingControls,
  body.type-search .search-results-group, body.type-search .listingControls,
  body.type-product .p-detail-inner, body.type-product .p-detail-tabs-wrapper, body.type-product .products-related-block { padding: 12px; margin-bottom: 12px; }
  body.type-product .p-detail-tabs-wrapper .col-sm-12 { padding-left: 0 !important; padding-right: 0 !important; }
}

/* ===== UX krok A (2026-10-16, docs/DIZAJN-RO-UX-2026-10-16.md): dizajnové tokeny, tlačidlá, qty selector, polia =====
   Merané pred zmenou: tlačidlá mali 8 výšok (38–70 px) a radiusy 4/8/10/25/76 px, 3 odtiene modrej (#00bfff, #36c6f0, #0f262e),
   qty selector na detaile (60 px, rám #7c7e8f, ± vnútri) iný než v košíku (40 px, sivé ± s radiusom 4 px). */
:root {
  --feedy-primary: #00bfff; --feedy-primary-hover: #00a7e0; --feedy-text: #0f0f0f; --feedy-muted: #7c7e8f;
  --feedy-border: #e0e5ee; --feedy-field-bg: #f5f6f8; --feedy-success: #009901; --feedy-danger: #ff0000;
  --feedy-r-btn: 999px; --feedy-r-field: 8px; --feedy-r-card: 12px;
  --feedy-h-btn: 50px; --feedy-h-btn-lg: 56px; --feedy-h-field: 50px; --feedy-h-field-sm: 44px;
  --feedy-fs-btn: 15px; --feedy-fs-btn-lg: 18px; --feedy-fs-body: 14px;
  --feedy-sp-1: 8px; --feedy-sp-2: 16px; --feedy-sp-3: 24px; }
/* tlačidlá: jeden radius (pilulka), dve výšky (50 / 56 px pre veľké CTA), primárna = #00bfff, sekundárna = biela s rámom */
body .btn, body .btn.btn-lg, body .btn.btn-primary, body .btn.btn-conversion, body .btn.btn-cart, body .btn.btn-default, body .btn.next-step-back {
  border-radius: var(--feedy-r-btn); font-weight: 600; letter-spacing: 0; text-transform: none; box-shadow: none;
  transition: background-color .15s, border-color .15s, color .15s; }
body .btn:not(.btn-lg):not(.btn-icon):not(.top-nav-button):not(.unveil-button):not(.toggle-top-products) { min-height: var(--feedy-h-btn); padding-top: 5px; padding-bottom: 5px; font-size: var(--feedy-fs-btn); }
body .btn.btn-lg { min-height: var(--feedy-h-btn-lg); font-size: var(--feedy-fs-btn-lg); padding: 8px 28px; }
body .btn.btn-primary, body .btn.btn-conversion, body .btn.btn-cart, body .add-to-cart-button, #footer .contact-box a.btn, #footer .btn.btn-primary {
  background-color: var(--feedy-primary); border-color: var(--feedy-primary); color: #fff; }
body .btn.btn-primary:hover, body .btn.btn-conversion:hover, body .btn.btn-cart:hover, body .add-to-cart-button:hover, #footer .contact-box a.btn:hover, #footer .btn.btn-primary:hover {
  background-color: var(--feedy-primary-hover); border-color: var(--feedy-primary-hover); color: #fff; }
body .btn.btn-default:not(.unveil-button), body .btn.next-step-back { background-color: #fff; border: 1px solid var(--feedy-border); color: var(--feedy-dark); }
body .btn.btn-default:not(.unveil-button):hover, body .btn.next-step-back:hover { border-color: var(--feedy-dark); color: var(--feedy-dark); background-color: #fff; }
body .next-step .btn.btn-conversion { font-size: var(--feedy-fs-btn-lg); }
/* tlačidlo lupy vo vyhľadávaní ostáva priehľadná ikona v poli (nie pilulka s rámom) */
body .search-form .btn, body .search-form .btn.btn-default { min-height: 0; border: 0; background: transparent; border-radius: var(--feedy-r-field); box-shadow: none; color: transparent; } /* text „Căutare“ je skrytý (ikona lupy je ::before so svojou farbou), rovnako ako v šablóne (text vo farbe pozadia) */
#footer .btn, #footer .btn.btn-primary, .newsletter .btn { border-radius: var(--feedy-r-btn); }
/* qty selector: jeden blok (− | číslo | +) s rámom a radiusom poľa, rovnaký na detaile aj v košíku.
   Apollo kreslí ikony ± cez ::before (ikonový font, absolútne) a text +/− má v .increase__sign – ikony sa skryjú, ostane text.
   Špecificita: šablóna používa „.add-to-cart .quantity …“ / „.cart-table .quantity …“, preto rovnaké prefixy + body. */
body .add-to-cart .quantity, body .cart-table .quantity, body .cart-widget .quantity { display: inline-flex; align-items: stretch; position: relative; height: var(--feedy-h-btn-lg); width: auto; margin: 0; padding: 0; border: 1px solid var(--feedy-border); border-radius: var(--feedy-r-field); background: #fff; overflow: hidden; vertical-align: middle; }
body .add-to-cart .quantity label, body .cart-table .quantity label, body .cart-widget .quantity label { margin: 0; padding: 0; display: flex; flex: 1 1 auto; min-width: 0; height: auto; }
body .add-to-cart .quantity input.amount, body .cart-table .quantity input.amount, body .cart-widget .quantity input.amount { height: 100%; min-height: 0; width: 64px; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; text-align: center; font-size: 18px; font-weight: 700; color: var(--feedy-text); -moz-appearance: textfield; }
body .quantity input.amount::-webkit-outer-spin-button, body .quantity input.amount::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
body .add-to-cart .quantity .increase, body .add-to-cart .quantity .decrease, body .cart-table .quantity .increase, body .cart-table .quantity .decrease, body .cart-widget .quantity .increase, body .cart-widget .quantity .decrease {
  position: static; order: 1; width: 44px; height: auto; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; transform: none; box-shadow: none; top: auto; left: auto; right: auto;
  background: var(--feedy-field-bg); color: var(--feedy-text); font-size: 20px; font-weight: 400; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; }
body .add-to-cart .quantity .decrease, body .cart-table .quantity .decrease, body .cart-widget .quantity .decrease { order: -1; }
body .add-to-cart .quantity .increase:hover, body .add-to-cart .quantity .decrease:hover, body .cart-table .quantity .increase:hover, body .cart-table .quantity .decrease:hover, body .cart-widget .quantity .increase:hover, body .cart-widget .quantity .decrease:hover { background: var(--feedy-border); }
body .add-to-cart .quantity .increase::before, body .add-to-cart .quantity .decrease::before, body .cart-table .quantity .increase::before, body .cart-table .quantity .decrease::before,
body .add-to-cart .quantity .increase::after, body .add-to-cart .quantity .decrease::after, body .cart-table .quantity .increase::after, body .cart-table .quantity .decrease::after,
body .cart-widget .quantity .increase::before, body .cart-widget .quantity .decrease::before, body .cart-widget .quantity .increase::after, body .cart-widget .quantity .decrease::after { display: none; content: none; }
body .add-to-cart .quantity .increase__sign, body .add-to-cart .quantity .decrease__sign, body .cart-table .quantity .increase__sign, body .cart-table .quantity .decrease__sign,
body .cart-widget .quantity .increase__sign, body .cart-widget .quantity .decrease__sign { position: static; display: inline; transform: none; line-height: 1; opacity: 1; visibility: visible; }
body .quantity .increase-tooltip, body .quantity .decrease-tooltip { display: none; }
body .cart-table .quantity { height: var(--feedy-h-field-sm); }
body .cart-table .quantity input.amount { width: 48px; font-size: 16px; }
body .cart-table .quantity .increase, body .cart-table .quantity .decrease { width: 38px; }
/* audit 16. 10. (v19): mini košík v hlavičke – pravidlá „body .quantity“ (v10) platili aj tu, ale ikony ± (::before, absolútne) sa skrývali
   len v detaile a košíku, takže „+“ ležalo cez číslo. Qty selector je teraz len v troch kontextoch; v mini košíku kompaktná verzia 36 px. */
body .cart-widget .quantity { height: 36px; }
body .cart-widget .quantity input.amount { width: 40px; font-size: 15px; }
body .cart-widget .quantity .increase, body .cart-widget .quantity .decrease { width: 32px; font-size: 18px; }
body .add-to-cart { display: flex; align-items: center; flex-wrap: wrap; gap: var(--feedy-sp-2); }
body .add-to-cart .btn.btn-conversion { margin: 0; height: var(--feedy-h-btn-lg); min-height: 0; padding: 0 28px; line-height: 1.2; }
/* polia a selecty: výška 50 px (44 px na mobile), radius 8 px, rám #e0e5ee */
body .form-control, body select.form-control, body .search-form input.search-input, body textarea.form-control { border-radius: var(--feedy-r-field); border: 1px solid var(--feedy-border); box-shadow: none; }
body input.form-control:not(.short):not(.search-input):not([type=file]), body select.form-control { min-height: var(--feedy-h-field); }
body .form-control:focus, body .search-form input.search-input:focus { border-color: var(--feedy-primary); box-shadow: 0 0 0 2px rgba(0, 191, 255, .2); }
.detail-parameters-block select { border: 1px solid var(--feedy-border); border-radius: var(--feedy-r-field); min-height: var(--feedy-h-field); }
@media (max-width: 767px) {
  :root { --feedy-h-btn: 44px; --feedy-h-btn-lg: 50px; --feedy-h-field: 44px; --feedy-h-field-sm: 40px; --feedy-fs-btn: 14px; --feedy-fs-btn-lg: 16px; }
  body .add-to-cart .quantity input.amount { width: 52px; font-size: 16px; }
  body .add-to-cart .quantity .increase, body .add-to-cart .quantity .decrease { width: 40px; }
  body .btn.unveil-button { border-radius: var(--feedy-r-field); min-height: var(--feedy-h-field); font-size: 14px; }
}

/* ===== UX krok B: cena a dostupnosť (detail + karta produktu), karty produktov =====
   Merané pred zmenou: na detaile mala bežná cena rovnakú veľkosť ako predajná (28 px), „–25 %“ (.price-save) bolo biele písmo
   na bielom = neviditeľná medzera medzi cenami (aj v kartách); dostupnosť celá verzálkami; karty radius 20 px (dlaždice 12 px). */
body .p-detail .p-final-price-wrapper { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
body .p-detail .p-final-price-wrapper .price-final, body .p-detail .p-final-price-wrapper .price-final-holder { font-size: 32px; font-weight: 700; line-height: 1.1; color: var(--feedy-text); }
body .p-detail .p-final-price-wrapper .price-standard { order: 2; font-size: 18px; font-weight: 400; color: var(--feedy-muted); text-decoration: line-through; }
body .p-detail .p-final-price-wrapper .price-standard span { text-decoration: line-through; }
body .p-detail .p-final-price-wrapper .price-save, body .products-block .p .price .price-save, body .products-block .p .prices .price-save { display: none; } /* zľava je vo flagu na obrázku (.flag-discount má vlastný .price-save – ten ostáva); v cenovom bloku bola neviditeľná */
body .p-detail .p-final-price-wrapper .price-measure:empty { display: none; }
body .p-detail .availability-value, body .p-detail .availability-value .availability-label, body .p-detail .availability-value .availability-amount { text-transform: none; font-size: 15px; }
body .p-detail .availability-value .availability-label { font-weight: 700; }
body .p-detail .availability-value .availability-amount { font-weight: 400; color: var(--feedy-muted); }
body .p-detail .detail-availability-block .delivery-time-label, body .p-detail .delivery-time-wrapper .delivery-time-label { text-transform: none; font-size: 14px; font-weight: 600; }
body .p-info-grid .detail-availability-block .delivery-time, body .p-detail .delivery-time { border-radius: var(--feedy-r-btn); background: var(--feedy-dark); font-weight: 600; }
body .p-detail .detail-availability-block a.shipping-options, body .p-detail a.shipping-options { text-transform: none; font-size: 13px; font-weight: 600; color: var(--feedy-dark); }
body .p-detail a.shipping-options .shipping-options__text { font-weight: 400; color: var(--feedy-muted); }
body .p-detail .p-code { text-transform: none; }
/* karty produktov (kategória, vyhľadávanie, domovská, „Cele mai vândute“): radius ako dlaždice, názov 15 px, cena 18 px, bežná 14 px sivá, dostupnosť bez verzálok */
body .products-block .p, body .products-top .p, body .product .p { border-radius: var(--feedy-r-card); }
body .products-block.products .p .name, body .products-block .p .name { font-size: 15px; font-weight: 700; line-height: 1.3; }
body .products-block.products .p .price strong, body .products-block .p .price-final strong, body .products-block .p .prices strong { font-size: 18px; font-weight: 700; color: var(--feedy-text); }
body .products-block.products .p .price .price-standard, body .products-block .p .price-standard { font-size: 14px; font-weight: 400; color: var(--feedy-muted); text-decoration: line-through; }
body .products-block .p .availability, body .products-block .p .availability .availability-amount { text-transform: none; font-size: 12px; }
body .products-block .p .availability { font-weight: 600; }
body .products-block .p .availability .availability-amount { font-weight: 400; color: var(--feedy-muted); }
body .flag, body .flags .flag { border-radius: var(--feedy-r-btn); font-weight: 600; letter-spacing: .02em; }
body .flag.flag-discount { border-radius: var(--feedy-r-btn); } /* desktop 75×75 = kruh, mobil (columns-mobile-2) malý obdĺžnik = pilulka; 50 % by text na mobile orezalo */
@media (max-width: 767px) {
  body .p-detail .p-final-price-wrapper .price-final, body .p-detail .p-final-price-wrapper .price-final-holder { font-size: 26px; }
  body .p-detail .p-final-price-wrapper .price-standard { font-size: 16px; }
  body .add-to-cart .btn.btn-conversion { flex: 1 1 auto; min-width: 190px; white-space: nowrap; padding: 0 18px; } /* vedľa qty v jednom riadku; ak sa nezmestí, zalomí sa celé pod qty */
  body .products-block.products .p .price strong, body .products-block .p .price-final strong, body .products-block .p .prices strong { font-size: 16px; }
  body .products-block.products .p .name, body .products-block .p .name { font-size: 14px; }
}

/* ===== UX krok C: košík, záložky detailu, hlavička, pätička =====
   (v17: „body.ordering-process“ – trieda je na body, zápis „body .ordering-process“ v15/v16 nematchoval; špecificita nad Apollo, napr. .products-block.products .p .price strong = 4 triedy)
Merané pred zmenou: boxy v košíku mali radius 10 / 20 / 25 px (kontakt, dodanie, doprava zadarmo, súhrn, kroky), súhrn padding 40 px,
   bunky tabuľky 30 px; záložky detailu radius 20 px; prihlásenie v hlavičke verzálkami, košík nie. */
body.ordering-process .cart-content.checkout-box-wrapper, body.ordering-process .summary-wrapper, body.ordering-process .delivery-time,
body.ordering-process .extra-content, body.ordering-process .extra-content > div, body.ordering-process .order-summary, body.ordering-process .box,
body.ordering-process .free-shipping-inner, .feedy-trust { border-radius: var(--feedy-r-card); }
body.ordering-process .extra-content > div:first-child { border-radius: var(--feedy-r-card) 0 0 var(--feedy-r-card); }
body.ordering-process ol.cart-header, body.ordering-process .cart-header { border-radius: var(--feedy-r-card) var(--feedy-r-card) 0 0; }
body.ordering-process ol.cart-header li.step.active { border-radius: var(--feedy-r-card) var(--feedy-r-card) 0 0; }
body.ordering-process .next-step { border-radius: 0 0 var(--feedy-r-card) var(--feedy-r-card); }
body.ordering-process .summary-wrapper.checkout-box-wrapper { padding: var(--feedy-sp-3); }
body.ordering-process .cart-table td { padding-top: 20px; padding-bottom: 20px; }
body.ordering-process .price-wrapper .price.price-primary, body.ordering-process .summary-wrapper .price.price-primary, body.ordering-process .order-summary .price-primary { color: var(--feedy-success); } /* rovnaká zelená ako „În stoc“ (bolo #569c34) */
body.ordering-process .cart-header__contact h2.h4 { font-size: 14px; }
/* záložky detailu (Descrierea produsului / Parametri): radius dlaždíc, 16 px */
body #p-detail-tabs .shp-tab-link, body .shp-tabs-holder .shp-tabs .shp-tab-link, body .shp-tabs .shp-tab-link { border-radius: var(--feedy-r-card) var(--feedy-r-card) 0 0; font-size: 16px; }
body .p-detail-tabs-wrapper .tab-content, body .p-detail-tabs-wrapper .tab-pane { border-radius: 0 0 var(--feedy-r-card) var(--feedy-r-card); }
/* hlavička: prihlásenie a košík rovnaký štýl (bez verzálok), lupa v poli */
body #header .top-nav-button, body #header .cart-count { text-transform: none; font-size: 15px; }
/* pätička: newsletter pole rovnaká výška ako tlačidlo */
#footer .form-control:not(.short) { min-height: var(--feedy-h-field); }
/* radenie a filter: chipy s radiusom poľa (8 px) – ostáva, len jednotná výška 44 px */
body .listSorting__control { min-height: 44px; border-radius: var(--feedy-r-field); }

/* ===== audit 2026-10-16 (docs/DIZAJN-RO-AUDIT-2026-10-16.md) ===== */
/* okruh 1 (v19): mini košík / prihlásenie v hlavičke – popup začínal v polovici tlačidla (top 130 px z template-original.css, tlačidlo
   končí na 156 px), prekrýval „Autentificare“ a nadpis „Coșul meu“ bol stlačený pod tlačidlom. Popup teraz nadväzuje na spodok tlačidla,
   tlačidlo (záložka) a popup majú rovnaký radius ako dlaždice, spoj je rovný. */
@media (min-width: 768px) {
  body .popup-widget.cart-widget, body .popup-widget.login-widget { top: 156px; border-radius: var(--feedy-r-card) 0 var(--feedy-r-card) var(--feedy-r-card); }
  body.admin-logged .popup-widget.cart-widget, body.admin-logged .popup-widget.login-widget { top: 181px; }
  body #header a.cart-count, body #header .top-nav-button-login { border-radius: var(--feedy-r-card) var(--feedy-r-card) 0 0; }
}
/* okruh 2 (v20): objednávkový proces – kroky (ol.cart-header, zaoblené hore) a biela karta pod nimi (.cart-inner) mali radius aj na spoji
   → pri aktívnom 1. alebo 3. kroku bol v rohu „zub“. Karta pod krokmi je zaoblená len dole, spolu tvoria jeden blok.
   Súhrn objednávky: šablóna 20 px (horný box) / 20 20 0 0 (cena) vs. tlačidlo 0 0 12 12 → všetko 12 px. */
body.ordering-process ol.cart-header + .cart-inner { border-top-left-radius: 0; border-top-right-radius: 0; }
body.ordering-process .order-summary .order-summary-top { border-radius: var(--feedy-r-card); }
body.ordering-process .order-summary .order-summary-bottom { border-radius: var(--feedy-r-card) var(--feedy-r-card) 0 0; }
/* neaktívne kroky: sivá #7c7e8f na svetlomodrej mala kontrast 2,6 : 1 (WCAG min. 4,5) → tmavšia #36505a (≈ 5 : 1) */
body.ordering-process ol.cart-header li.step:not(.active) a, body.ordering-process ol.cart-header li.step:not(.active) span { color: #36505a; }
@media (max-width: 767px) {
  /* mobil: súhrn, súhlasy a „Continuare“ sú v šablóne pás cez celú šírku karty (margin −20 px), sivé nadpisy „Date personale“ / „Adresa
     de facturare“ tiež (−15 px). Staré pravidlo „.container * {max-width:100%}“ (začiatok súboru) ich orezávalo na šírku stĺpca, takže boli
     posunuté o 20 px doľava a vpravo im chýbal kus. Tu sa obmedzenie pre tieto prvky ruší. */
  body.ordering-process .col-md-4 > .cart-content, body.ordering-process .co-box, body.ordering-process .co-box .box, body.ordering-process .co-box h2 { max-width: none; }
  body.ordering-process .order-summary .order-summary-top, body.ordering-process .order-summary .order-summary-bottom { border-radius: 0; }
}
/* okruh 3 (v21, paticka.js v5): menu – dlhé zoznamy podkategórií zbalené (tlačidlo „Afișează toate (N)“ vkladá paticka.js),
   3. úroveň (napr. 17 podkategórií Harry Potter) bola v menu orezaný riadok textu s „…“ – skrytá, sú ako dlaždice na stránke kategórie;
   mobil: podkategórie bez 60 px prázdneho stĺpca (skrytý obrázok) a ťuknuteľné na 44 px (boli 28 px). */
/* doplnenie 19. 10. (v27): 3. úroveň v menu znova zobrazená (majiteľ ju v menu chce) – ale celá, bez orezania na 100 / 40 px s „…“
   (šablóna: max-height + overflow hidden, položky oddelené čiarkou v texte). Zvislý zoznam odkazov pod 2. úrovňou, čiarky skryté
   (font-size 0 na li), „…“ (.more-items-trigger) skryté; zoznam dlhší než 5 zbalí paticka.js na 4 + „Afișează toate (N)“. */
#navigation .menu-level-3 { display: block; height: auto; max-height: none; overflow: visible; flex-wrap: nowrap; margin: 6px 0 0; padding: 0; }
#navigation .menu-level-3 > li { display: block; height: auto; margin: 0; padding: 0; font-size: 0; line-height: 0; }
#navigation .menu-level-3 > li > a { display: block; padding: 3px 0; font-size: 13px; line-height: 1.35; font-weight: 400; color: #36505a; white-space: normal; }
#navigation .menu-level-3 > li > a:hover { color: var(--feedy-primary-hover); text-decoration: underline; }
#navigation .menu-level-3 .more-items-trigger { display: none; }
#navigation .menu-level-3 > .feedy-menu-more { padding: 4px 0 0; }
#navigation .menu-level-3 .feedy-menu-more__btn { min-height: 32px; padding: 0 14px; font-size: 13px; white-space: nowrap; }
#navigation ul.menu-level-3 .feedy-menu-more__btn::after { transform: translateY(-2px) rotate(45deg); }
#navigation ul.menu-level-3.feedy-menu-open .feedy-menu-more__btn::after { transform: translateY(2px) rotate(-135deg); }
@media (min-width: 768px) {
  /* mega menu: stĺpec 2. úrovne na celú šírku (bol 155 px podľa obsahu → 3. úroveň zalomená do 3 riadkov), položky zarovnané hore */
  #navigation .menu-level-2 > li { align-items: flex-start; }
  #navigation .menu-level-2 > li > div { flex: 1 1 auto; min-width: 0; }
}
#navigation .feedy-menu-more { list-style: none; flex: 1 0 100%; width: 100%; grid-column: 1 / -1; padding: 8px 0; }
#navigation .feedy-menu-more__btn { display: inline-flex; align-items: center; min-height: 40px; padding: 0 18px; border: 1px solid var(--feedy-border); border-radius: var(--feedy-r-btn); background: #fff; color: var(--feedy-dark); font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; text-transform: none; cursor: pointer; }
#navigation .feedy-menu-more__btn::after { content: ""; width: 7px; height: 7px; margin-left: 10px; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg); }
#navigation .feedy-menu-open .feedy-menu-more__btn::after { transform: translateY(2px) rotate(-135deg); }
#navigation .feedy-menu-more__btn:hover { border-color: var(--feedy-dark); }
#navigation .feedy-menu-more__btn:focus-visible { outline: 2px solid var(--feedy-primary); outline-offset: 2px; }
@media (max-width: 767px) {
  #navigation ul.feedy-menu-cut:not(.feedy-menu-open) > li:nth-child(n+9):not(.feedy-menu-more) { display: none; }
  #navigation .menu-level-2 > li > a.menu-image { display: none; }
  #navigation .menu-level-2 > li:not(.feedy-menu-more) { padding: 0; }
  #navigation .menu-level-2 > li > div > a { display: flex; align-items: center; min-height: 44px; padding: 4px 0 4px 24px; }
  #navigation .feedy-menu-more { padding: 8px 0 8px 24px; }
  #navigation .feedy-menu-more__btn { min-height: 44px; }
  /* 3. úroveň na mobile: odsadená pod 2. úrovňou (24 px), ťuknuteľná 40 px */
  #navigation .menu-level-2 .menu-level-3 { margin: 0; padding: 0 0 6px 40px; }
  #navigation .menu-level-3 > li > a { display: flex; align-items: center; min-height: 40px; padding: 2px 12px 2px 0; font-size: 14px; }
  #navigation .menu-level-3 > .feedy-menu-more { padding: 4px 0; }
  #navigation .menu-level-3 .feedy-menu-more__btn { min-height: 40px; }
}
@media (min-width: 768px) {
  #navigation ul.feedy-menu-cut:not(.feedy-menu-open) > li:nth-child(n+16):not(.feedy-menu-more) { display: none; }
  #navigation ul.feedy-menu-few > li.feedy-menu-more { display: none; }
}
#navigation ul.menu-level-3.feedy-menu-cut:not(.feedy-menu-open) > li:nth-child(n+5):not(.feedy-menu-more) { display: none; }

/* okruh 4 (v22): stránky mimo katalógu (prihlásenie, registrácia, heslo, kontakt, články, 404), podkategórie, „Mai mult“ */
@media (max-width: 767px) {
  /* formuláre registrácie a zabudnutého hesla mali margin −20 px → vyčnievali z bielej dlaždice a stránka sa dala posunúť do strany (391 / 397 px) */
  body #register-form, body #formForgottenPassword { margin-left: 0; margin-right: 0; }
  /* jedna biela dlaždica (statické stránky, prihlásenie…): vnútorný okraj 12 px ako ostatné dlaždice (template-edit.css 10px 3px – text pri okraji) */
  body:not(.type-category):not(.type-product):not(.type-search):not(.ordering-process):not(.in-index) .content-wrapper-in { padding: 12px !important; }
  /* podkategórie na mobile po 2 (boli 3 × 111 px, názvy orezané na „Accesorii..“, „-...“) */
  body.type-category .subcategories.with-image > li { width: 50%; max-width: 50%; flex: 0 0 50%; }
}
/* kontakt: text stránky v admine má vlastný <style> s „.contact-box {background:#fff}“ – platil aj na box KONTAKT v pätičke (biely box, biely e-mail = neviditeľný).
   Písmo textu stránky (system-ui) → písmo webu, radius boxov 10 → 12 px. */
body.in-kontakty #footer .contact-box { background: transparent; border: 0; padding: 0; }
body.in-kontakty #content .contact-wrap { font-family: inherit; }
body.in-kontakty #content .form-box, body.in-kontakty #content .contact-box { border-radius: var(--feedy-r-card); }
/* „Mai mult“ v menu: #c4cad5 na bielej (kontrast 1,6 : 1) → farba ostatných položiek (v22 mal zlý selektor – .menu-helper nie je v #navigation; opravené vo v25) */
body.is-header-black .menu-helper > span { color: var(--feedy-dark); }
/* okruh 5 (v23): sekundárne tlačidlá „Înapoi…“ (modál po pridaní do košíka, prázdny košík, 404), cookie lišta, focus klávesnice,
   ťuknuteľné odkazy na mobile. Merané: „Înapoi în magazin“ v modále a v prázdnom košíku = biela pilulka s tieňom (radius 25 px, bez rámu),
   na 404 biely rám na bielej (tlačidlo nevyzeralo ako tlačidlo); cookie lišta radius 4 px a „Setări“ s rámom 2px outset. */
body #colorbox .btn.next-step-back, body .shoptet-modal-lg .btn.next-step-back, body a.next-step-back.back-to-shop {
  border: 1px solid var(--feedy-border); box-shadow: none; border-radius: var(--feedy-r-btn); background: #fff; color: var(--feedy-dark); font-weight: 600; }
body #colorbox .btn.next-step-back:hover, body .shoptet-modal-lg .btn.next-step-back:hover, body a.next-step-back.back-to-shop:hover { border-color: var(--feedy-dark); }
body a.next-step-back.back-to-shop { display: inline-flex; align-items: center; min-height: var(--feedy-h-btn); padding: 0 24px; }
body.in-404 .btn.btn-default { border-color: var(--feedy-border); }
body .siteCookies__button, body .siteCookies .siteCookies__link.js-cookies-settings { border-radius: var(--feedy-r-btn); min-height: 44px; font-weight: 600; }
body .siteCookies .siteCookies__link.js-cookies-settings { border: 1px solid #252525; }
body #header a.cart-count:focus-visible, body .p-thumbnail:focus-visible, body .feedy-trust a:focus-visible { outline: 2px solid var(--feedy-primary); outline-offset: 2px; }
@media (max-width: 767px) {
  /* odkazy v pätičke 30 px, Facebook 35 px, „Editați setările cookie-urilor“ 31 px, „Afișare mai multe produse“ 14 px → min. 40 px */
  #footer .custom-footer li a, #footer .contact-box a { display: inline-flex; align-items: center; min-height: 40px; min-width: 40px; }
  #footer a.cookies-settings { display: inline-block; padding: 6px 0; }
  body .toggle-top-products { padding-top: 13px; padding-bottom: 13px; }
}
/* okruh 6 (v24): filter a formulár objednávky na mobile */
/* nadpisy sekcií filtra: „Preț“ vľavo, „Sub rezerva disponibilității“ a „Branduri“ na stred → všetky vľavo */
body .filters-wrapper .filter-section h4 { text-align: left; }
@media (max-width: 767px) {
  /* (RO: „Localitate“ na plnú šírku, lebo RO formulár nemá PSČ – v SK/CZ/HU PSČ je, ostáva natívny riadok Mesto + PSČ) */
  /* položky filtra (Pe stoc, Reduceri…) 30 px → 40 px na ťuknutie */
  body .filters-wrapper .filter-section label { min-height: 40px; display: inline-flex; align-items: center; }
}
/* okruh 7 (v25): popup prihlásenia (záložka „Autentificare“ je v strede popupu, nie v rohu → zaoblený celý), vyhľadávanie */
@media (min-width: 768px) { body .popup-widget.login-widget { border-radius: var(--feedy-r-card); } }
/* „Afișare toate (27)“ pod kategóriami výsledkov je absolútne pri spodku dlaždice – s okrajom dlaždice 12 px prekrýval 2. riadok na mobile */
body.type-search .search-results-group:has(.display-results-group) { padding-bottom: 52px; }
body .search-results-header__count strong { margin-left: .25em; } /* „Rezultate:27“ → „Rezultate: 27“ */
/* okruh 8 (v26): „Cele mai vândute“ v kategórii – dostupnosť verzálkami („ÎN STOC (>10 BUC.)“), inde je bez verzálok (UX B); selektor ako v šablóne (6 tried) kvôli špecificite */
body .products-inline > div .p .p-in .p-in-in .ratings-wrapper .availability { text-transform: none; font-weight: 600; }
body .products-inline > div .p .p-in .p-in-in .ratings-wrapper .availability .availability-amount { font-weight: 400; color: var(--feedy-muted); }
body .products-inline > div .p .p-in .p-in-in .ratings-wrapper .availability > span:first-child { display: inline-block; }
body .products-inline > div .p .p-in .p-in-in .ratings-wrapper .availability > span:first-child::first-letter { text-transform: uppercase; } /* text je v HTML „în stoc“ → „În stoc“ */

/* ===== doplnenie 19. 10. 2026 (docs/DIZAJN-RO-AUDIT-2026-10-16.md §9): spätná väzba majiteľa ku kategórii ===== */
/* okruh 2 (v28, paticka.js v8, header: trieda feedy-js): dlaždice podkategórií pod omrvinkami – Filme, TV și Jocuri 45, Harry Potter 17
   (mobil ~1 430 px, desktop ~860 px pred produktmi). Ukáže sa prvých 6 (mobil, 3 riadky po 2) / 12 (desktop), zvyšok za tlačidlom
   „Afișează toate (N)“ (vkladá paticka.js, štýl ako v menu). Skrytie platí hneď od vykreslenia (trieda feedy-js z hlavičky), miesto
   pre tlačidlo je rezervované → po načítaní skriptu nič neskočí. Zoznam sa zbalí len ak by skrylo aspoň 2 dlaždice (mobil ≥ 8, desktop ≥ 14). */
body.type-category .subcategories > li.feedy-sub-more { flex: 0 0 100%; width: 100%; max-width: 100%; float: none; list-style: none; padding-top: 4px; padding-bottom: 4px; text-align: center; }
body.type-category .feedy-sub-more .feedy-menu-more__btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border: 1px solid var(--feedy-border); border-radius: var(--feedy-r-btn); background: #fff; color: var(--feedy-dark); font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; text-transform: none; cursor: pointer; box-shadow: none; }
body.type-category .feedy-sub-more .feedy-menu-more__btn::after { content: ""; width: 7px; height: 7px; margin-left: 10px; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg); }
body.type-category .subcategories.feedy-sub-open .feedy-sub-more .feedy-menu-more__btn::after { transform: translateY(2px) rotate(-135deg); }
body.type-category .feedy-sub-more .feedy-menu-more__btn:hover { border-color: var(--feedy-dark); }
body.type-category .feedy-sub-more .feedy-menu-more__btn:focus-visible { outline: 2px solid var(--feedy-primary); outline-offset: 2px; }
@media (max-width: 767px) {
  body.feedy-js.type-category .subcategories:has(> li:nth-child(8):not(.feedy-sub-more)):not(.feedy-sub-open) > li:nth-child(n+7):not(.feedy-sub-more) { display: none; }
  body.feedy-js.type-category .subcategories:has(> li:nth-child(8)):not(:has(> .feedy-sub-more)) { margin-bottom: 52px; }
  body.type-category .subcategories:not(:has(> li:nth-child(8):not(.feedy-sub-more))) > .feedy-sub-more { display: none; }
}
@media (min-width: 768px) {
  body.feedy-js.type-category .subcategories:has(> li:nth-child(14):not(.feedy-sub-more)):not(.feedy-sub-open) > li:nth-child(n+13):not(.feedy-sub-more) { display: none; }
  body.feedy-js.type-category .subcategories:has(> li:nth-child(14)):not(:has(> .feedy-sub-more)) { margin-bottom: 52px; }
  body.type-category .subcategories:not(:has(> li:nth-child(14):not(.feedy-sub-more))) > .feedy-sub-more { display: none; }
}
/* okruh 3 (v29, paticka.js v9): lišta nad produktmi = jeden nízky riadok. Pred: filter (desktop: dlaždica s rozbaľovačmi 113 px) a zoradenie
   (dlaždica s 5 tlačidlami verzálkami + počet, 110 px; mobil 204 px + tlačidlo filtra 84 px). Teraz: zoradenie = <select> (vkladá paticka.js,
   pôvodné tlačidlá skryté, ostávajú v HTML), počet vedľa neho; desktop: filter a zoradenie v jednej bielej dlaždici (flex na rodičovi, filter
   vľavo, zoradenie + počet vpravo); mobil: [Filtre] [zoradenie] [počet] v jednej dlaždici, otvorený filter pod ňou. */
body.type-category .listSorting.feedy-sort-on .listSorting__controls { display: none; }
body.type-category .category-content-wrapper > .category-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; border-top: 0; }
body.type-category .category-header .listSorting { margin: 0; padding: 0; min-width: 0; }
body .listSorting .feedy-sort { display: flex; align-items: center; gap: 8px; min-width: 0; margin: 0; padding: 0; }
body .feedy-sort__label { margin: 0; font-size: 14px; font-weight: 600; color: var(--feedy-dark); white-space: nowrap; }
body select.feedy-sort__select { height: 40px; min-height: 0; max-width: 100%; margin: 0; padding: 0 36px 0 12px; border: 1px solid var(--feedy-border); border-radius: var(--feedy-r-field); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230f262e' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center / 12px 8px; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; color: var(--feedy-dark); text-transform: none; -webkit-appearance: none; appearance: none; cursor: pointer; box-shadow: none; }
body select.feedy-sort__select:hover { border-color: var(--feedy-dark); }
body select.feedy-sort__select:focus-visible, body .feedy-filter-btn:focus-visible { outline: 2px solid var(--feedy-primary); outline-offset: 2px; }
body.type-category .category-header .listItemsTotal { margin: 0; padding: 0; font-size: 14px; line-height: 1.2; color: #5a6472; white-space: nowrap; } /* #7c7e8f mal na bielej 4,0 : 1 */
body.type-category .category-header .listItemsTotal strong { color: var(--feedy-dark); }
body .feedy-filter-btn { display: inline-flex; align-items: center; flex: 0 0 auto; height: 40px; margin: 0; padding: 0 14px; border: 1px solid var(--feedy-border); border-radius: var(--feedy-r-field); background: #fff; color: var(--feedy-dark); font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; text-transform: none; cursor: pointer; }
body .feedy-filter-btn::after { content: ""; width: 7px; height: 7px; margin-left: 10px; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg); }
body .feedy-filter-btn[aria-expanded="true"] { border-color: var(--feedy-dark); background: var(--feedy-field-bg); }
body .feedy-filter-btn[aria-expanded="true"]::after { transform: translateY(2px) rotate(-135deg); }
/* mobil: pôvodné tlačidlo filtra skryté (ovláda ho „Filtre“ v lište), zatvorený filter = žiadna prázdna dlaždica */
body.feedy-filter-proxy #filters-wrapper .filters-unveil-button-wrapper { display: none; }
body.feedy-filter-proxy:not(.filters-visible) #filters-wrapper .filters-wrapper { display: none; }
@media (max-width: 767px) {
  body.type-category .category-content-wrapper > .category-header { flex-wrap: nowrap; gap: 8px; padding: 8px; }
  body.type-category .category-header .listSorting { flex: 1 1 auto; }
  body .feedy-sort__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  body select.feedy-sort__select { width: 100%; padding-right: 30px; background-position: right 10px center; }
  body.type-category .category-header .listItemsTotal { flex: 0 0 auto; font-size: 13px; }
  body.type-category .category-header .feedy-total-tail { display: none; }
}
@media (min-width: 768px) {
  /* desktop: filter (riadok rozbaľovačov šablóny Apollo) a zoradenie v jednom riadku = jedna dlaždica zložená z dvoch (rodič flex, poradie cez order) */
  body.type-category .category-content-wrapper:has(> .filters-wrapper #filters) { display: flex; flex-wrap: wrap; }
  body.type-category .category-content-wrapper:has(> .filters-wrapper #filters) > * { order: 3; flex: 1 0 100%; min-width: 0; }
  body.type-category .category-content-wrapper:has(> .filters-wrapper #filters)::before, body.type-category .category-content-wrapper:has(> .filters-wrapper #filters)::after { display: none; } /* clearfix by bol vo flexe položkou */
  body.type-category .category-content-wrapper:has(> .filters-wrapper #filters) > .vybrane-filtry { margin: 0 0 var(--feedy-tile-gap); border-radius: var(--feedy-tile-radius); } /* šablóna −30 px (vťahovala lištu zoradenia pod filter) */
  body.type-category .category-content-wrapper:has(> .filters-wrapper #filters) > .vybrane-filtry:empty { display: none; }
  body.type-category .category-content-wrapper:has(> .filters-wrapper #filters) > .filters-wrapper:has(#filters) { order: 1; flex: 1 1 0; display: flex; align-items: center; margin: 0 0 var(--feedy-tile-gap); padding: 8px 8px 8px 24px; border-radius: var(--feedy-tile-radius) 0 0 var(--feedy-tile-radius); }
  body.type-category .category-content-wrapper:has(> .filters-wrapper #filters) > .category-header { order: 2; flex: 0 0 auto; margin: 0 0 var(--feedy-tile-gap); padding: 8px 24px 8px 8px; border-radius: 0 var(--feedy-tile-radius) var(--feedy-tile-radius) 0; }
  body.type-category .category-content-wrapper > .filters-wrapper #filters { border-top: 0; padding: 0; margin: 0; width: 100%; }
  body.type-category .category-content-wrapper > .filters-wrapper .filter-sections { align-items: center; gap: 8px; }
  body.type-category #content .category-content-wrapper > .filters-wrapper #filters .filter-headline { margin: 0 4px 0 0; font-size: 14px; line-height: 40px; font-weight: 600; text-transform: none; }
  body.type-category .category-content-wrapper > .filters-wrapper #category-filter-hover { gap: 8px; align-items: center; }
  body.type-category #content .category-content-wrapper > .filters-wrapper #filters #category-filter-hover > div { margin: 0; width: auto; }
  body.type-category #content .category-content-wrapper > .filters-wrapper #filters #category-filter-hover > div > h4 { min-height: 0; height: 40px; margin: 0; padding-top: 0; padding-bottom: 0; display: flex; align-items: center; font-size: 14px; font-weight: 600; text-transform: none; color: var(--feedy-dark); border-color: var(--feedy-border); border-radius: var(--feedy-r-field); }
}
@media (min-width: 768px) and (max-width: 1199px) {
  /* užšie okno (tablet, malý notebook): filter a zoradenie by sa do riadku nezmestili → dva riadky jednej dlaždice */
  body.type-category .category-content-wrapper:has(> .filters-wrapper #filters) > .filters-wrapper:has(#filters) { flex: 1 0 100%; margin-bottom: 0; padding: 8px 24px 0; border-radius: var(--feedy-tile-radius) var(--feedy-tile-radius) 0 0; }
  body.type-category .category-content-wrapper:has(> .filters-wrapper #filters) > .category-header { flex: 1 0 100%; padding: 8px 24px; border-radius: 0 0 var(--feedy-tile-radius) var(--feedy-tile-radius); }
}
/* okruh 4 (v30): stránkovanie pod zoznamom – bez bielej dlaždice (krok 5) a bez tieňov; na tmavom pozadí stredom pod produktmi:
   „Încarcă 36 mai multe“ (biela pilulka), pod ním čísla strán ako pilulky 44 px (aktívna biela, ostatné obrys), šípky rovnako, „Sus“ ako odkaz.
   Počet „775 articole în total“ sa v kategórii neopakuje (je v lište nad produktmi). Platí pre kategóriu aj vyhľadávanie. */
body.type-category #content .listingControls, body.type-search #content .listingControls { display: flex; flex-direction: column; align-items: center; gap: 16px; margin: 16px 0 32px; padding: 0; background: transparent; border-radius: 0; text-align: center; }
body #content .listingControls > .loadMore, body #content .listingControls > .pagination, body #content .listingControls > .goToTop { flex: none; align-self: center; margin: 0; justify-content: center; width: auto; max-width: 100%; }
body #content .listingControls > .loadMore { order: 1; } body #content .listingControls > .pagination { order: 2; } body #content .listingControls > .goToTop { order: 3; } body #content .listingControls > .itemsTotal { order: 4; }
body #content .listingControls .loadMore .loadMore__button.btn { min-height: 44px; height: auto; padding: 0 24px; border: 1px solid #fff; border-radius: var(--feedy-r-btn); background: #fff; color: var(--feedy-dark); box-shadow: none; font-weight: 600; }
body #content .listingControls .loadMore .loadMore__button.btn:hover { background: var(--feedy-field-bg); border-color: var(--feedy-field-bg); color: var(--feedy-dark); }
body #content .listingControls .pagination__list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 0; padding: 0; }
body #content .listingControls .pagination__list > li { display: block; width: auto; height: auto; margin: 0; padding: 0; list-style: none; }
body #content .listingControls .pagination__list .pagination__link, body #content .listingControls .pagination__list .pagination__currentPage {
  display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 44px; width: auto; height: 44px; min-height: 0; margin: 0; padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .3); border-radius: var(--feedy-r-btn); background: transparent; color: #fff; box-shadow: none; font-size: 15px; font-weight: 600; line-height: 1; text-decoration: none; }
body #content .listingControls .pagination__list .pagination__link:hover { border-color: #fff; background: rgba(255, 255, 255, .12); color: #fff; }
body #content .listingControls .pagination__list .pagination__link::before { color: currentColor; }
body #content .listingControls .pagination__list .pagination__currentPage { border-color: #fff; background: #fff; color: var(--feedy-dark); font-weight: 700; }
body #content .listingControls a:focus-visible, body #content .listingControls button:focus-visible { outline: 2px solid var(--feedy-primary); outline-offset: 2px; }
body #content .listingControls .goToTop .goToTop__button.btn { min-height: 40px; height: auto; padding: 0 12px; border: 0; background: transparent; color: var(--feedy-on-dark); box-shadow: none; font-size: 14px; font-weight: 600; }
body #content .listingControls .goToTop .goToTop__button.btn::before { color: currentColor; margin-right: 8px; }
body #content .listingControls .goToTop .goToTop__button.btn:hover { color: #fff; background: transparent; text-decoration: underline; }
body.type-category #content .listingControls .itemsTotal { display: none; }
body.type-search #content .listingControls .itemsTotal { color: var(--feedy-on-dark); }

/* ===== prenos 19. 10. 2026 (docs/DIZAJN-SK-CZ-HU-2026-10-19.md): opravy nájdené pri prenose (v RO zatiaľ nie sú) ===== */
/* qty selector na detaile: šablóna „.p-detail .add-to-cart .quantity {border:0}“ (0,3,0) prebíjala rám z UX A (0,2,1) → − 1 + bez rámu */
body .p-detail .add-to-cart .quantity { border: 1px solid var(--feedy-border); }
/* benefit banner (admin › Benefit banner; RO ho nemá): na detaile bol bez pozadia → tmavý text na tmavom; teraz biela dlaždica ako ostatné.
   Domovská a kategória majú biely box zo šablóny – len jednotné zaoblenie. */
body .benefitBanner { border-radius: var(--feedy-tile-radius); }
body.type-product .p-detail > .benefitBanner { background-color: var(--feedy-tile-bg); padding: var(--feedy-tile-pad); margin: 0 0 var(--feedy-tile-gap); }
@media (max-width: 767px) { body.type-product .p-detail > .benefitBanner { padding: 12px; margin-bottom: 12px; } }