/* ===== Variablen 1:1 aus home-v2.css ===== */
.aromaneo-collection{
  --dark-green:#2f3d28;--beige:#e2d2ac;--beige-deep:#8f6d3f;--beige-darkest:#6b4f30;
  --cream:#f0e6d2;--ink:#2a2a24;--radius:2px;--gold:#c9a15b;
  --blend-2:linear-gradient(135deg, rgba(226,210,172,.55), rgba(143,109,63,.16));
}
.aromaneo-collection *{box-sizing:border-box;}


/* ===== Grid: 2 Spalten wie .featured-grid, Bundles über volle Breite ===== */
.woocommerce ul.products.aromaneo-collection,
ul.products.aromaneo-collection{
  display:grid !important;grid-template-columns:1fr 1fr !important;gap:30px !important;
  max-width:100%;margin:0 auto 30px !important;padding:0 !important;list-style:none;
}
.woocommerce ul.products.aromaneo-collection::before,
.woocommerce ul.products.aromaneo-collection::after{display:none !important;content:none !important;}
.woocommerce ul.products.aromaneo-collection li.product{
  width:auto !important;float:none !important;margin:0 !important;padding:0 !important;
  background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;
  text-align:left !important;clear:none !important;min-width:0;font-family:'Jost',sans-serif;
  color:var(--ink);line-height:1.6;transform:none !important;
}
.woocommerce ul.products.aromaneo-collection li.product.aromaneo-is-spotlight{grid-column:1 / -1;}
.aromaneo-collection a{text-decoration:none;}
.aromaneo-collection img{max-width:100%;display:block;}

/* ===== Buttons ===== */
.aromaneo-collection .btn,
.aromaneo-collection .featured-cart .button{
  display:inline-block;padding:14px 32px;border-radius:var(--radius);font-family:'Jost',sans-serif;
  font-size:15px;letter-spacing:.06em;text-transform:uppercase;border:1.5px solid var(--dark-green);
  transition:all .25s ease;cursor:pointer;line-height:1.6;font-weight:400;text-decoration:none;
}
.aromaneo-collection .featured-cart .button{background:var(--dark-green) !important;color:var(--cream) !important;border-color:var(--dark-green) !important;font-size:14px;}
.aromaneo-collection .featured-cart .button:hover{background:var(--beige-deep) !important;border-color:var(--beige-deep) !important;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.15);}
.aromaneo-collection .btn-gold{background:var(--gold) !important;border-color:var(--gold) !important;color:var(--dark-green) !important;font-weight:600;}
.aromaneo-collection .btn-gold:hover{background:#dab671 !important;border-color:#dab671 !important;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.25);}
.aromaneo-collection .btn-gold.added{opacity:.9;}
/* Label per data-label: das bestehende Shop-Script setzt den Text aller Raster-Buttons auf "In den Korb" */
.aromaneo-collection .btn-gold.add_to_cart_button{font-size:0 !important;}
.aromaneo-collection .btn-gold.add_to_cart_button::before{content:attr(data-label);font-size:15px;letter-spacing:.06em;}
.aromaneo-collection .added_to_cart{display:none !important;}

/* ===== Discovery-Pille ===== */
.aromaneo-collection .product-link{
  font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--beige-deep);display:inline-flex;
  align-items:center;gap:8px;font-weight:500;padding:10px 18px;border-radius:30px;
  border:1px solid rgba(143,109,63,.32);background:rgba(143,109,63,.06);
  transition:background .25s ease, border-color .25s ease, color .25s ease;
}
.aromaneo-collection .product-link:hover{background:rgba(143,109,63,.13);border-color:rgba(143,109,63,.5);color:var(--dark-green);}
.aromaneo-collection .product-link .arrow{transition:transform .25s ease;}
.aromaneo-collection .product-link:hover .arrow{transform:translateX(3px);}

/* ===== Featured-Karte 1:1 ===== */
.aromaneo-collection .featured-card{
  background:#fbf7ec;border:none;border-radius:24px;overflow:hidden;height:100%;
  box-shadow:0 20px 45px rgba(90,68,42,.16);transition:transform .3s ease, box-shadow .3s ease;
  display:flex;flex-direction:column;
}
.aromaneo-collection .featured-card:hover{transform:translateY(-6px);box-shadow:0 26px 55px rgba(90,68,42,.22);}
.aromaneo-collection .featured-media{
  background:var(--blend-2);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;border-radius:0;margin:0;
}
.aromaneo-collection .featured-media img{position:absolute;inset:0;width:100% !important;height:100% !important;object-fit:cover;z-index:0;margin:0 !important;border-radius:0 !important;box-shadow:none !important;}
.aromaneo-collection .featured-oil-badge{
  position:absolute;top:16px;left:16px;z-index:2;background:var(--dark-green);color:var(--cream);
  font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:6px 12px;border-radius:20px;line-height:1.6;
}
.aromaneo-collection .featured-body{padding:24px 28px 28px;display:flex;flex-direction:column;align-items:flex-start;flex:1;}
.aromaneo-collection .featured-body h3{font-family:'Playfair Display',serif;font-weight:600;color:var(--dark-green);font-size:24px;margin:0 0 4px;line-height:1.3;padding:0;}
.aromaneo-collection .featured-body h3 a{color:inherit;}
.aromaneo-collection .featured-sub{font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--beige-deep);margin-bottom:14px;display:block;}
.aromaneo-collection .featured-body p{font-size:14.5px;color:#63635a;margin:0 0 20px;}
.aromaneo-collection .featured-body p.note{font-size:12.5px;color:#8b8b7d;font-style:italic;margin-top:-8px;margin-bottom:22px;}
.aromaneo-collection .mobile-usp{display:none;}

/* Kauf-Zeile (Shop-Ergänzung: Preis + Menge + In den Korb) */
.aromaneo-collection .featured-buy{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  width:100%;margin-top:auto;padding-top:22px;
}
.aromaneo-collection .featured-price .price{
  display:flex !important;flex-direction:column;align-items:flex-start;margin:0 !important;
  font-family:'Playfair Display',serif;font-weight:600;font-size:22px !important;color:var(--dark-green) !important;line-height:1.2;
}
.aromaneo-collection .featured-price .price-weight{font-family:'Jost',sans-serif;font-weight:400;font-size:12px !important;color:#8b8b7d !important;letter-spacing:.03em;margin-top:4px;}
.aromaneo-collection .featured-cart .loop-cart-row{display:flex;align-items:center;gap:10px;margin:0 !important;padding:0 !important;justify-content:flex-end;}
.aromaneo-collection .featured-soon-label{display:inline-flex;align-items:center;gap:8px;font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#9a4d12;font-weight:600;}
.aromaneo-collection .featured-soon-label::before{content:"";width:20px;height:20px;flex:0 0 20px;background:#d9772b;-webkit-mask:url(https://aromaneo.com/aromaneo_leaf_icon.png) center/contain no-repeat;mask:url(https://aromaneo.com/aromaneo_leaf_icon.png) center/contain no-repeat;animation:aroSoonPulse 1.8s ease-in-out infinite;}
@keyframes aroSoonPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.75}}
@media (prefers-reduced-motion:reduce){.aromaneo-collection .featured-soon-label::before{animation:none}}
.aromaneo-collection .featured-cart{margin-left:auto;}
.aromaneo-collection .featured-cart .loop-cart-row{align-items:stretch !important;}
.aromaneo-collection .featured-cart .button{display:inline-flex !important;align-items:center;justify-content:center;height:auto !important;min-height:0 !important;line-height:1.2 !important;padding:12px 22px !important;white-space:nowrap;margin:0 !important;}

/* ===== Spotlight-Panel (Bundles) 1:1 ===== */
.aromaneo-collection .spotlight-panel{
  display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--dark-green);
  border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(31,40,26,.28);margin:14px 0;
}
.aromaneo-collection .spotlight-media{position:relative;min-height:420px;display:block;}
.aromaneo-collection .spotlight-media img{position:absolute;inset:0;width:100% !important;height:100% !important;object-fit:cover;margin:0 !important;border-radius:0 !important;}
.aromaneo-collection .spotlight-badge{
  position:absolute;top:24px;left:24px;z-index:2;background:var(--gold);color:var(--dark-green);font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:8px 16px;border-radius:30px;line-height:1.6;
}
.aromaneo-collection .spotlight-content{padding:56px;display:flex;flex-direction:column;justify-content:center;color:var(--cream);text-align:left;}
.aromaneo-collection .spotlight-eyebrow{font-family:'Jost',sans-serif;font-style:italic;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.aromaneo-collection .spotlight-content h2{font-family:'Playfair Display',serif;font-weight:600;color:var(--cream) !important;font-size:clamp(28px,3.2vw,38px) !important;margin:0 0 18px !important;padding:0 !important;line-height:1.2;}
.aromaneo-collection .spotlight-content h2 a{color:inherit !important;}
.aromaneo-collection .spotlight-content p{color:rgba(240,230,210,.82);font-size:15.5px;margin:0 0 24px;}
.aromaneo-collection .spotlight-features{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:10px;}
.aromaneo-collection .spotlight-features li{font-size:14px;color:var(--cream);padding-left:26px;position:relative;margin:0;list-style:none;}
.aromaneo-collection .spotlight-features li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gold);font-weight:700;}
.aromaneo-collection .spotlight-footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.aromaneo-collection .spotlight-price{font-family:'Playfair Display',serif;font-size:22px;color:var(--gold);}
.aromaneo-collection .spotlight-price-note{display:block;font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.02em;color:rgba(240,230,210,.9);margin-top:3px;}
.aromaneo-collection .spotlight-price-note a{color:inherit;text-decoration:underline;text-underline-offset:2px;}

/* ===== Tablet / Mobil (≤900px) – wie Landingpage ===== */
@media (max-width:900px){
  .woocommerce ul.products.aromaneo-collection,
  ul.products.aromaneo-collection{grid-template-columns:1fr !important;gap:40px !important;}

  .aromaneo-collection .featured-card{
    text-align:center;background:linear-gradient(165deg, var(--cream) 0%, var(--beige) 130%);
    border-radius:26px;box-shadow:0 18px 38px rgba(74,56,30,.22);padding-bottom:24px;
  }
  .aromaneo-collection .featured-media{aspect-ratio:4/3;border-radius:0;box-shadow:none;margin:0 0 18px;}
  .aromaneo-collection .featured-oil-badge{display:none;}
  .aromaneo-collection .featured-body{padding:0 22px;align-items:center;}
  .aromaneo-collection .featured-body h3{font-size:20px;margin-bottom:6px;}
  .aromaneo-collection .featured-sub,
  .aromaneo-collection .featured-body p,
  .aromaneo-collection .product-link{display:none;}
  .aromaneo-collection .mobile-usp{display:block;font-size:15px;color:#5c5c50;margin-bottom:10px;}
  .aromaneo-collection .featured-buy{flex-direction:column;align-items:center;justify-content:center;gap:18px;padding-top:8px;margin-top:0;}
  .aromaneo-collection .featured-price .price{align-items:center;font-size:21px !important;}
  .aromaneo-collection .featured-cart{margin:0;width:100%;display:flex;justify-content:center;}
  .aromaneo-collection .featured-cart .loop-cart-row{justify-content:center;width:100%;max-width:300px;}
  .aromaneo-collection .featured-cart .button{flex:1;text-align:center;padding:15px 20px !important;}

  .aromaneo-collection .spotlight-panel{grid-template-columns:1fr;border-radius:22px;margin:0;}
  .aromaneo-collection .spotlight-media{min-height:280px;}
  .aromaneo-collection .spotlight-content{padding:40px 28px;}
}
@media (max-width:560px){
  .aromaneo-collection .spotlight-content{padding:32px 22px;}
  .aromaneo-collection .spotlight-footer{flex-direction:column;align-items:flex-start;gap:16px;}
}
/* ===== Vorrang vor bestehendem Shop-CSS (Preis, Warenkorb-Zeile, Überschriften) ===== */
.woocommerce ul.products.aromaneo-collection li.product .featured-price .price{
  display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:0 !important;
  border:0 !important;padding:0 !important;margin:0 !important;background:none !important;
  font-family:'Playfair Display',serif !important;font-size:22px !important;color:var(--dark-green) !important;line-height:1.2 !important;
}
.woocommerce ul.products.aromaneo-collection li.product .featured-price .price .amount,
.woocommerce ul.products.aromaneo-collection li.product .featured-price .price bdi{
  font-family:'Playfair Display',serif !important;font-weight:600 !important;font-size:22px !important;color:var(--dark-green) !important;
}
.woocommerce ul.products.aromaneo-collection li.product .featured-price .price-weight{
  font-family:'Jost',sans-serif !important;font-size:12px !important;font-weight:400 !important;color:#8b8b7d !important;
  border:0 !important;padding:0 !important;margin:4px 0 0 !important;
}
.woocommerce ul.products.aromaneo-collection li.product .featured-price .price-weight::before,
.woocommerce ul.products.aromaneo-collection li.product .featured-price .price::before{content:none !important;display:none !important;}
.woocommerce ul.products.aromaneo-collection li.product .spotlight-content h2{line-height:1.2 !important;height:auto !important;}
.woocommerce ul.products.aromaneo-collection li.product .featured-body h3{line-height:1.3 !important;}
@media (max-width:900px){
  .woocommerce ul.products.aromaneo-collection li.product .featured-price .price{align-items:center !important;font-size:21px !important;}
  .woocommerce ul.products.aromaneo-collection li.product .featured-price .price .amount,
  .woocommerce ul.products.aromaneo-collection li.product .featured-price .price bdi{font-size:21px !important;}
  .woocommerce ul.products.aromaneo-collection li.product .featured-cart .loop-cart-row{
    flex-direction:row !important;flex-wrap:nowrap !important;width:100% !important;max-width:300px !important;gap:10px !important;
  }
  .woocommerce ul.products.aromaneo-collection li.product .featured-cart .quantity{width:118px !important;flex:0 0 118px !important;height:auto !important;}

  .woocommerce ul.products.aromaneo-collection li.product .featured-cart .button{flex:1 1 auto !important;width:auto !important;padding:15px 12px !important;}
}
/* Menge + Preis auf einer Höhe, eigene Mengenauswahl (28.09.2026) */
.woocommerce ul.products.aromaneo-collection li.product .featured-buy{flex-wrap:nowrap !important;align-items:flex-end !important;gap:14px !important;}
.woocommerce ul.products.aromaneo-collection li.product .featured-price{flex:1 1 auto;min-width:0;}
.woocommerce ul.products.aromaneo-collection li.product .featured-cart{flex:0 0 auto;margin:0 !important;}
.woocommerce ul.products.aromaneo-collection li.product .featured-cart .loop-cart-row{gap:8px !important;align-items:center !important;margin:0 !important;}
.woocommerce ul.products.aromaneo-collection li.product .featured-cart .quantity{width:112px !important;flex:0 0 112px !important;height:44px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding:0 5px !important;border:1.5px solid #2f3d28 !important;border-radius:999px !important;background:#fffdf8 !important;box-sizing:border-box !important;overflow:hidden;}
.woocommerce ul.products.aromaneo-collection li.product .featured-cart .qty-step{width:32px !important;height:32px !important;min-width:0 !important;flex:0 0 32px !important;border-radius:50% !important;border:0 !important;background:#efe5cf !important;color:#2f3d28 !important;font-size:18px !important;line-height:1 !important;padding:0 !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer;transition:background .2s,color .2s;box-shadow:none !important;}
.woocommerce ul.products.aromaneo-collection li.product .featured-cart .qty-step:hover,.woocommerce ul.products.aromaneo-collection li.product .featured-cart .qty-step:focus-visible{background:#2f3d28 !important;color:#f0e6d2 !important;}
.woocommerce ul.products.aromaneo-collection li.product .featured-cart input.qty{width:30px !important;height:32px !important;flex:0 0 30px !important;border:0 !important;background:transparent !important;text-align:center !important;font-family:'Playfair Display',serif !important;font-size:17px !important;color:#2f3d28 !important;padding:0 !important;margin:0 !important;box-shadow:none !important;-moz-appearance:textfield;appearance:textfield;}
.woocommerce ul.products.aromaneo-collection li.product .featured-cart input.qty::-webkit-outer-spin-button,.woocommerce ul.products.aromaneo-collection li.product .featured-cart input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.woocommerce ul.products.aromaneo-collection li.product .featured-cart .button{height:44px !important;display:inline-flex !important;align-items:center !important;padding:0 22px !important;border-radius:999px !important;line-height:1 !important;white-space:nowrap;}
@media (max-width:560px){.woocommerce ul.products.aromaneo-collection li.product .featured-buy{flex-wrap:wrap !important;align-items:flex-start !important;}.woocommerce ul.products.aromaneo-collection li.product .featured-cart{width:100%;}}

/* Shop-Start: Banner des Filters "Alle" statt Kräuter-Banner (Klick auf Filter setzt weiterhin per Inline-Style um) */
body.woocommerce-shop .woocommerce-products-header{background-image:url('https://aromaneo.com/shop/all-product-banner-ohne-etiketten.jpg?v=20261014');}
/* ===== Shop-Banner mit echter Schrift (Maße 1:1 aus der Illustrator-Vorlage 3200 x 998) ===== */
.woocommerce-products-header{container-type:inline-size;}
.woocommerce-products-header .aromaneo-banner-copy{display:none;}
.woocommerce-products-header.has-live-text .aromaneo-banner-copy{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  position:absolute;inset:0;padding:0 6cqw 0 2.5cqw;pointer-events:none;z-index:1;text-align:left;
}
.aromaneo-banner-copy .aromaneo-banner-line{display:block;width:5.3cqw;min-width:44px;height:2px;background:#ded6be;margin:0 0 3.4cqw;}
.aromaneo-banner-copy .aromaneo-banner-title{
  font-family:'Playfair Display',serif !important;font-weight:600;color:#fff !important;margin:0 0 2.6cqw !important;
  font-size:max(3.79cqw, 25px) !important;line-height:1.2 !important;text-shadow:0 1px 12px rgba(0,0,0,.25);
}
.aromaneo-banner-copy .aromaneo-banner-sub{
  font-family:'Playfair Display',serif !important;font-weight:500;color:#fefefe !important;margin:0 !important;
  font-size:max(1.55cqw, 14px) !important;line-height:1.35 !important;text-shadow:0 1px 8px rgba(0,0,0,.3);
}
@media (max-width:780px){
  /* Mobil: Banner über die volle Breite direkt unter der grünen Leiste (unten abgerundet), ganzes Bild im Originalformat
     (kein Zuschnitt/Zoom), Schrift auf dem Bild – proportional wie am Desktop,
     leicht vergrößert, auf allen Bannern gleich (orientiert am längsten Titel). */
  .woocommerce-products-header.has-live-text{
    aspect-ratio:3200/998 !important;height:auto !important;padding:0 !important;
    width:100vw !important;max-width:100vw !important;margin:0 0 20px calc(50% - 50vw) !important;
    background-size:cover !important;background-position:center center !important;border-radius:0 0 20px 20px !important;overflow:hidden;
  }
  .woocommerce-products-header.has-live-text::before{
    content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:linear-gradient(90deg,rgba(20,24,16,.35) 0%,rgba(20,24,16,.12) 55%,rgba(20,24,16,0) 80%);
  }
  .woocommerce-products-header.has-live-text .aromaneo-banner-copy{padding:0 0 7cqw 2.5cqw !important;}
  .aromaneo-banner-copy .aromaneo-banner-title{font-size:4.6cqw !important;white-space:nowrap;line-height:1.12 !important;margin-bottom:1.2cqw !important;}
  .aromaneo-banner-copy .aromaneo-banner-sub{font-size:max(2cqw, 9px) !important;line-height:1.3 !important;}
  .aromaneo-banner-copy .aromaneo-banner-line{width:5.3cqw !important;min-width:0 !important;margin-bottom:1.6cqw !important;}
  .aromaneo-banner-copy .aromaneo-banner-title{margin-bottom:10px !important;}
}