/* Reference refinement, scoped to the homepage. Mobile body copy is >=16px. */
.hhc h1,.hhc h2,.hhc h3{font-family:HHCHero,HHCNunito,sans-serif;font-weight:700;color:#123d31;line-height:1.06}
.hhc .hhc-hero h1{color:var(--butter);font-weight:700}
.hhc-section{padding:56px 0}
.hhc-announcement{font-size:15px}
.hhc-product{grid-template-columns:46% 54%}
.hhc-product>img,.hhc-comparison img{object-fit:contain;mix-blend-mode:multiply}
.hhc-product-copy{min-width:0}
.hhc-product p{font-size:18px}
.hhc .hhc-product a.hhc-button{font-size:17px;min-height:46px}
.hhc-price-note{font-size:15px}
.hhc-occasions h3{font-size:32px}
.hhc-editorial{gap:48px}
#handgemacht .hhc-editorial-copy{text-align:center}
#handgemacht h2 .hhc-heart{position:absolute;right:10px;bottom:5px}
.hhc-pills{justify-content:center}
.hhc-pills span{display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;min-height:48px;font-weight:650;line-height:1.2}
.hhc-pills svg{width:29px;height:29px;flex-shrink:0}
.hhc-ingredients h3{display:flex;align-items:center;justify-content:flex-start;font-size:36px;line-height:1.04;min-height:116px;text-align:left}
.hhc-ingredients br{display:initial}
.hhc-ingredient-note{font-size:20px}
.hhc-detail-photo{position:relative;overflow:hidden;width:38%;flex-shrink:0;aspect-ratio:1.1;border-radius:16px}
.hhc-detail-photo img{position:absolute;max-width:none;width:300%;height:300%;left:-100%;top:-72%;object-fit:cover;border-radius:0}
.hhc-comparison article{grid-template-columns:51% 49%}
.hhc-comparison article>div{padding:20px 14px;text-align:left;min-width:0}
.hhc-big-number{position:relative;font-family:HHCHero,sans-serif;font-weight:700;font-size:164px;line-height:.95;-webkit-text-stroke:14px #123d31;margin:0 auto 16px;text-align:center;letter-spacing:-8px;transform:rotate(-5deg)}
.hhc-big-number:before{content:'♡';position:absolute;font-family:HHCNunito,sans-serif;font-size:45px;color:var(--lilac);-webkit-text-stroke:1px var(--lilac);left:0;bottom:3px;line-height:1;transform:rotate(-12deg)}
.hhc-big-number:after{content:'';position:absolute;right:1%;top:40%;width:25px;height:38px;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 38'%3E%3Cpath d='M5 9 12 2M9 19l13-3M7 29l12 6' fill='none' stroke='%23244a3c' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(8deg)}
.hhc-comparison h3{font-size:31px}
.hhc-comparison p{font-size:18px;line-height:1.3}
.hhc-steps li>span{font-family:HHCHero,sans-serif;font-weight:700;font-size:29px}
.hhc-steps h3{font-size:27px}
.hhc-steps p{font-size:17px;line-height:1.35}
.hhc-final-cta h2{color:var(--butter)}
.hhc-faq{padding-top:8px}
.hhc-faq details p{font-size:18px}
.hhc-footer{padding:36px 0 28px}
.hhc-footer nav{font-size:17px;margin:22px auto}
.hhc-footer nav.hhc-footer-secondary{font-size:15px;margin:18px auto 22px}
.hhc-footer small{display:block;font-size:14px}
.hhc-green-page>.eu-owb-order-withdraw-from-contract-button{font-size:15px}
@media(min-width:768px) and (max-width:1050px){
  .hhc-products{grid-template-columns:1fr;max-width:760px;margin:auto}
  .hhc-product>img{min-height:0;max-height:330px}
  .hhc-product-copy{padding:24px}
  .hhc-editorial{gap:30px}
  .hhc-editorial h2{font-size:36px}
  .hhc-occasions h3,.hhc-occasions article:first-child h3{font-size:26px}
  .hhc-occasions article>div{padding:17px}
  .hhc-ingredients h3{font-size:30px}
  .hhc-comparison h3{font-size:25px}
  .hhc-comparison p{font-size:16px}
  .hhc-big-number{font-size:138px}
  .hhc-steps h3{font-size:27px}
  #handgemacht h2 .hhc-heart{right:6px;font-size:38px}
}
@media(max-width:767px){
  .hhc{font-size:16px;line-height:1.4}
  .hhc-section{padding:22px 0}
  .hhc h2{font-size:clamp(30px,8.45vw,44px);line-height:1.04;margin-bottom:13px}
  .hhc h3{font-size:28px;line-height:1.05}
  .hhc-announcement{height:auto;min-height:29px;padding:4px 10px;font-size:15px;gap:8px;line-height:1.2;text-align:center}
  .hhc-header-inner{height:56px}
  .hhc-logo{width:112px!important}
  .hhc-bag{width:31px;padding:2px}
  .hhc-bag svg{width:27px;height:31px}
  .hhc .hhc-hero h1{font-size:clamp(28px,7.8vw,60px);line-height:1.02}
  .hhc-lid-note{top:36%;right:7%;font-size:15px;max-width:130px}
  .hhc-hero-bottom{padding:8px 22px 12px}
  .hhc-button,.hhc a.hhc-button{font-size:17px;min-height:46px;padding:10px 15px;gap:7px}
  .hhc-hero-bottom p{font-size:15px;line-height:1.35;margin-top:8px}
  .hhc-heading{margin-bottom:14px}
  .hhc-heading h2,.hhc-comparison-section>.hhc-shell>h2{font-size:clamp(28px,7.5vw,40px);margin-bottom:7px}
  .hhc-heading p{font-size:17px;line-height:1.3}
  .hhc-product{grid-template-columns:44% 56%}
  .hhc-product>img{min-height:195px;object-fit:contain}
  .hhc-product-copy{padding:13px 11px}
  .hhc-product h3{font-size:clamp(25px,7.1vw,34px);white-space:nowrap;margin-bottom:6px}
  .hhc-product p{font-size:16px;line-height:1.3;margin-bottom:8px}
  .hhc-price{font-size:23px;line-height:1.2;margin-bottom:10px}
  .hhc .hhc-product a.hhc-button{font-size:16px;min-height:44px;padding:9px 7px;gap:5px;white-space:nowrap}
  .hhc-product .hhc-button span{font-size:19px}
  .hhc-price-note{font-size:15px!important;line-height:1.4;margin-top:11px!important}
  .hhc-occasions{gap:9px}
  .hhc-occasions article{grid-template-columns:46% 54%;border-radius:12px;min-height:144px;align-items:stretch}
  .hhc-occasions img{aspect-ratio:1.15}
  .hhc-occasions article>div{padding:13px 12px;align-self:center}
  .hhc-occasions h3{font-size:26px;line-height:1.02;margin-bottom:7px;overflow-wrap:normal}
  .hhc-occasions article:first-child h3{font-size:clamp(22px,6.1vw,32px);letter-spacing:-.25px}
  .hhc-occasions p{font-size:16px;line-height:1.3}
  .hhc-occasions article:nth-child(2){grid-template-columns:54% 46%}
  .hhc-occasions article:last-child>div{padding-bottom:23px}
  .hhc-occasions .hhc-heart{font-size:27px;right:9px;bottom:6px}
  .hhc-editorial,.hhc-editorial-reverse{gap:0}
  .hhc-editorial-copy>p{font-size:16px;line-height:1.45;margin:9px 4px 0}
  .hhc-editorial-copy h2 .hhc-heart{font-size:39px;right:3%;bottom:6px}
  #handgemacht h2{text-align:center;font-size:clamp(30px,8.2vw,43px);padding:0 20px}
  #handgemacht h2 .hhc-heart{right:6px;bottom:2px;font-size:32px}
  #handgemacht .hhc-editorial-copy>p{text-align:center;margin:11px 2px 0}
  .hhc-pills{gap:10px;margin:15px 0 0;flex-wrap:nowrap}
  .hhc-pills span{font-size:16px;min-height:45px;padding:9px 12px;gap:7px;white-space:nowrap}
  .hhc-pills svg{width:26px;height:26px}
  .hhc-ingredients{gap:8px}
  .hhc-ingredients article{grid-template-columns:52% 48%;align-items:center;border-radius:11px;min-height:80px}
  .hhc-ingredients img{aspect-ratio:2.2;align-self:stretch}
  .hhc-ingredients h3,.hhc-ingredients article:last-child h3{display:flex;align-items:center;justify-content:flex-start;font-size:clamp(26px,7.25vw,38px);line-height:1.02;padding:12px;margin:0;min-height:80px;text-align:left;align-self:stretch}
  .hhc-ingredient-note{font-size:16px;line-height:1.4;margin:10px 4px 0!important}
  .hhc-detail{gap:12px;margin:9px 0 0;align-items:stretch}
  .hhc-detail-photo{width:43%;aspect-ratio:1.5;border-radius:10px;min-height:126px}
  .hhc-detail-photo img{height:auto;aspect-ratio:1;width:310%;left:-107%;top:-58%}
  .hhc-detail p{font-size:16px;line-height:1.4;align-self:center}
  .hhc-comparison{gap:10px;margin:14px 0 12px}
  .hhc-comparison article{grid-template-columns:55% 45%;min-height:207px}
  .hhc-comparison article>div{padding:13px 9px 13px 12px}
  .hhc-big-number{font-size:132px;line-height:.9;-webkit-text-stroke:12px #123d31;margin:0 auto 14px;letter-spacing:-6px}
  .hhc-big-number:before{font-size:29px;left:0;bottom:5px}
  .hhc-big-number:after{width:20px;height:34px;right:0;top:38%}
  .hhc-comparison h3{font-size:24px;line-height:1.04;margin-bottom:6px;letter-spacing:-.4px}
  .hhc-comparison p{font-size:16px;line-height:1.3}
  .hhc-comparison+p{font-size:16px;line-height:1.4;margin-bottom:12px}
  .hhc-inline-button{width:88%;margin:12px auto 0}
  .hhc-steps-section>.hhc-shell>h2{text-align:left;font-size:clamp(29px,7.75vw,41px)}
  .hhc-steps{gap:23px;margin:23px 1px 25px}
  .hhc-steps li{gap:13px;min-height:64px}
  .hhc-steps li:not(:last-child):before{width:1.5px;left:22px;top:38px;height:calc(100% + 23px)}
  .hhc-steps li>span{width:46px;height:46px;font-size:26px}
  .hhc .hhc-step-icon{width:43px;height:47px}
  .hhc-steps li>div{flex:1;min-width:0}
  .hhc-steps h3{font-size:27px;line-height:1.06;margin-bottom:5px}
  .hhc-steps p{font-size:16px;line-height:1.3}
  .hhc-final-cta{min-height:298px;padding:20px 14px 14px}
  .hhc-final-cta h2{font-size:clamp(29px,8vw,40px)!important;line-height:1.04;margin-bottom:15px}
  .hhc-final-cta p{font-size:16px;line-height:1.4;margin-bottom:14px}
  .hhc-final-cta>img{object-position:62% center}
  .hhc-final-cta:after{background:linear-gradient(90deg,#244a3c 18%,rgba(36,74,60,.87) 40%,transparent 77%)}
  .hhc-final-cta .hhc-heart{font-size:42px;left:49%;top:25px}
  .hhc-final-cta a.hhc-button{font-size:16px;max-width:none;margin:4px auto 0;padding:10px 9px}
  .hhc-faq{padding-top:8px;padding-bottom:26px}
  .hhc-faq h2{font-size:clamp(29px,7.8vw,42px);margin-bottom:14px}
  .hhc-faq details{padding:14px 3px}
  .hhc-faq summary{font-size:17px;line-height:1.35;padding-right:25px}
  .hhc-faq summary:after{font-size:27px;top:-4px}
  .hhc-faq details p{font-size:16px;line-height:1.45;margin-top:8px}
  .hhc-footer{padding:28px 0 23px}
  .hhc-footer .hhc-logo{width:165px!important;margin-bottom:13px}
  .hhc-footer p{font-size:16px}
  .hhc-footer nav{font-size:16px;gap:10px 17px;margin:18px auto}
  .hhc-footer nav.hhc-footer-secondary{font-size:15px;gap:10px 16px;margin:18px auto}
  .hhc-footer small{font-size:15px;line-height:1.4}
}
@media(max-width:359px){
  .hhc-shell{padding:0 14px}
  .hhc-product{grid-template-columns:40% 60%}
  .hhc-product-copy{padding:12px 9px}
  .hhc-product h3{font-size:25px}
  .hhc-occasions article{grid-template-columns:41% 59%}
  .hhc-occasions article:nth-child(2){grid-template-columns:59% 41%}
  .hhc-occasions article>div{padding:12px 10px}
  .hhc-pills{gap:6px}
  .hhc-pills span{padding:9px 8px;gap:4px}
  .hhc-pills svg{width:21px;height:24px}
  .hhc-ingredients article{grid-template-columns:48% 52%}
  .hhc-ingredients h3,.hhc-ingredients article:last-child h3{padding:10px;font-size:26px}
  .hhc-big-number{font-size:116px}
  .hhc-comparison h3{font-size:23px}
  .hhc-steps li{gap:9px}
  .hhc .hhc-step-icon{width:35px}
  .hhc-steps h3{font-size:25px}
  .hhc-final-cta a.hhc-button{font-size:16px;flex-wrap:wrap}
}