/* NEU (Kategorieseite): gemeinsame Kachel, nur von bgc_category_view eingebunden. Die Produktseite laedt diese Datei nicht:
   ihre Kacheln zeigen weder Hersteller, Bewertung, Kuehlware noch Labels, und Bild/Abzeichen regelt product-page.css. */
body.bgc-category .bgp-tile__img { position: relative; }
body.bgc-category .bgp-tile__maker { font-size: 13px; font-weight: 600; color: #6b665f; }
body.bgc-category .bgp-tile__rating { display: inline-flex; gap: 6px; align-items: baseline; font-size: 14px; color: #4a463f; }
body.bgc-category .bgp-tile__stars { position: relative; display: inline-block; color: #d6d1ca; letter-spacing: 1px; }
body.bgc-category .bgp-tile__stars-fill { position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; color: #e0a100; }
body.bgc-category .bgp-tile__cool { position: absolute; top: 8px; left: 8px; padding: 3px 10px; border-radius: 999px; background: #e8f1fb; color: #1b4f86; font-size: 13px; font-weight: 600; }
/* Labels (Infortis .sticker-wrapper, Mirasvit .cataloglabel-placeholder) positionieren sich selbst absolut; ohne eigene Box
   beziehen sie sich wie in der bisherigen Liste auf das Bild (.bgp-tile__img). */
body.bgc-category .bgp-tile__labels { display: contents; }
body.bgc-category .bgp-tile__extra { display: contents; }

/* Kategorieseite: Grundregeln der Kachel (Werte wie product-page.css, dort unter .bgp .bgp-tiles) */
body.bgc-category .bgc-grid .bgp-tile { display: flex; flex-direction: column; gap: 4px; width: auto; min-width: 0; margin: 0; padding: 8px; border: 0; border-radius: 12px; background: #fff; box-shadow: none; vertical-align: top; }
body.bgc-category .bgc-grid .bgp-tile__img { display: block; margin: 0 0 6px; padding: 0; }
body.bgc-category .bgc-grid .bgp-tile__pic { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; border-radius: 8px; background: #fff; }
body.bgc-category .bgc-grid .pis-track { aspect-ratio: 1; }
body.bgc-category .bgc-grid .bgp-tile__name { display: block; margin: 0; padding: 0; color: #222; font-size: 16px; font-weight: 600; line-height: 1.3; text-decoration: none; word-break: normal; overflow-wrap: anywhere; }
body.bgc-category .bgc-grid .bgp-tile__price { display: flex; align-items: baseline; gap: 8px; margin-top: 2px; }
body.bgc-category .bgc-grid .bgp-tile__value { font-size: 18px; font-weight: 600; color: #222; }
body.bgc-category .bgc-grid .bgp-tile__old { color: #6b665f; font-size: 15px; }
body.bgc-category .bgc-grid .bgp-tile__base,
body.bgc-category .bgc-grid .bgp-tile__tax { margin: 0; font-size: 13px; line-height: 1.35; color: #6b665f; }
body.bgc-category .bgc-grid .bgp-tile__tax a { color: #6b665f; text-decoration: underline; }
body.bgc-category .bgc-grid .bgp-tile__form { margin-top: auto; padding-top: 8px; }
body.bgc-category .bgc-grid .bgp-tile__btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin: 8px 0 0; padding: 0 12px; border: 0; border-radius: 10px; background: #ffd766; box-shadow: none; text-shadow: none; color: #000; font: inherit; font-size: 16px; font-weight: 600; line-height: 1.2; text-transform: none; text-decoration: none; letter-spacing: 0; cursor: pointer; }
body.bgc-category .bgc-grid .bgp-tile__btn:hover { background: #f5c842; }
body.bgc-category .bgc-grid .bgp-tile__form .bgp-tile__btn { margin-top: 0; }
body.bgc-category .bgc-grid .bgp-tile__btn--view { margin-top: auto; background: #fff; border: 1px solid #222; }
body.bgc-category .bgc-grid .bgp-tile__off { margin-top: auto; padding-top: 8px; color: #6b665f; font-size: 15px; }
body.bgc-category .bgc-grid .bgp-tile__badge { position: absolute; top: 8px; left: 8px; padding: 2px 8px; border-radius: 6px; background: #d20f23; color: #ffffff; font-size: 13px; font-weight: 600; }
/* Haendler-Abzeichen unter die Kuehlware-Pille, beide stehen sonst auf derselben Stelle */
body.bgc-category .bgc-grid .bgp-tile__cool ~ .bgp-tile__badge { top: 40px; }
body.bgc-category .bgc-grid .bgp-tile__net { margin: 2px 0 0; font-size: 14px; }
@media (min-width: 768px) {
    body.bgc-category .bgc-grid .bgp-tile { padding: 10px; }
}