/* Fisolgut Green2 — "Wappen & Rahmen" (2026-11-03)
   Original-Rot bleibt; Grün nur als Seitenrahmen, Wappen + Produkt-Akzente */
:root{--accent:#397e45;--accent-dark:#2e6337}

/* Seitenrahmen: 6px oben (Ähren-Grünverlauf) + 12px rechter Streifen */
/* Rahmen-Ebene über Inhalt + Sticky-Header (30), unter Dialogen (100); nie klickblockend */
body::before{content:'';position:fixed;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--accent-dark),#397e45 55%,#4f9b5c);z-index:30;pointer-events:none}
body::after{content:'';position:fixed;top:0;right:0;width:12px;height:100vh;background:linear-gradient(180deg,#4f9b5c 0%,#397e45 22%,var(--accent-dark) 100%);z-index:30;pointer-events:none}
@media (max-width:759px){body::before{height:5px}body::after{width:7px}}

/* Wappen aus dem Header (Desktop/Tablet) */
@media (min-width:760px){
  .brand{position:relative;padding-right:64px}
  .brand::after{content:'';position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:46px;height:52px;background:url('../images/wappen-gruen.svg') center/contain no-repeat}
}

/* Produkte: grüne Akzent-Schattierung */
.products .eyebrow{color:var(--accent)}
.products .heading em{color:var(--accent)}
.products .filter-buttons button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.products .filter-buttons button:hover{border-color:var(--accent)}
.products .product-eyebrow{color:var(--accent)}
.products .product-title-button span{color:var(--accent)}
.products .product-card:hover{border-color:#bcd3c1;box-shadow:0 18px 30px #397e4524}
.products .aehren-divider{display:flex;justify-content:center;margin:4px 0 30px}
.products .aehren-divider img{height:20px;width:auto;opacity:.9}