/* Albovix ürün kutusu — ortak. Renkleri site kendi --ao-* değişkenleriyle değiştirebilir. */
.ao-kutu {
  --ao-zemin: #fffdf8;
  --ao-yazi: #1f2633;
  --ao-soluk: #6b6459;
  --ao-cizgi: rgba(0, 0, 0, .1);
  --ao-dugme: #f27a1a; /* Trendyol turuncusu */
  margin: 22px 0 8px;
  padding: 16px 14px 12px;
  background: var(--ao-zemin);
  color: var(--ao-yazi);
  border: 1px solid var(--ao-cizgi);
  border-radius: 16px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .06);
  font: inherit;
}
.ao-kutu * { box-sizing: border-box; }
.ao-kutu .ao-ust { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: .02em; color: var(--ao-soluk); }
.ao-kutu .ao-baslik { margin: 2px 0 0; font-size: 19px; line-height: 1.2; font-weight: 800; }
.ao-kutu .ao-not { margin: 4px 0 0; font-size: 14px; line-height: 1.35; color: var(--ao-soluk); }
.ao-liste {
  list-style: none; margin: 12px 0 0; padding: 0;
  display: grid; gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  max-width: 520px;
}
.ao-urun a {
  display: flex; flex-direction: column; height: 100%;
  text-decoration: none; color: inherit;
  border: 1px solid var(--ao-cizgi); border-radius: 12px; overflow: hidden; background: #fff;
}
.ao-urun a:focus-visible { outline: 3px solid var(--ao-dugme); outline-offset: 2px; }
.ao-urun img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; background: #eee; }
.ao-ad { display: block; padding: 7px 7px 0; font-size: 13px; font-weight: 600; line-height: 1.22; }
.ao-renk { display: block; padding: 3px 7px 8px; font-size: 11.5px; color: var(--ao-soluk); }
.ao-renk::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 50%; vertical-align: -1px; }
.ao-gold::before { background: linear-gradient(135deg, #f4d58a, #b8862f); }
.ao-gumus::before { background: linear-gradient(135deg, #f1f3f5, #9aa3ad); }
.ao-dugme {
  display: block; margin: auto 6px 6px; padding: 7px 2px;
  border-radius: 8px; background: var(--ao-dugme); color: #fff;
  font-size: 12.5px; line-height: 1.2; font-weight: 700; text-align: center;
}
.ao-urun a:hover .ao-dugme { filter: brightness(1.06); }
.ao-kutu .ao-dip { margin: 10px 0 0; font-size: 12px; color: var(--ao-soluk); }

/* Tek ürün: fotoğraf solda, yazılar sağda */
.ao-tek .ao-liste { grid-template-columns: 1fr; max-width: 420px; }
.ao-tek .ao-urun a { display: grid; grid-template-columns: 112px 1fr; grid-template-rows: auto auto 1fr; column-gap: 2px; }
.ao-tek .ao-urun img { grid-row: 1 / 4; height: 100%; }
.ao-tek .ao-ad { padding: 11px 10px 0; font-size: 15px; }
.ao-tek .ao-renk { padding: 4px 10px 0; font-size: 12.5px; }
.ao-tek .ao-dugme { margin: 10px; font-size: 14px; padding: 9px 6px; }
.ao-tek .ao-dugme { align-self: end; }