/* Presunute zo Zahlavia (HTML kod) 8.8.2026 */

html{box-sizing:border-box;font-synthesis:none}*,*:before,*:after{box-sizing:inherit}body{margin:0}img,video{max-width:100%;height:auto;display:block}header,main,footer{display:block}[class^=icon-],[class*=" icon-"]{font-family:shoptet-font!important}body.type-index .carousel:not(.is-ready) .carousel-item{display:none}body.type-index .carousel:not(.is-ready) .carousel-item:first-child{display:block}body.type-index .carousel .carousel-item img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16/9;}@media(max-width:767px){body.type-index .carousel .carousel-item img{aspect-ratio:516/429;}}#header,#header .navigation-wrapper,#header .header-top{border-radius:20px!important}body.type-index .homepage-box.before-carousel{padding-top:14px!important;margin-top:0!important}body.type-index #header .header-top{margin-bottom:14px!important}.back-to-top{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M5 14l7-7 7 7'/%3E%3C/svg%3E") center/46% no-repeat!important;transform:none!important;opacity:1!important;border-color:rgba(255,255,255,.85)!important}span.podpis,.copyright .podpis,#footer .podpis,.footer-bottom .podpis{display:none!important;visibility:hidden!important;font-size:0!important}.nahoru,.scroll-top,.scroll-to-top,.to-top,.back-to-top,#toTop,.js-scroll-top,.scroll-up{color:#ffffff!important;border-color:rgba(255,255,255,.8)!important;fill:#ffffff!important}@media(min-width:768px){body .top-navigation-bar > .container{background:var(--color-primary);border-radius:10px;color:#FFF;padding-left:40px;padding-right:40px;margin-top:14px;margin-bottom:7px;}}

.type-detail .basic-description{width:100%;}.type-detail .basic-description div,.type-detail .basic-description h2,.type-detail .basic-description h3,.type-detail .basic-description h4,.type-detail .basic-description p{max-width:100%;}

div.top-navigation-bar select,div.top-navigation-bar option,div.top-navigation-bar input,div.top-navigation-bar .currency,div.top-navigation-bar .currency *,div.top-navigation-bar [class*="currency"],div.top-navigation-bar [class*="currency"] *{color:#3a291d !important;fill:#3a291d !important;}

#footer,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,#footer p,#footer span,#footer li,#footer div,#footer a{color:#ffffff !important;}#footer a:hover{color:#d4a574 !important;text-decoration:none;}#footer .social-icons:not(.contact-socials) a,#footer [class*="social"]:not(.contact-socials):not(.contact-socials *) a,#footer .icon-youtube,#footer .icon-tiktok{color:#ffffff !important;fill:#ffffff !important;opacity:1 !important;}#footer{border-radius:20px 20px 0 0 !important;overflow:hidden;}#footer h3:after,#footer h4:after,#footer .footer-title:after{background:rgba(255,255,255,0.3) !important;}

#footer .custom-footer h3.pageElement__heading,#footer .custom-footer h3.pageElement__heading span,#footer .custom-footer .banner h4,#footer .custom-footer .banner h4 span{font-size:17px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;line-height:1.3!important;}#footer .custom-footer h3.pageElement__heading,#footer .custom-footer .banner h4{margin:0 0 20px!important;padding:0!important;}#footer .custom-footer address,#footer .custom-footer li,#footer .custom-footer a,#footer .custom-footer p{font-size:15px!important;line-height:1.9!important;}#footer .custom-footer address{font-style:normal!important;margin:0!important;}#footer .custom-footer ul{margin:0!important;padding:0!important;list-style:none!important;}#footer .custom-footer li{margin:0 0 12px!important;}#footer .custom-footer .banner,#footer .custom-footer .banner-wrapper{margin:0!important;padding:0!important;}#footer .custom-footer .ico-dic{color:rgba(255,255,255,.6)!important;font-size:13px!important;display:block;margin-top:12px;}#footer .footer-bottom,#footer .footer-bottom a,#footer .copyright{font-size:12px!important;}#footer .custom-footer{padding-bottom:0!important;margin-bottom:0!important;}#footer .footer-rows{padding-bottom:24px!important;}#footer .footer-links-icons{margin:0!important;padding:0 0 8px!important;}#footer .footer-bottom{padding-top:10px!important;}#footer .custom-footer__banner2,#footer .custom-footer__contact,#footer .custom-footer__articles,#footer .custom-footer__banner6{padding-top:60px!important;}#footer .custom-footer .contact-socials a,#footer .contact-socials a{font-size:0!important;line-height:0!important;}#footer .contact-socials li{margin:0 8px 0 0!important;display:inline-block!important;}

/* CLS fix cookie listy, 8.9.2026 - .siteCookies ma v sablone box-shadow so spreadom 50vw,
   takze vizualny ramec prvku pokryva celu obrazovku a kazdy jeho posun o par px sa pocita
   ako celoobrazovkovy layout shift (Lighthouse: 0,175 z 0,362 CLS na /zrnkova-kava/).
   Stmavenie pozadia presunute do ::after, ktore ramec prvku nezvacsuje. */
.siteCookies{box-shadow:none!important}
.siteCookies::after{content:none!important}
/* 9.9.2026 v2: .siteCookies má transform:translateX(-50%), čím sa stáva containing blockom
   pre position:fixed potomkov — prekrytie sa preto hýbalo s lištou (PSI: 0,058).
   Presunuté na body::after, ktoré transform nemá a je viazané na viewport. */
body:has(.js-siteCookies)::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:998;pointer-events:none}


/* Objednávka: skryť hlavné menu kategórií, aby ľudia nevypadávali z lievika, 9.9.2026
   Clarity: 21 % ťuknutí na kroku 1 išlo do hornej navigácie, nie na „Pokračovať“.
   V košíku (.in-kosik) menu zostáva — rozhodnutie MZ 9.9.2026. */
body.ordering-process:not(.in-kosik) #navigation,
body.ordering-process:not(.in-kosik) .menu-helper{display:none!important}
/* 10.9.2026 MZ: presunuté zo Záhlavia (inline <style> z 14.8.2026) — uvoľnenie miesta v poli (limit 8 KiB) */
/* CLS Satisflow 14.8. — rezerva miesta pre fotorecenzie */
body.type-index #footer::before{content:"";display:block;min-height:726px}body.type-index div[data-sf-id]+#footer::before{content:none}body.type-product #content::after{content:"";display:block;min-height:722px}body.type-product #content:has(> div[data-sf-id])::after{content:none}
/* UX odberne miesto 14.8. — vyrazne tlacidlo vyberu vydajneho miesta */
.radio-wrapper input.choose-branch:checked+label .new-gen-choose a{display:inline-block;background:#c0392b;color:#fff !important;padding:8px 18px;border-radius:6px;font-weight:700;text-decoration:none;margin-top:6px;animation:cibranch 1.6s infinite}@keyframes cibranch{0%,100%{box-shadow:0 0 0 0 rgba(192,57,43,.45)}50%{box-shadow:0 0 0 9px rgba(192,57,43,0)}}
/* UX vikend 14.8. — poznamka pri termine dorucenia */
.delivery-line::after{content:" (cez víkend nedoručujeme)";color:#8a8a8a;font-size:.85em}


/* ============================================================
   CAFFEITALIANO – mobilný detail produktu, VŠETKY PRODUKTY (rozšírenie pilotu z ID 554), MZ 2026-09-15
   Návrh 14k/15e, verzia pilot-3 (bez riadkov doprava/vrátenie – rozhodnutie MZ 15. 9.). Len mobil ≤ 767 px. Späť: v záhlaví vrátiť
   header-styles.css?v=7 a v pätičke zmazať riadok cit-pdp4.js.
   ============================================================ */
@media (max-width:767px){
  /* B – omrvinky bez názvu produktu, menší nadpis */
  body.type-product .breadcrumbs-wrapper .breadcrumbs>span:last-child,
  body.type-product .breadcrumbs-wrapper .breadcrumbs>span:nth-last-child(2) .navigation-bullet{display:none}
  body.type-product .breadcrumbs-wrapper{padding-top:10px!important;padding-bottom:6px!important}
  body.type-product .p-detail-inner-header h1{font-size:22px;line-height:1.25;margin-bottom:6px}
  body.type-product .p-detail-inner-header .p-code{font-size:12px;margin:4px 0 0}
  body.type-product .product-top .p-detail-info{margin:6px 0 0}
  body.type-product .product-top .p-detail-info .stars-wrapper{margin-bottom:4px}

  /* D – nákupný box hneď pod fotkou, potom uzávierka, potom popis */
  body.type-product .p-info-wrapper .price-line{order:-2;margin-top:6px}
  body.type-product .p-info-wrapper .ci-exp{order:-1}


  /* E – výhody (benefitBanner) ako kompaktný zoznam namiesto 4 boxov */
  body.type-product .benefitBanner.position--benefitProduct{padding:8px 0 4px;gap:0;margin:8px 0 14px}
  body.type-product .benefitBanner.position--benefitProduct .benefitBanner__item{padding:0;margin:5px 0!important;height:auto;align-items:center}
  body.type-product .benefitBanner.position--benefitProduct .benefitBanner__picture{width:28px;min-width:28px}
  body.type-product .benefitBanner.position--benefitProduct .benefitBanner__img{width:24px;height:24px}
  body.type-product .benefitBanner.position--benefitProduct .benefitBanner__title,
  body.type-product .benefitBanner.position--benefitProduct .benefitBanner__data{display:inline;font-size:14px;line-height:1.3}
  body.type-product .benefitBanner.position--benefitProduct .benefitBanner__title::after{content:" – ";font-weight:400}

  /* G – sekcie pod sebou namiesto záložiek Popis | Podobné */
  body.type-product .p-detail-tabs-wrapper .shp-tabs-holder,
  body.type-product .p-detail-tabs-wrapper .navigation-btn,
  body.type-product .p-detail-tabs-wrapper .hidden-links{display:none!important}
  body.type-product .p-detail-tabs-wrapper .tab-content>.tab-pane{display:block!important;opacity:1!important;visibility:visible;height:auto}
  body.type-product .cit-tab-h{font-size:20px;line-height:1.25;color:#51291f;margin:28px 0 12px}

  /* Lepiaca lišta s cenou: v pilote VYNECHANÁ – dole na mobile už sú kvíz „Neviete, akú?", bublina chatu
     a informačný pruh Shoptetu; ďalší pevný prvok by tlačidlo prekryl. Rozhodnutie MZ (15e bod 2). */
}


/* ============================================================
   CAFFEITALIANO – globálne úpravy podľa MZ 15. 9. 2026
   1) mobil ≤ 767 px: hlavička bez zaoblenia (pravidlo border-radius:20px zo 8. 8. 2026 ostáva len pre desktop)
   2) mobil + desktop: plávajúci „Kávový kvíz" (.kk-cta) skrytý na detaile produktu a v košíku
   3) mobil + desktop: chat Chaterimo na detaile produktu bez textovej bubliny „Poradíme s kávou" (ikona ostáva)
   ============================================================ */
@media (max-width:767px){
  #header,#header .navigation-wrapper,#header .header-top{border-radius:0!important}
}
/* 2) + 3) platia pre mobil aj desktop (rozhodnutie MZ 15. 9., 11:0x) */
body.type-product .kk-cta,body.type-cart .kk-cta,body.ordering-process .kk-cta,body.in-kosik .kk-cta{display:none!important}
body.type-product #cwsx-chat-text{display:none!important}


/* ============================================================
   Poradie prvkov detailu bez presunu DOM (všetky produkty) (MZ 15. 9. 2026, po meraní CLS):
   nadpis → hodnotenie + značka → fotka → kód → nákupný box. Obaly (hlavička detailu, formulár,
   .product-top a jeho stĺpec) dostanú display:contents, poradie určuje `order` na .p-detail-inner.
   Platí od prvého vykreslenia → žiadny posun obrázka (predtým shift 0,19 pri presune cez JS).
   ============================================================ */
@media (max-width:767px){
  body.type-product .p-detail-inner{display:flex;flex-direction:column}
  body.type-product .p-detail-inner-header,
  body.type-product .p-detail-inner>form.pr-action,
  body.type-product .p-detail-inner .product-top,
  body.type-product .p-detail-inner .product-top>.col-xs-12:not(.p-info-wrapper){display:contents}
  body.type-product .p-detail-inner h1{order:0}
  body.type-product .p-detail-inner .p-detail-info{order:1;margin:2px 0 10px}
  body.type-product .p-detail-inner .p-image-wrapper{order:2}
  body.type-product .p-detail-inner .p-code{order:3;margin:4px 0 0}
  body.type-product .p-detail-inner .p-info-wrapper{order:4;width:100%;max-width:100%;padding-left:0;padding-right:0}
  body.type-product .p-detail-inner>form.pr-action>*:not(.product-top){order:5}
}