/* YBS Sayfa Tasarımcısı — Frontend */
.ybs-pd-root{display:block}
.ybs-pd-sec{position:relative}
.ybs-pd-sec.ybs-pd-fullwidth{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}

/* Heading section */
.ybs-pd-heading .ybs-pd-inner{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}
.ybs-pd-heading .ybs-pd-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem}
.ybs-pd-heading h2{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:800;line-height:1.18;margin:0 0 1rem;letter-spacing:-.02em}
.ybs-pd-heading p{font-size:1rem;line-height:1.65;max-width:760px;margin:0 auto}

/* Spacer/Separator zaten inline style alır */

/* HTML/Shortcode/Image — herhangi bir wrapper'a gerek yok */
.ybs-pd-html, .ybs-pd-shortcode, .ybs-pd-image{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}
.ybs-pd-sec.ybs-pd-fullwidth .ybs-pd-html,
.ybs-pd-sec.ybs-pd-fullwidth .ybs-pd-shortcode,
.ybs-pd-sec.ybs-pd-fullwidth .ybs-pd-image{max-width:none;padding-left:0;padding-right:0}

@media(max-width:768px){
  .ybs-pd-html, .ybs-pd-shortcode, .ybs-pd-image, .ybs-pd-heading .ybs-pd-inner{padding-left:18px;padding-right:18px}
}

/* ========================================================================
   KSES kurtarma: WordPress varsayılan olarak style="display:grid/flex" siliyor.
   Inline style'da grid/flex anahtarları görünürse otomatik display: değerini ata.
   ======================================================================== */
.ybs-pd-root [style*="grid-template-columns"],
.ybs-pd-root [style*="grid-template-rows"]{display:grid}
.ybs-pd-root [style*="flex-wrap"]:not([style*="display:none"]),
.ybs-pd-root [style*="flex-direction"]:not([style*="display:none"]){display:flex}
.ybs-pd-root [style*="flex-wrap:wrap"]:not([style*="display:"]),
.ybs-pd-root [style*="justify-content:space-between"]:not([style*="display:"]){display:flex}


/* === ERP Sayfa Yardımcı Sınıfları (eski ybs-erp mu-plugin'den taşındı) === */
/* ========================================================================
   YBS-ERP Sayfa — Modüler bölümler için ortak stylesheet
   Sadece ERP sayfasında veya [ybs_erp_] shortcode kullanan sayfalarda yüklenir
   ======================================================================== */

/* === BREADCRUMB + STATS === */
.ybs-erp-breadcrumb-wrap{max-width:1240px;margin:0 auto}
.ybs-erp-breadcrumb-nav{font-size:.85rem;margin-bottom:1.5rem;color:rgba(255,255,255,.7)}
.ybs-erp-breadcrumb-nav a{text-decoration:none;color:rgba(255,255,255,.85)}
.ybs-erp-breadcrumb-nav a:hover{color:#fff}
.ybs-erp-breadcrumb-nav .sep{margin:0 .5rem;color:rgba(255,255,255,.4)}
.ybs-erp-breadcrumb-nav .current{color:#19c2c6}
.ybs-erp-stats-row{display:flex;flex-wrap:wrap;gap:2.2rem 2.5rem;justify-content:space-between;align-items:center}
.ybs-erp-stats-list{display:flex;flex-wrap:wrap;gap:1.6rem 2.2rem}
.ybs-erp-stat{display:flex;flex-direction:column;border-left:3px solid #19c2c6;padding-left:1rem;min-width:110px}
.ybs-erp-stat.orange{border-left-color:#f57c2c}
.ybs-erp-stat-num{font-size:1.85rem;font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}
.ybs-erp-stat-lbl{font-size:.78rem;margin-top:.45rem;color:rgba(255,255,255,.7);letter-spacing:.02em}
.ybs-erp-cta-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}
.ybs-erp-cta-pri{display:inline-flex;align-items:center;gap:.4rem;background:#19c2c6;color:#fff!important;border-radius:9999px;padding:.85rem 2rem;font-weight:600;font-size:.92rem;text-decoration:none!important;transition:background .2s ease,transform .2s ease}
.ybs-erp-cta-pri:hover{background:#0fa8ad;transform:translateY(-2px)}
.ybs-erp-cta-sec{display:inline-flex;align-items:center;color:#fff!important;border:2px solid rgba(255,255,255,.45);border-radius:9999px;padding:.78rem 1.85rem;font-weight:600;font-size:.92rem;text-decoration:none!important;transition:all .2s ease}
.ybs-erp-cta-sec:hover{border-color:#fff;background:rgba(255,255,255,.08)}

@media(max-width:768px){
  .ybs-erp-stats-row{justify-content:center}
  .ybs-erp-stats-list{gap:1.2rem 1.5rem}
  .ybs-erp-stat-num{font-size:1.55rem}
  .ybs-erp-cta-row{width:100%;justify-content:center}
}
@media(max-width:480px){
  .ybs-erp-stats-list{gap:.9rem 1rem}
  .ybs-erp-stat{min-width:90px;padding-left:.7rem}
  .ybs-erp-stat-num{font-size:1.35rem}
  .ybs-erp-stat-lbl{font-size:.7rem}
  .ybs-erp-cta-pri,.ybs-erp-cta-sec{padding:.7rem 1.4rem;font-size:.85rem}
}


/* === ERP Sayfa Bölümlerinden Çıkarılan Inline CSS === */
@media (max-width:900px){.ybs-ai-grid{grid-template-columns:1fr}}
@keyframes sparkle{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
.ybs-ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem}
.ybs-ai-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(0,0,0,.25)}
.ybs-ai-c1{background:linear-gradient(135deg,#0b1b3a 0%,#1a2a5e 55%,#2e3a8e 100%)}
.ybs-ai-c3{background:linear-gradient(135deg,#7a1f0f 0%,#e06720 55%,#f57c2c 110%)}
.ybs-ai-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}
.ybs-ai-pill{display:inline-block;background:rgba(255,255,255,.18);color:#fff;padding:.38rem 1rem;border-radius:9999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;align-self:center}
.ybs-ai-card>.ybs-ai-card-body>p{color:rgba(255,255,255,.88);line-height:1.7;margin:0 0 1.4rem;font-size:.96rem}
.ybs-ai-feats li{display:flex;align-items:flex-start;gap:.6rem;color:rgba(255,255,255,.94);font-size:.88rem;line-height:1.45}
.ybs-ai-sparkle{position:absolute;top:1.5rem;right:1.5rem;font-size:1.2rem;animation:sparkle 2.8s ease-in-out infinite;z-index:1}
@media (max-width:1024px){
  .ybs-docs-wrap{grid-template-columns:1fr}
  .ybs-docs-nav{position:relative;top:0;max-height:none}
  .ybs-docs-nav-inner{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease}
  .ybs-docs-nav.open .ybs-docs-nav-inner{max-height:70vh;padding:1.2rem 0;overflow-y:auto}
  .ybs-nav-toggle{display:flex}
}
@media (max-width:640px){
  .md-hero{gap:1rem}
  .md-hero-icon{width:72px;height:58px}
  .md-hero-text h2{font-size:1.35rem}
  .ybs-docs-main{padding:1.25rem}
}
@keyframes mdFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes liPop{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.ybs-docs-section{background:#F8F9FA;padding:clamp(60px,7vw,100px) clamp(16px,4vw,48px)}
.ybs-docs-head{max-width:1340px;margin:0 auto 2.5rem;text-align:center}
.ybs-docs-head .ybs-section-eyebrow{color:#19c2c6}
.ybs-docs-wrap{max-width:1340px;margin:0 auto;display:grid;grid-template-columns:340px 1fr;gap:1.5rem;align-items:flex-start}
.ybs-docs-nav{background:#fff;border-radius:18px;border:1px solid #E9ECEF;overflow:hidden;position:sticky;top:110px;max-height:calc(100vh - 130px);display:flex;flex-direction:column}
.ybs-docs-nav-inner{overflow-y:auto;padding:1.2rem 0;flex:1}
.ybs-nav-title{font-size:1rem;font-weight:700;margin:0 1.3rem .25rem;color:#1A1A2E}
.ybs-nav-sub{font-size:.82rem;color:#6C757D;margin:0 1.3rem 1rem;line-height:1.5}
.ybs-cat{border-top:1px solid #F1F3F5}
.ybs-cat:first-of-type{border-top:0}
.ybs-cat>summary{list-style:none;cursor:pointer;padding:.85rem 1.3rem;display:flex;align-items:center;gap:.7rem;user-select:none;font-weight:600;font-size:.92rem;color:#1A1A2E;transition:background .2s}
.ybs-cat>summary::-webkit-details-marker{display:none}
.ybs-cat>summary:hover{background:#F8F9FA}
.ybs-cat .cat-ic{font-size:1.1rem}
.ybs-cat .cat-lbl{flex:1}
.ybs-cat .cat-cnt{background:#F1F3F5;color:#6C757D;font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:9999px}
.ybs-cat .cat-arr{color:#ADB5BD;font-size:1.1rem;transition:transform .3s}
.ybs-cat[open]>summary{background:rgba(25,194,198,.06);color:#19c2c6}
.ybs-cat[open]>summary .cat-cnt{background:rgba(25,194,198,.18);color:#19c2c6}
.ybs-cat[open]>summary .cat-arr{transform:rotate(90deg);color:#19c2c6}
.ybs-mod-list{list-style:none;padding:.35rem 0 .6rem;margin:0;background:#FAFBFC}
.ybs-mod-list li{margin:0}
.ybs-mod-btn{width:100%;background:transparent;border:0;padding:.6rem 1.3rem .6rem 1.55rem;display:flex;align-items:center;gap:.7rem;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.88rem;color:#495057;text-align:left;border-left:3px solid transparent;position:relative}
.ybs-mod-btn img{width:32px;height:26px;border-radius:6px;flex-shrink:0;background:#fff;border:1px solid #F1F3F5;object-fit:cover}
.ybs-mod-btn span{line-height:1.35}
.ybs-mod-btn:hover{background:#fff;color:#19c2c6;padding-left:1.7rem}
.ybs-mod-btn.active{background:#fff;color:#19c2c6;font-weight:600;border-left-color:#19c2c6}
.ybs-mod-btn.active img{border-color:rgba(25,194,198,.3)}
.ybs-docs-main{background:#fff;border-radius:18px;border:1px solid #E9ECEF;padding:clamp(1.5rem,3.5vw,2.75rem);min-height:640px;position:relative;overflow:hidden}
.ybs-mod-detail{animation:mdFade .45s cubic-bezier(.2,.8,.2,1)}
.md-hero{display:flex;gap:1.5rem;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #F1F3F5;margin-bottom:1.8rem;flex-wrap:wrap}
.md-hero-icon{width:100px;height:80px;border-radius:14px;object-fit:cover;box-shadow:0 12px 30px rgba(0,0,0,.1);flex-shrink:0}
.md-hero-text{flex:1;min-width:260px}
.md-badges{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.65rem}
.iso-tag{background:rgba(245,124,44,.12);color:#f57c2c;font-size:.72rem;font-weight:700;padding:.28rem .75rem;border-radius:9999px;letter-spacing:.04em}
.iso-tag.src{background:rgba(25,194,198,.12);color:#19c2c6}
.md-hero-text h2{font-size:clamp(1.55rem,3vw,2rem);font-weight:700;margin:0 0 .45rem;color:#1A1A2E;letter-spacing:-.02em;line-height:1.15}
.md-lead{font-size:1.02rem;color:#495057;line-height:1.6;margin:0}
.md-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.8rem}
.md-block{background:#F8F9FA;border-radius:14px;padding:1.35rem 1.5rem;border:1px solid #E9ECEF;transition:.25s}
.md-block:hover{border-color:rgba(25,194,198,.3);transform:translateY(-2px)}
.md-block-primary{background:linear-gradient(135deg,rgba(25,194,198,.08) 0%,rgba(25,194,198,.02) 100%);border-color:rgba(25,194,198,.2)}
.md-block h4{margin:0 0 .6rem;font-size:.82rem;font-weight:700;color:#1A1A2E;text-transform:uppercase;letter-spacing:.08em}
.md-block-primary h4{color:#19c2c6}
.md-block p{margin:0;color:#495057;font-size:.95rem;line-height:1.7}
.md-feat-title{font-size:.82rem;font-weight:700;color:#f57c2c;text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem}
.md-feat-grid{list-style:none;padding:0;margin:0 0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.55rem}
.md-feat-grid li{padding:.7rem .85rem .7rem 2.1rem;background:#fff;border:1px solid #F1F3F5;border-radius:10px;font-size:.9rem;color:#495057;line-height:1.45;position:relative;transition:all .2s;animation:liPop .4s both}
.md-feat-grid li::before{content:"";position:absolute;left:.8rem;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#19c2c6,#14a5a9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}
.md-feat-grid li::after{content:"✓";position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#fff;font-size:.72rem;font-weight:700;line-height:18px;width:18px;text-align:center}
.md-feat-grid li:hover{background:linear-gradient(135deg,#f8fefe 0%,#ffffff 100%);border-color:rgba(25,194,198,.35);transform:translateX(3px)}
.md-cta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;padding-top:1.2rem;border-top:1px solid #F1F3F5}
.md-cta-btn{background:linear-gradient(135deg,#19c2c6 0%,#14a5a9 100%);color:#fff;padding:.85rem 1.75rem;border-radius:9999px;font-weight:600;text-decoration:none;font-size:.92rem;box-shadow:0 8px 24px rgba(25,194,198,.35);transition:.25s;display:inline-flex;align-items:center;gap:.3rem}
.md-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(25,194,198,.45)}
.md-cta-ghost{color:#6C757D;text-decoration:none;font-size:.88rem;padding:.5rem .9rem;border-radius:9999px;transition:.2s}
.md-cta-ghost:hover{background:#F1F3F5;color:#19c2c6}
.ybs-nav-toggle{display:none;width:100%;background:#19c2c6;color:#fff;border:0;padding:.9rem 1rem;border-radius:12px;font-weight:600;margin-bottom:.75rem;cursor:pointer;font-family:inherit;font-size:.95rem;align-items:center;justify-content:space-between;gap:.5rem}
.ybs-nav-toggle span.arr{transition:transform .3s}
.ybs-nav-toggle[aria-expanded="true"] span.arr{transform:rotate(180deg)}
@media (max-width:640px){.ybs-vidc-nav{display:none}}
.ybs-vidc{position:relative;margin:0 -clamp(8px,2vw,24px)}
.ybs-vidc-track::-webkit-scrollbar{display:none}
.ybs-vidc-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.1);border-color:rgba(25,194,198,.35)}
.ybs-vidc-thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ybs-vidc-chip{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.28rem .75rem;border-radius:9999px;margin-bottom:.55rem}
.ybs-vidc-chip.cb{background:rgba(245,124,44,.15);color:#f57c2c}
.ybs-vidc-info p{font-size:.86rem;color:#6C757D;margin:0;line-height:1.55}
.ybs-vidc-nav:hover{background:#19c2c6;color:#fff;transform:translateY(-50%) scale(1.05)}
.ybs-vidc-nav.next{right:-8px}
.ybs-vidc-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}
.ybs-vidc-dot.active{background:#19c2c6;width:28px;border-radius:9999px}
.ybs-iso-carousel{position:relative;overflow:hidden;margin:0 -clamp(16px,4vw,48px);padding:.6rem 0;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent)}
.ybs-iso-carousel:hover .ybs-iso-track{animation-play-state:paused}
.ybs-iso-card{flex-shrink:0;width:230px;background:linear-gradient(135deg,#F8F9FA 0%,#fff 100%);border:1px solid #E9ECEF;border-radius:14px;padding:1.3rem 1.2rem;text-align:center;transition:all .25s}
.ybs-iso-code{font-size:1rem;font-weight:800;letter-spacing:.05em;margin-bottom:.4rem;line-height:1.1}
.ybs-iso-card.cA .ybs-iso-code{color:#19c2c6}
.ybs-iso-card.cC .ybs-iso-code{color:#1A1A2E}
.ybs-iso-stats{display:flex;justify-content:center;gap:2.5rem;margin-top:2rem;flex-wrap:wrap}
.ybs-iso-stat-n{font-size:2rem;font-weight:800;color:#19c2c6;letter-spacing:-.02em;line-height:1}
@media (max-width: 720px) {
			.ybs-free-banner { flex-direction: column; padding: 28px 22px; gap: 18px; text-align: center; }
			.ybs-free-banner-text p { font-size: 14px !important; }
		}
.ybs-free-banner { display: flex; align-items: center; gap: 26px; background: linear-gradient(135deg, #0a1d3a 0%, #10193b 45%, #0ea5a4 100%); border-radius: 22px; padding: 36px 38px; color: #fff; box-shadow: 0 20px 50px rgba(15,23,42,0.16); margin-bottom: 50px; position: relative; overflow: hidden; }
.ybs-free-banner-icon { width: 72px; height: 72px; border-radius: 20px; background: linear-gradient(135deg, #19d7e2, #0ea5a4); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 14px 30px rgba(14,165,164,0.35); z-index: 1; position: relative; }
.ybs-free-banner-badge { display: inline-block; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.22); color: #97f4f3; padding: 5px 14px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: 0.4px; margin-bottom: 12px; }
.ybs-free-banner-text h2 span { background: linear-gradient(135deg, #19d7e2, #97f4f3); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ybs-free-banner-text p strong { color: #97f4f3 !important; font-weight: 700; }
.ybs-free-banner-features span { background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.18); color: #fff; padding: 6px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 600; }
@media (max-width:640px){.ybs-blog-nav{display:none}}
.ybs-blog{position:relative;margin:0 -clamp(8px,2vw,24px)}
.ybs-blog-track::-webkit-scrollbar{display:none}
.ybs-blog-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(0,0,0,.12);border-color:rgba(25,194,198,.3)}
.ybs-blog-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ybs-blog-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.4));pointer-events:none}
.ybs-blog-read{position:absolute;bottom:.75rem;right:1rem;background:rgba(0,0,0,.55);color:#fff;font-size:.72rem;font-weight:600;padding:.32rem .8rem;border-radius:9999px;z-index:2;display:flex;align-items:center;gap:.35rem;backdrop-filter:blur(6px)}
.ybs-blog-body h3{font-size:1.12rem;font-weight:700;margin:0 0 .7rem;color:#1A1A2E;line-height:1.35;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}
.ybs-blog-cta{color:#19c2c6;font-weight:700;font-size:.88rem;display:inline-flex;align-items:center;gap:.4rem;letter-spacing:.01em;transition:gap .25s}
.ybs-blog-nav{position:absolute;top:42%;transform:translateY(-50%);width:48px;height:48px;background:#fff;border:1px solid #E9ECEF;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#19c2c6;font-weight:700;box-shadow:0 12px 32px rgba(0,0,0,.12);z-index:5;transition:.25s;font-family:inherit}
.ybs-blog-nav.prev{left:-8px}
.ybs-blog-nav:disabled{opacity:.35;cursor:not-allowed;transform:translateY(-50%)}


/* === Deep Clean: Section'lardan çıkarılan ek CSS === */
.ybs-ai-card{border-radius:22px;padding:clamp(1.8rem,3vw,2.4rem);color:#fff;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;min-height:460px}
.ybs-ai-card::before{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;z-index:0}
.ybs-ai-c2{background:linear-gradient(135deg,#0f3a3f 0%,#14a5a9 55%,#19c2c6 110%)}
.ybs-ai-card-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1}
.ybs-ai-ic{width:58px;height:58px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.65rem;backdrop-filter:blur(10px);flex-shrink:0}
.ybs-ai-card h3{color:#fff;font-size:clamp(1.3rem,2.2vw,1.55rem);margin:0 0 .9rem;font-weight:700;line-height:1.25;letter-spacing:-.02em}
.ybs-ai-feats{list-style:none;padding:1.1rem 0 0;margin:auto 0 0;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:.55rem}
.ybs-ai-feats li::before{content:"✓";flex-shrink:0;width:20px;height:20px;background:rgba(255,255,255,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;margin-top:.05rem}
.ybs-vidc-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:.5rem clamp(16px,4vw,32px) 1rem;scrollbar-width:none}
.ybs-vidc-card{flex:0 0 clamp(300px,32vw,420px);background:#fff;border:1px solid #E9ECEF;border-radius:16px;overflow:hidden;scroll-snap-align:start;transition:.25s}
.ybs-vidc-thumb{position:relative;padding-top:56.25%;background:#000}
.ybs-vidc-info{padding:1.2rem 1.35rem 1.4rem}
.ybs-vidc-chip.ca{background:rgba(25,194,198,.12);color:#19c2c6}
.ybs-vidc-info h3{font-size:.98rem;font-weight:600;margin:0 0 .35rem;line-height:1.35;color:#1A1A2E}
.ybs-vidc-nav{position:absolute;top:42%;transform:translateY(-50%);width:48px;height:48px;background:#fff;border:1px solid #E9ECEF;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#19c2c6;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:5;transition:.25s;font-family:inherit}
.ybs-vidc-nav.prev{left:-8px}
.ybs-vidc-nav:disabled{opacity:.35;cursor:not-allowed;transform:translateY(-50%)}
.ybs-vidc-dot{width:8px;height:8px;border-radius:50%;background:#E9ECEF;border:0;cursor:pointer;transition:.2s;padding:0}
.ybs-iso-track{display:flex;gap:1rem;animation:iso-scroll 55s linear infinite;width:max-content;padding:0 .5rem}
.ybs-iso-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08);border-color:rgba(25,194,198,.35)}
.ybs-iso-desc{font-size:.82rem;color:#495057;line-height:1.5;min-height:2.4em}
.ybs-iso-card.cB .ybs-iso-code{color:#f57c2c}
.ybs-iso-card .ybs-iso-ic{display:block;font-size:1.5rem;margin-bottom:.5rem}
.ybs-iso-stat{text-align:center;padding:.5rem 1.25rem}
.ybs-iso-stat-l{font-size:.82rem;color:#6C757D;margin-top:.35rem}
.ybs-free-banner::before { content: ""; position: absolute; top: -100px; right: -80px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(25,215,226,.20), transparent 70%); pointer-events: none; }
.ybs-free-banner-text { flex: 1; min-width: 0; position: relative; z-index: 1; }
.ybs-free-banner-text h2 { color: #fff !important; font-size: clamp(24px, 3.2vw, 32px) !important; font-weight: 800 !important; line-height: 1.2 !important; margin: 0 0 12px !important; letter-spacing: -0.02em !important; }
.ybs-free-banner-text p { color: rgba(255,255,255,0.86) !important; font-size: 15px !important; line-height: 1.7 !important; margin: 0 0 16px !important; max-width: 800px; }
.ybs-free-banner-features { display: flex; flex-wrap: wrap; gap: 8px; }
.ybs-blog-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:.5rem clamp(16px,3vw,28px) 1.2rem;scrollbar-width:none}
.ybs-blog-card{flex:0 0 clamp(290px,31vw,360px);background:#fff;border:1px solid #E9ECEF;border-radius:18px;overflow:hidden;scroll-snap-align:start;transition:.3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative}
.ybs-blog-img{position:relative;padding-top:56.25%;overflow:hidden;background:linear-gradient(135deg,#19c2c6,#14a5a9)}
.ybs-blog-card:hover .ybs-blog-img img{transform:scale(1.06)}
.ybs-blog-tag{position:absolute;top:1rem;left:1rem;background:rgba(255,255,255,.95);color:#19c2c6;font-size:.72rem;font-weight:700;padding:.35rem .85rem;border-radius:9999px;letter-spacing:.08em;text-transform:uppercase;z-index:2;backdrop-filter:blur(6px)}
.ybs-blog-body{padding:1.5rem 1.5rem 1.3rem;flex:1;display:flex;flex-direction:column}
.ybs-blog-body p{font-size:.89rem;color:#6C757D;line-height:1.6;margin:0 0 1.2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.ybs-blog-card:hover .ybs-blog-cta{gap:.7rem}
.ybs-blog-nav:hover{background:#19c2c6;color:#fff;transform:translateY(-50%) scale(1.05)}
.ybs-blog-nav.next{right:-8px}