/* HANFACKER v3.0 – Brand-first visual system. Real photos only; WooCommerce data stays dynamic. */
:root{--hf30-forest:#173d29;--hf30-olive:#637b28;--hf30-gold:#d4b16d;--hf30-paper:#faf4e8;--hf30-ink:#172d20}
body{--ast-global-color-0:#173d29}
.hf09,.hf12,.hf14-shop{background:var(--hf30-paper);color:var(--hf30-ink)}
/* Central navigation across page templates, WooCommerce, cart and checkout */
.hf09 .hf09-nav,.hf14-shop .hf09-nav,.hf21-commerce-header .hf09-nav{
  height:78px!important;min-height:78px!important;
  padding:0 max(24px,calc((100vw - 1390px)/2))!important;
  background:#fffbf2!important;border-bottom:1px solid #e8ddc5;
  display:flex!important;align-items:center!important;gap:24px!important;
  box-sizing:border-box!important;position:relative;z-index:40
}
.hf09 .hf09-brand,.hf14-shop .hf09-brand,.hf21-commerce-header .hf09-brand{
  display:flex!important;gap:14px!important;align-items:center!important;
  font:700 22px/1.1 Georgia,serif!important;letter-spacing:.025em;color:var(--hf30-forest)!important;
  text-decoration:none!important
}
.hf09 .hf09-logo,.hf14-shop .hf09-logo,.hf21-commerce-header .hf09-logo{width:61px!important;height:61px!important;object-fit:contain!important}
.hf09 .hf09-brand small,.hf14-shop .hf09-brand small,.hf21-commerce-header .hf09-brand small{
  font:700 9px/1.3 Arial,sans-serif!important;letter-spacing:.18em!important;margin-top:5px!important
}
.hf09 .hf09-links,.hf14-shop .hf09-links,.hf21-commerce-header .hf09-links{display:flex!important;align-items:center!important;gap:clamp(13px,1.7vw,27px)!important}
.hf09 .hf09-links>a,.hf14-shop .hf09-links>a,.hf21-commerce-header .hf09-links>a{
  color:var(--hf30-ink)!important;text-decoration:none!important;font:600 13px Arial,sans-serif!important;
  border-bottom:2px solid transparent;padding:9px 0;transition:border-color .18s
}
.hf09 .hf09-links>a:hover,.hf14-shop .hf09-links>a:hover,.hf21-commerce-header .hf09-links>a:hover{border-color:var(--hf30-olive)!important}
.hf30-search{font:32px/1 Georgia,serif!important}
.hf30-cart{display:inline-flex;position:relative;align-items:center}
.hf30-cart svg{width:27px;height:27px}
.hf30-cart-count{position:absolute;right:-11px;top:-3px;min-width:17px;height:17px;border-radius:50%;background:#5d7928;color:#fff;display:grid;place-items:center;font:700 10px Arial,sans-serif}
/* Editorial homepage, original field image retained */
.hf09 .hf09-hero{height:clamp(540px,53vw,700px)!important;min-height:540px;overflow:hidden}
.hf09 .hf09-hero-img{object-position:center 48%;filter:saturate(1.1) contrast(1.02)}
.hf09 .hf09-hero-shade{background:linear-gradient(90deg,rgba(9,36,22,.90),rgba(13,46,26,.45) 50%,rgba(9,36,22,.12) 85%)!important}
.hf09 .hf09-hero-content{width:min(1390px,calc(100% - 92px))!important}
.hf09 .hf09-hero h1{font:400 clamp(115px,16vw,245px)/.9 Georgia,serif!important;letter-spacing:-.075em!important;margin:16px 0 14px!important}
.hf09 .hf09-hero h1 span{color:#e3bd75!important}
.hf09 .hf09-hero-sub{font:italic clamp(23px,2.45vw,35px)/1.18 Georgia,serif!important;max-width:460px}
.hf09 .hf09-pill-cream{background:linear-gradient(180deg,#7e9633,#486719)!important;color:#fff!important;border:1px solid #c8d48d;box-shadow:0 4px 12px #0d2c1c38}
.hf09 .hf09-stamp{width:150px;height:150px;right:6%;top:26%;border:3px double #f6e6b7;background:#263f17a8;color:#fff5d7;font:italic 17px Georgia,serif;transform:rotate(5deg)}
.hf09 .hf09-stamp strong{font:700 13px Arial,sans-serif;letter-spacing:.17em;color:#f2d795}
.hf30-benefits{position:relative;background:#fdf6e9;border-bottom:1px solid #e9dcbf}
.hf30-benefits:before{content:"";position:absolute;left:0;right:0;top:-13px;height:22px;background:#fdf6e9;clip-path:polygon(0 42%,8% 57%,16% 35%,26% 60%,39% 30%,53% 58%,66% 34%,79% 61%,90% 39%,100% 57%,100% 100%,0 100%)}
.hf30-benefits-inner{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:27px 20px 30px}
.hf30-benefits-inner>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;border-right:1px solid #dcc9a2}
.hf30-benefits-inner>div:last-child{border:0}
.hf30-benefits-inner span{font:40px Georgia,serif;color:#71832d}
.hf30-benefits-inner p{font:16px/1.28 Georgia,serif;margin:0!important;color:#283a25}
.hf30-benefits-inner strong{font-weight:700}
.hf09 .hf09-products{position:relative;background:#183c29!important}
.hf09 .hf09-product-card{border-radius:20px;overflow:hidden;background:#fbf5e9;box-shadow:0 8px 25px #0927182e;transition:transform .2s}
.hf09 .hf09-product-card:hover{transform:translateY(-5px)}
.hf09 .hf09-product-image{display:block;background:#f4eddf}
.hf09 .hf09-product-image img{object-fit:contain!important;mix-blend-mode:multiply}
.hf09 .hf09-product-info{padding:14px 18px 20px}
.hf09 .hf09-product-info h3 a{color:#1c3928!important}
.hf09 .hf09-product-arrow{background:#587b24!important;color:white!important;border-radius:50%}
.hf09 .hf09-story,.hf09 .hf09-recipes,.hf12 .hf12-body{background-color:var(--hf30-paper)!important}
.hf09 .hf09-story h2,.hf09 .hf09-recipes h2{letter-spacing:-.035em}
.hf09 .hf09-story h2 em,.hf09 .hf09-recipes h2 em{color:#b57543}
/* Shop & content heroes – exactly one shared geometry */
.hf12 .hf12-hero,.hf14-shop-hero{height:370px!important;min-height:370px!important;max-height:370px!important}
.hf12 .hf12-hero,.hf14-shop-hero{background-image:linear-gradient(90deg,rgba(11,46,26,.91),rgba(11,46,26,.56) 64%,rgba(11,46,26,.33)),url('../images/hanffeld-original.webp')!important;background-position:center 54%!important;background-size:cover!important}
.hf12 .hf12-hero-copy{width:min(1240px,calc(100% - 48px))!important}
.hf12 .hf12-hero h1{font:400 clamp(54px,6.2vw,88px)/1.05 Georgia,serif!important;letter-spacing:-.04em!important}
.hf12 .hf12-hero h1 em{color:#e6c17d!important}
/* Footer and WooCommerce shared */
.hf10-footer{background:#173c29!important;color:#f7eddb!important}
body.woocommerce-cart .hf21-commerce-header .hf09-nav,body.woocommerce-checkout .hf21-commerce-header .hf09-nav{height:78px!important;min-height:78px!important}
body.woocommerce-cart .entry-title,body.woocommerce-checkout .entry-title{font-family:Georgia,serif!important;color:#173c29!important}
body.woocommerce-cart .woocommerce a:not(.button),body.woocommerce-checkout .woocommerce a:not(.button){color:#315c39}
@media(max-width:900px){
 .hf09 .hf09-nav,.hf14-shop .hf09-nav,.hf21-commerce-header .hf09-nav{padding:8px 20px!important;height:auto!important;min-height:78px!important;flex-wrap:wrap!important}
 .hf09 .hf09-links,.hf14-shop .hf09-links,.hf21-commerce-header .hf09-links{width:100%;overflow-x:auto;gap:19px!important;padding:6px 0 8px}
 .hf09 .hf09-hero-content{width:calc(100% - 45px)!important}
 .hf09 .hf09-stamp{width:100px;height:100px;right:25px;top:30px;font-size:12px}
}
@media(max-width:600px){
 .hf09 .hf09-hero{height:540px!important;min-height:540px}
 .hf09 .hf09-hero h1{font-size:clamp(95px,23vw,150px)!important}
 .hf09 .hf09-hero-sub{font-size:23px!important}
 .hf30-benefits-inner{grid-template-columns:repeat(2,1fr);gap:20px 0}
 .hf30-benefits-inner>div:nth-child(2){border-right:0}
 .hf12 .hf12-hero,.hf14-shop-hero{height:295px!important;min-height:295px!important;max-height:295px!important}
}
@media(prefers-reduced-motion:reduce){.hf09 .hf09-product-card,.hf09 .hf09-links>a{transition:none!important}}

/* v3.1 – sanfte organische Wellen wie in der freigegebenen Hero-Referenz.
   Dekorative SVG-Overlays: Text und Buttons bleiben unberührt. */
.hf09 .hf09-hero::before,
.hf09 .hf09-hero::after{
  content:"";position:absolute;left:0;width:100%;pointer-events:none;
  background-repeat:no-repeat;background-size:100% 100%;z-index:5;
}
.hf09 .hf09-hero::before{
  top:-1px;height:clamp(35px,5vw,78px);
  background-image:url('../images/hero-wave-top.svg');
}
.hf09 .hf09-hero::after{
  bottom:-1px;height:clamp(32px,5vw,72px);
  background-image:url('../images/hero-wave-bottom.svg');
}
.hf09 .hf09-hero-content{position:relative;z-index:6}
.hf09 .hf09-stamp{z-index:6}
.hf09 .hf09-scroll{z-index:6;bottom:65px}
.hf30-benefits::before{display:none!important}
@media(max-width:600px){
 .hf09 .hf09-hero::before{height:32px}
 .hf09 .hf09-hero::after{height:38px}
 .hf09 .hf09-scroll{bottom:48px}
}

/* v3.2 – sehr dezente Windbewegung des Original-Hanffotos.
   Nur das Bild bewegt sich; Text, Siegel und SVG-Wellen bleiben statisch. */
.hf09 .hf09-hero-img {
  transform-origin: center bottom;
  animation: hf32-gentle-wind 9s ease-in-out infinite;
  will-change: transform;
}
@keyframes hf32-gentle-wind {
  0%, 100% { transform: scale(1.045) translateX(0); }
  25% { transform: scale(1.05) translateX(-5px); }
  50% { transform: scale(1.045) translateX(4px); }
  75% { transform: scale(1.05) translateX(-3px); }
}
@media (prefers-reduced-motion: reduce) {
  .hf09 .hf09-hero-img { animation: none !important; will-change: auto; transform: none !important; }
}

/* v3.3 – alle Unterseiten-Heros: nur das Hanffeld im Hintergrund bewegt sich.
   Die Verlaufsebene ist konstant, Texte bleiben unbewegt. */
.hf12 .hf12-hero, .hf14-shop .hf14-shop-hero {
  background-size: 100% 100%, 106% auto !important;
  background-position: center center, 50% 54% !important;
  animation: hf33-field-wind 9s ease-in-out infinite;
}
@keyframes hf33-field-wind {
  0%, 100% { background-position: center center, 50% 54%; }
  25% { background-position: center center, 48.8% 54.3%; }
  50% { background-position: center center, 51.2% 53.8%; }
  75% { background-position: center center, 49.2% 54.2%; }
}
@media (prefers-reduced-motion: reduce) {
 .hf12 .hf12-hero, .hf14-shop .hf14-shop-hero { animation: none !important; }
}

/* v3.4 – Wellen jetzt auch auf Shop, Unser Hof, Rezepte, Hanfwissen und Kontakt.
   Die SVG-Flächen decken nur die Kanten ab, ohne den Text zu beschneiden. */
.hf12 .hf12-hero,
.hf14-shop .hf14-shop-hero {
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
}
.hf12 .hf12-hero::before,
.hf12 .hf12-hero::after,
.hf14-shop .hf14-shop-hero::before,
.hf14-shop .hf14-shop-hero::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  width:100%!important;
  pointer-events:none!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  z-index:8!important;
}
.hf12 .hf12-hero::before,
.hf14-shop .hf14-shop-hero::before {
  top:-1px!important;
  height:clamp(27px,4vw,57px)!important;
  background-image:url('../images/hero-wave-top.svg')!important;
}
.hf12 .hf12-hero::after,
.hf14-shop .hf14-shop-hero::after {
  bottom:-1px!important;
  height:clamp(32px,5vw,68px)!important;
  background-image:url('../images/hero-wave-bottom.svg')!important;
}
.hf12 .hf12-hero-copy,
.hf14-shop .hf14-shop-hero-inner {
  position:relative!important;
  z-index:9!important;
}
@media(max-width:650px) {
  .hf12 .hf12-hero::before,.hf14-shop .hf14-shop-hero::before {height:29px!important}
  .hf12 .hf12-hero::after,.hf14-shop .hf14-shop-hero::after {height:37px!important}
}
/* Accessibility: avoid moving the entire text-containing hero. */
@media(prefers-reduced-motion:reduce){
  .hf12 .hf12-hero,.hf14-shop .hf14-shop-hero{animation:none!important}
}