/* ═══ ПРОДУКТОВАТА СТРАНИЦА ═══
   Дясната колона за поръчка и звездите на отзивите. Стилът на сайта:
   злато върху тъмно, прави ъгли, без сенки. Зарежда се от
   _parts/rating.html — тоест само на продуктовите страници. */

/* ── Звездите ───────────────────────────────────────────────────────── */
.ava-stars { display: inline-flex; align-items: center; gap: 3px; margin: 4px 0 10px; }
.ava-star { fill: #e3dcc9; }
.ava-star.on { fill: #c89633; }
.ava-stars__count { margin-left: 8px; font-size: 13px; color: #a4802c; text-decoration: none; }
.ava-stars__count:hover { text-decoration: underline; color: #c89633; }

/* ── Кутията с цената и поръчката ───────────────────────────────────── */
.price-bgr {
    background: #fff !important;
    border: 1px solid #eee8da;
    padding: 24px 22px !important;
    text-align: center;
}
.price-bgr .price_value { color: #1f1c17; }
.price-bgr .promo_price .price_value { color: #a4802c; }

/* ── Броячът на количество ──────────────────────────────────────────── */
.qty_selector { display: flex; justify-content: center; margin: 6px 0 4px; }
.number-spinner {
    display: inline-flex !important;
    align-items: stretch;
    border: 1px solid #ddd5c4;
    background: #fdfcf9;
}
.number-spinner > div:first-child { display: flex; }
.number-spinner input.form-control {
    width: 64px !important;
    height: 48px;
    border: 0 !important;
    background: transparent !important;
    font-size: 17px;
    font-weight: 600;
    color: #1f1c17;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.number-spinner input.form-control:focus { outline: 2px solid #c89633; outline-offset: -2px; }
.number-spinner > div:last-child {
    display: flex;
    flex-direction: column;
    border-left: 1px solid #ddd5c4;
}
.number-spinner .btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #faf8f2;
    color: #6d6555;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}
.number-spinner .btn:first-child { border-bottom: 1px solid #ddd5c4 !important; }
.number-spinner .btn:hover { background: #1f1c17; color: #e6ce84; }
.number-spinner .btn .bi { font-size: 11px; line-height: 1; }

/* ── Доверителният списък под бутона ────────────────────────────────── */
.gold_15 img[src*="check.svg"] { width: 16px; vertical-align: -3px; margin-right: 4px; }
strong.gold_15 { display: block; line-height: 2; font-weight: 600; margin-top: 14px; }

/* Телефон: кутията да не се разтяга странно. */
@media (max-width: 900px) {
    .price-bgr { padding: 18px 14px !important; }
}

/* ── Броячът и бутонът на един ред ──────────────────────────────────── */
.ava-buyrow {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 14px 0 8px;
}
.ava-buyrow .qty_selector { margin: 0; }
.ava-buyrow .number-spinner { height: 52px; }
.ava-buyrow .number-spinner input.form-control { height: 100%; }
.ava-buyrow .ava-buy {
    flex: 1 1 200px;
    max-width: 340px;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ava-buyrow .ava-zayavka-box { flex: 1 1 100%; }

/* ── Кръгчетата на цветовите варианти ───────────────────────────────── */
.ava-varianti { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 4px 0 14px; }
.ava-varianti__t { font-size: 13px; font-weight: 600; color: #4d4739; margin-right: 2px; }
.ava-var {
    display: inline-flex;
    width: 34px; height: 34px;
    border: 1px solid #ddd5c4;
    padding: 2px;
    background: #fff;
    cursor: pointer;
    transition: border-color .15s ease, transform .15s ease;
}
.ava-var img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ava-var:hover { border-color: #c89633; transform: translateY(-2px); }
.ava-var.on { border: 2px solid #c89633; padding: 1px; }
.ava-var__fallback { width: 100%; height: 100%; background: #e8e2d4; }
.ava-var:focus-visible { outline: 2px solid #c89633; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .ava-var { transition: none; } .ava-var:hover { transform: none; } }

/* ── „Какво значат тези характеристики?" ────────────────────────────── */
.ava-pomosht { border: 1px solid #eee8da; background: #fdfcf9; margin: 18px 0; max-width: 900px; text-align: left; }
.ava-pomosht summary {
    cursor: pointer; padding: 14px 18px; font-weight: 600; color: #4d4739;
    letter-spacing: .03em; list-style: none; position: relative; font-size: 15px;
}
.ava-pomosht summary::-webkit-details-marker { display: none; }
.ava-pomosht summary::after { content: "+"; position: absolute; right: 18px; top: 12px; color: #c89633; font-size: 20px; }
.ava-pomosht[open] summary::after { content: "\2013"; }
.ava-pomosht summary:hover { background: #faf6ec; }
.ava-pomosht summary:focus-visible { outline: 2px solid #c89633; outline-offset: -2px; }
.ava-pomosht dl { display: grid; grid-template-columns: 230px 1fr; gap: 6px 16px; padding: 6px 18px 8px; margin: 0; }
.ava-pomosht dt { font-weight: 600; color: #a4802c; font-size: 14px; }
.ava-pomosht dd { margin: 0; font-size: 14px; color: #4d4739; line-height: 1.55; }
.ava-pomosht p { padding: 0 18px 16px; margin: 10px 0 0; font-size: 14px; }
.ava-pomosht a { color: #a4802c; }
@media (max-width: 700px) {
    .ava-pomosht dl { grid-template-columns: 1fr; gap: 2px; }
    .ava-pomosht dd { margin-bottom: 8px; }
}