/* LCSC arama sayfası: Stitch "stitch_lcsc_style_product_page (4)" hero, güvence şeridi, arama kartı ve sonuç başlığı.
   Tailwind yerine elle yazılmış, .st4-* / .lcx-search altında kapsamlı kurallar. */
.st4-hero,.st4-strip,.st4-card,.st4-card *,.st4-hero *{box-sizing:border-box}
.st4-hero,.st4-strip{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);font-family:Inter,system-ui,sans-serif}
.site-wrapper:has(.st4-hero){overflow-x:clip}
.st4-hero a,.st4-strip a,.st4-card a{text-decoration:none}
.st4-hero i,.st4-strip i,.st4-card i{position:static!important;display:inline-block!important;line-height:1;font-style:normal}
.st4-hero i.fa-solid::before,.st4-strip i.fa-solid::before,.st4-card i.fa-solid::before{font-family:"Font Awesome 6 Free"!important;font-weight:900!important}
.st4-hero{background:linear-gradient(135deg,#1a0f12 0%,#241419 50%,#0f172a 100%);color:#fff;padding:32px 0;border-bottom:1px solid rgba(200,16,46,.2)}
.st4-in{padding:0 24px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center}
.st4-main{grid-column:span 8;display:grid;gap:16px;justify-items:start}
.st4-how{grid-column:span 4}
.st4-tag{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:4px;background:rgba(200,16,46,.3);border:1px solid rgba(200,16,46,.5);color:#fca5a5;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.st4-tag i{color:#c8102e}
.st4-h1{margin:0;font-family:"Space Grotesk",sans-serif;font-size:48px;line-height:1;font-weight:800;letter-spacing:-.025em;color:#fff}
.st4-h1 span{color:#ef4444;text-decoration:underline;text-decoration-color:rgba(239,68,68,.5);text-underline-offset:8px}
.st4-lead{margin:0;max-width:672px;color:#cbd5e1;font-size:16px;line-height:1.625}
.st4-lead strong{color:#fff;font-weight:700}
.st4-lead .g{color:#34d399;font-weight:700}
.st4-cta{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}
.st4-cta a{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:4px;background:#1e293b;border:1px solid #334155;color:#e2e8f0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:background .15s}
.st4-cta a:hover{background:#334155;color:#e2e8f0}
.st4-cta a.p{background:#c8102e;border-color:#c8102e;color:#fff;box-shadow:0 10px 15px -3px rgba(200,16,46,.3)}
.st4-cta a.p:hover{background:#a50d26;color:#fff}
.st4-how{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.st4-how h3{margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;font-family:"Space Grotesk",sans-serif;font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}
.st4-how ol{list-style:none;margin:0;padding:0;display:grid;gap:14px;font-size:12px}
.st4-how li{display:flex;align-items:flex-start;gap:12px;margin:0;padding:0}
.st4-how .stp{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:9999px;background:#c8102e;color:#fff;font-size:11px;font-weight:700}
.st4-how strong{display:block;color:#fff;font-weight:500;font-size:12px}
.st4-how li span:not(.stp){display:block;color:#cbd5e1;font-size:11px}
.st4-strip{background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:12px 0;font-size:12px;color:#334155}
.st4-strip .st4-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}
.st4-strip .st4-in>div{display:flex;align-items:center;gap:6px;color:#475569}
.st4-strip .st4-in>div i{color:#059669}
.st4-strip .st4-in>.a{color:#047857;font-weight:600}
.st4-strip .st4-in>.z{color:#1e293b;font-weight:500}
@media(max-width:1023px){.st4-main,.st4-how{grid-column:1/-1}.st4-in{gap:24px}}
@media(max-width:639px){.st4-hero{padding:24px 0}.st4-in{padding:0 16px}.st4-h1{font-size:30px;line-height:1.15}.st4-lead{font-size:14px}.st4-strip .st4-in{justify-content:center}}

/* arama kartı */
main.st4-search{width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);padding:32px 24px 0;background:#f8fafc;box-sizing:border-box}
.st4-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.06);padding:20px;display:grid;gap:16px;font-family:Inter,system-ui,sans-serif}
.st4-card-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}
.st4-lbl{font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:700;color:#0f172a;display:block;margin:0}
.st4-lbl span{font-family:Inter,sans-serif;font-weight:400;font-size:12px;color:#64748b}
.st4-xls{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:4px;background:#ecfdf5;color:#047857;border:1px solid #6ee7b7;font-size:12px;font-weight:700;transition:background .15s}
.st4-xls:hover{background:#d1fae5;color:#047857}
.st4-card .st4-form{display:flex;gap:8px;margin:0;padding:0;background:none;border:0;box-shadow:none;position:static;align-items:stretch}
.st4-field{position:relative;flex:1;min-width:0}
.st4-field>i{position:absolute!important;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;font-size:14px}
.st4-card .st4-field input{display:block;width:100%;height:auto;padding:12px 16px 12px 40px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;font-family:"Space Grotesk",sans-serif;font-size:14px;color:#0f172a;box-shadow:none;outline:none}
.st4-card .st4-field input::placeholder{color:#94a3b8}
.st4-card .st4-field input:focus{border-color:#c8102e;box-shadow:0 0 0 2px rgba(200,16,46,.2)}
.st4-card .st4-go{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:8px;border:0;background:#c8102e;color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:700;box-shadow:0 1px 2px rgba(15,23,42,.1);cursor:pointer;min-height:0;transition:background .15s}
.st4-card .st4-go:hover{background:#a50d26}
.st4-go i{font-size:12px}
.st4-card .st4-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;margin:0}
.st4-chips-l{font-size:12px;color:#94a3b8;font-weight:500}
.st4-card .hint-chip{padding:4px 10px;border-radius:4px;background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;font-family:"Space Grotesk",monospace;font-size:12px;cursor:pointer;transition:background .15s}
.st4-card .hint-chip:hover{background:#e2e8f0}
.st4-card .status:empty{display:none}
@media(max-width:639px){main.st4-search{padding:20px 12px 0}.st4-card{padding:14px}.st4-card .st4-go span{display:none}.st4-card .st4-go{padding:12px 16px}}

/* sonuç başlığı: ÖNE ÇIKANLAR [20 Ürün] · Sırala · Stokta olanları göster */
.lcsc-results-full{background:#f8fafc;margin-top:0;padding-top:16px}
.lcx-search .results-toolbar{margin:0 0 16px!important;padding:12px 16px!important;background:#fff;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 2px rgba(15,23,42,.06);font-size:12px;gap:12px 16px}
.lcx-search .results-toolbar .section-label{font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:0;gap:8px}
.lcx-search .results-toolbar .section-label .pill{background:rgba(200,16,46,.1);color:#c8102e;font-family:Inter,sans-serif;font-size:12px;font-weight:700;border-radius:9999px;padding:2px 8px}
.lcx-search .results-toolbar #countResults::after,.lcx-search #countPinned::after{content:" Ürün"}
.lcx-search .results-toolbar .pill-muted{background:#f1f5f9;color:#64748b}
.lcx-search .results-controls{gap:16px}
.lcx-search .results-controls .sort-btns{display:inline-flex;gap:0;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.06);align-items:stretch;background:#fff}
.lcx-search .results-controls .sort-btns::before{content:none}
.lcx-search .results-controls .sort-btn{border:0;border-left:1px solid #e2e8f0;border-radius:0;background:#fff;color:#334155;font-family:Inter,sans-serif;font-size:12px;font-weight:400;padding:4px 10px;min-height:0}
.lcx-search .results-controls .sort-btn:first-child{border-left:0}
.lcx-search .results-controls .sort-btn:hover{background:#f8fafc}
.lcx-search .results-controls .sort-btn.is-active{background:#c8102e;color:#fff;font-weight:500}
.lcx-search .results-controls::before{content:none}
.lcx-search .ctrl-stock{font-size:12px;font-weight:500;color:#334155;gap:8px}
.lcx-search .ctrl-stock input{accent-color:#c8102e;width:16px;height:16px}
.lcx-search .st4-sortl{font-size:12px;font-weight:500;color:#64748b}
.lcx-search .results-toolbar .section-label .pill{text-transform:none}
.lcx-search .lcx-tag,.lcx-search .lcx-acts a,.lcx-search .lcx-acts button,.lcx-search .lcx-add,.lcx-search .lcx-seg button,.lcx-search .lcx-ship{display:inline-flex;align-items:center;gap:6px}
.lcx-search .lcx-seg button{height:36px}
.lcx-search i{top:0!important}
.lcx-search .lcx-pn .mpn .cp{display:inline-flex;align-items:center}
.lcx-search i::before,.st4-card i::before,.st4-hero i::before,.st4-strip i::before{position:static!important;top:auto!important;left:auto!important;margin:0!important;vertical-align:baseline!important;line-height:1}
.lcx-search .lcx-table:not(.cards) .lcx-ship{display:none!important}
.lcx-search i.fa-solid,.lcx-search i.fa-regular{left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;transform:none!important;margin:0!important;float:none!important;width:auto!important;height:auto!important;padding:0!important;flex:none}
.lcx-search .lcx-add i{color:#fff}
/* güvence şeridi: tam sayfada uçlara dağılmasın, ortada bir arada dursun */
.st4-strip .st4-in{justify-content:center;gap:8px 36px}
.lcx-search .lcx-spec .k{flex:none;white-space:nowrap}

/* ---- site renkleri (em-pages.css .emw-hero ile aynı palet: grafit zemin, #9e0333→#c70442 kırmızı, pembe vurgu) ---- */
.st4-hero{background:radial-gradient(520px 280px at 85% 30%,rgba(199,4,66,.35),transparent 62%),radial-gradient(380px 260px at 8% 90%,rgba(38,198,218,.12),transparent 60%),linear-gradient(135deg,#262629,#141417 60%,#1f1f23);border-bottom:0;box-shadow:0 20px 60px rgba(158,3,51,.28)}
.st4-tag{padding:5px 12px;border-radius:99px;background:linear-gradient(90deg,#9e0333,#c70442);border:0;color:#fff;letter-spacing:.02em;text-transform:none;box-shadow:0 0 22px rgba(199,4,66,.45)}
.st4-tag i{width:6px;height:6px;border-radius:50%;background:#7CFFB2;box-shadow:0 0 8px #7CFFB2;color:transparent;font-size:0}
.st4-tag i::before{content:none!important}
.st4-h1 span{background:linear-gradient(90deg,#ff2d6f,#ff86ab);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none}
.st4-cta a.p{background:linear-gradient(90deg,#9e0333,#c70442);border-color:transparent;box-shadow:0 10px 24px rgba(158,3,51,.4)}
.st4-cta a.p:hover{background:linear-gradient(90deg,#850229,#a80336)}
.st4-how .stp{background:linear-gradient(135deg,#9e0333,#d0064a)}
.st4-how{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.st4-card .st4-go,.st4-card .st4-field input:focus{border-color:#c70442}
.st4-card .st4-go{background:linear-gradient(90deg,#9e0333,#c70442)}
.st4-card .st4-go:hover{background:linear-gradient(90deg,#850229,#a80336)}

/* ---- header ile hero arasında boşluk/sert çizgi yok: hero yukarı çekilir, üstten header rengine (#3a4750) yumuşak geçer ---- */
.st4-hero{margin-top:-20px;padding-top:52px;
  background:linear-gradient(180deg,#3a4750 0,rgba(58,71,80,.85) 14px,rgba(58,71,80,0) 130px),
    radial-gradient(520px 280px at 85% 30%,rgba(199,4,66,.35),transparent 62%),
    radial-gradient(380px 260px at 8% 90%,rgba(38,198,218,.12),transparent 60%),
    linear-gradient(135deg,#262629,#141417 60%,#1f1f23);
  box-shadow:0 30px 50px -30px rgba(158,3,51,.28)}
@media(max-width:639px){.st4-hero{padding-top:40px}}


/* geniş ekranda kenar boşluğu üst menüyle aynı hizada (50px) */
@media(min-width:1024px){
  .st4-in{padding-left:50px;padding-right:50px}
  main.st4-search{padding-left:50px;padding-right:50px}
  .lcsc-results-full{padding-left:50px;padding-right:50px}
  .lcsc-results-full .results-toolbar{margin-left:-50px!important;margin-right:-50px!important;padding-left:50px!important;padding-right:50px!important}
}

/* ---- üst menü (header) tam genişlik: top-bar / mid-bar / menü şeridi 1400px sınırından çıkar; kenar boşluğu içerikle aynı (50px) ---- */
body:has(.st4-hero) .header .top-bar,body:has(.st4-hero) .header .mid-bar,body:has(.st4-hero) .header .desktop-main-menu-wrapper{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:50px!important;padding-right:50px!important;box-sizing:border-box!important}
@media(max-width:1023px){body:has(.st4-hero) .header .top-bar,body:has(.st4-hero) .header .mid-bar,body:has(.st4-hero) .header .desktop-main-menu-wrapper{padding-left:16px!important;padding-right:16px!important}}


/* hero açıklama metni: kenara yığılmasın, sütun genişliğini kullansın */
.st4-lead{max-width:min(880px,100%);font-size:17px;line-height:1.65}
@media(max-width:639px){.st4-lead{font-size:14px}}

@media(min-width:1024px) and (max-width:1279px){
  body:has(.st4-hero) .header .top-bar,body:has(.st4-hero) .header .mid-bar,body:has(.st4-hero) .header .desktop-main-menu-wrapper{padding-left:24px!important;padding-right:24px!important}
  .st4-in,main.st4-search,.lcsc-results-full{padding-left:24px;padding-right:24px}
  .lcsc-results-full .results-toolbar{margin-left:-24px!important;margin-right:-24px!important;padding-left:24px!important;padding-right:24px!important}
}


/* sayfa altındaki bölümler (Neden bu hizmet?, Nasıl sipariş, Diğer hizmetler, SSS, uyarı): 1400px sınırı kalkar; üst bölümlerle aynı genişlik/kenar boşluğu */
.lcsc-order-wrap{max-width:none!important;width:100%;box-sizing:border-box}
@media(min-width:1280px){.lcsc-order-wrap{padding-left:50px;padding-right:50px}}
@media(min-width:1024px) and (max-width:1279px){.lcsc-order-wrap{padding-left:24px;padding-right:24px}}
@media(max-width:1023px){.lcsc-order-wrap{padding-left:16px;padding-right:16px}}
/* Journal .container (1400px) dışına taşı: alt bölümler de hero/sonuç alanıyla aynı tam genişlikte */
.lcsc-order-wrap{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important}