/*
 * Tirol Ürün Sayfası Bileşenleri — G350 Faz 2 (2026-11-07)
 * inc/tirol-urun-bilesenleri.php ile birlikte gelir; üç temada birebir aynı. Yalnız ürün sayfasında yüklenir.
 * Tema sınıfları (.tab-h, .tab-p, .box-list, .dot, .q-mark, .o-mark) olduğu gibi kullanılır; burada yalnız yeni bileşen kuralları var.
 */

/* ① Kod satırı — h1 altında küçük, ikincil renk. Mobilde hero dışında (şeritte) gösterilir: hero görselini örtmez. */
.tirol-ub-kod {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: rgba(255, 255, 255, .72);
  font-variant-numeric: tabular-nums;
}
.tirol-ub-kod--serit { display: none; color: #6B6B6B; margin: 10px 32px 0; }
@media (max-width: 720px) {
  .tirol-ub-kod--hero { display: none; }
  .tirol-ub-kod--serit { display: block; margin: 10px 18px 0; }
}

/* Ortak kap: sekme alanıyla aynı genişlik */
.tirol-ub-sar { max-width: 1200px; margin: 0 auto; padding: 0 48px; }
@media (max-width: 768px) { .tirol-ub-sar { padding: 0 20px; } }

/* Tablolar: yatay kaydırma tablonun kendi kabında; sayfa taşmaz */
.tirol-ub-kaydir { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 16px; }
.tirol-ub-kaydir:focus { outline: 2px solid #DA031D; outline-offset: 2px; }
.prd-tabs .tirol-ub-tablo,
.tirol-ub-tablo { width: 100%; max-width: none; border-collapse: collapse; margin: 0; font-size: 14px; }
.tirol-ub-tablo th,
.tirol-ub-tablo td { padding: 11px 14px 11px 0; border-bottom: 1px solid #F0F0F0; text-align: left; vertical-align: top; white-space: nowrap; }
.tirol-ub-tablo thead th { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6B6B6B; border-bottom-color: #E5E5E5; }
.tirol-ub-tablo tbody th { font-weight: 600; color: #0A0A0A; }
.tirol-ub-tablo a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.tirol-ub-tablo tr.is-bu th,
.tirol-ub-tablo tr.is-bu td { font-weight: 800; background: #F7F7F7; }
.tirol-ub-tablo tr.is-bu th { box-shadow: inset 3px 0 0 #DA031D; padding-left: 10px; }

/* ③ Uyumluluk */
.tirol-ub-uyum { max-width: 860px; margin: 0 0 32px; }
.tirol-ub-ozet { color: #6B6B6B; font-size: 13px; }
.tirol-ub-gruplar { border-top: 1px solid #E5E5E5; }
.tirol-ub-grup { border-bottom: 1px solid #E5E5E5; }
.tirol-ub-grup > summary { cursor: pointer; padding: 13px 0; font-weight: 700; font-size: 14px; list-style-position: inside; }
.tirol-ub-grup > summary .tirol-ub-say { color: #6B6B6B; font-weight: 500; }
.tirol-ub-grup[open] > summary { color: #DA031D; }
.tirol-ub-not { font-size: 13px; color: #6B6B6B; }
.tirol-ub-kaynak { font-size: 12px; color: #8A8A8A; margin: 4px 0 0; }

/* ④ Karşılaştırma · ⑥ SSS — sekmelerin altında, upsell kartlarının üstünde */
.tirol-ub-karsilastirma,
.tirol-ub-sss { margin: 8px auto 48px; }

/* ⑥ SSS akordeonu (<details>, JS'siz) */
.tirol-ub-soru { border-bottom: 1px solid #E5E5E5; max-width: 860px; }
.tirol-ub-soru:first-of-type { border-top: 1px solid #E5E5E5; }
.tirol-ub-soru > summary {
  cursor: pointer; padding: 16px 32px 16px 0; font-size: 16px; font-weight: 700; color: #0A0A0A;
  list-style: none; position: relative;
}
.tirol-ub-soru > summary::-webkit-details-marker { display: none; }
.tirol-ub-soru > summary::after { content: '+'; position: absolute; right: 4px; top: 13px; font-size: 22px; font-weight: 400; color: #DA031D; }
.tirol-ub-soru[open] > summary::after { content: '−'; }
.tirol-ub-soru > .tab-p { margin: 0 0 16px; }

/* ⑤ Bununla iyi gider — WC "İlgili ürünler" bölümüyle aynı ölçüler */
.tirol-ub-bununla.cross-sells.products { display: block; max-width: 1400px; margin: 0 auto; padding: 0 48px 64px; }
.tirol-ub-bununla > h2 { font-size: 24px; font-weight: 800; letter-spacing: -.02em; color: #0A0A0A; margin: 0 0 32px; }
@media (max-width: 768px) { .tirol-ub-bununla.cross-sells.products { padding: 0 20px 40px; } }


/* ═══════════════════════════════════════════════════════════════════
   G352 Faz 2b (2026-11-07) — yalnız <main class="… tirol-ub-2b"> içinde (bayrak kapalıyken hiçbir kural eşleşmez).
   Galeri düzenine (üst bölüm) özgü kurallar ":not(.tirol-ub-hero)" ile kapsanır (G352 EK-2). Önek "html body .site-main.tirol-ub-2b" bilerek ağır: temanın !important'lı hero kurallarını ve şablon içi <style>'ları geçer.
   ═══════════════════════════════════════════════════════════════════ */
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-full { display: grid !important; grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr); grid-template-rows: auto auto auto 1fr auto; column-gap: clamp(28px, 4vw, 64px); max-width: 1280px; margin: 0 auto !important; padding: 0 32px 8px !important; align-items: start; background: #fff; color: #1D1D1F; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-full > * { grid-column: 1 / -1; min-width: 0; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-stage,
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-image-wrap { display: contents !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-image-wrap::after,
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-sqbg { display: none !important; content: none !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-crumb-bar { grid-column: 1 / -1; grid-row: 1; margin: 18px 0 18px !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) #prd-main-img,
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) #prd-main-video { grid-column: 1; grid-row: 2 / span 3; position: static !important; z-index: auto !important; width: 100% !important; height: auto !important; max-width: none !important; max-height: none !important; aspect-ratio: 1 / 1; margin: 0 !important; object-fit: contain !important; background: #F5F5F7; border-radius: 20px; cursor: zoom-in; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-copy { grid-column: 2; grid-row: 2; position: static !important; left: auto !important; right: auto !important; bottom: auto !important; max-width: none !important; padding: 6px 0 0; color: #1D1D1F !important; z-index: auto; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-copy .prd-hero-brand { margin: 0 0 10px; display: flex; align-items: center; gap: 10px; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-copy .prd-hero-brand span:not(.prd-brand-line) { color: #6E6E73 !important; font-size: 12px; font-weight: 700; letter-spacing: .14em; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-copy .prd-brand-line { background: #DA031D !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-title { color: #1D1D1F !important; font-size: clamp(26px, 2.6vw, 36px) !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -.02em !important; margin: 0 0 12px !important; text-wrap: balance; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-tagline { color: #424245 !important; font-size: 17px !important; line-height: 1.5 !important; max-width: 60ch; margin: 0 0 4px !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price { grid-column: 2; grid-row: 3; align-self: start; position: static !important; inset: auto !important; width: auto !important; max-width: none !important; margin: 22px 0 0 !important; padding: 22px 0 0 !important; background: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border: 0 !important; border-top: 1px solid #E8E8ED !important; text-align: left !important; color: #1D1D1F; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price-value,
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price .price,
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price .amount { color: #1D1D1F !important; font-size: 28px !important; font-weight: 600 !important; letter-spacing: -.01em !important; line-height: 1.15 !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price del,
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price del .amount { color: #86868B !important; font-size: 17px !important; font-weight: 400 !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price .tx-teslim { display: block; margin: 8px 0 0; font-size: 14px !important; font-weight: 500; letter-spacing: 0; color: #1E7B34; white-space: normal; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price .prd-own-btn { width: 100%; min-height: 52px; margin: 18px 0 0 !important; padding: 14px 24px !important; border-radius: 12px !important; background: #0A0A0A !important; color: #fff !important; font-size: 15px !important; letter-spacing: .04em !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price .prd-own-btn:hover { background: #DA031D !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price .prd-own-btn.prd-buy-hidden { display: none !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price .prd-stock-ask { justify-content: flex-start !important; margin-top: 18px !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-sold-out { width: 100%; min-height: 52px; border-radius: 12px; background: #F5F5F7 !important; color: #6E6E73 !important; border: 1px solid #D2D2D7 !important; text-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-action-strip { grid-column: 2; grid-row: 4; display: flex !important; justify-content: flex-start !important; align-items: center; gap: 12px; margin: 14px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-thumbs { grid-column: 1; grid-row: 5; justify-content: flex-start !important; flex-wrap: nowrap !important; overflow-x: auto; gap: 10px !important; margin: 14px 0 0 !important; padding: 2px; --thumb-size: 72px; scroll-snap-type: x mandatory; scrollbar-width: none; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-thumb { flex: 0 0 72px !important; width: 72px !important; height: 72px !important; min-width: 44px; border-radius: 12px !important; background: #F5F5F7 !important; border: 1px solid transparent !important; scroll-snap-align: start; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-thumb img { object-fit: contain !important; background: #F5F5F7 !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-thumb.active { border: 2px solid #1D1D1F !important; padding: 0 !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-thumb:hover { transform: none !important; border-color: #86868B !important; }
html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .tirol-ub-kod--hero { color: #6E6E73; }

/* Satın alma kutusu ekleri */
html body .site-main.tirol-ub-2b .tirol-ub-teslim { margin: 14px 0 0; display: grid; gap: 6px; font-size: 15px; line-height: 1.4; }
html body .site-main.tirol-ub-2b .tirol-ub-teslim p { margin: 0; display: flex; align-items: flex-start; gap: 8px; color: #1D1D1F; }
html body .site-main.tirol-ub-2b .tirol-ub-stok .nokta { width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: #1E8E3E; flex: 0 0 8px; }
html body .site-main.tirol-ub-2b .tirol-ub-kargo svg { flex: 0 0 16px; margin-top: 2px; color: #424245; }
html body .site-main.tirol-ub-2b .prd-hero-price:has(#prd-own-btn.prd-buy-hidden) .tirol-ub-teslim { display: none; }
html body .site-main.tirol-ub-2b .tirol-ub-guven { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; line-height: 1.45; color: #424245; }
html body .site-main.tirol-ub-2b .tirol-ub-guven li { margin: 0; padding: 0; }
html body .site-main.tirol-ub-2b .tirol-ub-guven li::before { content: '✓'; margin-right: 6px; color: #1E8E3E; font-weight: 700; }
html body .site-main.tirol-ub-2b .tirol-ub-soru-sor { margin: 10px 0 0; display: flex; flex-wrap: wrap; align-items: center; column-gap: 14px; font-size: 14px; line-height: 1.5; color: #424245; }
html body .site-main.tirol-ub-2b .tirol-ub-soru-sor span[aria-hidden] { display: none; }
html body .site-main.tirol-ub-2b .tirol-ub-soru-sor > span:first-child { flex: 1 0 100%; padding-top: 4px; }
html body .site-main.tirol-ub-2b .tirol-ub-soru-sor a { display: inline-flex; align-items: center; min-height: 44px; color: #0A0A0A; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
html body .site-main.tirol-ub-2b .prd-crumb a { display: inline-flex; align-items: center; min-height: 32px; }
html body .site-main.tirol-ub-2b .prd-fav-ico { min-width: 44px; min-height: 44px; }

/* Sekmeler (sekmeli seçenek) */
html body .site-main.tirol-ub-2b .prd-tabs { border-top: 1px solid #E8E8ED; margin-top: 40px; }
html body .site-main.tirol-ub-2b .tab-nav { gap: 4px; flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; white-space: nowrap; -webkit-overflow-scrolling: touch; }
html body .site-main.tirol-ub-2b .tab-nav .tab-btn { flex: 0 0 auto; }
html body .site-main.tirol-ub-2b .tab-btn { min-height: 44px; }
html body .site-main.tirol-ub-2b .tab-p, html body .site-main.tirol-ub-2b .tab-editorial p { max-width: 68ch; }
html body .site-main.tirol-ub-2b :focus-visible { outline: 2px solid #0071E3 !important; outline-offset: 3px; }

/* Tek akış seçeneği: sekme çubuğu yok, bölümler alt alta, her biri kendi başlığıyla */
html body .site-main.tirol-ub-2b.tirol-ub-akis .tab-nav { display: none !important; }
html body .site-main.tirol-ub-2b.tirol-ub-akis .prd-tabs .tab-panel { display: block !important; opacity: 1 !important; visibility: visible !important; padding: 48px 0 8px; border-top: 1px solid #E8E8ED; }
html body .site-main.tirol-ub-2b.tirol-ub-akis .prd-tabs .tab-panel:first-of-type { border-top: 0; }
html body .site-main.tirol-ub-2b .tirol-ub-akis-h { font-size: clamp(24px, 2.4vw, 32px); font-weight: 700; letter-spacing: -.02em; line-height: 1.15; color: #1D1D1F; margin: 0 0 20px; }
html body .site-main.tirol-ub-2b.tirol-ub-akis .tab-panel[data-tab="exp"] .exp-header .tab-h { display: none; }

/* Değerlendirme boş durumu: tanıklık yoksa "fotoğraflarla, hikayelerle" girişi basılmaz, yalnız dürüst boş durum */
html body .site-main.tirol-ub-2b .exp-header:has(+ .exp-testimonials .exp-empty) .exp-intro { display: none; }
html body .site-main.tirol-ub-2b .exp-empty { padding: 20px 22px; border-radius: 14px; background: #F5F5F7; }

/* Büyütülmüş görsel */
html body .site-main.tirol-ub-2b .lightbox #lightbox-img { transition: transform .25s ease; cursor: zoom-in; touch-action: pinch-zoom; }
html body .site-main.tirol-ub-2b .lightbox #lightbox-img.tirol-ub-yakin { transform: scale(2.2); cursor: zoom-out; }
html body .site-main.tirol-ub-2b .lightbox-inner { overflow: hidden; }

/* Mobil yapışkan satın alma çubuğu (yalnız ≤900 px, asıl düğme ekrandan çıkınca) */
.tirol-ub-yapiskan { display: none; }
@media (max-width: 900px) {
  html body .site-main.tirol-ub-2b .tirol-ub-yapiskan { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; align-items: center; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: saturate(180%) blur(16px); backdrop-filter: saturate(180%) blur(16px); border-top: 1px solid #E8E8ED; transform: translateY(110%); visibility: hidden; transition: transform .25s ease, visibility .25s; }
  html body .site-main.tirol-ub-2b .tirol-ub-yapiskan.acik { transform: none; visibility: visible; }
  html body .site-main.tirol-ub-2b .tirol-ub-yapiskan[hidden] { display: none; }
  html body .site-main.tirol-ub-2b .tirol-ub-yapiskan-ad { flex: 1 1 auto; min-width: 0; font-size: 13px; line-height: 1.3; color: #424245; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html body .site-main.tirol-ub-2b .tirol-ub-yapiskan-fiyat, html body .site-main.tirol-ub-2b .tirol-ub-yapiskan-fiyat .amount { flex: 0 0 auto; font-size: 17px !important; font-weight: 600 !important; color: #1D1D1F !important; white-space: nowrap; }
  html body .site-main.tirol-ub-2b .tirol-ub-yapiskan-fiyat .tx-teslim, html body .site-main.tirol-ub-2b .tirol-ub-yapiskan-fiyat del { display: none !important; }
  html body .site-main.tirol-ub-2b .tirol-ub-yapiskan-dugme { flex: 0 0 auto; min-height: 44px; padding: 0 20px; border: 0; border-radius: 12px; background: #0A0A0A; color: #fff; font-size: 15px; font-weight: 700; }
  body.tirol-ub-yapiskan-acik .tx-wa-float, body.tirol-ub-yapiskan-acik .tai-fab { transform: translateY(-72px); transition: transform .25s ease; }
}

/* Tablet ve telefon: tek sütun — görsel → küçük görseller → ad → fiyat → satın al */
@media (max-width: 900px) {
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-full { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; padding: 0 16px 8px !important; }
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-full > *,
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-crumb-bar, html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) #prd-main-img, html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) #prd-main-video, html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-thumbs, html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-copy, html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price, html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-action-strip { grid-column: 1 !important; }
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-crumb-bar { grid-row: 1; margin: 12px 0 12px !important; }
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) #prd-main-img, html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) #prd-main-video { grid-row: 2; border-radius: 16px; }
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-thumbs { grid-row: 3; --thumb-size: 60px; }
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-thumb { flex-basis: 60px !important; width: 60px !important; height: 60px !important; }
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-copy { grid-row: 4; padding-top: 20px; }
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-hero-price { grid-row: 5; margin-top: 18px !important; padding-top: 18px !important; }
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-action-strip { grid-row: 6; }
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-title { font-size: 26px !important; }
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-crumb a { min-height: 44px; }
  html body .site-main.tirol-ub-2b:not(.tirol-ub-hero) .prd-tagline { font-size: 16px !important; }
}


/* ═══════════════════════════════════════════════════════════════════
   G352 EK — karma düzen (yalnız <main class="… tirol-ub-2b tirol-ub-karma">): sekme yok, tek akış,
   uzun bilgi <details> içinde, yapışkan kısayol menüsü. Bayrak/yerleşim başka iken hiçbir kural eşleşmez.
   ═══════════════════════════════════════════════════════════════════ */
html body .site-main.tirol-ub-karma .tirol-ub-kisayol { position: sticky; top: 76px; /* JS yoksa: ölçülen masaüstü üst bilgi altı */ z-index: 90; margin: 40px 0 0; background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: saturate(180%) blur(16px); backdrop-filter: saturate(180%) blur(16px); border-top: 1px solid #E8E8ED; border-bottom: 1px solid #E8E8ED; }
html body .site-main.tirol-ub-karma .tirol-ub-kisayol-ic { max-width: 1280px; margin: 0 auto; padding: 0 32px; display: flex; align-items: center; gap: 24px; min-height: 56px; }
html body .site-main.tirol-ub-karma .tirol-ub-kisayol-ad { flex: 1 1 auto; min-width: 0; font-size: 15px; font-weight: 600; color: #1D1D1F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body .site-main.tirol-ub-karma .tirol-ub-kisayol ul { flex: 0 0 auto; display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
html body .site-main.tirol-ub-karma .tirol-ub-kisayol li { margin: 0; padding: 0; }
html body .site-main.tirol-ub-karma .tirol-ub-kisayol a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 980px; font-size: 14px; font-weight: 500; color: #424245; white-space: nowrap; text-decoration: none; }
html body .site-main.tirol-ub-karma .tirol-ub-kisayol a:hover { color: #1D1D1F; background: #F5F5F7; }
html body .site-main.tirol-ub-karma .tirol-ub-kisayol a[aria-current="true"] { background: #1D1D1F; color: #fff; }

html body .site-main.tirol-ub-karma .prd-tabs.tirol-ub-bolum { margin: 0 auto !important; padding-top: 0; padding-bottom: 8px; border-top: 0; }
html body .site-main.tirol-ub-karma .tirol-ub-bolum::before,
html body .site-main.tirol-ub-karma .tirol-ub-capa > section > .tirol-ub-sar::before { content: ''; display: block; height: 1px; margin: 0 0 48px; background: #E8E8ED; }
html body .site-main.tirol-ub-karma .tirol-ub-karma-akis > .tirol-ub-bolum:first-child::before { display: none; }
html body .site-main.tirol-ub-karma .tirol-ub-karma-akis > .tirol-ub-bolum:first-child { padding-top: 48px; }
html body .site-main.tirol-ub-karma .tirol-ub-bolum,
html body .site-main.tirol-ub-karma .tirol-ub-capa,
html body .site-main.tirol-ub-karma details.tirol-ub-ac { scroll-margin-top: calc(var(--tirol-ub-menu-alt, 136px) + 12px); }
html body .site-main.tirol-ub-karma .tirol-ub-capa > .tirol-ub-karsilastirma,
html body .site-main.tirol-ub-karma .tirol-ub-capa > .tirol-ub-sss { margin: 0 auto 8px; }
html body .site-main.tirol-ub-karma .tirol-ub-bolum-h,
html body .site-main.tirol-ub-karma .tirol-ub-capa h2.tab-h { font-size: clamp(24px, 2.4vw, 32px); font-weight: 700; letter-spacing: -.02em; line-height: 1.15; color: #1D1D1F; margin: 0 0 24px; }
html body .site-main.tirol-ub-karma .tirol-ub-bolum h3.tab-h { font-size: 19px; font-weight: 700; margin: 28px 0 10px; }
html body .site-main.tirol-ub-karma .tirol-ub-bolum h3.tab-h:first-child { margin-top: 0; }
html body .site-main.tirol-ub-karma #yorumlar .exp-header .tab-h { display: none; }
html body .site-main.tirol-ub-karma .tirol-ub-bolum .spec-table { margin-bottom: 0; }

/* Açılır bölümler: JS'siz <details>; özet satırı 52 px dokunma alanı */
html body .site-main.tirol-ub-karma details.tirol-ub-ac { max-width: 860px; margin: 12px 0 24px; border-top: 1px solid #E8E8ED; border-bottom: 1px solid #E8E8ED; }
html body .site-main.tirol-ub-karma details.tirol-ub-ac > summary { position: relative; display: flex; align-items: center; gap: 6px; min-height: 52px; padding: 0 36px 0 0; cursor: pointer; list-style: none; font-size: 16px; font-weight: 600; color: #1D1D1F; }
html body .site-main.tirol-ub-karma details.tirol-ub-ac > summary::-webkit-details-marker { display: none; }
html body .site-main.tirol-ub-karma details.tirol-ub-ac > summary::after { content: '+'; position: absolute; right: 6px; top: 50%; transform: translateY(-52%); font-size: 24px; font-weight: 400; color: #DA031D; }
html body .site-main.tirol-ub-karma details.tirol-ub-ac[open] > summary::after { content: '−'; }
html body .site-main.tirol-ub-karma details.tirol-ub-ac > summary .tirol-ub-say { font-weight: 400; color: #6E6E73; }
html body .site-main.tirol-ub-karma details.tirol-ub-ac[open] > summary { border-bottom: 1px solid #F0F0F0; }
html body .site-main.tirol-ub-karma .tirol-ub-devam { margin: 0 0 8px !important; }
html body .site-main.tirol-ub-karma #tum-ozellikler { border-top: 0; margin-top: 0; }
html body .site-main.tirol-ub-karma .tirol-ub-ozet-satir { display: flex; flex-wrap: wrap; gap: 8px 24px; list-style: none; margin: 0 0 8px; padding: 0; font-size: 15px; line-height: 1.5; color: #1D1D1F; }
html body .site-main.tirol-ub-karma .tirol-ub-ozet-satir li { margin: 0; }
html body .site-main.tirol-ub-karma .tirol-ub-ozet-satir li::before { content: '✓'; margin-right: 8px; font-weight: 700; color: #1E8E3E; }
html body .site-main.tirol-ub-karma #kargo-iade-ayrinti .ship-prose { padding: 16px 0 8px; }

@media (max-width: 900px) {
  html body .site-main.tirol-ub-karma .tirol-ub-kisayol { top: 66px; margin-top: 28px; } /* JS yoksa: ölçülen mobil üst bilgi altı 66 px (JS varsa tam değer ölçülür) */
  html body .site-main.tirol-ub-karma .tirol-ub-kisayol-ic { padding: 0; min-height: 0; }
  html body .site-main.tirol-ub-karma .tirol-ub-kisayol-ad { display: none; }
  html body .site-main.tirol-ub-karma .tirol-ub-kisayol ul { flex: 1 1 auto; gap: 8px; padding: 8px 16px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  html body .site-main.tirol-ub-karma .tirol-ub-kisayol ul::-webkit-scrollbar { display: none; }
  html body .site-main.tirol-ub-karma .tirol-ub-kisayol a { background: #F5F5F7; padding: 0 16px; }
  html body .site-main.tirol-ub-karma .tirol-ub-kisayol a[aria-current="true"] { background: #1D1D1F; }
  html body .site-main.tirol-ub-karma .tirol-ub-bolum::before,
  html body .site-main.tirol-ub-karma .tirol-ub-capa > section > .tirol-ub-sar::before { margin-bottom: 36px; }
}


/* ═══════════════════════════════════════════════════════════════════
   G352 EK-2 — hero düzeni (yalnız <main class="… tirol-ub-2b tirol-ub-hero">; ayar 'ust' => 'hero', UMG 17:21):
   bugünkü koyu tam genişlik hero korunur; içi düzelir. Galeri düzeninin üst bölüm kuralları burada uygulanmaz.
   ═══════════════════════════════════════════════════════════════════ */
/* Sağ panel: hero'nun İÇİNDE, sabit genişlik. Bulanık cam sözde öğede → panel "fixed" çekmecenin kapsayıcısı olmaz (taşma 0, 2c olmadan da). */
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price { width: 360px !important; max-width: calc(100% - 48px) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: transparent !important; text-align: left !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price::before { content: ''; position: absolute; inset: 0; z-index: -1; background: rgba(10, 10, 10, .5); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price .tx-teslim { display: block; margin: 8px 0 0; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: 0 !important; white-space: normal !important; color: #8FE3A8 !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price .tirol-ub-teslim { margin: 12px 0 0; gap: 6px; font-size: 14px; line-height: 1.4; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price .tirol-ub-teslim p { color: rgba(255, 255, 255, .9); }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price .tirol-ub-kargo svg { color: rgba(255, 255, 255, .8); }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price .tirol-ub-stok .nokta { background: #34C759; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price .prd-own-btn { min-height: 48px; }
@media (min-width: 721px) {
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-copy { right: auto !important; max-width: min(720px, calc(100% - 480px)) !important; }
}

/* Hero altı tek ince şerit: ≤3 güven öğesi + soru (simge rozetleri ve REF/MARKA çipleri yok) */
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-action-strip { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; max-width: 1280px; margin: 0 auto !important; padding: 10px 32px !important; background: none !important; border: 0 !important; border-bottom: 1px solid #E8E8ED !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .tirol-ub-serit { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 28px; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .tirol-ub-serit .tirol-ub-guven { margin: 0; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .tirol-ub-serit .tirol-ub-soru-sor { margin: 0; column-gap: 12px; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .tirol-ub-serit .tirol-ub-soru-sor > span:first-child { flex: 0 1 auto; padding-top: 0; }

/* Mobil: hero kısalır — önce görsel, altında ad, vaat, sonra fiyat → stok → kargo → Satın Al (yapışkan çubuk aynen) */
@media (max-width: 720px) {
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-image-wrap { height: auto !important; min-height: 0 !important; max-height: none !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-image-wrap::after,
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-sqbg { display: none !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero #prd-main-img,
  html body .site-main.tirol-ub-2b.tirol-ub-hero #prd-main-video { position: static !important; display: block; width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0 !important; aspect-ratio: 1 / 1; object-fit: contain !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero #prd-main-img.is-landscape-hero,
  html body .site-main.tirol-ub-2b.tirol-ub-hero #prd-main-video.is-landscape-hero { aspect-ratio: 4 / 3; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-copy { position: static !important; left: auto !important; right: auto !important; bottom: auto !important; max-width: none !important; padding: 20px 16px 4px; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-title { font-size: 24px !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-tagline { font-size: 15px !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price { width: 100% !important; max-width: none !important; padding: 12px 16px 24px !important; background: #0A0A0A !important; border: 0 !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price::before { display: none; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price-value,
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price .price,
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-price .amount { font-size: 30px !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-crumb a { min-height: 44px; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-action-strip { padding: 10px 16px !important; }
}


/* ── G352 EK-2 düzeltme: KUTU modu = kare görsel + bulanık zemini olmayan tema (ör. tirolmotor paket görselleri) ──
   Yazı · kutu · panel ÜÇ AYRI SÜTUN (çakışma 0): yazı solda %4–%36, açık kutu aradaki boşlukta ortalı, panel sağda (%4 pay).
   Kutu temanın ::after karartmasının ÜSTÜNDE (z 2); karartma yalnız sahneye ve yazıya. ≤960 px'te mobil sırası.
   Bulanık zeminli temalar (tirolx, heavy-duty) ve yatay görseller bu kurallara girmez → bugünkü düzen aynen. Görüntü işleme yok.
   G352 EK-3: açık sahnede (.prd-hero-full.is-sahne-acik) kutu modu kapalı; yerine aşağıdaki açık sahne kuralları. */
@media (min-width: 961px) {
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) { --tub-p: 360px; --tub-h: clamp(480px, 70vh, 760px); height: var(--tub-h) !important; min-height: 0 !important; max-height: none !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > #prd-main-img.is-square-hero { --tub-gap: calc(60% - var(--tub-p) - 48px); position: absolute !important; z-index: 2 !important; box-sizing: border-box; top: 50% !important; bottom: auto !important; right: auto !important; transform: translateY(-50%); width: min(var(--tub-gap), calc(var(--tub-h) - 96px)) !important; height: auto !important; max-width: none !important; max-height: none !important; aspect-ratio: 1 / 1; left: calc(36% + 24px + (var(--tub-gap) - min(var(--tub-gap), calc(var(--tub-h) - 96px))) / 2) !important; margin: 0 !important; padding: 20px; object-fit: contain !important; background: #F5F5F7; border-radius: 24px; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > .prd-hero-copy { left: 4% !important; right: auto !important; width: 32% !important; max-width: 32% !important; bottom: 48px !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > .prd-hero-copy .prd-title { font-size: clamp(20px, 1.9vw, 28px) !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > .prd-hero-copy .prd-tagline { font-size: 15px !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > .prd-hero-price, html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-stage:has(#prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > .prd-hero-price { right: 4% !important; width: 360px !important; max-width: 360px !important; }
}
@media (min-width: 961px) and (max-width: 1100px) {
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) { --tub-p: 300px; --tub-h: clamp(420px, 60vh, 700px); }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > .prd-hero-price, html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-stage:has(#prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > .prd-hero-price { width: 300px !important; max-width: 300px !important; }
}
@media (max-width: 960px) {
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) { height: auto !important; min-height: 0 !important; max-height: none !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg))::after { display: none !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > #prd-main-img.is-square-hero { position: static !important; transform: none; display: block; box-sizing: border-box; width: calc(100% - 32px) !important; max-width: 560px !important; height: auto !important; aspect-ratio: 1 / 1; margin: 16px auto 0 !important; padding: 14px; object-fit: contain !important; background: #F5F5F7; border-radius: 18px; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > .prd-hero-copy { position: static !important; left: auto !important; right: auto !important; bottom: auto !important; width: auto !important; max-width: none !important; padding: 20px 16px 4px; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > .prd-hero-price, html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-stage:has(#prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > .prd-hero-price { position: static !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: none !important; padding: 12px 16px 24px !important; background: #0A0A0A !important; border: 0 !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-image-wrap:has(> #prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > .prd-hero-price::before, html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full:not(.is-sahne-acik) .prd-hero-stage:has(#prd-main-img.is-square-hero):not(:has(.prd-hero-sqbg)) > .prd-hero-price::before { display: none; }
}


/* ═══════════════════════════════════════════════════════════════════
   G352 EK-3 — AÇIK SAHNE (UMG "A: Açık sahne"): yalnız <section class="prd-hero-full is-sahne-acik"> altında.
   Beyaz ya da saydam zeminli ürün görseli (tirol_ub_hero_sahne) → sahne #F5F5F7, görsel contain + multiply (kap isolation),
   koyu geçiş katmanı ve bulanık zemin yok, yazı koyu, panel beyaz kart. Düzen koyu sahnedeki kutu düzeniyle aynı:
   ≥961 px üç sütun (yazı %4–%36 · görsel ortada · panel sağda), ≤960 px mobil sırası. Kullanım fotoğrafı (koyu) aynen kalır.
   ═══════════════════════════════════════════════════════════════════ */
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap { background: #F5F5F7 !important; isolation: isolate; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap::after,
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-sqbg { display: none !important; content: none !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > #prd-main-img,
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > #prd-main-video { object-fit: contain !important; mix-blend-mode: multiply; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .prd-hero-copy { color: #1D1D1F !important; text-shadow: none !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .prd-hero-copy .prd-title { color: #1D1D1F !important; text-shadow: none !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .prd-hero-copy .prd-tagline,
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .prd-hero-copy .tirol-ub-kod { color: #6E6E73 !important; text-shadow: none !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .prd-hero-copy .prd-hero-brand span:not(.prd-brand-line) { color: #6E6E73 !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .prd-hero-copy .prd-brand-line { background: var(--accent, #DA031D) !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price { background: #FFFFFF !important; border: 1px solid #D2D2D7 !important; border-radius: 18px; color: #1D1D1F !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price::before { display: none !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price .prd-hero-price-value,
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price .price,
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price .amount { color: #1D1D1F !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price del,
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price del .amount { color: #6E6E73 !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price .tx-teslim { color: #1E7B34 !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price .tirol-ub-teslim p { color: #1D1D1F !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price .tirol-ub-kargo svg { color: #424245 !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price .tirol-ub-stok .nokta { background: #1E8E3E !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price .prd-own-btn { background: #1D1D1F !important; color: #FFFFFF !important; border: 0 !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price .prd-own-btn:hover { background: #DA031D !important; color: #FFFFFF !important; }
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-sold-out { background: #F5F5F7 !important; color: #424245 !important; border: 1px solid #D2D2D7 !important; text-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
@media (min-width: 961px) {
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap { --tub-p: 360px; --tub-h: clamp(480px, 70vh, 760px); height: var(--tub-h) !important; min-height: 0 !important; max-height: none !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > #prd-main-img,
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > #prd-main-video { --tub-gap: calc(60% - var(--tub-p) - 48px); position: absolute !important; z-index: 1 !important; box-sizing: border-box; top: 50% !important; bottom: auto !important; right: auto !important; transform: translateY(-50%); width: min(var(--tub-gap), calc(var(--tub-h) - 64px)) !important; height: auto !important; max-width: none !important; max-height: none !important; aspect-ratio: 1 / 1; left: calc(36% + 24px + (var(--tub-gap) - min(var(--tub-gap), calc(var(--tub-h) - 64px))) / 2) !important; margin: 0 !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .prd-hero-copy { left: 4% !important; right: auto !important; width: 32% !important; max-width: 32% !important; bottom: 48px !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .prd-hero-copy .prd-title { font-size: clamp(20px, 1.9vw, 28px) !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .prd-hero-copy .prd-tagline { font-size: 15px !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price { right: 4% !important; width: 360px !important; max-width: 360px !important; }
}
@media (min-width: 961px) and (max-width: 1100px) {
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap { --tub-p: 300px; --tub-h: clamp(420px, 60vh, 700px); }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price { width: 300px !important; max-width: 300px !important; }
}
@media (max-width: 960px) {
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap { height: auto !important; min-height: 0 !important; max-height: none !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > #prd-main-img,
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > #prd-main-video { position: static !important; transform: none; display: block; box-sizing: border-box; width: calc(100% - 32px) !important; max-width: 560px !important; height: auto !important; aspect-ratio: 1 / 1; margin: 16px auto 0 !important; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .prd-hero-copy { position: static !important; left: auto !important; right: auto !important; bottom: auto !important; width: auto !important; max-width: none !important; padding: 20px 16px 4px; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-price { position: static !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: none !important; padding: 12px 16px 24px !important; border: 0 !important; border-top: 1px solid #D2D2D7 !important; border-radius: 0 !important; }
}


/* ═══ G352 EK-3 düzeltme 1 — Tavan Barı Seç çekmecesi (tirolx; başka sitede öğe yok → etkisiz) ═══
   Kapalıyken gölge yok ve görünmez (visibility → Tab ile içine gidilmez); kapanışta görünmezlik kayma süresi (.34 s) kadar gecikir. Açıkken bugünkü gibi. */
.tx-rbs-drawer:not(.is-open) { visibility: hidden; box-shadow: none !important; transition: transform .34s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .34s, box-shadow 0s linear .34s; }
.tx-rbs-drawer.is-open { visibility: visible; transition: transform .34s cubic-bezier(.4, 0, .2, 1), visibility 0s, box-shadow 0s; }

/* ═══ G352 EK-3 düzeltme 3 — eski tarayıcı güvencesi ═══
   Kap sorgusu birimi (cq), aspect-ratio ya da :has() yoksa kırpma sarmalayıcıları sıradan blok kalır ve görsel EK-3 ilk teslimdeki gibi
   (kırpmasız, contain, orta sütun / mobil sıra) basılır → görsel kaybolmaz. Destekleyen tarayıcıda aşağıdaki @supports bloğu bu kuralları
   aynı özgüllük ve !important ile, kaynakta sonra geldiği için ezer → çıktı EK-3 düzeltme 2 ile birebir aynı. */
html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap .tirol-ub-kirp > #prd-main-img { object-fit: contain !important; mix-blend-mode: multiply; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
@media (min-width: 961px) {
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap .tirol-ub-kirp > #prd-main-img { --tub-gap: calc(60% - var(--tub-p) - 48px); position: absolute !important; z-index: 1 !important; box-sizing: border-box; top: 50% !important; bottom: auto !important; right: auto !important; transform: translateY(-50%); width: min(var(--tub-gap), calc(var(--tub-h) - 64px)) !important; height: auto !important; max-width: none !important; max-height: none !important; aspect-ratio: 1 / 1; left: calc(36% + 24px + (var(--tub-gap) - min(var(--tub-gap), calc(var(--tub-h) - 64px))) / 2) !important; margin: 0 !important; }
}
@media (max-width: 960px) {
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap .tirol-ub-kirp > #prd-main-img { position: static !important; transform: none; display: block; box-sizing: border-box; width: calc(100% - 32px) !important; max-width: 560px !important; height: auto !important; aspect-ratio: 1 / 1; margin: 16px auto 0 !important; }
}
@supports (width: 1cqw) and (aspect-ratio: 1) and selector(:has(*)) {
  /* ═══ G352 EK-3 düzeltme 2 — açık sahnede kırpma sarmalayıcısı (tirol_ub_kirp) ═══
     .tirol-ub-sahne-alan = görsel alanı (kap sorgusu), .tirol-ub-kirp = içerik kutusu + %4 pay oranında kutu; görsel yüzdelik konum/ölçekle yerleşir
     (object-view-box yok). Kutunun zemini sahneyle aynı (#F5F5F7) → multiply kutunun içinde de çalışır. Dosyaya dokunulmaz. */
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap .tirol-ub-kirp { position: relative; overflow: hidden; aspect-ratio: var(--tub-ar); background: #F5F5F7; }
  html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap .tirol-ub-kirp > #prd-main-img { position: absolute !important; z-index: auto !important; left: calc(var(--tub-fx) / var(--tub-fw) * -100%) !important; top: calc(var(--tub-fy) / var(--tub-fh) * -100%) !important; right: auto !important; bottom: auto !important; width: calc(100% / var(--tub-fw)) !important; height: calc(100% / var(--tub-fh)) !important; max-width: none !important; max-height: none !important; aspect-ratio: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; object-fit: fill !important; mix-blend-mode: multiply; background: transparent !important; border-radius: 0 !important; }
  @media (min-width: 961px) {
    html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .tirol-ub-sahne-alan { position: absolute; z-index: 1; left: calc(36% + 24px); right: calc(4% + var(--tub-p) + 24px); top: 32px; bottom: 32px; display: flex; align-items: center; justify-content: center; container-type: size; }
    html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .tirol-ub-sahne-alan > .tirol-ub-kirp { flex: none; width: min(100cqw, calc(100cqh * var(--tub-ar))); }
    /* Yatay içerik (en/boy > 1,6): görsel alanı yazının ve panelin üstünü de kullanır; yazı altta akışta, panel sağda → çakışma 0 */
    html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap:has(> .tirol-ub-sahne-alan.is-genis) { display: flex !important; flex-direction: column; justify-content: flex-end; box-sizing: border-box; padding: 24px 4% 48px; }
    html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .tirol-ub-sahne-alan.is-genis { position: relative; left: auto; right: auto; top: auto; bottom: auto; flex: 1 1 0; min-height: 0; margin-right: calc(var(--tub-p) + 24px); justify-content: flex-start; }
    html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap:has(> .tirol-ub-sahne-alan.is-genis) > .prd-hero-copy { position: static !important; left: auto !important; bottom: auto !important; width: auto !important; max-width: min(720px, calc(100% - var(--tub-p) - 24px)) !important; margin-top: 16px; }
  }
  @media (max-width: 960px) {
    html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .tirol-ub-sahne-alan { display: block; width: calc(100% - 32px); margin: 16px auto 0; }
    html body .site-main.tirol-ub-2b.tirol-ub-hero .prd-hero-full.is-sahne-acik .prd-hero-image-wrap > .tirol-ub-sahne-alan > .tirol-ub-kirp { width: min(100%, calc((100vw - 32px) * var(--tub-ar))); margin: 0 auto; }
  }
}