/* ============================================================
   Free pills bonus (ED group) — kamagra-shop24.sk
   ============================================================ */

/* Green label under quantity in buy table / cart */
.bonus-pills-label{
    display:inline-block;
    background:#e8f5e9;
    color:#2a7b2a;
    font-size:11px;
    font-weight:600;
    padding:3px 8px;
    border-radius:3px;
    margin-top:4px;
    white-space:nowrap;
    line-height:1.3;
}

/* Expandable rules block under the price table */
.bonus-info-block{
    margin-top:20px;
    border:1px solid #c8e6c9;
    background:#f1f8e9;
    border-radius:8px;
    padding:12px 18px;
    font-size:14px;
    color:#33691e;
}
.bonus-info-block summary{cursor:pointer;font-weight:600;list-style:none;user-select:none}
.bonus-info-block summary::-webkit-details-marker{display:none}
.bonus-info-block summary::before{content:"\25B8 ";margin-right:4px}
.bonus-info-block[open] summary::before{content:"\25BE "}
.bonus-info-block ul{margin:8px 0 0;padding-left:22px}
.bonus-info-block li{margin:4px 0}

/* Bonus badge on images (.product-preview and .goods-item are already
   positioned, so the absolute badge anchors to them). Compact, placed
   clear of the existing −10% promo-badge. */
.bonus-ribbon{
    position:absolute;
    z-index:6;
    background:linear-gradient(135deg,#43a047 0%,#2e7d32 100%);
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    border-radius:3px;
    line-height:1.2;
    white-space:nowrap;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
    pointer-events:none;
}
/* Product page image (94px wide, −10% badge is top-left) → thin bar along the bottom */
.product-preview .bonus-ribbon{
    bottom:6px;
    left:4px;
    right:4px;
    text-align:center;
    font-size:8px;
    letter-spacing:.2px;
    padding:2px 2px;
}
/* Category tiles (220px, −10% badge is top-right) → corner badge top-left */
.goods-item .bonus-ribbon{
    top:6px;
    left:6px;
    font-size:9px;
    letter-spacing:.2px;
    padding:2px 6px;
}
@media (max-width:680px){
    .goods-item .bonus-ribbon{font-size:8px;padding:2px 5px}
}