/* urun-reklam.css · Ürünler sayfasının başındaki dönen reklam şeridi (2026-10-17, K8 kullanıcı kararı).
   2026-10-17 FX2: urunler.html içinden ayrı dosyaya taşındı (sayfa 120 KB eşiğinin altında kalsın; katalog_kontrol). */
/* ── ÜRÜNLERİN BAŞINDA REKLAM (2026-10-17): ana sayfadaki "Tek kargoda" (uçak postası zarfı) ve "İşin mutfağı"
   (okul defteri) tasarımları AYNEN; ana sayfanın küçük haber şeridi gibi 7 sn'de bir sırayla değişir, oklar + noktalar.
   Yerleşim: reklamYerlestir() — ürünlerin en başında, satırı boydan boya kaplar. ── */
.ur-reklam{grid-column:1/-1;position:relative;margin:0 0 6px}
/* 2026-10-17 FX2 (ust-sade, odak kapısı): kırpma yalnız kartların penceresinde; oklar/noktalar pencerenin dışında → odak halkası kırpılmaz.
   Pencerenin dolgusu kart gölgesine (9px) ve karttaki düğmenin odak halkasına yer bırakır. */
.rk-pencere{overflow:hidden;padding:14px 12px 8px 6px;margin-left:-6px}
.rk-pist{display:flex;align-items:stretch;column-gap:24px;transition:transform .55s cubic-bezier(.22,.9,.3,1)}
.rk-kontrol{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px}
/* 2026-10-17 FX2 (ust-sade, büyük ekran kapısı B5): dokunma alanı 44x44, GÖRÜNEN ok/nokta aynı boyda (::before ile çizilir) */
.rk-ok{position:relative;isolation:isolate;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:none;color:var(--ink);font-size:16px;font-weight:800;
  cursor:pointer;display:grid;place-items:center;padding:0}
.rk-ok::before{content:'';position:absolute;z-index:-1;inset:4px;border-radius:50%;border:3px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink),0 0 0 2px var(--hot)}
.rk-ok:hover::before{background:var(--lime)}
.rk-nokta{position:relative;width:44px;height:44px;min-height:44px;margin:0 -10px;border:0;background:none;cursor:pointer;padding:0;transition:width .2s}
.rk-nokta::before{content:'';position:absolute;left:14px;right:14px;top:17px;height:10px;box-sizing:border-box;border:2px solid var(--ink);border-radius:999px;background:rgba(255,255,255,.4)}
.rk-nokta.aktif{width:60px}
.rk-nokta.aktif::before{background:var(--hot)}
@media (prefers-reduced-motion:reduce){.rk-pist{transition:none}}
.rk-kart li b span{display:inline !important;font-size:inherit !important;opacity:1 !important;margin:0 !important}
.prod-grid.list-view .ur-reklam{grid-column:1/-1}
.rk-kart{position:relative;flex:0 0 100%;min-width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px 34px;align-items:center;
  color:var(--ink);border-radius:20px;padding:30px 34px;margin:0;box-shadow:0 0 0 3px var(--ink),9px 9px 0 var(--ink)}
.rk-kart .rk-rozet{display:inline-block;font-family:'Bowlby One','Archivo Black',sans-serif;font-size:11px;letter-spacing:1.5px;
  background:var(--lime);border:2px solid var(--ink);border-radius:999px;padding:5px 12px;box-shadow:3px 3px 0 var(--ink)}
.rk-kart h3{font-family:'Bowlby One','Archivo Black',sans-serif;font-size:clamp(24px,2.6vw,36px);line-height:1.15;margin:14px 0 10px}
.rk-kart p{font-size:14.5px;line-height:1.55;font-weight:600;opacity:.85;max-width:520px}
.rk-kart .rk-btn{display:inline-block;margin-top:16px;background:var(--lime);color:var(--ink);border:3px solid var(--ink);border-radius:999px;
  font-weight:800;font-size:14px;padding:10px 20px;box-shadow:4px 4px 0 var(--hot);text-decoration:none;transition:transform .15s}
.rk-kart .rk-btn:hover{transform:translate(-2px,-2px)}
.rk-kart ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.rk-kart li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:10px 14px;box-shadow:3px 3px 0 var(--ink)}
.rk-kart li i{font-style:normal;font-size:20px;line-height:1}
.rk-kart li b{display:block;font-size:14px}
.rk-kart li span{display:block;font-size:12.5px;opacity:.75;margin-top:2px}
.rk-etiket{position:absolute;top:-12px;right:18px;font-size:10px;font-weight:800;letter-spacing:1px;background:var(--ink);color:var(--paper);border-radius:6px;padding:3px 8px}
/* 1 · uçak postası zarfı */
.rk-kart.rk-posta{border:12px solid transparent;
  background:linear-gradient(rgba(77,203,255,.14) 1px,transparent 1px) 0 0/40px 40px padding-box,
    linear-gradient(90deg,rgba(77,203,255,.14) 1px,transparent 1px) 0 0/40px 40px padding-box,
    linear-gradient(#FFFDF5,#FFFDF5) padding-box,
    repeating-linear-gradient(-45deg,#FF3D5A 0 16px,#fff 16px 26px,#2F5BFF 26px 42px,#fff 42px 52px) border-box}
.rk-posta h3 span{color:#2F5BFF}
.rk-avion{position:absolute;top:10px;left:34px;font-family:'Bowlby One','Archivo Black',sans-serif;font-size:10px;letter-spacing:2px;color:#2F5BFF}
.rk-posta .rk-rozet{margin-top:10px}
/* 2 · okul defteri */
.rk-kart.rk-defter{padding-left:84px;
  background:radial-gradient(circle at 26px 22px,#1A1A1A 0 7px,transparent 8px) 0 0/52px 44px repeat-y,
    linear-gradient(90deg,transparent 0 60px,rgba(255,61,90,.55) 60px 62px,transparent 62px),
    repeating-linear-gradient(180deg,transparent 0 31px,rgba(77,120,255,.24) 31px 32px),#FFFDF5}
.rk-defter h3 mark{background:#FFE14D;color:inherit;padding:0 6px}
.rk-defter li:nth-child(1){background:#FFF3A8}
.rk-defter li:nth-child(2){background:#FFD1EA}
.rk-defter li:nth-child(3){background:#CDEFFF}
@media(max-width:760px){
  .rk-kart{grid-template-columns:1fr;padding:24px 18px}
  .rk-kart.rk-defter{padding-left:58px;background-size:40px 44px,auto,auto,auto}
  .rk-kart.rk-defter{background:radial-gradient(circle at 20px 22px,#1A1A1A 0 6px,transparent 7px) 0 0/40px 44px repeat-y,
    linear-gradient(90deg,transparent 0 44px,rgba(255,61,90,.55) 44px 46px,transparent 46px),
    repeating-linear-gradient(180deg,transparent 0 31px,rgba(77,120,255,.24) 31px 32px),#FFFDF5}
  .rk-avion{left:18px}
}

/* YARIM BOY (2026-10-17, kullanıcı: "boyutlarını yarısı kadar küçült") — tasarım aynı, ölçüler küçük */
.rk-kart{padding:14px 22px !important;gap:10px 26px !important;border-radius:16px}
.rk-kart .rk-rozet{font-size:10.5px;padding:3px 10px;box-shadow:2px 2px 0 var(--ink)}
.rk-kart h3{font-size:20px !important;margin:8px 0 6px !important}
.rk-kart h3 br{display:none}
@media(min-width:761px){.rk-kart p{-webkit-line-clamp:1 !important}.rk-kart li span{display:none !important}.rk-kart li{padding:5px 10px !important}}
/* 2026-10-17 FX2 (B8): büyük ekranda paragraf --be-olcek ile büyür (mobil.css ölçeği; 1800 altında 1) */
.rk-kart p{font-size:calc(12.5px * var(--be-olcek,1)) !important;line-height:1.45 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 2026-10-17 FX2 (B5): tıklanan kutu 44 px yüksek, GÖRÜNEN hap aynı (≈32 px, ::before) */
.rk-kart .rk-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;min-height:44px;margin-top:4px !important;font-size:calc(12.5px * var(--be-olcek,1)) !important;padding:0 16px !important;
  background:none;border:0;box-shadow:none}
.rk-kart .rk-btn::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:6px;bottom:6px;background:var(--lime);border:2.5px solid var(--ink);border-radius:999px;box-shadow:4px 4px 0 var(--hot)}
.rk-kart ul{gap:6px !important}
.rk-kart li{padding:6px 10px !important;gap:9px !important;border-radius:10px !important;box-shadow:2px 2px 0 var(--ink) !important}
.rk-kart li i{font-size:15px !important}
.rk-kart li b{font-size:12.5px !important}
.rk-kart li span{font-size:11px !important;margin-top:1px !important}
.rk-kart.rk-posta{border-width:8px !important}
.rk-kart .rk-avion{top:6px;left:24px;font-size:9.5px}
.rk-kart.rk-posta .rk-rozet{margin-top:8px}
.rk-kart.rk-defter{padding-left:64px !important;background-size:40px 30px,auto,auto,auto}
.rk-kart.rk-defter{background:radial-gradient(circle at 20px 15px,#1A1A1A 0 5px,transparent 6px) 0 0/40px 30px repeat-y,
  linear-gradient(90deg,transparent 0 44px,rgba(255,61,90,.55) 44px 46px,transparent 46px),
  repeating-linear-gradient(180deg,transparent 0 23px,rgba(77,120,255,.24) 23px 24px),#FFFDF5 !important}
.rk-kontrol{margin-top:10px}
.rk-ok{font-size:14px}
.rk-ok::before{inset:7px}  /* görünen ok 30x30 (yarım boy), dokunma alanı 44x44 */
@media(max-width:760px){
  .rk-kart p,.rk-kart ul li span{display:none !important}
  .rk-kart ul{display:none !important}
}

/* 3 · KAMPANYALAR & FIRSATLAR PANOSU (2026-10-20): gece lacivert çerçeveli mantar pano, üstüne iğnelenmiş kuponlar.
   İçerik ayarlar.js kampanyaPanosu'ndan (urun-reklam.js rkPanoEkle); posta ve defterin kardeşi, aynı yarım boy ölçüler. */
.rk-kart.rk-pano{border:8px solid #10142E;
  background:radial-gradient(rgba(92,52,18,.38) 1px,transparent 1.6px) 0 0/9px 9px,
    radial-gradient(rgba(255,240,205,.32) 1px,transparent 1.6px) 4px 5px/12px 12px,#D19E62;
  box-shadow:0 0 0 3px var(--ink),9px 9px 0 var(--ink),inset 0 0 0 2px #C8FF3D}
.rk-pano .rk-rozet{background:#FF3D5A;color:#FFF8E7}
.rk-pano h3 mark{background:#1A1A1A;color:#C8FF3D;padding:0 6px;border-radius:4px}
.rk-pano p{opacity:.9 !important}
.rk-kart.rk-pano ul.rk-kuponlar{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px !important;padding:8px 4px 4px}
.rk-kart.rk-pano li{display:block;padding:0 !important;background:none;border:0;border-radius:0 !important;box-shadow:none !important}
.rk-kupon{position:relative;display:flex;flex-direction:column;gap:2px;height:100%;box-sizing:border-box;padding:12px 10px 7px;color:var(--ink);text-decoration:none;
  background:#FFF8E7;border:2.5px solid var(--ink);border-radius:8px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-1.2deg);transition:transform .15s}
.rk-kupon::after{content:'';position:absolute;inset:3px;border:1.5px dashed rgba(26,26,26,.35);border-radius:5px;pointer-events:none}
.rk-kupon::before{content:'';position:absolute;top:-7px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;
  background:#FF3D5A;border:2px solid var(--ink);box-shadow:1px 2px 0 rgba(0,0,0,.35)}
.rk-kuponlar li:nth-child(2) .rk-kupon{background:#C8FF3D;transform:rotate(1.1deg)}
.rk-kuponlar li:nth-child(2) .rk-kupon::before{background:#2F5BFF}
.rk-kuponlar li:nth-child(3) .rk-kupon{background:#FFD1EA;transform:rotate(.8deg)}
.rk-kuponlar li:nth-child(3) .rk-kupon::before{background:#C8FF3D}
.rk-kuponlar li:nth-child(4) .rk-kupon{background:#CDEFFF;transform:rotate(-.9deg)}
.rk-kupon:hover{transform:rotate(0) translate(-2px,-2px)}
.rk-kupon:focus-visible{outline:3px solid #FF3D5A;outline-offset:3px}
.rk-kupon em{align-self:flex-start;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.06em;background:var(--ink);color:#C8FF3D;border-radius:999px;padding:2px 8px;white-space:nowrap}
.rk-kupon b{font-size:12.5px;line-height:1.25;font-weight:800}
.rk-kupon small{font-size:11px;line-height:1.3;font-weight:600;opacity:.75}
@media(min-width:761px){.rk-kupon small{display:none}}
@media(max-width:760px){
  .rk-kart.rk-pano ul.rk-kuponlar{display:grid !important;gap:10px !important}
  .rk-kupon{padding:10px 8px 6px}
  /* telefon: şerit yüksekliği diğer kartlarla aynı kalsın (≈210 px) → başlık ve ana düğme gizli, kuponlar yeter */
  .rk-kart.rk-pano{gap:8px !important}
  .rk-pano h3,.rk-pano .rk-btn{display:none !important}
  .rk-kupon small{display:none}
  .rk-kart.rk-pano .rk-kupon b{font-size:11.5px !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .rk-kupon em{font-size:8.5px;padding:2px 6px;white-space:normal}
}