/* titulka-a-vypis-produktov.css — vlastné CSS Perličky pre titulnú stránku a výpis produktov (SK, CZ, HU rovnaké)
   Verzia 3 — 21.09.2026 (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{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}}