/* Mobile Home only: complete messages in a fixed-height, normal-flow strip. */
#cl-home-mobile-announcement{display:none}
body.home #link-vertical--front-page .flavour-btn img{transform:rotate(180deg)!important;transform-origin:center!important}
@media(min-width:1025px){
 body.home .cl-home-desktop-stage{height:var(--cl-home-desktop-hero-height,450px)!important;min-height:var(--cl-home-desktop-hero-height,450px)!important}
 body.home .cl-home-desktop-stage :is(#slider-widget--front-page,.slider-widget-items,.slide){height:auto!important;min-height:0!important}
 body.home .cl-home-desktop-stage #slider-widget--front-page :is(.slide-text-title,.slide-text-subtitle){font-size:clamp(30px,calc(var(--cl-home-desktop-hero-height,450px)*.28),72px)!important;line-height:1.29!important;height:auto!important;min-height:0!important}
}
@media(max-width:767px){
 body.home #post-5 .entry-content{overflow-anchor:none}
 /* Reduce only the nested hero cover; preserve banner and text sizes. */
 body.home.cl-home-mobile-ready #post-5 .entry-content>.wp-block-cover:has(#slider-widget--front-page)>.wp-block-cover__inner-container>.wp-block-cover{min-height:390px}
 body.home.cl-home-mobile-ready #post-5 .hero-announcement-bar-wrap{display:none!important}
 body.home #cl-home-mobile-announcement:not([hidden]){display:block;position:relative;inset:auto;width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box;background:#f2dec4;color:#3d2b1d;border:0;border-bottom:1px solid #c7a47c;border-radius:0;box-shadow:none;z-index:1;font-family:inherit;direction:rtl}
 #cl-home-mobile-announcement .cl-hma-row{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:2px;height:75px;min-height:75px;max-height:75px;padding:0 4px;box-sizing:border-box}
 #cl-home-mobile-announcement .cl-hma-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:2px;padding:3px 0;box-sizing:border-box;text-align:center}
 #cl-home-mobile-announcement .cl-hma-title{display:block;max-width:100%;font-size:15px;font-weight:700;line-height:18px;white-space:nowrap;color:#3d2b1d}
 #cl-home-mobile-announcement .cl-hma-title-icon{display:inline-block;box-sizing:border-box;width:18px;height:18px;object-fit:contain;margin-inline-end:5px;vertical-align:-3px}
 #cl-home-mobile-announcement .cl-hma-title-icon svg{display:block;width:18px;height:18px}
 #cl-home-mobile-announcement .cl-hma-subtitle{display:block;max-width:100%;font-size:13px;font-weight:400;line-height:16px;color:#644b34}
 #cl-home-mobile-announcement .cl-hma-extra{display:block;max-width:100%;font-size:13px;font-weight:400;line-height:16px;color:#644b34}
 #cl-home-mobile-announcement :is(.cl-hma-subtitle,.cl-hma-extra):empty{display:none}
 #cl-home-mobile-announcement[data-message="3"] .cl-hma-extra{text-wrap:balance;word-break:normal;overflow-wrap:normal}
 #cl-home-mobile-announcement .cl-hma-condition{display:block;font-size:12px;line-height:14px;white-space:nowrap}
 #cl-home-mobile-announcement[data-message="3"] .cl-hma-subtitle{width:100%;line-height:12px;text-align:center}
 #cl-home-mobile-announcement .cl-hma-stars{display:block;width:100%;margin:0 auto;font-size:12px;line-height:12px;letter-spacing:0;text-align:center;color:#977039;direction:ltr;unicode-bidi:isolate}
 #cl-home-mobile-announcement .cl-hma-payment-icons{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px;height:20px;max-width:100%;direction:rtl}
 #cl-home-mobile-announcement .cl-hma-payment-icons img{display:block;box-sizing:border-box;object-fit:contain;width:27px;height:19px;max-width:calc((100% - 28px)/8);padding:1px;background:#fff;border-radius:2px}
 #cl-home-mobile-announcement :is(.cl-hma-prev,.cl-hma-next){appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:44px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#614126;font:25px/1 Arial,sans-serif;text-decoration:none;cursor:pointer;direction:ltr;unicode-bidi:isolate}
 #cl-home-mobile-announcement button:focus-visible{outline:2px solid #754b29;outline-offset:-3px}
 body.home.cl-home-mobile-ready .onetap-container-toggle .onetap-toggle{top:var(--cl-home-a11y-top,164px)!important;bottom:auto!important;margin-top:0!important}
 /* The parent rail is rotated; subtracting from local top lowers the label. */
 body.home.cl-home-mobile-ready #link-vertical--front-page--inner{top:calc(50% - 8px)!important;bottom:auto!important;transform:translateY(-50%)}
 body.home.cl-home-mobile-ready #sidebar-social-links--front-page .social-links{position:absolute;top:calc(50% + 8px);bottom:auto;left:0;right:0;height:auto!important;box-sizing:border-box;padding:0;justify-content:center;transform:translateY(-50%)}
 body.home.cl-home-mobile-ready #sidebar-social-links--front-page .social-link:last-child{margin-bottom:0}
}
@media(max-width:359px){
 #cl-home-mobile-announcement .cl-hma-row{grid-template-columns:28px minmax(0,1fr) 28px;gap:0;padding:0 2px}
 #cl-home-mobile-announcement .cl-hma-title{font-size:14px}
 #cl-home-mobile-announcement .cl-hma-extra{font-size:12.5px;line-height:15px}
}
/* Keep the arrow inside the rotated benefits rail; pulse only its opacity. */
@media(max-width:767px){
 body.home.cl-home-mobile-ready #link-vertical--front-page--inner>.arrow-down{position:absolute!important;top:-24px!important;bottom:auto!important;left:50%!important;right:auto!important;display:block!important;box-sizing:border-box!important;width:24px!important;height:24px!important;min-width:0!important;margin:0!important;padding:0!important;float:none!important;writing-mode:horizontal-tb!important;direction:ltr!important;text-align:center!important;font-size:25px!important;line-height:24px!important;transform:translateX(-50%)!important;transform-origin:center!important;filter:none!important;text-shadow:none!important;animation:clCoffeeBenefitsSoftPulse 4.2s ease-in-out infinite!important}
 @keyframes clCoffeeBenefitsSoftPulse{0%,100%{opacity:.82}50%{opacity:1}}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){body.home.cl-home-mobile-ready #link-vertical--front-page--inner>.arrow-down{animation:none!important;opacity:1!important}}
@media(max-width:767px){
 body.home.cl-home-mobile-ready #link-vertical--front-page--inner>.arrow-down{transform:translateX(-50%) rotate(180deg)!important;animation:none!important;opacity:1!important}
 body.home.cl-home-mobile-ready #link-vertical--front-page .flavour-btn img{transform:rotate(180deg)!important;transform-origin:center!important}
 body.home #callnowbutton,body.home #getbutton-whatsapp{position:fixed!important;left:auto!important;right:var(--cl-home-contact-right,0px)!important;top:auto!important;z-index:997!important}
 body.home #callnowbutton{bottom:var(--cl-home-phone-bottom,82px)!important}
 body.home #getbutton-whatsapp{bottom:var(--cl-home-whatsapp-bottom,18px)!important}
 /* Animate one common parent so the label and arrow never drift apart. */
 body.home.cl-home-mobile-ready #link-vertical--front-page--inner{animation:clCoffeeBenefitsSoftPulse 5.6s ease-in-out infinite!important}
 body.home.cl-home-mobile-ready #link-vertical--front-page--inner>span{animation:none!important;opacity:1!important}
 /* Keep both contact buttons below language-modal layers; reserve its trigger. */
 body.home.cl-home-mobile-ready [id^="gb-widget-"]:has(#getbutton-whatsapp){z-index:997!important}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){body.home.cl-home-mobile-ready #link-vertical--front-page--inner{animation:none!important;opacity:1!important}}

/* Desktop Home: keep the social links above the native language control. */
@media(min-width:1025px){
 body.home #sidebar-social-links--front-page .social-links{box-sizing:border-box;padding-bottom:32px}
}

/* Explicit product-detail intent, independent of carousel dragging and cart UI. */
.cl-featured-product-preview{position:fixed;z-index:1200;display:flex;align-items:center;gap:5px;direction:rtl;padding:4px 6px;background:rgba(255,247,233,.82);backdrop-filter:blur(4px);border:1px solid #b28c59;border-radius:7px;box-shadow:0 3px 10px #1c100226;max-width:calc(100vw - 16px);font:600 12px/1.3 Arial,sans-serif}
.cl-featured-product-preview a{display:inline-flex;align-items:center;min-height:24px;padding:0 2px;border:0!important;background:none!important;box-shadow:none!important;color:#3a2612;text-decoration:none;white-space:nowrap}
.cl-featured-product-preview button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#6d5031;width:24px;min-width:24px;height:24px;min-height:24px;line-height:24px;padding:0;font-size:18px;cursor:pointer}
.cl-featured-product-preview a:focus:not(:focus-visible){outline:none!important}
.cl-featured-product-preview a:focus-visible,.custom-home-image[role=button]:focus-visible{outline:1px solid #b28c59;outline-offset:2px}
.custom-home-image[role=button]{cursor:pointer}

/* One gently fading group; arrow and label cannot run independent animations. */
@media(max-width:767px){
 body.home.cl-home-mobile-ready #link-vertical--front-page--inner{animation:clBenefitsUnifiedGentleV22 4.8s ease-in-out infinite!important;animation-delay:0s!important;transition:none!important;will-change:opacity}
 body.home.cl-home-mobile-ready #link-vertical--front-page--inner>span,body.home.cl-home-mobile-ready #link-vertical--front-page--inner>.arrow-down{animation:none!important;transition:none!important;opacity:1!important}
 body.home.cl-home-mobile-ready #link-vertical--front-page--inner>span:first-child::after{animation:none!important;transition:none!important;opacity:1!important;text-shadow:0 0 3px rgba(242,214,177,.22)!important}
 @keyframes clBenefitsUnifiedGentleV22{0%,100%{opacity:1}50%{opacity:.72}}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){body.home.cl-home-mobile-ready #link-vertical--front-page--inner{animation:none!important;opacity:1!important}}

/* One shared pulse for the visible label and arrow, also on desktop. */
body.home #link-vertical--front-page--inner{animation:clBenefitsUnifiedGentleV22 4.8s ease-in-out infinite!important;transition:none!important}
body.home #link-vertical--front-page--inner>span,body.home #link-vertical--front-page--inner>span::after{animation:none!important;transition:none!important;opacity:1!important}
body.home #link-vertical--front-page--inner>span:first-child::after{animation:none!important;text-shadow:0 0 3px rgba(242,214,177,.22)!important}
@keyframes clBenefitsUnifiedGentleV22{0%,100%{opacity:1}50%{opacity:.72}}
@media(prefers-reduced-motion:reduce){body.home #link-vertical--front-page--inner{animation:none!important;opacity:1!important}}