/* Ghí od Srdce – úvod a doplňky 2026-10-23 v1 */
html[lang="cs"] #carousel:has(#ghi-v26-hero){margin:0;background:#fffdf6}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .carousel-inner{min-height:0!important;overflow:visible}
html[lang="cs"] .ghi-v26-hero{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 48px);max-width:1280px;min-height:400px;margin:22px auto 0;border-radius:16px;background:#302116;color:#fff}
html[lang="cs"] .ghi-v26-hero__photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% 55%;max-width:none}
html[lang="cs"] .ghi-v26-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(26,17,12,.88) 0%,rgba(26,17,12,.55) 40%,transparent 66%)}
html[lang="cs"] .ghi-v26-hero__copy{max-width:590px;padding:40px 48px}
html[lang="cs"] .ghi-v26-eyebrow{margin:0 0 12px;color:#f4ce84;font-size:11px;font-weight:700;letter-spacing:.13em}
html[lang="cs"] #ghi-v26-title{margin:0 0 18px;color:#fff;font:500 clamp(34px,3.4vw,48px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.02em}
html[lang="cs"] .ghi-v26-lead{max-width:400px;margin:0 0 14px;font-size:15px;line-height:1.65;color:#fff4e2}
html[lang="cs"] .ghi-v26-offer{margin:0 0 18px;font-size:14px;color:#fff4e2}
html[lang="cs"] .ghi-v26-offer strong{color:#ffe1a6;font-size:21px;white-space:nowrap}
html[lang="cs"] .ghi-v26-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
html[lang="cs"] .ghi-v26-btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 19px;border-radius:7px;background:#15803d;color:#fff!important;font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #0002}
html[lang="cs"] .ghi-v26-btn:hover{background:#166534;color:#fff}
html[lang="cs"] .ghi-v26-link{color:#fff4e2!important;font-size:12px;text-decoration:underline;text-underline-offset:4px}
html[lang="cs"] .ghi-v26-usp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:calc(100% - 48px);max-width:1280px;margin:0 auto 24px;padding:21px 24px;background:#fffbeb;border:1px solid #eee0c3;border-top:0;border-radius:0 0 13px 13px;color:#3c2d20}
html[lang="cs"] .ghi-v26-usp>div{display:flex;align-items:center;gap:12px;min-width:0}
html[lang="cs"] .ghi-v26-usp svg{flex:0 0 31px;width:31px;height:31px;fill:none;stroke:#b45309;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
html[lang="cs"] .ghi-v26-usp strong{display:block;font-size:12px;font-weight:700;line-height:1.4}
html[lang="cs"] .ghi-v26-usp small{display:block;margin-top:3px;color:#75604d;font-size:10px;line-height:1.4}
html[lang="cs"] body.type-index:has(#ghi-v26-hero) .container--bannersBenefit{display:none!important}
html[lang="cs"] body.type-index:has(#ghi-v26-hero) #content>.banners-row{margin-bottom:0}
html[lang="cs"] body.type-index #dklabBanplusUvod{margin:28px auto 44px;gap:20px}
html[lang="cs"] body.type-index #dklabBanplusUvod img{border-radius:12px}
html[lang="cs"] .ghi-v26-badge{position:absolute;left:10px;top:10px;z-index:3;max-width:calc(100% - 20px);padding:7px 10px;border:1px solid #d0a456;border-radius:99px;background:#fff0cb;color:#713c09;box-shadow:0 2px 8px #4c2b0915;font-size:11px;font-weight:700;line-height:1.2;pointer-events:none}
html[lang="cs"] .p-image-wrapper>.ghi-v26-badge{top:18px;left:18px}
html[lang="cs"] .products .image:has(.ghi-v26-badge) .flags{top:46px}
html[lang="cs"] .ghi-v26-flavors{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px;padding:0;list-style:none;color:#6b4a25;font-size:11px}
html[lang="cs"] .ghi-v26-flavors li{border:1px solid #e9d9be;border-radius:20px;padding:5px 10px;background:#fffbeb}
@media(max-width:991px){html[lang="cs"] .ghi-v26-hero{min-height:380px;width:calc(100% - 28px);margin-top:14px}html[lang="cs"] .ghi-v26-hero__copy{padding:30px;max-width:54%}html[lang="cs"] #ghi-v26-title{font-size:36px}html[lang="cs"] .ghi-v26-usp{width:calc(100% - 28px);grid-template-columns:repeat(2,minmax(0,1fr));padding:17px 20px;gap:17px}}
@media(max-width:600px){html[lang="cs"] .ghi-v26-hero{width:calc(100% - 20px);min-height:490px;margin-top:10px;border-radius:12px}html[lang="cs"] .ghi-v26-hero__photo{height:55%;top:auto;bottom:0;object-fit:cover;object-position:78% 65%}html[lang="cs"] .ghi-v26-hero:before{background:linear-gradient(180deg,#302116 0%,#302116 38%,rgba(48,33,22,.8) 53%,transparent 73%)}html[lang="cs"] .ghi-v26-hero__copy{max-width:100%;padding:24px 22px 180px}html[lang="cs"] .ghi-v26-eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:9px}html[lang="cs"] #ghi-v26-title{font-size:34px;line-height:1.08;margin-bottom:10px}html[lang="cs"] .ghi-v26-lead{font-size:12px;line-height:1.5;max-width:300px;margin-bottom:8px}html[lang="cs"] .ghi-v26-offer{font-size:12px;margin-bottom:10px}html[lang="cs"] .ghi-v26-offer strong{font-size:19px}html[lang="cs"] .ghi-v26-actions{gap:12px;align-items:flex-start;flex-direction:column}html[lang="cs"] .ghi-v26-btn{font-size:12px;min-height:42px;padding:10px 16px}html[lang="cs"] .ghi-v26-link{font-size:11px}html[lang="cs"] .ghi-v26-usp{width:calc(100% - 20px);padding:14px 13px;gap:14px 8px;margin-bottom:16px}html[lang="cs"] .ghi-v26-usp>div{gap:7px}html[lang="cs"] .ghi-v26-usp svg{width:23px;height:23px;flex-basis:23px}html[lang="cs"] .ghi-v26-usp strong{font-size:10px}html[lang="cs"] .ghi-v26-usp small{font-size:9px}html[lang="cs"] .ghi-v26-badge{top:7px;left:7px;font-size:9px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){html[lang="cs"] #carousel:has(#ghi-v26-hero) *{transition:none!important}}

html[lang="cs"] body{background:#fffdf6;color:#2b2118}html[lang="cs"] #footer,html[lang="cs"] #hodnoceniobchodu{background:#fffbeb!important}html[lang="cs"] .add-to-cart .add-to-cart-button,html[lang="cs"] .g117 .add-to-cart .add-to-cart-button{background:#15803d!important;border-color:#15803d!important;color:#fff!important}html[lang="cs"] .g117 .add-to-cart .add-to-cart-button:hover{background:#166534!important;border-color:#166534!important}html[lang="cs"] .g117 .price-final{color:#b45309!important}html[lang="cs"] #dklabBanplusUvod .dklabBanplusBox{background:#fffbeb;border-radius:12px;overflow:hidden;border:1px solid #e8d9bc}html[lang="cs"] #dklabBanplusUvod picture{display:block;aspect-ratio:4/3;overflow:hidden}html[lang="cs"] #dklabBanplusUvod img{width:100%;height:100%;object-fit:cover;border-radius:0}html[lang="cs"] #dklabBanplusUvod .dklabBanplusBoxText{display:block;padding:15px 16px;color:#6b3e13;font-weight:600;font-size:16px;text-align:center}

/* User correction: retain original product appearance, no generated open jars. */html[lang="cs"] .ghi-v26-hero__photo{left:43%;width:57%;object-position:center center} @media(max-width:600px){html[lang="cs"] .ghi-v26-hero__photo{left:0;width:100%;object-position:center 55%}}

/* Mobile crop excludes the original banner caption; keep full product appearance. */@media(max-width:600px){html[lang="cs"] .ghi-v26-hero__photo{object-position:center top}}html[lang="cs"] .products .p-code{display:none!important}html[lang="cs"] body.type-index:has(#ghi-v26-hero) .homepage-tabs-wrapper{padding-top:8px;margin-top:8px}


/* Four manual CZ slides; one shared benefit strip. Original photos remain unchanged. */
html[lang="cs"] #carousel:has(#ghi-v26-hero) .carousel-inner{min-height:0!important;overflow:hidden}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .item{display:none!important;position:relative!important;left:0!important;transform:none!important;transition:none!important;float:none!important}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .item.active{display:block!important}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .carousel-control,
html[lang="cs"] #carousel:has(#ghi-v26-hero) .carousel-indicators{display:none!important}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .ghi-v26-hero,
html[lang="cs"] #carousel:has(#ghi-v26-hero) .item>a{height:400px;min-height:400px;box-sizing:border-box}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .item>a{display:block;position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 48px);max-width:1280px;margin:22px auto 0;border-radius:16px;background:#302116;color:#fff;text-decoration:none}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .item>a>img{display:block;position:absolute;left:43%;top:0;z-index:-2;width:57%;height:100%;max-width:none;object-fit:cover;object-position:right center}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .item>a:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#302116 0%,#302116 38%,rgba(48,33,22,.72) 49%,transparent 67%)}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-texts{display:block!important;position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:auto!important;max-width:590px!important;height:auto!important;box-sizing:border-box;padding:55px 48px!important;margin:0!important;background:none!important;text-align:left!important;transform:none!important;color:#fff!important;opacity:1!important}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-title,
html[lang="cs"] .ghi-v26-title{display:block!important;margin:0 0 18px!important;color:#fff!important;font:500 clamp(34px,3.4vw,48px)/1.08 Georgia,"Times New Roman",serif!important;letter-spacing:-.02em!important;text-shadow:none!important;text-transform:none!important}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-text{display:block!important;max-width:400px;margin:0 0 23px!important;color:#fff4e2!important;font-size:15px!important;font-weight:400!important;line-height:1.65!important;text-shadow:none!important}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-link{display:inline-flex!important;justify-content:center;align-items:center;min-height:46px!important;width:auto!important;padding:11px 19px!important;border:0!important;border-radius:7px!important;background:#15803d!important;color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1.5!important;text-decoration:none!important;text-transform:none!important;box-shadow:0 4px 14px #0002}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .item>a:hover .extended-banner-link{background:#166534!important;color:#fff!important}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .item>a:focus-visible,
html[lang="cs"] .ghi-v26-btn:focus-visible{outline:3px solid #b45309;outline-offset:3px}
html[lang="cs"] .ghi-v26-hero--gift .ghi-v26-hero__photo{object-position:right center}
html[lang="cs"] .ghi-v26-hero--gift:before{background:linear-gradient(90deg,#302116 0%,#302116 38%,rgba(48,33,22,.72) 49%,transparent 67%)}
html[lang="cs"] .ghi-v26-hero--gift .ghi-v26-hero__copy{padding-top:50px}
html[lang="cs"] .ghi-v26-carousel-nav{display:flex;justify-content:center;align-items:stretch;gap:8px;width:calc(100% - 48px);max-width:1280px;margin:0 auto;padding:13px 18px;background:#fffbeb;box-sizing:border-box}
html[lang="cs"] .ghi-v26-carousel-tab{display:inline-flex;justify-content:center;align-items:center;min-height:38px;padding:8px 17px;border:1px solid #d6bd93;border-radius:99px;background:#fffdf6;color:#6b3e13;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:pointer;box-shadow:none;transition:background .15s,color .15s}
html[lang="cs"] .ghi-v26-carousel-tab:hover{background:#fef3c7;color:#5a300b}
html[lang="cs"] .ghi-v26-carousel-tab[aria-pressed="true"]{border-color:#b45309;background:#b45309;color:#fff}
html[lang="cs"] .ghi-v26-carousel-tab:focus-visible{outline:3px solid #15803d;outline-offset:3px}
html[lang="cs"] #carousel+.ghi-v26-usp{margin-top:0}
@media(max-width:991px){
 html[lang="cs"] #carousel:has(#ghi-v26-hero) .ghi-v26-hero,
 html[lang="cs"] #carousel:has(#ghi-v26-hero) .item>a{height:400px;min-height:400px;width:calc(100% - 28px);margin-top:14px}
 html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-texts{padding:35px 30px!important;max-width:56%!important}
 html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-title,
 html[lang="cs"] .ghi-v26-title{font-size:36px!important}
 html[lang="cs"] .ghi-v26-carousel-nav{width:calc(100% - 28px);padding:12px}
 html[lang="cs"] .ghi-v26-carousel-tab{padding:8px 12px;font-size:11px}
}
@media(max-width:600px){
 html[lang="cs"] #carousel:has(#ghi-v26-hero) .ghi-v26-hero,
 html[lang="cs"] #carousel:has(#ghi-v26-hero) .item>a{height:490px;min-height:490px;width:calc(100% - 20px);margin-top:10px;border-radius:12px}
 html[lang="cs"] #carousel:has(#ghi-v26-hero) .item>a>img{left:0;top:auto;bottom:0;width:100%;height:55%;object-fit:cover;object-position:right center}
 html[lang="cs"] #carousel:has(#ghi-v26-hero) .item>a:before,
 html[lang="cs"] .ghi-v26-hero--gift:before{background:linear-gradient(180deg,#302116 0%,#302116 38%,rgba(48,33,22,.8) 53%,transparent 73%)}
 html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-texts{max-width:100%!important;padding:28px 22px 0!important}
 html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-title,
 html[lang="cs"] .ghi-v26-title{font-size:34px!important;line-height:1.08!important;margin-bottom:12px!important}
 html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-text{font-size:12px!important;line-height:1.5!important;margin-bottom:16px!important;max-width:300px}
 html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-link{font-size:12px!important;min-height:42px!important;padding:10px 16px!important}
 html[lang="cs"] .ghi-v26-hero--gift .ghi-v26-hero__copy{padding-top:24px}
 html[lang="cs"] .ghi-v26-hero--gift .ghi-v26-hero__photo{object-position:right center}
 html[lang="cs"] .ghi-v26-carousel-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 20px);gap:7px;padding:12px}
 html[lang="cs"] .ghi-v26-carousel-tab{font-size:11px;min-height:36px;padding:8px}
}
@media(prefers-reduced-motion:reduce){html[lang="cs"] .ghi-v26-carousel-tab{transition:none}}

/* Keep the complete jars and gift box in the mobile crop of original panoramic photos. */
@media(max-width:600px){html[lang="cs"] #carousel:has(#ghi-v26-hero) .item>a>img,html[lang="cs"] .ghi-v26-hero--gift .ghi-v26-hero__photo{object-position:82% center}}

/* Reset native absolute caption positioning before applying the text layout. */
html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-texts>span{position:static!important;inset:auto!important;transform:none!important;float:none!important;box-sizing:border-box!important}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-title,html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-text{padding:0!important;background:transparent!important}
html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-link{margin:0!important}

html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-title,html[lang="cs"] #carousel:has(#ghi-v26-hero) .extended-banner-text{border:0!important;box-shadow:none!important}
