/* Zdrowotka Wygląd: jedna rodzina teł (z kolorów, których motyw już używa najczęściej).
   Krem #FAF8F3: tła sekcji i paneli. Beż #F7F4EC: kafelki i stopka. Ciemniejszy beż #F2EEE3: wyróżnienia (już w motywie).
   Zmieniamy tylko tła i ramki elementów, które odstawały (chłodne szarości, róż, żółć, błękit); biel zostaje bielą. */

/* Menu na telefonie: z szarości na krem. */
html body.zdn-theme .zd-mm-header,
html body.zdn-theme .zd-mm-items,
html body.zdn-theme .zd-mm-trust{background-color:#faf8f3!important}

/* Strona główna. */
html body.zdn-theme .zdh-category-showcase{background-color:#faf8f3!important}   /* „Naturalna spiżarnia” miała #F7F5EC */
html body.zdn-theme .zdh-care-intro{background-color:#faf8f3!important}          /* „Codzienna pielęgnacja” była różowa #F8E7E2 */
html body.zdn-theme .zdh-arrivals{background-color:#faf8f3!important}            /* „Nowości” były żółtawe #FBF6E8 */
html body.zdn-theme .zdh-needs-grid a{background-color:#f7f4ec!important}        /* „Szukaj według potrzeb”: kafelki jak kategorie */
html body.zdn-theme .zdn-empty-best{background-color:#faf8f3!important}

/* Karta produktu na komputerze (na telefonie sekcje są płaskie, patrz Zdrowotka Karta). */
html body.zdn-theme .zd-product-sections :is(.zd-section,.zdn-producer){background-color:#faf8f3!important;border-color:#ebe6da!important}

/* Koszyk: podsumowanie w tym samym kremie co pasek dostawy nad nim. */
html body.zdn-theme .zdn-cp-summary{background-color:#faf8f3!important}

/* Blog: tło listy wpisów, „Powiązane” i spis treści (był błękitny z szarą ramką). */
html body.zdn-theme.blog .site-main{background-color:#faf8f3!important}
html body.zdn-theme .zd-related-section{background-color:#faf8f3!important}
html body.zdn-theme #ez-toc-container{background:#faf8f3!important;border:1px solid #ebe6da!important;border-radius:12px}

/* Stopka: z szarozielonej na beż. */
html body.zdn-theme .shop-footer{background-color:#f7f4ec!important}

/* Strona /opinie-klientow (lista z Customer Reviews): wygląd jak karuzela opinii na stronie głównej.
   Teksty (data po polsku, „Potwierdzony zakup”, polskie napisy) zmienia zw.js. */
.cr-all-reviews-shortcode .cr-summaryBox-wrap{background:#faf8f3!important;border:1px solid #ebe6da!important;border-radius:16px!important;padding:16px!important;margin-bottom:16px!important}
.cr-all-reviews-shortcode .cr-overall-rating-wrap{border:0!important}
.cr-all-reviews-shortcode .cr-average-rating{color:#202920!important}
.cr-all-reviews-shortcode .ivole-meter{background:#f2eee3!important;border-radius:999px!important;overflow:hidden}
.cr-all-reviews-shortcode .ivole-meter-bar{background:#ffb800!important;border-radius:999px!important}
.cr-all-reviews-shortcode ol.commentlist>li{background:#fff!important;border:1px solid #ebe6da!important;border-radius:14px!important;padding:16px!important;margin:0 0 12px!important;list-style:none}
.cr-all-reviews-shortcode .comment_container{gap:12px}
.cr-all-reviews-shortcode ol.commentlist>li .cr-comment-text{border-bottom:0!important;padding-bottom:0!important}  /* kreska była pod schowanymi licznikami „pomocne” */
.cr-all-reviews-shortcode .description p{font-size:16px!important;line-height:1.55!important;color:#202920!important}
.cr-all-reviews-shortcode .cr-meta-author-title>div:first-child{font-weight:600;color:#202920}
.cr-all-reviews-shortcode .ivole-meter{border:1px solid #e6e1d6!important}
.cr-all-reviews-shortcode .cr-count-row{background:transparent!important;padding-left:0!important;padding-right:0!important}
.cr-all-reviews-shortcode .cr-button-search{min-height:44px!important;padding:0 16px!important;border:1px solid #5e9e62!important;border-radius:10px!important;background:#eef6ee!important;color:#1b5e20!important;font-size:15px!important;font-weight:600!important}
html body .cr-all-reviews-shortcode .woocommerce-review__verified.verified,
.cr-all-reviews-shortcode .woocommerce-review__verified{display:inline-flex!important;align-items:center;gap:4px;background:transparent!important;padding:0!important;border:0!important;color:#2e7d32!important;font-size:13px!important;font-weight:600!important}
.cr-all-reviews-shortcode .woocommerce-review__published-date{font-size:14px!important;color:#626960!important}
.cr-all-reviews-shortcode .cr-voting-cont{display:none!important}
.cr-all-reviews-shortcode .cr-ajax-search input,
.cr-all-reviews-shortcode .cr-ajax-reviews-sort{min-height:44px!important;border:1px solid #d5dfcf!important;border-radius:10px!important;background-color:#fff!important;font-size:15px!important;color:#202920!important}
.cr-all-reviews-shortcode .cr-ajax-reviews-sort{padding:0 10px!important}
.cr-all-reviews-shortcode .cr-show-more-button{min-height:44px!important;padding:0 18px!important;border:1px solid #5e9e62!important;border-radius:10px!important;background:#eef6ee!important;color:#1b5e20!important;font-size:15px!important;font-weight:600!important;cursor:pointer}
.cr-all-reviews-shortcode .cr-show-more-button:hover{background:#e1efe1!important}

/* Telefon: odstępy, drobny tekst i cele dotyku (pomiar wszystkich typów stron, 28.10.2026). */
@media (max-width:767.98px){
/* Listy produktów (sklep, kategorie, marki, wyszukiwanie): treść od 16 px jak nagłówek i strona główna.
   Reguła doklejona do strony daje .site-main 2 px z !important, razem z obudową było 6 px od krawędzi. */
html body.zdn-theme.woocommerce:is(.archive,.search) .site-main{padding-left:12px!important;padding-right:12px!important}
/* Drobny tekst: pasek z komunikatem 12 → 13 px, stopka 10 → 12 px, podpisy kafelków w opisach (.85em) → 13 px. */
html body.zdn-theme .zd-top-ticker-item{font-size:13px!important}
html body.zdn-theme .footer-legal p{font-size:12px!important;line-height:1.5!important}
html body.zdn-theme .zd-product-sections [style*="font-size:.85em"]{font-size:13px!important}
html body.zdn-theme .zt-lbl{font-size:13px!important}
/* Pod palec: „Bezpieczne płatności i 30 dni na zwrot” miał 19 px wysokości, linki spisu treści w artykułach 25 px. */
html body.zdn-theme .zt-mini{min-height:44px!important;align-items:center!important}
html body.zdn-theme #ez-toc-container nav li a{display:inline-block;padding:8px 0}
}

/* Nagłówek na telefonie (porównanie z iHerb, H&B i enaturalnie, 28.10.2026).
   Na górze strony zostaje wszystko, tylko ciaśniej (160 → ok. 148 px). Po przewinięciu (motyw dodaje .scrolled
   i chowa pasek z komunikatem) zostaje sam rząd z ikonami (125 → ok. 62 px), a w miejscu serduszka jest lupa,
   która rozwija wyszukiwarkę (zw.js). Ulubione są dalej w dolnym menu („Lista”). */
.zw-search-btn{display:none}
@media (max-width:767.98px){
html body.zdn-theme #masthead .zd-main-header{padding-top:8px!important;padding-bottom:8px!important;row-gap:8px!important}
/* Motyw daje tu min-height 86 px, więc bez zdjęcia minimum zostawało 24 px pustego miejsca. */
html body.zdn-theme #masthead.scrolled:not(.zw-search-open) .zd-main-header{grid-template-rows:auto!important;row-gap:0!important;min-height:0!important}
html body.zdn-theme #masthead.scrolled:not(.zw-search-open) .zd-search-wrapper{display:none!important}
html body.zdn-theme #masthead.scrolled .zd-header-icon-wishlist{display:none!important}
html body.zdn-theme #masthead.scrolled .zw-search-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;margin:0;border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body.zdn-theme #masthead .zw-search-btn svg{width:22px;height:22px}
html body.zdn-theme #masthead .zw-search-btn:focus-visible{outline:3px solid rgba(46,125,50,.4);outline-offset:2px;border-radius:10px}
}