/* Roboyol Hızlı İndirim (2026-11-10, Paket L) — kampanyalı ürünün vitrin "fırsat" görünümü.
   Tasarım: assets/tasarim/2026-11-10-hizli-indirim.md (taslak assets/indirim/taslak-mock.css) · Belge: assets/indirim/README.md
   Yükleme: catalog/controller/common/footer.php (+ modification kopyası), tüm sayfalar, roboyol-kart.css'ten sonra.
   Şablonlar: journal3/product_card.twig (etiket 28 metni "%N İNDİRİM", .ry-ind-sure hapı), product/product.twig (.ry-fiyat, .ry-sure).
   KURAL: seçiciler yalnız kampanyalı üründe var olan öğelere dokunur (.product-label-28, .price-new/.price-old, .ry-*) — kampanyasız
   sayfalarda piksel farkı 0. Journal3 skin/customCSS bu dosyadan SONRA geldiği için seçiciler "html body" ile güçlendirildi.
   Renkler: indirim kırmızısı #d92d20, açık zemin #fff4f2 / kenar #fecdca / metin #b42318, kazanç yeşili #067647, eski fiyat #8a94a3. */

/* ---------- etiket: "%20 İNDİRİM" kırmızı, diğer etiketlerin üstünde (kart + ürün sayfası) ---------- */
html body .product-labels .product-label-28{order:-1 !important}
html body .product-labels .product-label-28 b{background:#d92d20 !important;color:#fff !important;font-weight:800 !important;letter-spacing:.3px;text-transform:uppercase}
html body .product-grid .product-thumb .image .product-labels .product-label-28 b{font-size:11px !important;border-radius:5px !important}
html.route-product-product body .product-image .product-labels .product-label-28 b{font-size:12px !important;border-radius:5px !important}
/* customCSS "etiket çipleri" en çok 2 çip gösterir (:nth-child(n+3) gizli): indirim etiketi 3. sıradaysa o görünür, 2. çip gizlenir */
html body .product-grid .product-thumb .image .product-labels .product-label.product-label-28,
html.route-product-product body .product-image .product-labels .product-label.product-label-28{display:block !important}
html body .product-grid .product-thumb .image .product-labels:has(.product-label-28:nth-child(n+3)) .product-label:nth-child(2),
html.route-product-product body .product-image .product-labels:has(.product-label-28:nth-child(n+3)) .product-label:nth-child(2){display:none !important}

/* ---------- kart fiyatı: yeni 17 px / 800 kırmızı, eski 12,5 px gri üstü çizili sağında ---------- */
html body .product-grid .product-thumb .price-new{color:#d92d20 !important;font-weight:800 !important;font-size:17px !important;letter-spacing:-.2px}
html body .product-grid .product-thumb .price-old{color:#8a94a3 !important;font-size:12.5px !important;font-weight:500 !important;text-decoration:line-through}
html body .main-products.product-list .product-thumb .price-new,
html body .product-list .product-thumb .price-new{color:#d92d20 !important}

/* ---------- kart geri sayımı: fiyatın altında tek satır hap "⏱ Son 10 gün · 09 sa 37 dk" ----------
   İçindeki .countdown Journal3'ün öğesi (journal.js her saniye <div>10 <span>Gün</span></div>×4 basar); kutular satır içi metne çevrilir,
   etiketler gizlenip ::after ile yazılır, saniye gizli; .ry-gun-yok (1 günden az, şablonda hesaplanır) gün parçasını gizler. */
.product-thumb .ry-ind-sure{display:none}
html body .product-thumb .ry-ind-sure{order:2;display:inline-flex;align-self:flex-start;align-items:center;gap:5px;max-width:100%;box-sizing:border-box;margin:-2px 0 8px;padding:3px 9px 3px 7px;border-radius:999px;background:#fff4f2;border:1px solid #fecdca;color:#b42318;font-size:11.5px;font-weight:700;line-height:16px;white-space:nowrap;overflow:hidden}
html body .product-thumb .ry-ind-sure svg{width:12px;height:12px;flex:0 0 12px}
html body .ry-ind-sure .countdown,
html body .ry-sure .countdown{position:static !important;display:inline !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;transform:none !important;background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;color:inherit !important;font:inherit !important;font-variant-numeric:tabular-nums;opacity:1 !important;visibility:visible !important;text-align:left !important;pointer-events:none}
/* kutular satır içi esnek öğe: "09 " sonundaki boşluk düşer, ekler ::after ile (aralar margin) */
html body .ry-ind-sure .countdown>div,
html body .ry-sure .countdown>div{display:inline-flex !important;align-items:baseline;width:auto !important;padding:0 !important;margin:0 !important;border:0 !important;background:none !important;color:inherit !important;font:inherit !important;white-space:nowrap}
html body .ry-ind-sure .countdown>div span,
html body .ry-sure .countdown>div span,
html body .ry-ind-sure .countdown>div i,
html body .ry-sure .countdown>div i{display:none !important}
html body .ry-ind-sure .countdown>div::after{font-weight:inherit}
html body .ry-ind-sure .countdown>div:nth-child(1)::after{content:"gün ·";margin:0 .3em 0 .25em}
html body .ry-ind-sure .countdown>div:nth-child(2)::after{content:"sa";margin:0 .3em 0 .25em}
html body .ry-ind-sure .countdown>div:nth-child(3)::after{content:"dk";margin-left:.25em}
html body .ry-ind-sure .countdown>div:nth-child(4),
html body .ry-ind-sure.ry-gun-yok .countdown>div:nth-child(1){display:none !important}

/* liste görünümü (customCSS ızgara alanları img/name/price · labels/stock · desc/cart; geri sayım orada gizli): hap gösterilmez,
   kampanya etiket + kırmızı fiyatla anlaşılır */
html body .product-list .product-thumb .ry-ind-sure{display:none !important}

/* ---------- ürün sayfası fiyat bloğu (sağ hizalı, STOKTA VAR hapıyla aynı satırda) ---------- */
html.route-product-product body .product-price-group .price-group.ry-fiyat{display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:4px;padding:0 !important;text-align:right}
html.route-product-product body .product-price-group .price-wrapper:has(.ry-fiyat){display:block !important}
html.route-product-product body .ry-fiyat .ry-fiyat__ust{display:flex;align-items:center;justify-content:flex-end;gap:10px}
html.route-product-product body .product-info .product-details .ry-fiyat .ry-fiyat__yeni{order:0 !important;margin:0 !important;font-size:32px !important;line-height:1 !important;font-weight:800 !important;color:#d92d20 !important;letter-spacing:-.5px;white-space:nowrap}
html.route-product-product body .ry-fiyat .ry-fiyat__rozet{background:#d92d20;color:#fff;font-size:12px;font-weight:800;letter-spacing:.3px;padding:5px 8px;border-radius:6px;line-height:1;white-space:nowrap}
html.route-product-product body .ry-fiyat .ry-fiyat__alt{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:2px 10px}
html.route-product-product body .product-info .product-details .ry-fiyat .ry-fiyat__eski{order:0 !important;display:inline !important;margin:0 !important;color:#8a94a3 !important;text-decoration:line-through !important;font-weight:500 !important;font-size:15px !important;line-height:1.2 !important;white-space:nowrap}
html.route-product-product body .ry-fiyat .ry-fiyat__kazanc{color:#067647;font-weight:700;font-size:13px;line-height:1.2;white-space:nowrap}
html.route-product-product body .product-price-group .ry-fiyat .ry-fiyat__kdv{display:block !important;margin:0 !important;color:#6b7684 !important;font-size:12px !important;line-height:1.3;white-space:nowrap}

/* ---------- ürün sayfası geri sayım satırı: Adet satırının hemen üstünde, tam genişlik ---------- */
html.route-product-product body .product-info .ry-sure{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;grid-column:1 / -1;order:8;width:100%;box-sizing:border-box;margin:2px 0 14px;padding:9px 12px;border-radius:10px;background:#fff4f2;border:1px solid #fecdca;color:#b42318;font-size:13px;font-weight:600;line-height:1.35}
html.route-product-product body .product-info .ry-sure svg{width:16px;height:16px;flex:0 0 16px}
html.route-product-product body .product-info .ry-sure>span{white-space:nowrap}
html.route-product-product body .product-info .ry-sure b{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
html.route-product-product body .product-info .ry-sure small{margin-left:auto;padding-left:8px;font-weight:500;color:#b42318;opacity:.85;font-size:12px;white-space:nowrap}
html body .ry-sure .countdown,
html body .ry-sure .countdown>div,
html body .ry-sure .countdown>div::after{font-weight:800 !important}
html body .ry-sure .countdown>div:nth-child(1)::after{content:"gün";margin:0 .3em 0 .25em}
html body .ry-sure .countdown>div:nth-child(2)::after{content:":"}
html body .ry-sure .countdown>div:nth-child(4),
html body .ry-sure.ry-gun-yok .countdown>div:nth-child(1){display:none !important}
html.phone.route-product-product body .product-info .ry-sure{order:36}
/* Journal3'ün kendi 4 kutulu geri sayımı (ürün sayfasında skin ayarıyla gizli, hızlı bakışta açık) bizim satır varken gösterilmez */
html.route-product-product body .product-details:has(.ry-sure) .countdown-wrapper{display:none !important}

/* ---------- telefon ---------- */
@media (max-width:767px){
  html body .product-grid .product-thumb .price-new{font-size:15.5px !important}
  html body .product-grid .product-thumb .price-old{font-size:11.5px !important}
  html body .product-thumb .ry-ind-sure{font-size:11px;padding:2px 7px 2px 6px;gap:4px}
  html body .product-thumb .ry-ind-sure svg{width:11px;height:11px;flex-basis:11px}
  html.route-product-product body .product-info .product-details .ry-fiyat .ry-fiyat__yeni{font-size:28px !important}
  html.route-product-product body .product-info .ry-sure{font-size:12.5px;padding:8px 10px}
}