/* titulka-a-vypis-produktov.css — vlastné CSS Perličky pre titulnú stránku a výpis produktov (SK, CZ, HU rovnaké)
   Verzia 4 — 21.09.2026 (v4: rýchly náhľad — okno doplnku Shoptak: skryté oko, oblé okno, bez súvisiaceho tovaru; riadok počítadla pri oblečení; v3: cena a tlačidlo pod sebou aj v kategóriách; v2: tlačidlo pri oblečení na stred, bez kapitálok). Zdroj a história: ~/shoptet-seo/nadpisy/ (Claude). Nahráva Dominik do Správca súborov.
   Pri každej zmene: nový súbor + zvýšiť ?v= v odkaze v hlavičke (template-include), inak ho prehliadače držia rok v cache.
   Obsah: 1) nadpisy sekcií na stred (veta + sivý názov + linka–pečko–linka), 2) hviezdičky hodnotenia vo výpise,
           3) jednotné rozostupy sekcií 96/60 px, 4) cena 24 px magenta, 5) tlačidlo košíka + počet kusov vo výpise. */

.homepage-group-title.h4,.latest-contribution-wrapper h2{text-align:center!important;margin-right:0!important;padding:0 80px;font-weight:600;letter-spacing:-.01em;font-size:2.125rem;line-height:1.15}
.homepage-group-title.h4:empty,.latest-contribution-placeholder{display:none}
.pk-eyebrow{display:block;font-family:"Nunito Sans","Nunito",sans-serif;font-style:italic;font-weight:600;font-size:1.0625rem;line-height:1.3;letter-spacing:0;color:#BB0B65;margin-bottom:8px}
.pk-title{display:block;color:#8A8C8E}
.pk-under{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}
.pk-under i{display:block;width:40px;height:3px;border-radius:999px;background:#E00D79;opacity:.55}
.pk-under img{display:block;width:22px!important;height:22px!important;border-radius:0;flex:none}
.homepage-group-title.h4 .pk-under{margin-bottom:18px}
.color-banner-img .pk-title{color:#8A8C8E!important}
.color-banner-img .pk-eyebrow{color:#BB0B65!important}
@media (max-width:767px){.homepage-group-title.h4,.latest-contribution-wrapper h2{padding:0 12px;font-size:1.625rem}
.pk-eyebrow{font-size:.9375rem}
.pk-under{margin-top:10px}
.pk-under i{width:28px}
.pk-under img{width:20px!important;height:20px!important}
}
.p .ratings-wrapper{display:block!important;text-align:center;line-height:1;margin:0 0 6px;height:auto}
.p .stars-wrapper{display:inline-flex!important;align-items:center;gap:1px;height:auto;vertical-align:middle}
.p .stars-wrapper .stars{display:inline-flex;height:auto}
.p .ratings-wrapper .star{color:#E00D79;width:14px;height:14px;font-size:14px;line-height:14px}
.p .ratings-wrapper .star:before{font-size:14px;line-height:14px}
.p .stars-wrapper:after{content:"(" attr(data-micro-rating-count) ")";margin-left:6px;font-size:12px;line-height:1;color:#8A8C8E}
body .homepage-group-title.h4,body .latest-contribution-wrapper h2,body .custom-footer__instagram h4{margin-top:96px!important}
.subcategories-header.h4{margin-bottom:0!important}
.benefitBanner,.about-us-banner{margin-top:96px!important;margin-bottom:96px!important}
.blogs,.newsletter-wrapper,.custom-footer__instagram{margin-top:96px!important}
.p .name{margin-bottom:6px!important}
/* karta bez hodnotenia: slot sa nezobrazí, obsah sa posunie hore (Dominik 21. 9.) */
.p .ratings-wrapper:not(:has(.stars-wrapper)){display:none!important}
.p .ratings-wrapper{min-height:20px!important;height:20px!important;padding:0!important;margin:0 0 10px!important}
@media (max-width:767px){body .homepage-group-title.h4,body .latest-contribution-wrapper h2,body .custom-footer__instagram h4{margin-top:60px!important}
.benefitBanner,.about-us-banner{margin-top:60px!important;margin-bottom:60px!important}
.blogs,.newsletter-wrapper,.custom-footer__instagram{margin-top:60px!important}
}
.p .price strong{font-size:1.5rem!important;font-weight:800!important;color:#E00D79!important;line-height:1!important}
@media (max-width:767px){.p .price strong{font-size:1.25rem!important}
}

/* ---- Tlačidlo košíka a počet kusov vo výpise (Shoptet vykresľuje tlačidlo len pri produktoch bez variantov; pri oblečení ho dopĺňa náš skript ako odkaz na detail) ---- */
.p .p-bottom .p-tools{display:block!important;margin-top:12px;text-align:center}
.p .p-bottom [data-micro=offer]{display:flex!important;flex-direction:column!important;align-items:center!important}  /* na titulke je ponuka flex v riadku (cena | tlačidlo) → pod seba, na stred */
.p .p-tools form.pr-action,.p .p-tools .pk-row{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}
.p .p-tools .pk-qty{display:inline-flex;align-items:center;height:44px;border:1.5px solid #EAD5DF;border-radius:999px;padding:0 2px;background:#fff}
.p .p-tools .pk-qty input.pk-amount{width:26px;height:40px;border:0;background:transparent;text-align:center;font-weight:700;font-size:15px;color:#230F15;padding:0;-moz-appearance:textfield;appearance:textfield}
.p .p-tools .pk-qty input.pk-amount::-webkit-inner-spin-button,.p .p-tools .pk-qty input.pk-amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.p .p-tools .pk-qty .pk-plus,.p .p-tools .pk-qty .pk-minus{width:24px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:#E00D79;font-weight:700;font-size:18px;line-height:1;cursor:pointer;border:0;background:transparent;padding:0}
.p .p-tools .btn-cart,.p .p-tools .btn.pk-detail{display:inline-flex!important;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:999px!important;background:#E00D79!important;color:#fff!important;font-weight:700;font-size:15px;line-height:1;border:0!important;box-shadow:none!important;text-decoration:none;white-space:nowrap;text-transform:none!important;letter-spacing:0}
.p .p-tools .btn-cart:before,.p .p-tools .btn-cart:after,.p .p-tools .btn.pk-detail:before{display:none!important;content:none!important}
.p .p-tools .btn-cart:hover,.p .p-tools .btn.pk-detail:hover{background:#BB0B65!important;color:#fff!important}
@media (max-width:767px){.p .p-bottom .p-tools{margin-top:10px}.p .p-tools .pk-qty{height:40px}.p .p-tools .pk-qty input.pk-amount,.p .p-tools .pk-qty .pk-plus,.p .p-tools .pk-qty .pk-minus{height:36px}.p .p-tools .btn-cart,.p .p-tools .btn.pk-detail{height:40px;padding:0 14px;font-size:14px}}

/* ---- Rýchly náhľad produktu (doplnok Shoptak „Rychlý náhled produktu") — otvára ho naše tlačidlo „Do košíka" pri oblečení ---- */
.quick-view-btn{display:none!important}
.quick-view-wrap .quick-view-box{border-radius:26px!important;overflow-y:auto!important;max-height:calc(100% - 40px)!important;-webkit-overflow-scrolling:touch}
.quick-view-wrap .quick-box-hide{border-radius:999px!important;background:#E00D79!important;top:14px!important;right:14px!important}
.quick-view-wrap .benefitBanner,.quick-view-wrap .products-related,.quick-view-wrap .products-related-header,.quick-view-wrap .products-block,.quick-view-wrap .dkLabVisitedProductsBox,.quick-view-wrap .latest-contribution-wrapper,.quick-view-wrap .p-detail-tabs-wrapper,.quick-view-wrap .shp-tabs-wrapper,.quick-view-wrap .homepage-group-title,.quick-view-wrap .custom-banner,.quick-view-wrap .about-us-banner,.quick-view-wrap .adv-banner{display:none!important}
.quick-view-wrap .btn-conversion.add-to-cart-button{border-radius:999px!important;background:#E00D79!important;border-color:#E00D79!important}
.quick-view-wrap .btn-conversion.add-to-cart-button:hover{background:#BB0B65!important;border-color:#BB0B65!important}
@media (max-width:767px){.quick-view-wrap .quick-view-box{border-radius:20px!important}}

/* 5.–6. 10. 2026: riadok ceny – bonusový program (mehub) a tlačidlá; body = silnejšie než style.min.css šablóny (načíta sa po nás) */
@media (min-width:768px){body .add-to-cart-price-wrapper{flex-wrap:wrap;row-gap:18px}body .add-to-cart-price-wrapper .p-final-price-wrapper{flex:0 0 auto;white-space:nowrap}body .add-to-cart-price-wrapper .mehub-bonus-product-detail-container{flex:1 1 200px;min-width:0}body .add-to-cart-price-wrapper .add-to-cart{flex:1 1 100%}body .add-to-cart-price-wrapper .add-to-cart__buttons-wrapper{flex:1 1 auto;grid-template-columns:1fr 1fr}}
body .add-to-cart-price-wrapper .add-to-cart__buttons-wrapper .btn{padding-left:14px;padding-right:14px;min-width:0;justify-content:center;align-items:center}
/* 6. 10. 2026 (Dominik): „Kúpiť teraz“ výrazne, „Pridať do košíka“ menej výrazne; !important kvôli rh-custom.css na SK */
body .add-to-cart__buttons-wrapper .express-checkout-button{background:#E00D79!important;color:#fff!important;border:2px solid #E00D79!important;font-weight:700}
body .add-to-cart__buttons-wrapper .express-checkout-button:hover,body .add-to-cart__buttons-wrapper .express-checkout-button:focus{background:#c50b6a!important;border-color:#c50b6a!important;color:#fff!important}
body .add-to-cart__buttons-wrapper .express-checkout-button::before{display:none}
body .add-to-cart__buttons-wrapper:has(.express-checkout-button) .add-to-cart-button{background:#fff!important;color:#E00D79!important;border:2px solid #E00D79!important}
body .add-to-cart__buttons-wrapper:has(.express-checkout-button) .add-to-cart-button:hover{background:#FEF5FA!important;color:#c50b6a!important;border-color:#c50b6a!important}
/* šitie na mieru skryje „Kúpiť teraz“ (trieda pk-bez-expresu) → „Pridať do košíka“ je opäť hlavné tlačidlo */
body.pk-bez-expresu .add-to-cart__buttons-wrapper .add-to-cart-button{background:#E00D79!important;color:#fff!important;border-color:#E00D79!important}
body.pk-bez-expresu .add-to-cart__buttons-wrapper .add-to-cart-button:hover{background:#c50b6a!important;color:#fff!important;border-color:#c50b6a!important}
body .mehub-bonus-product-detail-container .card{background:#FEF5FA!important;border-radius:15px!important;box-shadow:none!important}
body .mehub-bonus-product-detail-container .card-text,body .mehub-bonus-product-detail-container .card-text span{color:#230F15!important}
body .mehub-bonus-product-detail-container .card-text b{color:#E00D79!important;font-weight:700}
body .mehub-bonus-product-detail-container .card-text a{color:#E00D79!important;text-decoration:underline}
/* v8 6.10.2026: tlačidlá nepretekajú – detail: pod sebou, „Kúpiť teraz“ hore (HU texty sú dlhšie); rýchly náhľad: hviezdičky na vlastný riadok, obrázok a údaje napoly */
body .add-to-cart-price-wrapper .add-to-cart__buttons-wrapper{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important}
body .add-to-cart-price-wrapper .add-to-cart__buttons-wrapper .express-checkout-button{order:-1}
body .quick-view-wrap .product-top{flex-wrap:wrap}
body .quick-view-wrap .product-top>.col-xs-12:first-child:not(.p-image-wrapper){flex:0 0 100%;max-width:100%}
body .quick-view-wrap .product-top>.p-image-wrapper,body .quick-view-wrap .product-top>.p-info-wrapper{flex:1 1 0%;min-width:0}
body .quick-view-wrap .add-to-cart__buttons-wrapper{width:100%!important;max-width:100%!important;min-width:0!important}
/* v9 6.10.2026: rýchly náhľad – hviezdičky hodnotenia pod názov (šablóna ich má absolute cez rám obrázka) */
body .quick-view-wrap .product-top .p-detail-info{position:static;margin-bottom:12px}
/* v10 6.10.2026: mobilné menu – šablóna má #navigation{height:100vh}; na iPhone to siaha pod spodný panel prehliadača a vlajky CZ/SK/HU sa nedali vyrolovať → výška podľa viditeľnej plochy (dvh) + spodný odstup */
@media (max-width:767px){html body #navigation{height:100dvh!important}html body #navigation .navigation-in{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}}
/* v11 6.10.2026: detail – farby 42 px, veľkosti 44 px s rámikom; riadok „Farba“ s jedinou (zvolenou) farbou skrytý, keď je nad ním zoznam farieb z doplnku – aktuálna farba má v zozname ružový krúžok (.pk-akt dáva skript v hlavičke) */
body .p-info-wrapper label.advanced-parameter{margin:0 8px 8px 0!important;width:auto!important;height:auto!important;min-width:0!important}
body .p-info-wrapper .advanced-parameter-inner[style*="background"]{width:42px!important;height:42px!important;min-width:0!important;min-height:0!important}
body .p-info-wrapper .variant-list .advanced-parameter-inner:not([style*="background"]):not(:has(>img)){width:44px!important;height:44px!important;min-width:0!important;min-height:0!important;font-size:13px!important;border:1px solid #FAD7E8!important;box-sizing:border-box!important}
body.type-detail .p-info-wrapper:has(.myvariant-list) .variant-list:has(.advanced-parameter-inner[style*="background"]):has(input:checked):not(:has(label.advanced-parameter ~ label.advanced-parameter)){display:none!important}
body .p-info-wrapper .myvariant-list label.pk-akt .advanced-parameter-inner{box-shadow:0 0 0 2px #fff,0 0 0 4px #E00D79!important}
/* v11: okno „Kúpiť teraz“ (Shoptet expresná pokladňa) – mobil: panel zdola, hlavička s krížikom stále hore; všade: „Pokračovať bez registrácie“ hlavné, „Prihlásiť sa“ vedľajšie (texty mení skript v hlavičke) */
@media (max-width:767px){html body #colorbox.express-checkout{top:auto!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;transform:none!important;width:100%!important;height:auto!important;max-height:92dvh!important;overflow:hidden!important;border-radius:26px 26px 0 0!important;box-shadow:0 -12px 40px rgba(35,15,21,.22)!important}html body #colorbox.express-checkout #cboxWrapper,html body #colorbox.express-checkout #cboxContent{height:auto!important;width:100%!important;max-height:92dvh!important;overflow:hidden!important;border-radius:26px 26px 0 0}html body #colorbox.express-checkout #cboxLoadedContent{height:auto!important;width:100%!important;max-height:92dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:calc(16px + env(safe-area-inset-bottom))}#colorbox.express-checkout .express-checkout__header{position:sticky;top:0;z-index:3;background:#fff;padding-top:22px}#colorbox.express-checkout .express-checkout__header::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#FAD7E8}}
#colorbox.express-checkout #cboxClose{z-index:4}
#colorbox.express-checkout .express-checkout__header-title{font-size:20px;font-weight:700;color:#230F15}
#colorbox.express-checkout .express-checkout__products-price-total-value{color:#E00D79;font-size:20px;font-weight:700}
#colorbox.express-checkout .express-checkout__quick-payment-title{font-size:17px;font-weight:700}
#colorbox.express-checkout .express-checkout__quick-payment-description{font-size:14px;color:#6b5a60}
#colorbox.express-checkout .express-checkout__quick-payment-buttons{border-radius:15px;overflow:hidden}
#colorbox.express-checkout .express-checkout__login-footer{display:flex;flex-direction:column;gap:12px}
#colorbox.express-checkout .express-checkout__login-footer-link{order:-1;margin:0;font-size:0}
#colorbox.express-checkout .express-checkout__login-footer-link a{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border-radius:15px;background:#E00D79;color:#fff!important;font-size:17px;font-weight:700;text-decoration:none!important}
#colorbox.express-checkout .express-checkout__login-footer .js-go-to-login-step{width:100%;min-height:48px;border-radius:15px;background:#fff!important;color:#E00D79!important;border:2px solid #E00D79!important;font-weight:700}
#colorbox.express-checkout .express-checkout__gdpr{font-size:12px;line-height:1.5;color:#8a7a80}
/* v12 6.10.2026: dlhšie veľkosti („Méretre“, „Míra“) sa nezmestili do 44 px krúžku → ovál, krátke ostávajú krúžky */
body .p-info-wrapper .variant-list .advanced-parameter-inner:not([style*="background"]):not(:has(>img)){width:auto!important;min-width:44px!important;padding:0 10px!important;border-radius:22px!important;white-space:nowrap}
/* v13 6.10.2026: šípky karuselov – šablóna prefarbuje bielu ikonu CSS filtrom (vychádzala červená); teraz maska + presná magenta */
html body .slick-arrow::after,html body .carousel-control::after,html body .slick-arrow:hover::after,html body .carousel-control:hover::after{content:""!important;display:block!important;width:18px!important;height:16px!important;filter:none!important;background:#E00D79!important;-webkit-mask:url(/user/documents/assets/img/icons/arrow_left-white.svg) center/18px 16px no-repeat!important;mask:url(/user/documents/assets/img/icons/arrow_left-white.svg) center/18px 16px no-repeat!important}
/* v14 6.10.2026: dvojfarebné farby (napr. ANABEL Čierna/Zlatá) sú obrázok v .advanced-parameter-inner, nie background → brali sa ako veľkosť (ovál) a riadok „Farba“ sa neskryl */
body .p-info-wrapper .advanced-parameter-inner:has(>img){width:42px!important;height:42px!important;min-width:0!important;min-height:0!important;padding:0!important;border-radius:50%!important;overflow:hidden}
body .p-info-wrapper .advanced-parameter-inner:has(>img)>img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%}
body.type-detail .p-info-wrapper:has(.myvariant-list) .variant-list:has(.advanced-parameter-inner>img):has(input:checked):not(:has(label.advanced-parameter ~ label.advanced-parameter)){display:none!important}
/* v19 6.10.2026 – opravy z auditu mobilu (v17 nasadený 6. 10., v18 drobnosti po kontrole, v19 blok s cenou + „/ ks“ v okne po pridaní na vlastnom riadku) */
/* bonusový program len v košíku a pokladni (Dominik 6. 10.) */
body .mehub-bonus-product-detail-container,body .mehub-bonus-advanced-cart-container{display:none!important}
/* bublina asistenta (Whisper) preč tam, kde prekrýva tlačidlá a vlajky – widget má inline display:block!important, preto visibility */
.ordering-process #whisper-chat-widget-root,.navigation-window-visible #whisper-chat-widget-root,.cart-window-visible #whisper-chat-widget-root,body:has(#colorbox[style*="display: block"]) #whisper-chat-widget-root{visibility:hidden!important;pointer-events:none!important}
/* kúpa bez veľkosti – zvýraznenie (pk-mobil-v3.js) */
.p-info-wrapper .variant-list.pk-chyba td{box-shadow:0 0 0 2px #E00D79;border-radius:15px;background:#FEF5FA}
body .p-info-wrapper .variant-list .pk-chyba-t{display:none!important;color:#E00D79;font-weight:700;font-size:15px;margin:6px 0 2px;width:100%}
body .p-info-wrapper .variant-list.pk-chyba .pk-chyba-t{display:block!important}
/* SizeID: veľký blok „Akú veľkosť? / Odporučiť veľkosť“ preč, namiesto „Tabuľky veľkostí“ malý odkaz pri nadpise Veľkosť (Dominik 6. 10.; skript pk-mobil-v3.js) */
body .pk-sizeid-skryty{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
body .p-info-wrapper .size-table-link.pk-sizeid-link{cursor:pointer;margin-left:auto}
/* CZ: radenie v kategórii bolo skryté */
body .category-header .listSorting.js-listSorting{display:block!important}
@media (max-width:767px){
/* okno „Pridané do košíka“: malá fotka vedľa textu, tlačidlá hneď pod položkou, odporúčania 2 vedľa seba */
#colorbox .advanced-order{display:flex!important;flex-direction:column}
#colorbox .advanced-order>.h1:not(.advanced-order-suggestion){order:0;font-size:20px;margin-bottom:12px}
#colorbox .advanced-order .ao-product{order:1;display:grid!important;grid-template-columns:88px minmax(0,1fr);column-gap:12px;row-gap:6px;align-items:center} /* v22: 2 stĺpce – v Safari 3. stĺpec auto ťahal názov za okraj okna */
#colorbox .advanced-order .ao-image{grid-column:1;grid-row:1/span 3;width:88px!important;max-width:88px!important;margin:0!important}
#colorbox .advanced-order .ao-image img{width:88px!important;height:auto!important;border-radius:12px}
#colorbox .advanced-order .ao-name{grid-column:2;min-width:0;margin:0!important;overflow-wrap:anywhere}#colorbox .advanced-order .ao-name *{overflow-wrap:anywhere;white-space:normal!important;max-width:100%}
#colorbox .advanced-order .ao-price{grid-column:2;min-width:0;width:auto!important;margin:0!important;white-space:nowrap}
#colorbox .advanced-order .ao-quantity{grid-column:2;min-width:0;width:auto!important;margin:0!important;justify-self:start}
#colorbox .advanced-order .advancedOrder__buttons{order:2;display:flex!important;flex-direction:column-reverse;gap:10px;margin:16px 0 8px}
#colorbox .advanced-order .advancedOrder__buttons .btn{width:100%!important;min-height:48px;border-radius:15px!important;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0!important}
#colorbox .advanced-order .advancedOrder__buttons .btn-conversion{min-height:52px;font-size:17px}
#colorbox .advanced-order .advancedOrder__buttons .next-step-back{background:#fff!important;border:2px solid #E00D79!important;color:#E00D79!important}
#colorbox .advanced-order .extras-wrap{order:3}
#colorbox .advanced-order .advanced-order-suggestion{order:4;font-size:17px;margin-top:8px}
#colorbox .advanced-order .products{order:5;display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
#colorbox .advanced-order .products .product{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
#colorbox .advanced-order .products .p .image img{width:100%!important;height:auto!important}
/* pokladňa: popis nad poľom, pole na celú šírku; prihlásenie ako odkaz (nákup bez registrácie je hlavná cesta) */
body.ordering-process .form-group--inline{display:block!important}
body.ordering-process .form-group--inline>label{display:block!important;width:auto!important;max-width:none!important;margin:0 0 6px!important;padding:0!important;text-align:left!important;flex:none!important}
body.ordering-process .form-group--inline>.form-control-wrapper{width:100%!important;max-width:none!important;margin:0!important;flex:none!important}
body.ordering-process .form-group--inline .form-control{width:100%!important;max-width:none!important;min-height:48px;border-radius:12px}
body.ordering-process .co-contact-information .form-group--inline>div:has(.login-button){text-align:left!important}
body.ordering-process .login-button{background:none!important;border:0!important;color:#E00D79!important;text-decoration:underline;padding:0!important;min-height:0!important;box-shadow:none!important;font-weight:700}
/* kategória: nižšia fotka a bez tlačidla „Zobraziť produkty“ – produkty sú bližšie */
body .custom-category-image-wrapper{height:170px!important;overflow:hidden;border-radius:26px}
body .custom-category-image-wrapper img.custom-category-image{width:100%!important;height:170px!important;object-fit:cover;object-position:center top}
body .custom-category-container a.btn-custom[href="#products"]{display:none!important}
/* (v23: Instagram v pätičke – nové pravidlá na konci súboru) */
/* titulka sa nekýve do strany */
html body .carousel-control.right{right:0!important}
html body .color-banner-img .slick-slider{margin-left:0!important;margin-right:0!important}
}

/* v19 6.10.2026: blok s cenou na detaile (mobil) – bez „Množstvo“, cena + prečiarknutá + „−X %“ v riadku s počtom kusov, menšie okraje (Dominik 6. 10. so snímkou, schválené podľa fotky) */
@media (max-width:767px){
body .p-info-wrapper .add-to-cart-price-wrapper{display:grid!important;grid-template-columns:1fr auto;align-items:center;column-gap:12px;row-gap:16px;padding:20px 18px!important}
body .p-info-wrapper .add-to-cart-price-wrapper>.p-final-price-wrapper{grid-column:1;grid-row:1;margin:0!important;display:flex!important;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px;min-width:0}
body .p-info-wrapper .add-to-cart-price-wrapper .price-final{order:0;margin:0!important;font-size:28px!important;line-height:1.1}
body .p-info-wrapper .add-to-cart-price-wrapper .price-standard{order:1;margin:0!important;font-size:15px!important;color:#8a7a80!important}
body .p-info-wrapper .add-to-cart-price-wrapper .price-save{order:2;display:inline-block!important;background:#E00D79;color:#fff!important;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:700;line-height:1.4}
body .p-info-wrapper .add-to-cart-price-wrapper .price-measure:empty,body .p-info-wrapper .add-to-cart-price-wrapper .price-measure{display:none!important}
body .p-info-wrapper .add-to-cart-price-wrapper>.add-to-cart{display:contents!important}
body .p-info-wrapper .add-to-cart__quantity-label,body .p-info-wrapper .add-to-cart-price-wrapper>.add-to-cart::before,body .p-info-wrapper .add-to-cart-price-wrapper>.add-to-cart::after,body .p-info-wrapper .add-to-cart-price-wrapper::before,body .p-info-wrapper .add-to-cart-price-wrapper::after{display:none!important}
body .p-info-wrapper .add-to-cart-price-wrapper .add-to-cart>.quantity{grid-column:2;grid-row:1;margin:0!important}
body .p-info-wrapper .add-to-cart-price-wrapper .add-to-cart__buttons-wrapper{grid-column:1/-1;grid-row:2;margin:0!important}
body .p-info-wrapper .add-to-cart-price-wrapper .shkDiscountPromoExtension{grid-column:1/-1}
body .p-info-wrapper .add-to-cart-price-wrapper .shkDiscountPromoExtension:empty{display:none!important}
}

/* prilepená lišta s výberom veľkosti (mobil, detail) */
#pk-lista,#pk-zasuvka{display:none}
@media (max-width:767px){
#pk-lista{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1000;align-items:center;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #FAD7E8;box-shadow:0 -6px 24px rgba(35,15,21,.10);transform:translateY(110%);transition:transform .25s ease}
#pk-lista.on{transform:none}
body.pk-lista-on{padding-bottom:84px}
body.pk-lista-on #whisper-chat-widget-root{visibility:hidden!important;pointer-events:none!important}
#pk-lista .pk-l-info{flex:1 1 auto;min-width:0;line-height:1.15}
#pk-lista .pk-l-ceny{display:flex;align-items:baseline;gap:6px;white-space:nowrap;overflow:hidden}
#pk-lista .pk-l-cena{font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;color:#E00D79}
#pk-lista .pk-l-stara{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#8a7a80}
#pk-lista .pk-l-stara:empty{display:none}
#pk-lista .pk-l-vel{display:block;font-size:13px;color:#6b5a60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pk-lista .pk-l-vel.chyba{color:#E00D79;font-weight:700}
#pk-lista .pk-l-kosik{flex:0 0 48px;height:48px;border-radius:15px;border:2px solid #E00D79;background:#fff;color:#E00D79;display:flex;align-items:center;justify-content:center;padding:0}
#pk-lista .pk-l-hlavne{flex:0 0 auto;height:48px;padding:0 18px;border-radius:15px;border:0;background:#E00D79;color:#fff;font-weight:700;font-size:16px;white-space:nowrap}
#pk-zasuvka{display:block;position:fixed;inset:0;z-index:1001;pointer-events:none}
#pk-zasuvka .pk-z-pozadie{position:absolute;inset:0;background:rgba(35,15,21,.45);opacity:0;transition:opacity .2s}
#pk-zasuvka .pk-z-panel{position:absolute;left:0;right:0;bottom:0;max-height:85dvh;overflow:auto;background:#fff;border-radius:26px 26px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .25s ease}
#pk-zasuvka.on{pointer-events:auto}
#pk-zasuvka.on .pk-z-pozadie{opacity:1}
#pk-zasuvka.on .pk-z-panel{transform:none}
#pk-zasuvka .pk-z-panel::before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:#FAD7E8;margin:0 auto 10px}
#pk-zasuvka .pk-z-hlava{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
#pk-zasuvka .pk-z-hlava strong{font-family:Montserrat,sans-serif;font-size:19px;color:#230F15}
#pk-zasuvka .pk-z-x{width:40px;height:40px;border:0;background:#FEF5FA;border-radius:50%;font-size:24px;line-height:1;color:#230F15}
#pk-zasuvka .pk-z-nadpis{font-size:14px;font-weight:700;color:#6b5a60;margin:4px 0 8px}
#pk-zasuvka .pk-z-nadpis b{color:#230F15}
#pk-zasuvka .pk-z-cipy{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#pk-zasuvka .pk-z-cip{min-width:52px;height:48px;padding:0 14px;border-radius:24px;border:1px solid #FAD7E8;background:#fff;font-size:16px;color:#230F15}
#pk-zasuvka .pk-z-cip.je{background:#E00D79;border-color:#E00D79;color:#fff;font-weight:700}
#pk-zasuvka .pk-z-sizeid{display:inline-block;margin:2px 0 14px;color:#E00D79;font-weight:700;text-decoration:underline}
#pk-zasuvka .pk-z-tlacidla{display:flex;flex-direction:column;gap:10px}
#pk-zasuvka .pk-z-kupit{height:52px;border-radius:15px;border:0;background:#E00D79;color:#fff;font-weight:700;font-size:17px}
#pk-zasuvka .pk-z-kosik{height:48px;border-radius:15px;border:2px solid #E00D79;background:#fff;color:#E00D79;font-weight:700;font-size:16px}
#pk-zasuvka button:disabled{opacity:.45}
}

/* v21: pruh pod tlačidlami – doručenie podľa veľkosti, doprava, výmena (#pk-dorucenie, body.pk-dor-on) */
@media (max-width:767px){
body.pk-dor-on .p-info-wrapper .availability-value,body.pk-dor-on .p-info-wrapper .delivery-time,body.pk-dor-on .p-info-wrapper .delivery-time-label{display:none!important}
#pk-dorucenie{margin:10px 2px 0;font-size:13px;line-height:18px;color:#6b5a60}
#pk-dorucenie>div{display:flex;gap:8px;align-items:flex-start;padding:2px 0}
#pk-dorucenie svg{flex:0 0 16px;width:16px;height:16px;margin-top:1px;color:#E00D79}
#pk-dorucenie b{color:#230F15;font-weight:700}
}

/* v22: dostupnosť veľkostí – bodka = skladom (.pk-sklad), nožničky = šijeme (.pk-sit); legenda za krúžkami (.pk-sk-leg) */
body .p-info-wrapper .variant-list label.advanced-parameter.pk-sklad,body .p-info-wrapper .variant-list label.advanced-parameter.pk-sit,#pk-zasuvka .pk-z-cip{position:relative}
body .p-info-wrapper .variant-list label.pk-sklad::after,#pk-zasuvka .pk-z-cip.sk::after{content:"";position:absolute;top:0;right:0;width:9px;height:9px;border-radius:50%;background:#1aa053;box-shadow:0 0 0 2px #fff;pointer-events:none}
body .p-info-wrapper .variant-list label.pk-sit::after,#pk-zasuvka .pk-z-cip.sit::after{content:"";position:absolute;top:-3px;right:-3px;width:15px;height:15px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23E00D79' stroke-width='2.4' stroke-linecap='round' d='M6 6a2.5 2.5 0 1 0 0 .01M6 18a2.5 2.5 0 1 0 0 .01M8 7.5 20 17M8 16.5 20 7'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 0 0 1px #FAD7E8;pointer-events:none}
#pk-zasuvka .pk-z-cip.sk::after{right:2px}
.pk-sk-leg{display:none;flex-direction:column;justify-content:center;gap:2px;margin-left:6px;align-self:center;font-size:12px;line-height:16px;font-weight:400;color:#6b5a60;white-space:nowrap}
.pk-ma-sklad .pk-sk-leg,.pk-ma-sit .pk-sk-leg,#pk-zasuvka .pk-sk-leg{display:flex}
.pk-sk-leg .a,.pk-sk-leg .b{display:none}
.pk-ma-sklad .pk-sk-leg .a,.pk-ma-sit .pk-sk-leg .b,#pk-zasuvka .pk-sk-leg .a,#pk-zasuvka .pk-sk-leg .b{display:block}
.pk-sk-leg .a::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#1aa053;margin-right:5px;vertical-align:0}
.pk-sk-leg .b::before{content:"";display:inline-block;width:11px;height:11px;margin-right:3px;vertical-align:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23E00D79' stroke-width='2.4' stroke-linecap='round' d='M6 6a2.5 2.5 0 1 0 0 .01M6 18a2.5 2.5 0 1 0 0 .01M8 7.5 20 17M8 16.5 20 7'/%3E%3C/svg%3E") center/11px no-repeat}

/* ===== v23: košík ===== */

/* v23 / PL v6 (NÁVRH 7. 10. 2026, nenasadené): košík na mobile – prilepená lišta (#pk-kosik-lista, skript pk-mobil-v8.js),
   väčšie −/+ (Shoptet kreslí znamienka pseudo-prvkami ::before/::after, šablóna im dala rohy 50px 50px 0 a čierny pravý okraj 3 px),
   zľavový kód za odkazom (.pk-kupon-odkaz, .discount-coupon.pk-kupon-zbaleny) */
#pk-kosik-lista,.pk-kupon-odkaz{display:none}
@media (max-width:767px){
/* lišta – rovnaký vzhľad ako #pk-lista na detaile */
body #pk-kosik-lista{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1000;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #FAD7E8;box-shadow:0 -6px 24px rgba(35,15,21,.10);transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
body #pk-kosik-lista.on{transform:none;visibility:visible;transition:transform .25s ease,visibility 0s}
body.pk-kosik-lista-on{padding-bottom:76px}
body.pk-kosik-lista-on #whisper-chat-widget-root{visibility:hidden!important;pointer-events:none!important}
body #pk-kosik-lista .pk-kl-info{flex:1 1 auto;min-width:0;line-height:1.2}
body #pk-kosik-lista .pk-kl-suma{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap;overflow:hidden}
body #pk-kosik-lista .pk-kl-lbl{flex:0 0 auto;font-size:13px;color:#6b5a60}
body #pk-kosik-lista .pk-kl-cena{min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;color:#E00D79}
body #pk-kosik-lista .pk-kl-dop{margin-top:2px;font-size:13px;color:#6b5a60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body #pk-kosik-lista .pk-kl-dop:empty{display:none}
body #pk-kosik-lista .pk-kl-dop.zad{color:#1aa053;font-weight:700}
body #pk-kosik-lista .pk-kl-dalej{flex:0 0 auto;height:48px;padding:0 24px;border-radius:15px;border:0;background:#E00D79;color:#fff;font-family:inherit;font-weight:700;font-size:16px;line-height:1;white-space:nowrap;cursor:pointer}
body #pk-kosik-lista .pk-kl-dalej:disabled{opacity:.45}

/* počet kusov: − [1] + v jednom oblom ráme, tlačidlá 40×40 */
body #cart-wrapper .cart-table .p-quantity .quantity{display:inline-flex!important;align-items:center;width:auto!important;height:44px;padding:1px;gap:0;border:1.5px solid #FAD7E8;border-radius:15px;background:#fff;box-sizing:border-box}
body #cart-wrapper .cart-table .p-quantity .quantity .decrease{order:0}
body #cart-wrapper .cart-table .p-quantity .quantity label{order:1;flex:0 0 44px;width:44px!important;height:40px;margin:0!important}
body #cart-wrapper .cart-table .p-quantity .quantity .increase{order:2}
body #cart-wrapper .cart-table .p-quantity .quantity input.amount{width:44px!important;height:40px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center;font-size:16px;font-weight:700;color:#230F15;-moz-appearance:textfield;appearance:textfield}
body #cart-wrapper .cart-table .p-quantity .quantity input.amount::-webkit-inner-spin-button,body #cart-wrapper .cart-table .p-quantity .quantity input.amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body #cart-wrapper .cart-table .p-quantity .quantity .increase,body #cart-wrapper .cart-table .p-quantity .quantity .decrease{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;flex:0 0 40px;width:40px!important;height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:#FEF5FA!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer}
body #cart-wrapper .cart-table .p-quantity .quantity .increase::before,body #cart-wrapper .cart-table .p-quantity .quantity .decrease::before{content:""!important;display:block!important;position:static!important;width:14px!important;height:2px!important;border-radius:1px;background:#E00D79!important}
body #cart-wrapper .cart-table .p-quantity .quantity .increase::after{content:""!important;display:block!important;position:absolute!important;top:50%!important;left:50%!important;right:auto!important;width:2px!important;height:14px!important;border-radius:1px;background:#E00D79!important;transform:translate(-50%,-50%)}
body #cart-wrapper .cart-table .p-quantity .quantity .decrease::after{display:none!important}
body #cart-wrapper .cart-table .p-quantity .quantity:has(input.amount[value="1"][min="1"]) .decrease{opacity:.4}

/* zľavový kód za odkazom (formulár Shoptetu ostáva, len skrytý) */
body #cart-wrapper .discount-coupon.pk-kupon-zbaleny{min-height:44px}
body #cart-wrapper .discount-coupon.pk-kupon-zbaleny form[action*="addDiscountCoupon"]{display:none!important}
body #cart-wrapper .discount-coupon.pk-kupon-zbaleny .pk-kupon-odkaz{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:#E00D79;font-family:inherit;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* tlačidlo „Pridať“ v brande namiesto fialovej rgb(97,113,199) */
body #cart-wrapper .discount-coupon form[action*="addDiscountCoupon"]{gap:8px}
body #cart-wrapper .discount-coupon form[action*="addDiscountCoupon"] .form-control{min-width:0;border-radius:15px!important}
body #cart-wrapper .discount-coupon form[action*="addDiscountCoupon"] .btn{flex:0 0 auto;padding-left:18px!important;padding-right:18px!important;border-radius:15px!important;background:#E00D79!important;border-color:#E00D79!important;color:#fff!important}
}

/* ===== v23: pokladňa ===== */
/* ===== NÁVRH 7. 10. 2026 – pokladňa na mobile (krok 1 a 2) ===== */
/* Pridať na koniec titulka-a-vypis-produktov-v22.css → nový súbor v23 (SK/CZ/HU) a pk-mobil-pl-v5.css → pl-v6 (PL). Len CSS, bez JS. */

/* A1) „Bonusový program“ (doplnok mehub, krok 2 SK/CZ): pred nadpisom rozbitá ikonka.
   Doplnok dáva .template-11 … h4::before{content:"\e918"} (ikonka „plus“ z písma shoptet), ale nadpis má písmo Montserrat → prázdny štvorček.
   Ostatné nadpisy v kroku 2 ikonku nemajú → preč. Rozbitá je aj na počítači, preto mimo @media. */
body .mehub-bonus-checkout-container h4::before{content:none!important;display:none!important}

@media (max-width:767px){
/* A2) „Prihlásiť sa do môjho účtu“: v17–v19 z tlačidla spravili odkaz, ale ostal a.btn s width:100% a justify-content:center → text v strede.
   Teraz malý odkaz vľavo, v jednom riadku s popisom „Zákaznícky účet“ (na úzkom displeji sa zalomí pod neho, stále vľavo).
   Plocha na ťuknutie 44 px cez padding + záporný margin (rozloženie sa nezmení). */
body.ordering-process .co-contact-information .form-group--inline:has(.login-button){display:flex!important;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:0}
body.ordering-process .co-contact-information .form-group--inline:has(.login-button)>*{min-width:0;margin-bottom:0!important}
body.ordering-process .co-contact-information .login-button{display:inline-block!important;width:auto!important;max-width:100%;justify-content:flex-start!important;text-align:left!important;font-size:15px!important;line-height:24px!important;padding:10px 0!important;margin:-10px 0!important;white-space:normal}

/* A3) Krok 1: neaktívne platby (input disabled – Shoptet ich vypína podľa zvolenej dopravy, napr. SK „na predajni“ pri GLS, Dobierka pri osobnom odbere;
   aj platby, ktoré vypne šitie na mieru – nad zoznamom ostáva vysvetlenie .pk-platba-info). Len platby, nikdy doprava – tá sa neskrýva,
   aby sa zákazník vedel vždy prepnúť späť. Poistka: skryje sa len vtedy, keď ostane aspoň jedna povolená platba. */
body.ordering-process #order-billing-methods:has(input[name="billingId"]:not(:disabled)) .radio-wrapper:has(>input[name="billingId"]:disabled){display:none!important}

/* B) Voliteľné drobnosti (nízke riziko, len vzhľad) */
/* B1) „Potrebujete poradiť? +421…“ – fialové tlačidlo šablóny rgb(97,113,199) mimo brandu → svetloružové s rámikom */
body.ordering-process .checkout-box .toggle-contacts{background:#FEF5FA!important;color:#230F15!important;border:1px solid #FAD7E8!important;border-radius:15px!important;box-shadow:none!important;text-transform:none!important;font-weight:700;font-size:15px!important;line-height:1.3!important;padding:9px 16px!important}
body.ordering-process .checkout-box .toggle-contacts span{color:#E00D79!important;font-weight:700}
/* B2) Bonusový program v kroku 2: farby doplnku (tmavomodrá na modrosivej) → brand, menšie medzery (okraj 35 px pod vetou, grid s margin −15 px) */
body .mehub-bonus-checkout-container .mehub-bonus-checkout-inner-container>div[style*="grid"]{margin:0!important}
body .mehub-bonus-checkout-container .card{background:#FEF5FA!important;border-radius:15px!important;color:#230F15!important;box-shadow:none!important}
body .mehub-bonus-checkout-container .card .card{background:#fff!important;border:1px solid #FAD7E8!important;margin-top:4px}
body .mehub-bonus-checkout-container .card-title,body .mehub-bonus-checkout-container .card-text,body .mehub-bonus-checkout-container .card-actions,body .mehub-bonus-checkout-container .card label,body .mehub-bonus-checkout-container .card span{color:#230F15!important}
body .mehub-bonus-checkout-container .card b{color:#E00D79!important}
body .mehub-bonus-checkout-container .card-title p{margin-bottom:12px!important;font-size:15px;line-height:1.45}
body .mehub-bonus-checkout-container .card-actions{justify-content:flex-start!important}
}

/* ===== v23: detail ===== */
/* NÁVRH (nenasadené) – detail produktu na mobile, doplnok k titulka-a-vypis-produktov-v22.css (SK/CZ/HU) a pk-mobil-pl-v5.css (PL)
   pri nasadení = v23 / pl-v6; skript proto.js (= pk-mobil-v8.js) */
@media (max-width:767px){
/* 9) hodnotenie pri nadpise: hviezdy 16 px + „4,9 (40 hodnocení)“, celý riadok je odkaz na kartu Hodnotenie; bez hodnotení preč */
body.type-detail .p-info-wrapper>.stars-wrapper.pk-hv-0{display:none!important}
body.type-detail .p-info-wrapper>.stars-wrapper.pk-hv-on{position:relative;display:flex!important;align-items:center;gap:8px;height:auto!important;min-height:24px;margin-bottom:2px}
body.type-detail .p-info-wrapper>.stars-wrapper.pk-hv-on .stars{width:auto!important;height:16px!important;margin:0!important;gap:2px!important}  /* šablóna: šírka 114 px a spodný okraj 12 px → riadok 30 px */
body.type-detail .p-info-wrapper>.stars-wrapper.pk-hv-on .stars .star{width:16px!important;height:16px!important;margin:0!important}
body.type-detail .p-info-wrapper>.stars-wrapper.pk-hv-on .stars .star::before{width:16px!important;height:16px!important;font-size:16px!important;line-height:16px!important}
body.type-detail .p-info-wrapper>.stars-wrapper a.stars-link.pk-hv{display:block;min-width:0;font-size:15px;line-height:20px;color:#6b5a60!important;text-decoration:none!important;white-space:nowrap}
body.type-detail .p-info-wrapper>.stars-wrapper a.stars-link.pk-hv b{color:#230F15;font-weight:800}
body.type-detail .p-info-wrapper>.stars-wrapper a.stars-link.pk-hv span{text-decoration:underline;text-decoration-color:#E9A9C9;text-underline-offset:3px}
body.type-detail .p-info-wrapper>.stars-wrapper a.stars-link.pk-hv::after{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}  /* ťuk kamkoľvek na riadok (aj na hviezdy), dotyková výška 40 px */

/* 10) bublina Whisper sa skryje, keď k nej dorolujú cena, počet kusov a tlačidlá (proto.js → body.pk-wh-pod) */
#whisper-chat-widget-root{transition:opacity .2s,visibility .2s}
body.pk-wh-pod #whisper-chat-widget-root{visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* 11) počet kusov: „− 1 +“ ako jeden ovál 124 × 44 px (rovnaká šírka a výška ako dnes → blok s cenou ostáva 208 px);
       − a + majú dotykovú plochu 40 × 42 px namiesto 20 × 20 */
body .p-info-wrapper .add-to-cart-price-wrapper .quantity{box-sizing:border-box!important;width:124px!important;height:44px!important;padding:0!important;border:1px solid #FAD7E8!important;border-radius:22px!important;background:#fff!important;overflow:hidden}
body .p-info-wrapper .add-to-cart-price-wrapper .quantity:focus-within{border-color:#E00D79!important}
body .p-info-wrapper .add-to-cart-price-wrapper .quantity label{width:42px!important;height:42px!important;margin:0!important;padding:0!important}
body .p-info-wrapper .add-to-cart-price-wrapper .quantity input.amount{box-sizing:border-box!important;width:42px!important;height:42px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;text-align:center!important;font-size:16px!important;font-weight:700!important;color:#230F15!important;-moz-appearance:textfield;appearance:textfield}
body .p-info-wrapper .add-to-cart-price-wrapper .quantity input.amount::-webkit-inner-spin-button,body .p-info-wrapper .add-to-cart-price-wrapper .quantity input.amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body .p-info-wrapper .add-to-cart-price-wrapper .quantity .increase,body .p-info-wrapper .add-to-cart-price-wrapper .quantity .decrease{top:0!important;width:40px!important;height:42px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;transform:none!important;-webkit-tap-highlight-color:transparent}
body .p-info-wrapper .add-to-cart-price-wrapper .quantity .increase{left:auto!important;right:0!important}
body .p-info-wrapper .add-to-cart-price-wrapper .quantity .decrease{right:auto!important;left:0!important}
body .p-info-wrapper .add-to-cart-price-wrapper .quantity .increase:active,body .p-info-wrapper .add-to-cart-price-wrapper .quantity .decrease:active{background:#FEF5FA!important}
body .p-info-wrapper .add-to-cart-price-wrapper .quantity .increase::before,body .p-info-wrapper .add-to-cart-price-wrapper .quantity .decrease::before{width:12px!important;height:2px!important;border-radius:1px;background:#E00D79!important}
body .p-info-wrapper .add-to-cart-price-wrapper .quantity .increase::after{left:50%!important;top:50%!important;right:auto!important;width:2px!important;height:12px!important;border-radius:1px;background:#E00D79!important;transform:translate(-50%,-50%)!important}
}

/* ===== v23: celý web – Instagram v pätičke (nahrádza 3 riadky z v22), odznak Heureka do 767 px, bublina v pätičke a vo vyhľadávaní ===== */
/* PROTOTYP 7. 10. 2026 – globálne mobilné opravy (všetky typy stránok, SK/CZ/HU/PL). nasadené vo v23.
   Pri nasadení: do titulka-a-vypis-produktov-v23.css (SK/CZ/HU) a pk-mobil-pl-v6.css (PL) namiesto troch riadkov
   „Instagram v pätičke pred spustením slidera“ z v22 / pl-v5. Len CSS, žiadny skript. */
@media (max-width:767px){
/* 1) Instagram v pätičke – pevný pás od prvého vykreslenia.
   a) Pred slickom 1 riadok s rovnakými rozmermi, aké mu potom dá slick (<500 px 2 dlaždice + kúsok tretej;
      odsadenie 24/60/12 px = .slick-list v style.min.css; okraj dlaždice 0 8px). v22 nemal nowrap → Shoptet zalamoval do 5 riadkov (660 px). */
body .instagram-widget:not(.slick-initialized){display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;padding:24px 60px 0 12px!important}
body .instagram-widget:not(.slick-initialized)>a{flex:0 0 calc(50% - 16px)!important;width:calc(50% - 16px)!important;max-width:none!important;margin:0 8px!important;padding:0!important;aspect-ratio:1/1!important} /* padding 0: Shoptet dáva priamym dlaždiciam od ~480 px padding-bottom 33 % (výška 178 namiesto 160) */
/* b) Hlavná príčina skoku: agentúrne a{transition:.15s} a .slick-slide{transition:.15s} animujú šírku dlaždice zo 100 % stopy
      (1 590 px → výška 14 000 px) na 143 px; v karte na pozadí prechod nebeží a stránka ostane obrovská. */
body .instagram-widget a,body .instagram-widget .slick-slide,body .instagram-widget img{transition:none!important}

/* 2) Odznak Heureka „Overené zákazníkmi“ (36×188 px, z-index 2147483647, vpravo od 265 px) preč z mobilného rozloženia.
      Heureka ho na telefónoch sama neukazuje (widget.js: deviceDisplay.mobile=false) – vidno ho len na tabletoch na výšku
      a v úzkom okne počítača, kde prekrýva ceny v našepkávači, šípky karuselov a otvorené menu. */
body [id^="hw-87kwowifjjowiklsadh666"],body #heurekaClickCapture{display:none!important}
body div:has(>#heurekaTabright,>#heurekaTableft){display:none!important} /* záloha, ak Heureka zmení id obalu; samostatné pravidlo – starší Safari bez :has zahodí len toto */

/* 3) Bublina asistenta (Whisper, 56 px, 20 px od spodku a pravého okraja) prekrývala „Upraviť nastavenie cookies“
      na konci pätičky → pätička dostane dole voľné miesto pod bublinu (bublina ostáva dostupná aj v pätičke).
      Pri prilepenej lište na detaile (body.pk-lista-on) je bublina skrytá a miesto rieši padding lišty. */
body:has(#whisper-chat-widget-root):not(.pk-lista-on) #footer .footer-bottom{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
/* 3b) …a v otvorenom vyhľadávaní prekrývala posledný riadok našepkávača (cenu) – rovnako ako v menu a košíku ju skryť */
body.search-window-visible #whisper-chat-widget-root{visibility:hidden!important;pointer-events:none!important}
}
@media (min-width:500px) and (max-width:767px){
/* slick nad 500 px ukazuje 3 dlaždice */
body .instagram-widget:not(.slick-initialized)>a{flex-basis:calc(33.333% - 16px)!important;width:calc(33.333% - 16px)!important}
}

/* v23: nadpisy titulky bez linky a pečka (Dominik 7. 10. 2026) – miesto ostáva, aby šípky karuselu nezasahovali do nadpisu */
body .pk-under{visibility:hidden!important}

/* ===== v24: bez posunu do strany pri 360–390 px (karty detailu, Pobo popis, textové stránky) ===== */

/* ===== v24 / pl-v7 – PROTOTYP 7. 10. 2026 (agent-360): stránka sa na mobile 360–390 px neposúva do strany =====
   Pripojiť na koniec titulka-a-vypis-produktov-v23.css (→ v24, SK/CZ/HU) a pk-mobil-pl-v6.css (→ pl-v7, PL). Len CSS. */
@media (max-width:767px){
/* 1) Karty na detaile (Popis, Hodnotenia, Videá, Diskusia, záložky DK Lab). Agentúrne CSS im dáva display:grid
      a do 767 px grid-template-columns:repeat(1,1fr). 1fr = minmax(auto,1fr) → stĺpec sa natiahne na min-content
      najširšieho obsahu: karta Hodnotenia 348 px (SK) / 352 px (HU, PL) v 320 px karte → celá stránka širšia
      o 8 / 13 px (vo vzorke 40 detailov 1–17 px podľa recenzií, CZ MIA cyklamen +17) a Chrome ju oddiali (innerWidth 368 / 373). minmax(0,1fr) = stĺpec presne na šírku karty,
      obsah (hviezdičky, pruhy, recenzie) sa do 320 px zmestí sám. Pobo má pre Popis 1fr!important → vlastný riadok. */
body .basic-description,body .extended-description,body #productVideos,body #productDiscussion,body #ratingTab,body .dklabZalozkaContent.tab-pane{grid-template-columns:minmax(0,1fr)}
body .description-inner .basic-description{grid-template-columns:minmax(0,1fr)!important}
/* 2) Popis z Pobo: Pobo si svoje CSS (#pobo-all-content{max-width:100%;overflow:auto}) pridá skriptom až 0,4–1,8 s
      po štarte. Dovtedy tabuľka veľkostí v popise (PL 12 stĺpcov, min. 697 px) roztiahla stránku na 689–717 px.
      To isté pravidlo hneď z hlavičky – tabuľka sa posúva vo svojom ráme ako po načítaní Pobo, stránka nie. */
body #pobo-all-content{max-width:100%;overflow-x:auto}
/* 3) Textové stránky (obchodné podmienky, ochrana údajov, cookies): dlhé adresy URL bez medzier v texte (CZ obchodní
      podmínky +120 px, SK/CZ GDPR +68, HU ÁSZF +208, HU adatvédelem +64, SK/CZ cookies +17, PL cookies +10 px). Zalomí sa len slovo, ktoré by inak pretieklo. */
body .pageArticleDetail,body .news-item-detail .text{overflow-wrap:break-word;word-wrap:break-word}
/* 4) Tabuľky v textových stránkach (cookies v GDPR: SK 489 px, CZ 576 px – atribút width) zabalí Shoptet do posuvného
      .scroll-wrapper až skriptom 1–3 s po načítaní; dovtedy stránka +149 / +236 px. CSS obal pridať nevie a zúženie
      tabuľky by po zabalení poskočilo (CLS) → orezať len vodorovne obal článku. clip (nie hidden) nerobí z článku posuvný
      kontajner – sticky a zvislé posúvanie ostávajú; po zabalení je tabuľka posuvná vo svojom ráme ako doteraz.
      Starší Safari (<16) clip nepozná → správa sa ako dnes. */
body .pageArticleDetail{overflow-x:clip}
}

/* v24: Instagram v pätičke aj na počítači bez skoku (agentúrne prechody animovali dlaždicu 21 669 → 257 px) */
body .instagram-widget a,body .instagram-widget .slick-slide,body .instagram-widget img{transition:none!important}

/* ===== v25: titulka bez skákania pri načítaní (rezervované miesto pre pás farieb, karusely, logá, videá, nadpisy; Dominik 7. 10. 2026) ===== */

/* ===== v24 NÁVRH (7. 10. 2026, nenasadené): titulka bez skákania (CLS) – SK/CZ/HU ===== */
/* Pridať na koniec titulka-a-vypis-produktov-v23.css → nový súbor v24. Len CSS, bez skriptu.
   Príčina: agentúrny script.js (nie critical.js) až na konci stránky (1) presunie pás „Farebné kolekcie“ (.color-banner-img)
   z pätičky pod hlavný banner, (2) presunie pruh výhod (.benefitBanner) pod „Obľúbené kategórie“, (3) spustí slick na produktoch,
   farbách, Instagrame a hodnoteniach; dmartini/perlicka.min.js potom slick na „Naši zákazníci sú“; náš skript nadpisov (DOMContentLoaded)
   pridá do nadpisov vetu a linku. Dovtedy prehliadač vykresľuje iné poradie a iné výšky → všetko pod bannerom poskočí.
   Riešenie (ako Instagram vo v23): od prvého vykreslenia rovnaké rozmery, aké dá agentúrny kód. Stav „pred skriptom“ sa pozná podľa DOM
   (:has, :not(.slick-initialized), :not([data-pk])) → po presune/spustení slicku sa pravidlá samy vypnú a vzhľad po načítaní ostáva rovnaký.
   Rozmery = style.min.css + w-style.css agentúry (slick: produkty 4/3/2/1 pri 1320/895/465 px, farby 2/1 pri 500, Instagram 5/4/3/2,
   partneri 5/4/3/2 pri 1200/992/768). Keď agentúra zmení nastavenie slicku alebo okraje, treba upraviť aj tieto čísla. */

/* 0) Šírka snímok sa nesmie animovať: agentúrne .slick-slide{transition:all .15s} (a <a> vo vnútri) animovali šírku a výšku pri spustení
      slicku (rovnaká príčina ako Instagram vo v23). Prechod ostáva len pre priehľadnosť (desktop – neaktívne snímky sú opacity 0). */
body.type-index .slick-slide{transition-property:opacity!important}
body.type-index .partners-slider a,body.type-index .instagram-widget a,body.type-index .color-banner-img li,body.type-index .products-block .product{transition-property:opacity,transform,box-shadow,color,background-color,border-color,filter!important}

/* 1) Pás „Farebné kolekcie“ */
/* 1a) dlaždice 16:9 aj pred načítaním obrázka (loading=lazy, bez width/height → zoznam mal 2 px a narástol na 172–333 px až po stiahnutí).
       content-box + šírka −2 px = presne ten istý rámik 1 px a výška ako dnes po načítaní. */
body.type-index .color-banner-img li img{box-sizing:content-box!important;width:calc(100% - 2px)!important;height:auto!important;aspect-ratio:16/9}
/* 1b) kým je pás ešte v pätičke (pred script.js), nezobrazovať ho tam … */
body.type-index:has(.row.banners-row) .footer-banners .color-banner-img{display:none!important} /* script.js ho presúva len keď banner (.banners-row) existuje */
/* 1c) … a pod hlavným bannerom nechať presne jeho miesto: okraj nadpisu + nadpis (veta, názov, linka) + 24 px + dlaždica 16:9.
       (Desktop: okraj 18 px pod linkou nadpisu sa zlúči s 24 px nad zoznamom → 24 px.) Šírka dlaždice: zoznam = šírka + 20 px (w-style), 2 snímky (slick zaokrúhľuje nahor), okraj snímky 2×10 px, rámik obrázka 2×1 px.
       Prvá hodnota padding-top je záloha pre prehliadače bez round().
       Podmienka :not(:has(#footer)) = „päta ešte nie je načítaná“: prehliadač kreslí stránku po kúskoch a pás aj kategórie sú v HTML
       až za produktmi – bez nej by sa miesto objavilo až po ich načítaní a obsah by poskočil (namerané na CZ desktop 0,08). */
body.type-index:not(:has(#footer)) .banners-row:not(:has(.color-banner-img))::after,body.type-index:has(.footer-banners .color-banner-img) .banners-row::after{content:""!important;display:block!important;clear:both;box-sizing:content-box!important;margin-top:96px;height:calc(1.0625rem*1.3 + 8px + 2.25rem*1.2222222222 + 12px + 22px + 24px + 2px);padding-top:calc(((100% + 20px)/2 - 22px)*.5625);padding-top:calc((round(up,(100% + 20px)/2,1px) - 22px)*.5625)}
@media (min-width:1440px){
body.type-index:not(:has(#footer)) .banners-row:not(:has(.color-banner-img))::after,body.type-index:has(.footer-banners .color-banner-img) .banners-row::after{padding-top:calc(((100% + 60px)/2 - 62px)*.5625);padding-top:calc((round(up,(100% + 60px)/2,1px) - 62px)*.5625)} /* w-style: zoznam +60 px, okraj snímky 2×30 px */
}
@media (max-width:767px){
body.type-index:not(:has(#footer)) .banners-row:not(:has(.color-banner-img))::after,body.type-index:has(.footer-banners .color-banner-img) .banners-row::after{margin-top:60px;height:calc(.9375rem*1.3 + 8px + 1.625rem*1.2307692308 + 10px + 20px + 18px + 2px)} /* 18 px: okraj linky pod nadpisom sa zlúči s 12 px nad zoznamom */
}
@media (max-width:499px){
/* slick pod 500 px ukazuje 1 snímku, zoznam má vpravo 40 px (kúsok ďalšej dlaždice) → obrázok = šírka − 40 px */
body.type-index:not(:has(#footer)) .banners-row:not(:has(.color-banner-img))::after,body.type-index:has(.footer-banners .color-banner-img) .banners-row::after{padding-top:calc((100% - 42px)*.5625)}
}

/* 2) Pruh výhod (.benefitBanner): pred script.js je hneď pod bannerom (472 px), potom ide pod „Obľúbené kategórie“ – tam ho script.js presunie,
      len keď na titulke kategórie sú (inak ho nechá a po načítaní päty sa pruh ukáže). */
body.type-index:not(:has(#footer)) main.content>.benefitBanner,body.type-index:has(.subcategories) main.content>.benefitBanner{display:none!important}

/* 3) Nadpisy sekcií: náš skript (DOMContentLoaded) z „NOVINKY“ spraví vetu + názov + linku (32 → 89,5 px, desktop 44 → 108 px).
      Kým nadpis nemá data-pk, rovnaké miesto držia ::before (riadok vety) a ::after (linka s pečkom + 18 px pod ňou). Nadpis bez vety
      v mape M (napr. SK „Obľúbené šaty“) po skripte o riadok vety klesne – sú len nižšie na stránke. */
body.type-index .homepage-group-title.h4:not([data-pk]):not(:has(*)){color:#8A8C8E}
body.type-index .homepage-group-title.h4:not([data-pk]):not(:has(*))::before{content:"\a0";display:block;font:italic 600 1.0625rem/1.3 "Nunito Sans","Nunito",sans-serif;letter-spacing:0;margin-bottom:8px;visibility:hidden}
body.type-index .homepage-group-title.h4:not([data-pk]):not(:has(*))::after{content:"";display:block;height:22px;margin-top:12px;margin-bottom:18px}
@media (max-width:767px){
body.type-index .homepage-group-title.h4:not([data-pk]):not(:has(*))::before{font-size:.9375rem}
body.type-index .homepage-group-title.h4:not([data-pk]):not(:has(*))::after{height:20px;margin-top:10px}
}

/* 4) Karusely produktov (Novinky, Výpredaj, Obľúbené šaty …) pred slickom: 1 riadok s rozmermi slicku namiesto mriežky 2–4 stĺpcov
      (mobil: mriežka 2×4 = 1 400 px → karusel 533 px). Blok = celá šírka okna (margin −32/−20 px), odsadenie ako .slick-list,
      karta s odsadením ako .slick-slider .product. */
body.type-index .products-block:not(.slick-initialized){display:flex!important;flex-wrap:nowrap!important;align-items:flex-start;overflow:hidden!important;gap:0!important;box-sizing:border-box!important;width:auto!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:24px calc(50vw - 732px) 0!important}
body.type-index .products-block:not(.slick-initialized)>.product{flex:0 0 25%!important;width:25%!important;flex-basis:round(up,25%,1px)!important;width:round(up,25%,1px)!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;padding:12px 12px 0!important}
body.type-index .products-block:not(.slick-initialized)>.product:nth-child(n+5){opacity:0} /* neaktívne snímky sú na desktope opacity 0 */
@media (max-width:1504px){
body.type-index .products-block:not(.slick-initialized){width:calc(100% + 64px)!important;margin-left:-32px!important;margin-right:-32px!important;padding:24px 20px 0!important}
}
@media (max-width:1319.98px){
body.type-index .products-block:not(.slick-initialized)>.product{flex-basis:calc(100%/3)!important;width:calc(100%/3)!important;flex-basis:round(up,100%/3,1px)!important;width:round(up,100%/3,1px)!important} /* slick: šírka snímky = nahor zaokrúhlená tretina */
body.type-index .products-block:not(.slick-initialized)>.product:nth-child(n+4){opacity:0}
}
@media (max-width:894.98px){
body.type-index .products-block:not(.slick-initialized)>.product{flex-basis:50%!important;width:50%!important;flex-basis:round(up,50%,1px)!important;width:round(up,50%,1px)!important}
body.type-index .products-block:not(.slick-initialized)>.product:nth-child(n+3){opacity:0}
}
@media (max-width:767px){
body.type-index .products-block:not(.slick-initialized){width:calc(100% + 40px)!important;margin-left:-20px!important;margin-right:-20px!important;padding:12px 60px 0 12px!important}
body.type-index .products-block:not(.slick-initialized)>.product{padding:8px 8px 0!important}
body.type-index .products-block:not(.slick-initialized)>.product:nth-child(n){opacity:1} /* mobil: slick má všetky snímky viditeľné (kúsok ďalšej karty vpravo) */
}
@media (max-width:464.98px){
body.type-index .products-block:not(.slick-initialized)>.product{flex-basis:100%!important;width:100%!important;flex-basis:round(up,100%,1px)!important;width:round(up,100%,1px)!important}
}

/* 4b) CZ: farby pod kartou (.widget-parameter-wrapper, zoznam je na CZ skrytý inline štýlom) – mobil ich pred slickom skrýval (0 → 8 px)
       a „+ další“ bolo vidieť, kým ho Shoptet neprepočíta (.justified → .no-display; desktop 32 → 8 px). */
body.type-index main.content .products-block:not(.slick-initialized) .widget-parameter-wrapper{display:flex!important}
body.type-index main.content .products-block .widget-parameter-wrapper:not(.justified) .widget-parameter-more{display:none!important}

/* 5) „Naši zákazníci sú“ (.partners-slider, ~46 log): pred slickom (dmartini partners_slider(), len na titulke, až po načítaní) mal 10 000–12 000 px na výšku.
      Po slicku má vždy 182 px (10 + 1 + 160 + 1 + 10; najvyššie logo 150 px + 2×5 px) → 1 riadok s rovnakou výškou. */
body.type-index .partners-slider:not(.slick-initialized){display:flex!important;flex-wrap:nowrap!important;align-items:center;overflow:hidden!important;height:182px!important;box-sizing:border-box!important}
body.type-index .partners-slider:not(.slick-initialized)>a{flex:0 0 20%!important;width:20%!important;height:160px!important;padding:5px!important;box-sizing:border-box!important;display:flex!important;align-items:center;justify-content:center}
body.type-index .partners-slider:not(.slick-initialized)>a img{width:100%!important;height:100%!important;max-height:150px;object-fit:contain}
@media (max-width:1199.98px){body.type-index .partners-slider:not(.slick-initialized)>a{flex-basis:25%!important;width:25%!important}}
@media (max-width:991.98px){body.type-index .partners-slider:not(.slick-initialized)>a{flex-basis:calc(100%/3)!important;width:calc(100%/3)!important}}
@media (max-width:767.98px){body.type-index .partners-slider:not(.slick-initialized)>a{flex-basis:50%!important;width:50%!important}}

/* 6) Instagram v pätičke aj na počítači (v23 to rieši len do 767 px): 1 riadok 5/4 dlaždíc, odsadenie 36 px ako .slick-list. */
@media (min-width:768px){
body .instagram-widget:not(.slick-initialized){display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;padding:36px 0 0!important}
body .instagram-widget:not(.slick-initialized)>a{flex:0 0 calc(20% - 24px)!important;width:calc(20% - 24px)!important;max-width:none!important;margin:0 12px!important;padding:0!important;aspect-ratio:1/1!important}
}
@media (min-width:768px) and (max-width:991.98px){
body .instagram-widget:not(.slick-initialized)>a{flex-basis:calc(25% - 24px)!important;width:calc(25% - 24px)!important}
}

/* 7) Videá v banneroch („Šitie na mieru“ .custom-banner a „O nás“ .about-us-banner): script.js ich načíta až pri priblížení (lazy),
      HTML má width/height 464×736, skutočné video je 496×880 a 360×640 → pri skrolovaní video narastie o 62–73 px (a „O nás“ na šírku
      zúži 464 → 362 px) presne vtedy, keď ho zákazník vidí. Lab test (bez skrolovania) to nezachytí, zákazníci áno.
      Rovnaký pomer a šírka ako po načítaní videa (content-box + −2 px = rámik 1 px ako dnes). Pri výmene videa v banneri upraviť pomer. */
body.type-index .custom-banner .custom-banner__video{box-sizing:content-box!important;width:calc(100% - 2px)!important;height:auto!important;aspect-ratio:496/880}
body.type-index .about-us-banner .custom-banner__video{box-sizing:content-box!important;width:360px!important;max-width:calc(100% - 2px)!important;height:auto!important;aspect-ratio:9/16}

/* v25: titulka na mobile bez posunu do strany (.color-banner-img ul má width:calc(100% + 20px) z w-style) */
@media (max-width:767px){body.type-index .color-banner-img{overflow-x:clip}}

/* ===== v26: hodnotenie pri nadpise bez skoku (7. 10. 2026, podnet session rýchlosti) ===== */
@media (max-width:767px){
/* v26: hodnotenie pri nadpise bez skoku – o skrytí/vzhľade rozhodne CSS už pred skriptom (dovtedy ho skript zapínal triedami .pk-hv-0/.pk-hv-on až po defer → ~30 px posun nad nadpisom)
   bez hodnotení = žiadna plná ani polovičná hviezda (priemer je vždy aspoň 1,0); platí aj pred presunom agentúrnym critical.js (.p-detail-info) */
body.type-detail .p-detail-info>.stars-wrapper:not(:has(.star-on,.star-half)),
body.type-detail .p-info-wrapper>.stars-wrapper:not(:has(.star-on,.star-half)){display:none!important}
body.type-detail .p-info-wrapper>.stars-wrapper:has(.star-on,.star-half){position:relative;display:flex!important;align-items:center;gap:8px;height:auto!important;min-height:24px;margin-bottom:2px}
body.type-detail .p-info-wrapper>.stars-wrapper:has(.star-on,.star-half) .stars{width:auto!important;height:16px!important;margin:0!important;gap:2px!important}
body.type-detail .p-info-wrapper>.stars-wrapper:has(.star-on,.star-half) .stars .star{width:16px!important;height:16px!important;margin:0!important}
body.type-detail .p-info-wrapper>.stars-wrapper:has(.star-on,.star-half) .stars .star::before{width:16px!important;height:16px!important;font-size:16px!important;line-height:16px!important}
body.type-detail .p-info-wrapper>.stars-wrapper:has(.star-on,.star-half) a.stars-link{display:block;min-width:0;font-size:15px;line-height:20px;white-space:nowrap;overflow:hidden}
}

/* ===== 12) v26: pokladňa (7. 10. 2026) ===== */
/* k JS sekcii 12) v pk-mobil-v10.js. Len mobil; platby (v23 :has(>input:disabled)) ani dopravy sa neskrývajú, nič sa neposúva. */
@media (max-width:767px){
/* 12a) dátum pri doprave: v páse s logom dopravcu (logo 80 px vľavo, vpravo voľno) → riadok dopravy nie je vyšší */
body.ordering-process #order-shipping-methods .payment-logo:has(>.pk-po-dat){display:flex!important;align-items:center;gap:10px;min-width:0}
body.ordering-process #order-shipping-methods .payment-logo:has(>.pk-po-dat)>img{flex:0 0 auto}
body.ordering-process .pk-po-dat{display:flex;align-items:flex-start;gap:6px;min-width:0;flex:1 1 auto;margin:0;font-family:inherit;font-size:13px;line-height:17px;font-weight:400;color:#6b5a60;text-transform:none;letter-spacing:0;text-align:left;white-space:normal}
body.ordering-process .pk-po-dat svg{flex:0 0 15px;width:15px;height:15px;margin-top:1px;color:#E00D79}
body.ordering-process .pk-po-dat>span{min-width:0;overflow-wrap:anywhere}
body.ordering-process .pk-po-dat b,body.ordering-process .pk-po-dat>span{text-transform:none!important;letter-spacing:0}
body.ordering-process .pk-po-dat b{color:#230F15;font-weight:700;white-space:nowrap}
/* bez loga (osobný odber): samostatný riadok cez celú šírku pod názvom a cenou (label je flex-wrap) */
body.ordering-process #order-shipping-methods label>.pk-po-dat{flex:0 0 100%;order:9;margin-top:4px}

/* 12b) tip pod poľom (preklep v e-maile, PSČ Poľsko) – brand, nie chyba (chyby ostávajú Shoptetu, červené) */
body.ordering-process .pk-po-tip{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:8px 0 0;padding:8px 12px;border:1px solid #FAD7E8;border-radius:15px;background:#FEF5FA;color:#575555;font-size:15px;line-height:1.35}
body.ordering-process .pk-po-tip>span{min-width:0;flex:1 1 auto}
body.ordering-process .pk-po-tip b{color:#230F15;font-weight:700;overflow-wrap:anywhere}
body.ordering-process .pk-po-tip .pk-po-fix{min-height:36px;padding:0 16px;border:0;border-radius:50px;background:#ce3178;color:#fff;font-family:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer;position:relative}
body.ordering-process .pk-po-tip .pk-po-fix::after{content:"";position:absolute;inset:-4px -2px} /* dotyková plocha 44 px */
body.ordering-process .pk-po-tip .pk-po-fix:hover{background:#e00d79}

/* 12c) registrácia: SK/CZ – ostáva jedno políčko (Bonusový program Ellity „Registrovať sa a získať kredit“),
   duplicitné Shoptetu „Chcem sa registrovať“ skryté (je previazané – zaškrtne ho Ellity aj náš skript, odošle sa) */
body.ordering-process.pk-po-reg1 #order-form .form-group:has(>#set-registration){display:none!important}
/* veta Shoptetu „Informácie o registrácii Vám budú zaslané e-mailom“ bola len pri skrytom políčku → pod políčko Ellity (CSS, do DOM Ellity nič nevkladáme) */
html[lang="sk"] body.pk-po-reg1 .mehub-bonus-checkout-container .card-actions:has(#mehub-set-registration:checked)::after{content:"Prihlasovacie údaje vám pošleme e\2011mailom."}
html[lang="cs"] body.pk-po-reg1 .mehub-bonus-checkout-container .card-actions:has(#mehub-set-registration:checked)::after{content:"Přihlašovací údaje vám pošleme e\2011mailem."}
html[lang="hu"] body.pk-po-reg1 .mehub-bonus-checkout-container .card-actions:has(#mehub-set-registration:checked)::after{content:"A belépési adatokat e\2011mailben küldjük el."}
html[lang="pl"] body.pk-po-reg1 .mehub-bonus-checkout-container .card-actions:has(#mehub-set-registration:checked)::after{content:"Dane do logowania wyślemy e\2011mailem."}
/* pseudo-prvok kontajnera (label::before/::after kreslí Shoptet zaškrtávacie políčko – ten nemeníme) */
body.pk-po-reg1 .mehub-bonus-checkout-container .card-actions:has(#mehub-set-registration:checked){flex-wrap:wrap}
body.pk-po-reg1 .mehub-bonus-checkout-container .card-actions:has(#mehub-set-registration:checked)::after{display:block;flex:0 0 100%;box-sizing:border-box;margin:4px 0 0;padding-left:28px;font-size:13px;line-height:17px;font-weight:400;color:#6b5a60}  /* padding, nie margin – inak 100 % + 28 px pretečie za kartu */
}
@media (min-width:768px){body .pk-po-dat,body .pk-po-tip{display:none!important}}

/* ===== 13) v26: detail – SizeID ako panel zdola, dotykové plochy 44 px, názov farby, sumy poukazu, lišta pri písaní (7. 10. 2026; JS pk-mobil-v10.js sekcia 13) ===== */
.pk-de-sv{display:none}
/* 13a) okno SizeID: SizeID samo do 600 px roztiahne okno na celú obrazovku bez pozadia (#__sizeid-modal-inner height:100%).
   Panel zdola 92 % výšky ako „Kúpiť teraz“ a panel veľkostí: hore vidno stmavený produkt, ťuk naň okno zavrie (ich vlastný onModalClick).
   Len ich ID a trieda na <html>; keď SizeID zmení značky, pravidlá sa neuplatnia a okno bude ako dnes. */
@media (max-width:600px){
html.__sizeid-has-sizeid #__sizeid-modal{top:0!important;background:rgba(35,15,21,.45);opacity:0;transition:opacity .25s ease!important}
html.__sizeid-has-sizeid.__sizeid-modal-in #__sizeid-modal{opacity:1}
html.__sizeid-has-sizeid #__sizeid-modal #__sizeid-modal-inner{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;height:92%!important;max-height:none!important;border-radius:20px 20px 0 0!important;overflow:hidden!important;box-shadow:0 -12px 40px rgba(35,15,21,.22)!important;transform:translateY(100%);transition:transform .3s ease!important}
html.__sizeid-has-sizeid.__sizeid-modal-in #__sizeid-modal #__sizeid-modal-inner{transform:none}
html.__sizeid-has-sizeid #__sizeid-modal #__sizeid-modal-inner #__sizeid-modal-iframe{border-radius:20px 20px 0 0!important}
}
@media (max-width:767px){
/* 13b) dotykové plochy 44×44 – vzhľad sa nemení, plochu dáva priehľadný ::after (ťuk na pseudo-prvok = ťuk na prvok) */
body .question-tooltip{position:relative}
body .question-tooltip::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%}
body .dkLabFavouriteProductDiv .dkLabFavProductSpan{position:relative}
body .dkLabFavouriteProductDiv .dkLabFavProductSpan::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%}
body #dkLabFavDetailSpan{position:relative}
body #dkLabFavDetailSpan::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;margin-top:-22px}
body .p-info-wrapper .size-table-link.pk-sizeid-link{position:relative}
body .p-info-wrapper .size-table-link.pk-sizeid-link::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;margin-top:-22px}
/* vysvetlivka „?“ v brande (Bootstrap tooltip Shoptetu je čierny, text na stred) */
body .tooltip .tooltip-inner{max-width:300px;padding:12px 14px;border:1px solid #FAD7E8;border-radius:15px;background:#fff;color:#575555;font-family:"Nunito Sans",Nunito,sans-serif;font-size:14px;line-height:1.45;text-align:left;box-shadow:0 8px 24px rgba(35,15,21,.14)}
body .tooltip.top .tooltip-arrow{border-top-color:#FAD7E8}
body .tooltip.bottom .tooltip-arrow{border-bottom-color:#FAD7E8}
body .tooltip.in{opacity:1}
/* 13c) „Farba: Svetlý tyrkys“ v nadpise riadku farieb */
body .p-info-wrapper th .pk-de-fn{font-weight:700;color:#230F15;overflow-wrap:anywhere}
body .p-info-wrapper th .pk-de-fn::before{content:": ";font-weight:500}
/* 13d) poukaz – sumy ako textové voľby (ako čipy veľkostí), aktuálna plná ružová; obrázky a zelený rám preč */
body .p-info-wrapper .c-product-interconnection-detail-params.pk-de-sumy{display:block!important;margin:16px 0!important}
body .pk-de-sumy .c-product-interconnection-detail-params__type{display:block!important;width:auto!important;max-width:none!important;flex:none!important;white-space:nowrap;margin:0 0 8px!important;padding:0!important;font-family:Montserrat,sans-serif;font-size:16px!important;line-height:24px;font-weight:500;color:#230F15!important}
body .pk-de-sumy .c-product-interconnection-detail-params__products{display:flex!important;flex-wrap:wrap;gap:8px;width:auto!important;margin:0!important}
body .pk-de-sumy .c-product-interconnection-detail-params__products>a{display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;text-decoration:none!important}
body .pk-de-sumy .item-type-img,body .pk-de-sumy .item-label{display:none!important}
body .pk-de-sumy .pk-de-sv{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:72px;height:44px;padding:0 18px;border:1px solid #FAD7E8;border-radius:22px;background:#fff;color:#230F15;font-family:"Nunito Sans",Nunito,sans-serif;font-size:16px;font-weight:700;white-space:nowrap}
body .pk-de-sumy a.is-current .pk-de-sv{background:#E00D79;border-color:#E00D79;color:#fff}
/* 13f) lišta pri písaní preč (inak visí nad klávesnicou a zakrýva polia mier) */
body.pk-de-pise #pk-lista.on{transform:translateY(110%)}
}

/* ===== 14) v26: vyhľadávanie a kategória na mobile (pk-mobil-v10.js, sekcia 14) – predpony pk-vy- / pk-ka-, desktop bez zmeny */
.pk-vy-nic,.pk-vy-okno,.pk-ka-lista{display:none}
@media (max-width:767px){
/* a) prázdny výsledok vyhľadávania */
.pk-vy-nic{display:block;box-sizing:border-box;max-width:100%;margin:16px 0 28px;padding:20px 16px;background:#fff;border:1px solid #fad7e8;border-radius:20px;color:#575555;font-size:15px;line-height:1.45}
.pk-vy-nic .pk-vy-nadpis{font-family:Montserrat,sans-serif;font-weight:500;font-size:19px;line-height:1.3;color:#575555;margin:0 0 10px}
.pk-vy-nic .pk-vy-tip{margin:0 0 12px;font-size:15px}
.pk-vy-mys{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.pk-vy-mys-t{font-weight:700}
.pk-vy-mys .pk-vy-cipy{margin:0}
.pk-vy-pod{font-family:Montserrat,sans-serif;font-weight:500;font-size:15px;color:#575555;margin:18px 0 10px}
.pk-vy-cipy{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
html body a.pk-vy-cip{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 16px;border:1px solid #fad7e8;border-radius:50px;background:#fef5fa;color:#575555;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
html body a.pk-vy-cip:hover,html body a.pk-vy-cip:active{border-color:#ce3178;color:#ce3178}
html body a.pk-vy-cip.pk-vy-cip-hl{background:#ce3178;border-color:#ce3178;color:#fff}
html body a.pk-vy-cip.pk-vy-cip-hl:hover{background:#e00d79;color:#fff}
html body a.pk-vy-cip.pk-vy-cip-vse{background:#fff;color:#ce3178;border-color:#ce3178}
html body .pk-vy-upr{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:0;border-radius:50px;background:#ce3178;color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
html body .pk-vy-upr:hover{background:#e00d79}
.pk-vy-kontakt{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
html body a.pk-vy-kont{display:inline-flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;padding:0 16px 0 12px;border:1px solid #fad7e8;border-radius:50px;background:#fff;color:#ce3178;font-size:15px;font-weight:700;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
html body a.pk-vy-kont::before{content:"";flex:0 0 20px;width:20px;height:20px;background:#ce3178;-webkit-mask:var(--pk-vy-ik) center/20px 20px no-repeat;mask:var(--pk-vy-ik) center/20px 20px no-repeat}
a.pk-vy-mail{--pk-vy-ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' d='M3 6h18v12H3zM3 7l9 6 9-6'/%3E%3C/svg%3E")}
a.pk-vy-tel{--pk-vy-ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' d='M5 3h4l2 5-3 2a12 12 0 0 0 6 6l2-3 5 2v4a2 2 0 0 1-2 2A17 17 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}
/* prázdny výsledok: newsletter pod blokom netlačiť hneď pod hlášku */
body.pk-vy-prazdne #products-found .search-products-heading{margin-bottom:0}

/* b) otvorené vyhľadávanie bez textu – čipy pod poľom (pri 3+ znakoch ich nahradí našepkávač) */
body.search-window-visible .pk-vy-okno:not([hidden]){display:block;box-sizing:border-box;width:100%;padding:4px 16px 16px;background:#fef5fa;border-radius:0 0 20px 20px;box-shadow:0 12px 24px rgba(87,85,85,.12)}
.pk-vy-okno .pk-vy-pod{margin:12px 0 10px}

/* c) našepkávač – ružový podklad, kým miniatúra nie je načítaná (načítaná = data-pk-vy-ok, priehľadné PNG potom bez podkladu) */
.search-whisperer .search-whisperer-image img:not([data-pk-vy-ok]){background:#f9e8f1;border-radius:12px}

/* d) kategória – lišta [Filtrovať (n)] [radenie] hneď nad produktmi; pôvodné tlačidlo a záložky radenia skryté (lišta na ne kliká) */
/* bez skoku pri načítaní: konečné rozloženie platí od prvého vykreslenia (nie až po triede zo skriptu – CLS kategórie bol 0,009 → 0,128),
   miesto pre lištu (44 px + 10 px) je rezervované, kým ju skript nevloží; .pk-ka-off (nič na filtrovanie ani radenie) vráti pôvodný stav.
   Riziko: keby sa pk-mobil-v10.js vôbec nenačítal, pôvodné tlačidlo filtrov by bolo na mobile skryté. */
body.type-category:not(.pk-ka-off) .category-content-wrapper:not(:has(>.pk-ka-lista)){padding-top:54px}
body.type-category:not(.pk-ka-off) #content-wrapper{margin-top:20px!important}
.pk-ka-lista{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin:0 0 10px;min-width:0}
.pk-ka-lista>*{min-width:0}
html body .pk-ka-filtr{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;margin:0;padding:0 18px 0 16px;box-sizing:border-box;border:0;border-radius:50px;background:#ce3178;color:#fff;font-family:inherit;font-size:16px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;overflow:hidden}
html body .pk-ka-filtr:hover{background:#e00d79}
html body .pk-ka-filtr.pk-ka-otv{background:#e00d79}
.pk-ka-filtr{grid-column:1;grid-row:1}html body select.pk-ka-radenie{grid-column:2;grid-row:1}
.pk-ka-lista:has(.pk-ka-filtr[hidden]) .pk-ka-radenie{grid-column:1/-1}
.pk-ka-filtr svg{flex:0 0 20px}
.pk-ka-filtr-t{overflow:hidden;text-overflow:ellipsis}
.pk-ka-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:50px;background:#fff;color:#ce3178;font-size:13px;font-weight:800}
.pk-ka-n[hidden],.pk-ka-filtr[hidden],.pk-ka-radenie[hidden]{display:none!important}
html body select.pk-ka-radenie{display:block;width:100%;height:44px;margin:0;padding:0 34px 0 38px;box-sizing:border-box;border:1px solid #fad7e8;border-radius:50px;color:#575555;font-family:inherit;font-size:16px;font-weight:600;line-height:42px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ce3178' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7 4v16M3 8l4-4 4 4M17 20V4M13 16l4 4 4-4'/%3E%3C/svg%3E") no-repeat 13px center/18px 18px}
.pk-ka-lista::after{content:"";pointer-events:none;grid-column:1/-1;grid-row:1;justify-self:end;width:12px;height:8px;margin-right:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23ce3178' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat center/12px 8px}
.pk-ka-lista:has(.pk-ka-radenie[hidden])::after{display:none}
html body select.pk-ka-radenie:focus{outline:none;border-color:#ce3178;box-shadow:0 0 0 3px #f9e8f1}
body.type-category:not(.pk-ka-off) #filters-wrapper .btn-show-filters{display:none!important}
body.type-category:not(.pk-ka-off) .filters-wrapper.--show-filters{margin:0 0 12px;border-top:1px solid #fad7e8!important;border-radius:15px!important} /* agentúra: tlačidlo + panel = jedna karta; tlačidlo je skryté → panel dostane vlastný horný okraj */
html body.type-category:not(.pk-ka-off) .category-header .listSorting.js-listSorting{display:none!important}
body.type-category:not(.pk-ka-off) #category-header{margin:0 0 10px!important;padding:0!important;min-height:0!important;border:0!important}
body.type-category:not(.pk-ka-off) #category-header .listItemsTotal{font-size:14px;line-height:20px;color:#a5a5a5;margin:0;padding:0}
body.type-category:not(.pk-ka-off) #category-header .listItemsTotal strong{color:#575555}
}

/* ===== 15) v10/v26: pätička a brand (7. 10. 2026) =====
   Len CSS, žiadny skript. Všetko len do 767 px (počítač sa nemení; štítky B sa dajú rovnako dať aj na počítač, ak Dominik chce jednotnú farbu všade).
   Nemení rozloženie: poradie polí vnútri bloku newslettera s pevnou výškou 660 px, farby, rohy. */

@media (max-width:767px){
/* A) Newsletter v pätičke (formulár Shoptetu #formNewsletterWidget, všetky 4 trhy).
   Príčina: agentúrne style.min.css – `.custom-footer__newsletter fieldset button.btn{order:2}` a `div:not(.validator-msg-holder){order:3}`.
   Po aktualizácii formulárov Shoptetu e-mail nie je v .validator-msg-holder, ale v div.smart-label-wrapper → dostal order 3 a tlačidlo
   skočilo nad pole; captcha (CZ/HU) je <fieldset> bez order → úplne navrch (captcha → tlačidlo → e-mail → súhlas).
   Nové poradie: e-mail → captcha (CZ/HU) → tlačidlo → veta o ochrane údajov (viditeľná hneď pod tlačidlom). Captcha ostáva. */
body .custom-footer__newsletter{height:auto!important;min-height:660px} /* poistka: obsah nikdy nepretečie (dnes sa zmestí, výška ostáva 660 px) */
body .custom-footer__newsletter .subscribe-form fieldset>.form-group.smart-label-wrapper,
body .custom-footer__newsletter .subscribe-form fieldset>fieldset{order:1!important}
body .custom-footer__newsletter .subscribe-form fieldset>button.btn{order:2!important}
body .custom-footer__newsletter .subscribe-form fieldset>.form-group.consents{order:3!important}
/* pole: brandové rohy 15 px, 48 px, písmo 16 px (iPhone nezoomuje) */
body .custom-footer__newsletter .subscribe-form input.form-control{min-height:48px;border-radius:15px!important;border-color:#FAD7E8!important;font-size:16px!important}
body .custom-footer__newsletter .subscribe-form input.form-control:focus{border-color:#E00D79!important;box-shadow:0 0 0 3px rgba(224,13,121,.18)!important;outline:0}
/* tlačidlo: plné, plne zaoblené, text v strede, 48 px */
body .custom-footer__newsletter .subscribe-form fieldset>button.btn{width:100%;min-height:48px;justify-content:center;align-items:center;border-radius:999px!important;background:#E00D79!important;border-color:#E00D79!important;color:#fff!important;font-weight:700;font-size:16px;letter-spacing:0;text-transform:none}
/* captcha (CZ/HU): bez ikonky obálky (agentúra ju dáva každému input.form-control), nadpis menší a čitateľný na fialovom pozadí */
body .custom-footer__newsletter #newsletterWidgetCaptcha{background-image:none!important;padding-left:16px!important;width:100%!important;max-width:none}
/* captcha: nadpis, pokyn na celú šírku, pod ním obrázok vľavo a pole vpravo v jednom riadku (blok ostáva 660 px).
   Obal pokynu a poľa (.smart-label-wrapper) je display:contents, aby pokyn mohol ísť na vlastný riadok; vnútri bez agentúrneho order. */
body .custom-footer__newsletter .subscribe-form fieldset.box{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:6px;margin:0;padding:0;border:0;background:transparent;min-width:0}
body .custom-footer__newsletter .subscribe-form fieldset.box>h2{order:0!important;flex:0 0 100%}
body .custom-footer__newsletter .subscribe-form fieldset.box>.smart-label-wrapper{display:contents!important}
body .custom-footer__newsletter .subscribe-form fieldset.box>.smart-label-wrapper>label{order:1;flex:0 0 100%;margin:0;text-align:left}
body .custom-footer__newsletter .subscribe-form fieldset.box>.captcha-image{order:2!important;flex:0 0 auto;width:auto!important;margin:0}
body .custom-footer__newsletter .subscribe-form fieldset.box>.smart-label-wrapper>.form-control-wrapper{order:3;flex:1 1 100px;min-width:0;position:relative}
body .custom-footer__newsletter .subscribe-form fieldset.box h2{font-size:15px;line-height:1.3;font-weight:600;color:#fff;margin:0}
body .custom-footer__newsletter .captcha-image img{border-radius:10px}
/* kontrast: veta pod nadpisom a veta o ochrane údajov boli tmavé #230F15 na fialovej #59589C (2,9 : 1) a cez fotku → biele (6,4 : 1) */
body .custom-footer__newsletter .newsletter-header p{color:#fff}
body .custom-footer__newsletter .subscribe-form .consents p.label{color:#fff;text-shadow:0 1px 3px rgba(35,15,21,.65)}
body .custom-footer__newsletter .subscribe-form .consents p.label a{color:#fff!important;font-weight:700;text-decoration:underline}
body .custom-footer__newsletter .subscribe-form .smart-label-wrapper>label{text-shadow:0 1px 3px rgba(35,15,21,.65)}
body .custom-footer__newsletter .subscribe-form .msg-error{color:#fff!important;font-weight:700;text-shadow:0 1px 3px rgba(35,15,21,.75)} /* červená Shoptetu na fialovej nebola čitateľná; červená ikonka ostáva */
}

@media (max-width:767px){
/* B) Štítky na produktoch („−8 %“, „Novinka“): šablóna ich farbí premennými --colors-tags-blue / --colors-tags-green,
      ktoré sú nastavené na agentúrnu modrofialovú #6171c7 (SK/CZ titulka a kategória), rohy 5 px.
      → brandová magenta a plne zaoblený štítok ako „−X %“ pri cene na detaile (v19). Ostatné vlastné štítky z adminu (napr.
      SK „pranie 90 °C“, #CCC) majú farbu z adminu – menia sa len rohy; farbu treba opraviť v admine. */
body .flags .flag.flag-discount{background-color:#E00D79!important;color:#fff!important}
/* „Novinka“: SK vlastný štítok z adminu má svetlosivú #CCC s bielym textom (kontrast 1,6 : 1), CZ systémový flag-new #6171c7
   → biely štítok s magentovým textom (4,9 : 1), aby sa nebil so zľavou */
body .flags .flag.flag-new,body .flags .flag.flag-novinka{background-color:#fff!important;color:#E00D79!important;box-shadow:inset 0 0 0 1px #FAD7E8}
body .flags-default .flag{border-radius:999px!important;padding-left:.75em!important;padding-right:.75em!important}
}

@media (max-width:767px){
/* C) Tlačidlá v obsahu titulky, kategórie a pätičky: agentúrne rohy 10 px → plne zaoblené (brand: tlačidlá 50 px).
      Len rohy – veľkosť, farba a poloha sa nemenia. Tlačidlá košíka, detailu a pokladne riešia ich vlastné návrhy. */
body a.btn.btn-custom,body button.btn.btn-custom,body a.blogs__link.btn,body a.news-item__link.btn,
body .adv-banner .adv-banner__btn,body .adv-banner .adv-banner__link,body .add-comment .btn{border-radius:999px!important}
}