/* zdrave-telo.sk: pätička v novom štýle (platí na celom eshope), verzia 2 */
#footer{margin-top:40px;background:#3F4C3C!important;color:#F1EEE6!important;font-family:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif}
#footer .footer-rows,#footer .footer-bottom,#footer .custom-footer{background:transparent!important}
#footer .footer-rows{padding-top:72px;padding-bottom:48px}

/* rozloženie: newsletter | dôležité informácie | kontakt + sociálne siete */
#footer .custom-footer{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:64px;row-gap:28px;align-items:start}
#footer .custom-footer{margin-left:0!important;margin-right:0!important;width:auto!important}
#footer .custom-footer>div{width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important;float:none!important}
#footer .custom-footer__newsletter{grid-column:1;grid-row:1/span 2}
#footer .custom-footer__articles{grid-column:2;grid-row:1/span 2}
#footer .custom-footer__contact{grid-column:3;grid-row:1}
#footer .custom-footer__banner9{grid-column:3;grid-row:2}

/* nadpisy a texty */
#footer .pageElement__heading,#footer .pageElement__heading span{margin:0 0 18px!important;color:#F1EEE6!important;font-family:'Jost',system-ui,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.18em;text-transform:uppercase}
#footer .newsletter-header .pageElement__heading,#footer .newsletter-header .pageElement__heading span{margin:0 0 8px!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-size:32px!important;font-weight:500!important;letter-spacing:0;line-height:1.15;text-transform:none}
#footer h2,#footer h3,#footer h4{color:#F1EEE6!important;font-family:'Jost',system-ui,sans-serif!important;font-size:15px!important;font-weight:500!important}
#footer p,#footer label,#footer .contact-box,#footer li{color:#C9D0C2!important;font-family:'Jost',system-ui,sans-serif!important}
#footer a{color:#C9D0C2!important;font-family:'Jost',system-ui,sans-serif!important;text-decoration:none!important}
#footer a:hover{color:#FFFFFF!important}
#footer .contact-box a::before,#footer .contact-box span::before,#footer .contact-box [class*=icon]::before{color:#C9D0C2!important}
#footer .required-asterisk,#footer label .required{color:#D8CBB8!important}

/* zoznamy odkazov */
#footer .custom-footer__articles ul,#footer .contact-box ul{margin:0!important;padding:0!important;list-style:none!important}
#footer .custom-footer__articles li,#footer .contact-box li{margin:0 0 10px!important;padding:0!important;font-size:15px;line-height:1.5}
#footer .custom-footer__articles li::before{display:none!important}

/* prihlásenie k newslettru */
#footer .newsletter-header p{margin:0 0 22px!important;max-width:420px;font-size:15px;line-height:1.6}
#footer .subscribe-form{width:100%!important;max-width:440px}
#footer .subscribe-form fieldset{min-width:0!important;max-width:100%;margin:0;padding:0;border:0}
#footer .custom-footer>div{min-width:0}
#footer .subscribe-form .form-group{margin:0 0 12px!important}
#footer .subscribe-form label{margin-bottom:6px;font-size:13px}
#footer .subscribe-form .form-control{height:48px;padding:0 20px;border:1px solid rgba(241,238,230,.35)!important;border-radius:999px!important;background:rgba(241,238,230,.08)!important;color:#F1EEE6!important;font-family:'Jost',system-ui,sans-serif!important;font-size:15px;box-shadow:none!important}
#footer .subscribe-form .form-control::placeholder{color:rgba(241,238,230,.55)}
#footer .subscribe-form .form-control:focus{outline:none!important;border-color:#D8CBB8!important;background:rgba(241,238,230,.12)!important;box-shadow:0 0 0 3px rgba(216,203,184,.25)!important}
#footer .subscribe-form .form-control.short{width:150px}

/* bezpečnostná kontrola: ukáže sa až pri vypĺňaní */
#footer .subscribe-form fieldset.box{display:none;margin:4px 0 14px!important;padding:14px 16px!important;border:1px solid rgba(241,238,230,.18)!important;border-radius:14px!important;background:rgba(241,238,230,.05)!important;flex-wrap:wrap;align-items:flex-end;gap:12px}
#footer .subscribe-form:focus-within fieldset.box,#footer .subscribe-form fieldset.box:has(.has-error,.error){display:flex}
#footer .subscribe-form fieldset.box h2{flex:1 0 100%;margin:0!important;font-size:12px!important;font-weight:600!important;letter-spacing:.14em;text-transform:uppercase;color:#D8CBB8!important}
#footer .subscribe-form fieldset.box .form-group{margin:0!important}
#footer .subscribe-form img{display:block;height:44px;width:auto;border-radius:10px}

/* súhlas a tlačidlo */
#footer .subscribe-form .consents p,#footer .subscribe-form .consents .label{margin:2px 0 16px!important;font-size:12.5px!important;line-height:1.55;color:#AEB8A8!important}
#footer .subscribe-form .consents a{text-decoration:underline!important;text-underline-offset:3px}
#footer .subscribe-form .btn,#footer .subscribe-form .btn-primary{height:46px;padding:0 30px!important;border:0!important;border-radius:999px!important;background:#F1EEE6!important;color:#20231F!important;font-family:'Jost',system-ui,sans-serif!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.12em;text-transform:uppercase;box-shadow:none!important;transition:none!important}
#footer .subscribe-form .btn:hover{background:#FFFFFF!important}

/* sociálne siete: jednofarebné ikony namiesto farebných obrázkov */
#footer .custom-footer__banner9 .banner,#footer .custom-footer__banner9 .banner-wrapper{margin:0!important;padding:0!important;background:transparent!important}
#footer .custom-footer__banner9 .banner-wrapper::before{content:"Sledujte nás";display:block;margin:0 0 14px;color:#F1EEE6;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
#footer .banner9-brands>div{display:flex;gap:10px}
#footer .banner9-brands a{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(241,238,230,.35);border-radius:50%}
#footer .banner9-brands a:hover{border-color:#F1EEE6;background:rgba(241,238,230,.08)}
#footer .banner9-brands img{display:none!important}
#footer .banner9-brands a::before{content:"";width:18px;height:18px;background:#F1EEE6;-webkit-mask:var(--zt-ico) center/contain no-repeat;mask:var(--zt-ico) center/contain no-repeat}
#footer .banner9-brands a[href*="facebook"]{--zt-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3c-2.8 0-5 2.2-5 5v2H7v4h2v9h4v-9h3l1-4h-4V9c0-.6.4-1 1-1z'/%3E%3C/svg%3E")}
#footer .banner9-brands a[href*="instagram"]{--zt-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='black' stroke='none'/%3E%3C/svg%3E")}

/* spodný riadok */
#footer .footer-bottom{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;border-top:1px solid rgba(241,238,230,.18)!important;padding-top:22px;padding-bottom:28px;color:#B7C0B0!important;font-size:13px}
#footer .footer-bottom>*{float:none!important;margin:0!important}
#footer .footer-bottom .copyright{order:-1}
#footer .footer-bottom a,#footer .footer-bottom strong,#footer .footer-bottom span{color:#B7C0B0!important}

@media (max-width:991px){
  #footer .custom-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px}
  #footer .custom-footer__newsletter{grid-column:1/-1;grid-row:auto}
  #footer .custom-footer__articles{grid-column:1;grid-row:auto}
  #footer .custom-footer__contact{grid-column:2;grid-row:auto}
  #footer .custom-footer__banner9{grid-column:2;grid-row:auto}
}
@media (max-width:575px){
  #footer .footer-rows{padding:48px 20px 32px!important}
  #footer .footer-bottom{padding-left:20px!important;padding-right:20px!important}
  #footer .custom-footer{grid-template-columns:minmax(0,1fr);row-gap:32px}
  #footer .custom-footer>div{grid-column:1!important}
  #footer .newsletter-header .pageElement__heading,#footer .newsletter-header .pageElement__heading span{font-size:28px!important}
  #footer .footer-bottom{justify-content:center;text-align:center}
}