/* Amazon Auto Ads – Kale-kompatibel, conversion-orientiert */
.amz-aw, .amz-aw *{ box-sizing:border-box; }

.amz-aw{
  border:1px solid #e5e5e5;
  background:#fff;
  padding:14px;
  border-radius:8px;
  position:relative;
}

/* Header-Label über dem gesamten Block */
.amz-aw__label{
  display:inline-block;
  margin:0 0 10px;
  padding:4px 8px;
  font-size:12px;
  line-height:1;
  font-family:'Montserrat',sans-serif;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:rgba(255,255,255,.92);
  background:rgba(0,0,0,.78);
  border-radius:6px;
}

/* Theme-sicher: Links im Widget nie unterstreichen */
.amz-aw a,
.amz-aw a:link,
.amz-aw a:visited,
.amz-aw a:hover,
.amz-aw a:active{
  text-decoration:none !important;
  color:inherit;
}

/* Safety: auch wenn Theme global underline erzwingt */
.amz-aw__title,
.amz-aw__desc,
.amz-aw__desc *{
  text-decoration:none !important;
}

/* (Optional) Disclosure-Zeile */
.amz-aw__disc{
  font-size:11px;
  color:#666;
  letter-spacing:.5px;
  text-transform:uppercase;
  font-family:'Montserrat',sans-serif;
  margin:0 0 12px;
}

/* ---------------------------------------------------------
   Layout:
   - Hero volle Breite
   - Non-Hero Cards teilen Platz gleichmäßig, aber nur 75% Breite
--------------------------------------------------------- */
.amz-aw__grid{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:stretch;
}

/* Card Basis */
.amz-aw__card{
  display:flex;
  gap:12px;
  padding:12px;
  border:1px solid #f1f1f1;
  border-radius:10px;
  background:#fafafa;
  align-items:flex-start;
  position:relative;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
}

/* Hero: 100% */
.amz-aw__card.amz-aw__hero{
  flex: 0 0 100%;
  padding:14px;
  background:#fff;
  border:1px solid #000;
}

/* Non-Hero: gleichmäßig untereinander, aber "nur 75% vom Hero" */
.amz-aw__card:not(.amz-aw__hero){
  flex: 1 1 0;
  max-width:75%;
}

/* Wenn mehrere Non-Hero vorhanden sind, sollen sie nicht "zu schmal" werden */
@media (min-width:521px){
  .amz-aw__card:not(.amz-aw__hero){
    min-width:220px;
  }
}
@media (max-width:520px){
  .amz-aw__card:not(.amz-aw__hero){
    min-width:160px;
    max-width:100%; /* auf sehr klein: volle Breite sinnvoll */
  }
}

/* Hover/Focus */
.amz-aw__card:hover{
  background:#fff;
  border-color:#d9d9d9;
  box-shadow:0 10px 16px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.08);
  transform:translateY(-1px);
}
.amz-aw__card:focus,
.amz-aw__card:focus-visible{
  outline:5px auto #bbb;
  outline-offset:2px;
}

/* Image */
.amz-aw__imgwrap{
  flex:0 0 auto;
  width:140px;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
  border:1px solid #f1f1f1;
}
.amz-aw__img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  background:#fff;
}

/* Image size mapping */
.amz-aw--img-small  .amz-aw__imgwrap{ width:110px; }
.amz-aw--img-medium .amz-aw__imgwrap{ width:140px; }
.amz-aw--img-large  .amz-aw__imgwrap{ width:180px; }

/* Hero image */
.amz-aw__hero .amz-aw__imgwrap{ width:220px; }

/* Mobile stacking */
@media (max-width:699px){
  .amz-aw__card{ flex-direction:column; }
  .amz-aw__imgwrap{ width:100% !important; }
  .amz-aw__hero .amz-aw__imgwrap{ width:100% !important; }
}

/* Body */
.amz-aw__body{ min-width:0; flex:1 1 auto; }

.amz-aw__title{
  font-family:'Montserrat',sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:12px;
  line-height:1.35;
  font-weight:400;
  color:#000;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-decoration:none !important;
}
.amz-aw__card:hover .amz-aw__title{ text-decoration:underline !important; }

.amz-aw__price{
  margin-top:8px;
  font-size:13px;
  color:#111;
  font-weight:700;
}

.amz-aw__desc{
  margin-top:8px;
  font-size:12px;
  color:#333;
  line-height:1.55;
  text-decoration:none !important;
}

.amz-aw__extra{
  margin-top:8px;
  font-size:11px;
  color:#666;
  font-style:italic;
}

/* CTA */
.amz-aw__cta{
  display:inline-block;
  margin-top:10px;
  padding:8px 10px;
  border:1px solid #000;
  background:#000;
  color:#fff;
  font-family:'Montserrat',sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:10px;
  line-height:1;
  text-decoration:none !important;
}
.amz-aw__card:hover .amz-aw__cta{
  background:#2d2d2d;
  border-color:#2d2d2d;
}

/* Badges */
.amz-aw__badge{
  position:absolute;
  top:10px;
  right:10px;
  padding:6px 8px;
  font-size:10px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:1px;
  font-family:'Montserrat',sans-serif;
  background:#fff;
  border:1px solid #000;
  color:#000;
}

/* Meta/Debug */
.amz-aw__meta{
  font-size:11px;
  color:#777;
  margin-top:12px;
  font-style:italic;
}
.amz-aw__debug{
  margin:10px 0 0;
  padding:10px;
  border:1px dashed #999;
  background:#fafafa;
  font-size:12px;
  line-height:1.5;
}

/* Preisblock (wenn später wieder aktiv) */
.amz-aw__price-wrap{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin:6px 0 10px;
}
.amz-aw__price-wrap .amz-aw__price{
  font-size:1.35rem;
  font-weight:700;
  line-height:1.1;
  margin:0;
}
.amz-aw__price-ts{
  font-size:.7rem;
  color:#666;
  font-style:italic;
}

/* -------- Hero Description Toggle (nur EIN Pfeil) -------- */
.amz-aw__desc--hero{
  margin-top:10px;
  font-size:13px;
  line-height:1.45;
  color:#333;
  text-decoration:none !important;
}
.amz-aw__desc--hero .amz-aw__desc-full{ display:none; }
.amz-aw__desc--hero[data-expanded="1"] .amz-aw__desc-preview{ display:none; }
.amz-aw__desc--hero[data-expanded="1"] .amz-aw__desc-full{ display:block; }

.amz-aw__desc-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:28px;
  padding:0;
  margin:6px auto 0;
  border:1px solid rgba(0,0,0,0.15);
  background:#fff;
  cursor:pointer;
  text-decoration:none !important;
}
.amz-aw__desc-toggle::after{ content:none !important; }
.amz-aw__desc-toggle::before{
  content:"▾";
  font-size:18px;
  line-height:1;
  color:#000;
}
.amz-aw__desc--hero[data-expanded="1"] .amz-aw__desc-toggle::before{
  content:"▴";
}
.amz-aw{ width:100%; display:block; }
.amz-aw__grid{ width:100%; }