/* ==========================================================================
   SHOPIER LANDING MODIFIER — 2026-11-03
   Bu dosya YALNIZ Shopier landing sayfasinda yuklenir (page.php, shopier slug'i)
   ve ortak tabanin (assets/shopify-integration.css) UZERINE biner. Tum kurallar
   .pv-shopier-landing / .pv-shopier-landing-shell ile kapsanmistir; Shopify
   (.pv-shopify-landing-shell) ve Trendyol (.pv-trendyol-landing-shell) sayfalari
   bu dosyadan HICBIR SEKILDE etkilenmez.

   VURGU RENGI: #6700FF — TAHMIN DEGIL. Depodaki resmi Shopier logosunun kendi
   `fill` degeri (merchant/assets/platform-logos/shopier.svg, bu sayfada
   /assets/img/shopier-logo.svg olarak birebir ayni bayt). Diger tonlar bu tek
   degerden deterministik olarak turetildi (beyazla karisim / koyultma), yeni bir
   marka rengi UYDURULMADI:
     #9C59FF = beyazla %35 karisim  (koyu kahraman zemininde metin, 5.05:1)
     #8D40FF = beyazla %25 karisim
     #B380FF = beyazla %50 karisim
     #EDE0FF = beyazla %88 karisim  (ikon kutusu alt tonu)
     #F3EBFF = beyazla %92 karisim  (rozet/etiket zemini)
     #5000C7 = x0.78 koyultma       (buton gradyani)
     #4A00B8 = x0.72 koyultma       (ikon/etiket metni, #F3EBFF uzerinde 9.15:1)
     #40009E = x0.62 koyultma       (rozet metni, #F3EBFF uzerinde 10.60:1)
   Beyaz metin #6700FF uzerinde 6.95:1 — birincil butonda kullaniliyor.
   ========================================================================== */
.pv-blog-post.pv-shopier-landing-shell{max-width:none;margin:0;padding:0;overflow:hidden;background:#fff;border-radius:0}
.pv-shopier-landing{--sl-green:#6700FF;--sl-green-2:#9C59FF}
.pv-shopier-landing .pv-sl-hero{background:radial-gradient(circle at 72% 38%,rgba(103,0,255,.26),transparent 29%),linear-gradient(135deg,#070711,#0f0d1a 68%,#150a26)}
.pv-shopier-landing .pv-sl-kicker{display:flex;align-items:center;gap:10px;color:#9C59FF}
.pv-shopier-landing .pv-sl-kicker img,.pv-shopier-landing .pv-sl-screen-top img,.pv-shopier-landing .pv-sl-flow-stack img,.pv-shopier-landing .pv-sl-timeline img,.pv-shopier-landing .pv-sl-final-cta img{display:block;object-fit:contain;background:#fff;border-radius:7px;padding:5px}
.pv-shopier-landing .pv-sl-orders span strong{background:#F3EBFF;color:#40009E}
.pv-shopier-landing .pv-sl-flow-stack>div:first-child{border-color:rgba(103,0,255,.34)}
.pv-shopier-landing .pv-sl-btn-primary{background:linear-gradient(135deg,#6700FF,#5000C7);box-shadow:0 12px 30px rgba(103,0,255,.26)}
.pv-shopier-landing .pv-sl-icon,.pv-shopier-landing .pv-sl-timeline>div i{background:linear-gradient(145deg,#F3EBFF,#EDE0FF);color:#4A00B8}
.pv-shopier-landing .pv-sl-num{background:linear-gradient(135deg,#6700FF,#4A00B8);box-shadow:0 8px 18px rgba(103,0,255,.26)}
.pv-shopier-landing .pv-sl-product small{background:#F3EBFF;color:#40009E}
.pv-shopier-landing .pv-sl-th b:nth-child(2){background:linear-gradient(135deg,#6700FF,#5000C7)}
.pv-shopier-landing .pv-sl-timeline>span{color:#8D40FF}
.pv-shopier-landing .pv-sl-final-cta{background:radial-gradient(circle at 73% 54%,rgba(103,0,255,.32),transparent 34%),linear-gradient(135deg,#08070f,#0e0b18 64%,#140925 100%)}
.pv-shopier-landing .pv-sl-final-cta:after,.pv-shopier-landing .pv-sl-cta-grid{background-image:linear-gradient(rgba(103,0,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(103,0,255,.18) 1px,transparent 1px)}
.pv-shopier-landing .pv-sl-cta-dots{background-image:radial-gradient(circle,#8D40FF 2px,transparent 3px)}
.pv-shopier-landing .pv-sl-final-cta>div>span:before{display:none}

/* Desteklenen akislar rozetleri — Trendyol sayfasindaki .pv-trendyol-status ile AYNI
   gorsel dil, Shopier paletiyle. Olculen kontrast: production 5.14:1, manual
   10.60:1, unsupported 5.35:1, unknown 5.09:1 (hepsi >= 4.5:1). */
.pv-shopier-status{display:inline-flex;margin:5px 0 7px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.pv-shopier-status-production{background:#e9f8e5;color:#28761e}
.pv-shopier-status-manual{background:#F3EBFF;color:#40009E}
.pv-shopier-status-unsupported{background:#f1f2f3;color:#5e6468}
.pv-shopier-status-unknown{background:#fff8dd;color:#816700}

/* ==========================================================================
   BASLIK TIPOGRAFISI — Shopify/Trendyol turlarinda bulunan AYNI iki sorun bu
   sayfada bastan onlendi (sonradan duzeltme turu gerekmesin diye):

   1) SATIR ARALIGI — Anton dar/buyuk harfli bir baslik fontu; Turkce
      diakritikler (Ğ, İ, Ü, Ş) satir kutusunun disina tasip bir ustteki satirin
      harflerine giriyor. Ortak tabanda deger 1.01–1.11 (yazi boyutundan kucuk).
      Burada masaustu VE mobilde 1.2'ye alinir; secici 3 sinifli oldugu icin
      tabanin media-query override'larini da yener. YALNIZ line-height degisir:
      font ailesi, boyut (clamp), agirlik, renk ve harf araligi DEGISMEZ.
   2) IC ICE SPAN — baslikta Ingilizce terimler <span lang="en"> ile isaretli
      (sayfa lang="tr" + text-transform:uppercase, aksi halde "Shopier" ->
      "SHOPİER", "Printviy" -> "PRİNTVİY", "Print on Demand" -> "PRİNT ON
      DEMAND" uretirdi). Dis span display:block + white-space:nowrap oldugundan
      ic span de bloklasirsa satir ikiye bolunur; bu kural ic span'i satir
      icinde tutar.
   ========================================================================== */
.pv-shopier-landing-shell .pv-sl-hero .pv-sl-title,
.pv-shopier-landing-shell .pv-sl-final-cta .pv-sl-cta-title { line-height: 1.2; }

.pv-shopier-landing-shell .pv-sl-title span span,
.pv-shopier-landing-shell .pv-sl-cta-title span span {
  display: inline;
  margin: 0;
  padding: 0;
  white-space: inherit;
}