/* ZAMIDOG: vzhled celého webu (načítá se v Záhlaví) */

/* PÍSMO 13 PX (celý web) */
.price small, .price-final small, .prices small { font-size: 13px !important; }
.listSorting__control, .listSorting a, .listSorting button { font-size: 13px !important; }
.breadcrumbs, .breadcrumbs a, .breadcrumbs span { font-size: 13px !important; }
#zamidog-kontakt-box > div:first-child > div, #zamidog-kontakt-box > div:first-child > div > span, #zamidog-kontakt-box > div:last-child > div:last-child { font-size: 13px !important; }
.zd-video-kdo { font-size: 13px !important; }
#sf-widget-brand, #sf-widget-brand span, .sf-widget-brand-link { font-size: 13px !important; }

/* ZAOBLENÉ ROHY: obrázky, karty, bannery a tlačítka na celém webu */
html:root body .wide-carousel img,
html:root body .wide-carousel .carousel-inner,
html:root body .wide-carousel .item,
html:root body .zc-card,
html:root body .zc-card img,
html:root body #zamidog-cilovka-wrapper a,
html:root body #zamidog-cilovka-wrapper img,
html:root body #zc-autumn-banners a,
html:root body #zc-autumn-banners img,
html:root body #zc-video,
html:root body #zc-video video,
html:root body .footer-banner img,
html:root body .zd-insta-dlazdice,
html:root body .zd-insta-dlazdice img { border-radius: 16px !important; overflow: hidden; }

html:root body .zc-review-card,
html:root body #zc-heureka-strip .zc-review-card,
html:root body .zc-item,
html:root body .zc-item img,
html:root body .benefitBanner__item,
html:root body .products .product .p,
html:root body .product .p .image,
html:root body .product .p .image img,
html:root body .p-image,
html:root body .p-image img,
html:root body .zd-gal-box,
html:root body .zd-gal-nahled,
html:root body .zd-gal-nahled img,
html:root body .zd-gal-horni > .p-image,
html:root body .category-header,
html:root body .subcategories li a,
html:root body .votes-wrap > .vote-wrap,
html:root body .zd-popis img,
html:root body .zd-popis .zamidog-video-facade,
html:root body .zd-popis .zd-velke-video { border-radius: 12px !important; }
html:root body .zc-item, html:root body .products .product .p, html:root body .zd-gal-nahled, html:root body .zd-gal-box, html:root body .zd-gal-horni > .p-image { overflow: hidden; }

html:root body .btn,
html:root body button.btn,
html:root body a.btn,
html:root body .zc-intro-btn,
html:root body .zc-video-btn,
html:root body input[type="text"],
html:root body input[type="email"],
html:root body input[type="tel"],
html:root body input[type="search"],
html:root body select,
html:root body textarea,
html:root body .zd-hodn-box,
html:root body .zd-cr-stitek,
html:root body #zd-lista .zd-lista-btn { border-radius: 10px !important; }

/* HLAVNÍ STRÁNKA: obsah pod úvodním bannerem se ukáže až po přeskládání, aby stránka neposkakovala */
@keyframes zcUkaz { to { visibility: visible; } }
body.type-index:not(.zc-hotovo) .container--bannersBenefit,
body.type-index:not(.zc-hotovo) .index-content-wrapper,
body.type-index:not(.zc-hotovo) .footer-banner,
body.type-index:not(.zc-hotovo) #zc-insta { visibility: hidden; animation: zcUkaz 0s 2.5s forwards; }

/* VÝHODY 2x2 NA MOBILU (hlavní stránka i detail produktu) */
.benefitBanner .benefitBanner__data {
    font-size: 13px !important;
}

@media only screen and (max-width: 767px){
    .benefitBanner.position--benefitHomepage,
    .benefitBanner.position--benefitProduct {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px 12px !important;
        padding: 0 4px !important;
        margin: 12px 0 !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__item,
    .benefitBanner.position--benefitProduct .benefitBanner__item {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__link,
    .benefitBanner.position--benefitProduct .benefitBanner__link {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__picture,
    .benefitBanner.position--benefitProduct .benefitBanner__picture {
        margin: 0 auto 4px auto !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__content,
    .benefitBanner.position--benefitProduct .benefitBanner__content {
        padding: 0 !important;
        margin: 0 !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__title,
    .benefitBanner.position--benefitProduct .benefitBanner__title {
        font-size: 13px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        margin: 0 0 2px 0 !important;
    }

    .benefitBanner.position--benefitHomepage .benefitBanner__data,
    .benefitBanner.position--benefitProduct .benefitBanner__data {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }
}

/* ÚVODNÍ BANNER: bez rámečku, zaoblený */
html:root body .wide-carousel .carousel { border: 0 !important; border-radius: 16px !important; background: transparent !important; }

/* HLAVNÍ STRÁNKA: stejné mezery kolem pásku kolekcí */
body.type-index .banners-content:empty { display: none !important; }
html:root body.type-index #zamidog-cilovka-wrapper { padding-top: 0 !important; }
html:root body #zd-pasek.zd-pasek-hlavni { margin-top: 0 !important; }

/* HEUREKA: světle šedé karty na bílém pozadí */
html:root body.type-index #zc-heureka-strip .zc-review-card { background: #F4F4F4 !important; border: 0 !important; }
html:root body.type-index #zc-heureka-strip .zc-review-card img { mix-blend-mode: multiply; }
html:root body.type-index #zc-heureka-strip .zc-intro-count,
html:root body.type-index #zc-heureka-strip .zc-review-verified,
html:root body.type-index #zc-heureka-strip .zc-review-date,
html:root body.type-index #zc-heureka-strip .zc-review-name,
html:root body.type-index #zc-heureka-strip .zc-review-text,
html:root body.type-index #zc-heureka-strip .zc-review-plus li,
html:root body.type-index #zc-heureka-strip .zc-review-vice,
html:root body.type-index #zc-heureka-strip .zc-review-meta,
html:root body.type-index #zc-heureka-strip .zc-intro-title,
html:root body.type-index #zc-heureka-strip .zc-intro-dop { color: #111 !important; }

/* HEUREKA: nadpis stejně velký jako ostatní nadpisy na hlavní stránce */
html:root body.type-index .zc-heureka-label { font-size: 30px !important; font-weight: 700 !important; line-height: 1.2 !important; margin-bottom: 20px !important; }
@media (max-width: 768px) {
  html:root body.type-index .zc-heureka-label { font-size: 22px !important; }
}

/* HEUREKA: kreslený smajlík u nadpisu */
.zc-heureka-label .zd-smajlik { display: inline-block; vertical-align: -4px; margin-left: 10px; transform: rotate(8deg); }
@media (max-width: 768px) { .zc-heureka-label .zd-smajlik { width: 22px; height: 22px; margin-left: 6px; } }

/* SLEDUJ MĚ (sociální sítě): béžový pás přes celou šířku jako newsletter */
html:root body .zd-sit { border-radius: 0 !important; box-shadow: 0 0 0 100vmax #F8F2ED !important; clip-path: inset(0 -100vmax) !important; background: #F8F2ED !important; }

/* MOBIL: hlavní stránka víc do krajů */
@media (max-width: 767px) {
  html:root body.type-index #content { padding-left: 10px !important; padding-right: 10px !important; }
  html:root body.type-index .index-content-wrapper .tab-content { padding-left: 0 !important; padding-right: 0 !important; }
  html:root body.type-index .zc-wrap > .container, html:root body.type-index #zamidog-cilovka-wrapper > .container { padding-left: 0 !important; padding-right: 0 !important; }
  html:root body.type-index #zc-heureka-strip .zc-heureka-reviews { padding-left: 0 !important; padding-right: 0 !important; scroll-padding: 0 !important; }
  html:root body.type-index #zc-heureka-strip .zc-heureka-arrow--prev { left: 0 !important; }
  html:root body.type-index #zc-heureka-strip .zc-heureka-arrow--next { right: 0 !important; }
}