/* IYC ortak sayfa içi gezinme (Bu sayfada / On this page) + anlamsal kontrast — site geneli 29.10.2026. Tek dosya; sayfalara gömülmez.
   Uygulayıcı: scripts/onpage/apply.py (config.json). Masaüstünde (≥1280) içerik + sağda yapışkan yan panel; daha dar ekranlarda içeriğin üstünde açılır menü.
   Renk yalnız anlamlı gruplarda; atom içindeki öğeler gövde bayrağı .sem-on + bu eşlemeyle boyanır. */
:root{--sem-src-bg:#eaf2fa;--sem-src-line:#c9d8e8;--sem-src-acc:#3d6a96;--sem-svc-bg:#eaf5f0;--sem-svc-line:#c6dfd3;--sem-svc-acc:#2f6f61;--sem-price-bg:#fbf3e5;--sem-price-line:#ead6ae;--sem-price-acc:#8a5f17;--sem-nav-bg:#f1f2f5;--sem-nav-line:#d5d7dd;--sem-nav-acc:#5d616a;--sem-muted:#55554f;--opn-top:97px}
:where(main) :where(h2[id],h3[id],section[id],article[id],div[id],.opn-anchor){scroll-margin-top:110px}
.opn-anchor{display:block;height:0}
/* yerleşim (dar ekran): girişin hemen ardı */
.opn-wrap{max-width:1000px;margin:0 auto;padding:0 24px}
.opn-wrap.opn-in{max-width:none;margin:0;padding:0}
.opn-wrap.opn-side:not(.opn-in){max-width:none;padding:0;width:100%;justify-self:stretch;min-width:0}
@media (min-width:1024px){.opn-wrap:not(.opn-in):not(.opn-side){padding:0 40px}}
.opn-wrap.opn-side.opn-fl{max-width:1000px;margin:0 auto;padding:0 24px}
@media (min-width:1024px){.opn-wrap.opn-side.opn-fl{padding:0 40px}}
body:has(.opn-side) :is(.iyu-layout,.iyp-layout){grid-template-columns:minmax(0,1fr)!important}
/* bileşen: açılır menü */
.opn{background:var(--sem-nav-bg);border:1px solid var(--sem-nav-line);border-left:3px solid var(--sem-nav-acc);border-radius:8px;margin:28px 0;color:var(--ink,#121212)}
.opn-side>.opn{margin:24px 0 8px}
.opn>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:10px 16px;min-height:44px;font-weight:600;font-size:16px;line-height:1.3}
.opn>summary::-webkit-details-marker{display:none}
.opn>summary::after{content:"+" / "";margin-left:auto;font-size:20px;font-weight:400;line-height:1}
.opn[open]>summary::after{content:"−" / ""}
.opn>summary:focus-visible,.opn a:focus-visible{outline:2px solid var(--ink,#121212);outline-offset:2px;border-radius:4px}
.opn-n{font-weight:400;font-size:14.5px;color:var(--sem-muted)}
.opn-b{padding:0 16px 14px}
.opn-t{display:none}
.opn ol{list-style:none;margin:0;padding:0}
.opn ol a{display:block;padding:10px 0;font-size:15.5px;line-height:1.4;color:var(--ink,#121212);text-decoration:none;border-bottom:1px solid var(--sem-nav-line)}
.opn ol li:last-child a{border-bottom:0}
.opn ol a:hover{text-decoration:underline}
.opn .opn-hl a{font-weight:700}
.opn .opn-price a::before{content:"₺ " / "";color:var(--sem-price-acc)}
.opn--usd .opn-price a::before{content:"$ " / ""}
.opn-p{margin:12px 0 0;font-size:15px;line-height:1.5;color:var(--sem-muted)}
.opn-go{display:inline-block;margin-top:6px;padding:6px 0;font-size:15px;font-weight:600;color:var(--ink,#121212);text-decoration:underline;text-underline-offset:3px}
/* masaüstü: iki sütun (içerik + yapışkan yan panel); başlık/altbilgi aynı hizaya genişler */
@media (min-width:1280px){
 body:has(.opn-side) :is(header,footer) .max-w-\[1240px\]{max-width:1320px}
 article:has(.opn-side){max-width:1320px}
 article:has(>.opn-side){display:grid;grid-template-columns:minmax(0,1fr) 256px;column-gap:64px;align-content:start}
 article:has(>.opn-side)>*{grid-column:1;min-width:0}
 article:has(>.opn-side) .iyx-g{max-width:none}
 body:has(.opn-side) :is(.iyu-wrap,.iyp-wrap){max-width:1320px}
 article>.opn-side{grid-column:2;grid-row:1/span 400;align-self:stretch}
 .opn-flow :is(.iyu-wrap,.iyp-wrap){padding-right:360px}
 .opn-side>.opn{position:sticky;top:calc(var(--opn-top) + 24px);margin:0;background:#f6f6f4;border:1px solid var(--line,#d9d6cc);border-radius:10px;scrollbar-width:thin}
 /* açılış sayfaları (tam genişlikte bantlar): bantlar yerinde kalır, içerik sütunu sağda ray için boşluk bırakır, panel sıfır yükseklikli yapışkan rayda */
 body:has(.opn-flow) .container{max-width:1320px;padding-left:40px;padding-right:40px}
 .opn-flow{position:relative}
 .opn-flow>.opn-side.opn-fl{position:absolute;top:48px;bottom:48px;right:max(40px,calc((100% - 1240px) / 2));width:256px;max-width:none;margin:0;padding:0;z-index:20}
 .opn-flow>.opn-side>.opn{width:256px}
 .opn-flow>section.mx-auto,.opn-flow>section:not(.mx-auto)>:is(.mx-auto,.container){max-width:1320px;padding-right:360px}
 .opn-side .opn::details-content{content-visibility:visible;display:block}
 .opn-side .opn>summary{display:none}
 .opn-side .opn-b{padding:18px 16px 18px;display:flex;flex-direction:column;max-height:calc(100vh - var(--opn-top) - 50px);box-sizing:border-box}
 .opn-side .opn-b>*{flex:none}
 .opn-side .opn-b>ol{flex:0 1 auto;min-height:96px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .opn-side .opn-t{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--sem-muted);margin:0 0 10px 12px}
 .opn-side .opn ol a{padding:7px 10px 7px 12px;font-size:14.5px;line-height:1.4;border-bottom:0;border-left:2px solid var(--sem-nav-line);color:#33332f}
 .opn-side .opn ol a:hover{color:var(--ink,#121212);background:#ececea}
 .opn-side .opn ol a[aria-current]{border-left-color:var(--ink,#121212);background:var(--sem-nav-bg);color:var(--ink,#121212);font-weight:700;text-decoration:none}
 .opn-side .opn .opn-hl a{font-weight:400}
 .opn-side .opn-p{margin:16px 0 0;padding:14px 0 0 12px;border-top:1px solid var(--line,#d9d6cc);font-size:14px}
 .opn-side .opn-go{display:block;margin:12px 0 0;padding:11px 14px;border-radius:999px;background:var(--ink,#121212);color:#fff;text-align:center;text-decoration:none;font-size:14.5px}
 .opn-side .opn-go:hover{background:#2a2a28}
 .opn-side .opn-go:focus-visible{outline:2px solid var(--ink,#121212);outline-offset:3px}
}
/* 1280–1439: sağ alttaki yüzen düğmeler (WA/randevu) panelin üstüne binmesin — çerçevenin sağına 56 px ek boşluk */
@media (min-width:1280px) and (max-width:1439px){
 article:has(>.opn-side){padding-right:96px}
 .opn-flow>.opn-side.opn-fl{right:96px}
 .opn-flow>section.mx-auto,.opn-flow>section:not(.mx-auto)>:is(.mx-auto,.container),.opn-flow :is(.iyu-wrap,.iyp-wrap){padding-right:416px}
}
/* ::details-content yoksa: dar ekranda aç/kapa; yan panelde JS açık tutar, özet yine gizli */
@supports not selector(::details-content){.opn:not(.opn-side .opn)>summary{display:flex}}
/* anlamsal kontrast — kaynak (mavi §), hizmet/süreç/teslim (yeşil ✓), fiyat/ödeme/teklif (amber ₺).
   Dolgulu kutu yalnız sayfanın ana karar blokları (fiyat/sipariş, resmî kaynaklar); tekrarlanan bloklar yalnız sol renk çizgisi + simge alır (art arda renkli kutu oluşmaz). */
.sem-on :is(.iyu-rule,.iyu-sub,.iyu-sources,.iyu-proof,.iyu-price-c,.iyp-price-c,.iyp-panel,#fiyat-siparis,#price-order,.iy-official-sources,.iyx-rq-end,[data-atom="IYC-DOCUMENT-REVIEW-BEFORE-PAYMENT"]),.sem-on :is([aria-labelledby="delivery"],[aria-labelledby="teslim"]) .iyu-check{position:relative;--muted:var(--sem-muted)}
.sem-on :is(.iyu-rule,.iyu-sub,.iyu-sources,.iyu-proof,.iyu-price-c,.iyp-price-c,.iyp-panel,#fiyat-siparis,#price-order,.iy-official-sources,.iyx-rq-end,[data-atom="IYC-DOCUMENT-REVIEW-BEFORE-PAYMENT"])::after,.sem-on :is([aria-labelledby="delivery"],[aria-labelledby="teslim"]) .iyu-check::after{position:absolute;top:10px;right:12px;font-size:13px;font-weight:700;line-height:1}
.sem-on :is(.iyu-sources,.iy-official-sources,.iyx-rq-end){padding:14px 40px 14px 18px;border-radius:8px}
.sem-on :is([aria-labelledby="delivery"],[aria-labelledby="teslim"]) .iyu-check{padding:14px 40px 14px 40px}
/* doğrudan sınıflar (.sem + tür): sayfada elle işaretlenmiş tek blok — dolgulu */
.sem{position:relative;--muted:var(--sem-muted)}
.sem::after{position:absolute;top:10px;right:12px;font-size:13px;font-weight:700;line-height:1}
.sem-pad{padding:14px 40px 14px 18px;border-radius:8px}
.sem-src{background:var(--sem-src-bg)!important;border:1px solid var(--sem-src-line)!important;border-left:3px solid var(--sem-src-acc)!important}
.sem-svc{background:var(--sem-svc-bg)!important;border:1px solid var(--sem-svc-line)!important;border-left:3px solid var(--sem-svc-acc)!important}
.sem-price{background:var(--sem-price-bg)!important;border:1px solid var(--sem-price-line)!important;border-left:3px solid var(--sem-price-acc)!important}
.sem-src::after{content:"§" / "";color:var(--sem-src-acc)}.sem-svc::after{content:"✓" / "";color:var(--sem-svc-acc)}.sem-price::after{content:"₺" / "";color:var(--sem-price-acc)}
/* dolgulu: ana karar blokları */
.sem-on :is(.iyu-sources,.iy-official-sources){background:var(--sem-src-bg)!important;border:1px solid var(--sem-src-line)!important;border-left:3px solid var(--sem-src-acc)!important}
.sem-on :is(#fiyat-siparis,#price-order){background:var(--sem-price-bg)!important;border:1px solid var(--sem-price-line)!important;border-left:3px solid var(--sem-price-acc)!important}
/* çizgili: tekrarlanan bloklar (kendi zemini korunur) */
.sem-on :is(.iyu-rule,.iyu-sub,.iyu-proof){border-left:3px solid var(--sem-src-acc)!important}
.sem-on :is(.iyp-panel,.iyp-price-c:nth-child(3)),.sem-on :is([aria-labelledby="delivery"],[aria-labelledby="teslim"]) .iyu-check{border-left:3px solid var(--sem-svc-acc)!important}
.sem-on :is(.iyu-price-c,.iyp-price-c:nth-child(1),.iyp-price-c:nth-child(2),.iyp-price-c:nth-child(4),.iyx-rq-end,[data-atom="IYC-DOCUMENT-REVIEW-BEFORE-PAYMENT"]){border-left:3px solid var(--sem-price-acc)!important}
.sem-on :is(.iyu-rule,.iyu-sub,.iyu-sources,.iyu-proof,.iy-official-sources)::after{content:"§" / "";color:var(--sem-src-acc)}
.sem-on :is(.iyp-panel,.iyp-price-c:nth-child(3))::after,.sem-on :is([aria-labelledby="delivery"],[aria-labelledby="teslim"]) .iyu-check::after{content:"✓" / "";color:var(--sem-svc-acc)}
.sem-on :is(.iyu-price-c,.iyp-price-c:nth-child(1),.iyp-price-c:nth-child(2),.iyp-price-c:nth-child(4),#fiyat-siparis,#price-order,.iyx-rq-end,[data-atom="IYC-DOCUMENT-REVIEW-BEFORE-PAYMENT"])::after{content:"₺" / "";color:var(--sem-price-acc)}
@media print{.opn{break-inside:avoid}.opn-side>.opn{position:static;max-height:none}}
/* ── Yan panel cildi ve ilgili bağlantılar (29.10). Dekoratif kilim/kündekâri motif sistemi sahip kararıyla kaldırıldı (29.10); body.opn-cilt yalnız panel cildi için bayraktır (eski adı opn-kilim). */
.opn-rel{margin:16px 0 0;padding:14px 0 0 12px;border-top:1px solid var(--line,#d9d6cc)}
.opn-rt{margin:0 0 6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--sem-muted)}
.opn-rel ul{list-style:none;margin:0;padding:0}
.opn-rel li a{display:block;padding:5px 0;font-size:14px;line-height:1.4;color:var(--ink,#121212);text-decoration:underline;text-decoration-color:#b9b3a6;text-underline-offset:3px}
.opn-rel li a:hover{text-decoration-color:currentColor}
/* panel cildi (yan panel görünen her masaüstü genişliğinde, ≥1280): kırık krem, ince çizgi, çift alt çizgili başlık */
@media (min-width:1280px){
 body.opn-cilt .opn-side>.opn{background:#f6f4ef;border:1px solid #e0d9cb;border-radius:4px}
 body.opn-cilt .opn-side .opn-t{padding-bottom:10px;border-bottom:3px double #d8cfbd;margin-right:0}
 body.opn-cilt .opn-side .opn-p{color:#3f3f3a}
}