/* 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"]){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"]){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}