/* WEBNET BILISIM Premium Enterprise v10 - adaptive frontend system */
:root{
  --v10-brand:var(--wl-primary,#f97316);
  --v10-brand-strong:#3730a3;
  --v10-accent:var(--wl-secondary,#14b8a6);
  --v10-accent-strong:#0f766e;
  --v10-ink:#0f172a;
  --v10-text:#334155;
  --v10-muted:#64748b;
  --v10-soft:#f8fafc;
  --v10-soft-2:#f1f5f9;
  --v10-line:#e2e8f0;
  --v10-line-strong:#cbd5e1;
  --v10-card:#ffffff;
  --v10-success:#059669;
  --v10-warning:#d97706;
  --v10-danger:#dc2626;
  --v10-radius-sm:12px;
  --v10-radius:18px;
  --v10-radius-lg:24px;
  --v10-shadow-sm:0 8px 28px rgba(15,23,42,.055);
  --v10-shadow:0 18px 50px rgba(15,23,42,.09);
  --v10-shadow-lg:0 30px 80px rgba(15,23,42,.14);
  --v10-ease:cubic-bezier(.2,.8,.2,1)
}

html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--v10-text);background:#fff;overflow-x:hidden}
::selection{background:color-mix(in srgb,var(--v10-brand) 22%,white);color:var(--v10-ink)}
img,svg,video{max-width:100%}
a,button,.btn,.card,.form-control,.form-select{transition:color .2s var(--v10-ease),background-color .2s var(--v10-ease),border-color .2s var(--v10-ease),box-shadow .2s var(--v10-ease),transform .2s var(--v10-ease)}
a:focus-visible,button:focus-visible,.btn:focus-visible,.form-control:focus-visible,.form-select:focus-visible{outline:3px solid color-mix(in srgb,var(--v10-brand) 28%,transparent);outline-offset:2px}

/* -------- Public header / adaptive navigation -------- */
.public-site-body{background:#fff;color:var(--v10-text)}
.public-site-body .topbar{background:linear-gradient(90deg,#0b1220 0%,#111c33 62%,#0f2f36 130%)!important;border-bottom:1px solid rgba(255,255,255,.07);font-size:.79rem;letter-spacing:.002em}
.public-site-body .topbar .container{max-width:1560px}
.public-site-body .topbar a:hover{color:#fff!important}
.public-site-body .text-teal{color:#5eead4!important}

.site-navbar{--bs-navbar-padding-y:0;min-height:78px;background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(15,23,42,.07)!important;box-shadow:0 8px 30px rgba(15,23,42,.045)!important;backdrop-filter:saturate(165%) blur(18px);-webkit-backdrop-filter:saturate(165%) blur(18px);z-index:1035}
.site-navbar.is-scrolled{min-height:70px;background:rgba(255,255,255,.975)!important;box-shadow:0 12px 36px rgba(15,23,42,.08)!important}
.site-nav-container{width:min(1560px,calc(100% - 36px));margin:0 auto;min-height:inherit;display:flex;align-items:center;gap:clamp(18px,2vw,34px);position:relative}
.site-brand{display:flex;align-items:center;flex:0 0 auto;margin:0!important;padding:6px 0!important;min-width:0}
.site-brand img{display:block;max-height:50px!important;width:auto!important;max-width:clamp(145px,13vw,220px);object-fit:contain}
.site-brand-text{color:var(--v10-ink);font-size:1.12rem;font-weight:850;letter-spacing:-.03em;white-space:nowrap}
.site-nav-desktop{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;height:100%}
.site-nav-list{display:flex!important;align-items:center;justify-content:center;gap:clamp(2px,.35vw,7px);margin:0!important;padding:0!important;min-width:0;flex-wrap:nowrap!important;white-space:nowrap}
.site-nav-item{position:relative;flex:0 0 auto}
.site-navbar .site-nav-list>.nav-item>.nav-link{display:flex;align-items:center;gap:6px;padding:10px clamp(9px,.78vw,14px)!important;border-radius:12px;color:#334155!important;font-size:clamp(.79rem,.69vw,.9rem);font-weight:720;line-height:1;letter-spacing:-.012em;white-space:nowrap;position:relative}
.site-navbar .site-nav-list>.nav-item>.nav-link:after{margin-left:3px;border-width:.28em .28em 0;opacity:.5}
.site-navbar .site-nav-list>.nav-item>.nav-link:hover,.site-navbar .site-nav-list>.nav-item>.nav-link.active,.site-navbar .site-nav-list>.nav-item.active>.nav-link{color:var(--v10-brand)!important;background:color-mix(in srgb,var(--v10-brand) 8%,white)!important}
.site-navbar .site-nav-list>.nav-item>.nav-link.active:before,.site-navbar .site-nav-list>.nav-item.active>.nav-link:before{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--v10-brand),var(--v10-accent))}
.site-dropdown-menu{min-width:250px!important;padding:9px!important;border:1px solid var(--v10-line)!important;border-radius:16px!important;background:rgba(255,255,255,.985)!important;box-shadow:var(--v10-shadow)!important;backdrop-filter:blur(16px);margin-top:10px!important}
.site-dropdown-menu .dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:9px 11px!important;border-radius:10px!important;color:#475569!important;font-size:.85rem;font-weight:650;white-space:normal}
.site-dropdown-menu .dropdown-item i{font-size:.68rem;color:#94a3b8;transition:transform .2s var(--v10-ease),color .2s var(--v10-ease)}
.site-dropdown-menu .dropdown-item:hover,.site-dropdown-menu .dropdown-item.active{background:var(--v10-soft-2)!important;color:var(--v10-brand)!important}
.site-dropdown-menu .dropdown-item:hover i{color:var(--v10-brand);transform:translateX(2px)}
.site-dropdown-menu .dropdown-divider{margin:7px 4px;border-color:var(--v10-line)}
.site-dropdown-all{color:var(--v10-brand)!important;font-weight:780!important}

.site-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;white-space:nowrap}
.site-action-link,.site-action-primary,.site-cart-btn,.site-account-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.site-action-link{gap:8px;padding:0 12px;border-radius:11px;color:#475569;font-size:.82rem;font-weight:720}
.site-action-link:hover{background:var(--v10-soft-2);color:var(--v10-brand)}
.site-action-primary{gap:9px;padding:0 15px;border-radius:12px;background:linear-gradient(135deg,var(--v10-brand),color-mix(in srgb,var(--v10-brand) 68%,var(--v10-accent)));color:#fff!important;font-size:.82rem;font-weight:760;box-shadow:0 10px 24px color-mix(in srgb,var(--v10-brand) 20%,transparent)}
.site-action-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px color-mix(in srgb,var(--v10-brand) 26%,transparent)}
.site-action-primary i{font-size:.75rem}
.site-cart-btn{position:relative;width:42px;height:42px;border:1px solid var(--v10-line);border-radius:12px;background:#fff;color:#334155;font-size:.98rem;box-shadow:0 4px 14px rgba(15,23,42,.035)}
.site-cart-btn:hover{border-color:color-mix(in srgb,var(--v10-brand) 35%,var(--v10-line));background:var(--v10-soft);color:var(--v10-brand);transform:translateY(-1px)}
.site-cart-badge{position:absolute;right:-6px;top:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:99px;background:var(--v10-danger);color:#fff;font-size:.62rem;font-weight:800;line-height:1}
.site-account-btn{gap:9px;max-width:190px;padding:5px 10px 5px 6px;border:1px solid var(--v10-line);border-radius:13px;background:#fff;color:var(--v10-text)}
.site-account-btn:after{margin-left:2px}
.site-account-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--v10-brand) 12%,white),color-mix(in srgb,var(--v10-accent) 14%,white));color:var(--v10-brand)}
.site-account-copy{display:flex;flex-direction:column;min-width:0;line-height:1.05}
.site-account-copy small{font-size:.62rem;color:#94a3b8;font-weight:700}.site-account-copy strong{max-width:100px;overflow:hidden;text-overflow:ellipsis;font-size:.77rem;color:var(--v10-ink)}
.site-account-dropdown{min-width:230px!important}

.site-nav-compact{display:none;align-items:center;gap:9px;margin-left:auto}
.site-menu-toggle{width:44px;height:44px;padding:0;border:1px solid var(--v10-line);border-radius:13px;background:#fff;display:grid;place-content:center;gap:4px;box-shadow:0 5px 16px rgba(15,23,42,.04)}
.site-menu-toggle span{display:block;width:19px;height:2px;border-radius:99px;background:#1e293b;transition:transform .2s var(--v10-ease),width .2s var(--v10-ease)}
.site-menu-toggle:hover{border-color:#c7d2fe;background:#f8fafc}.site-menu-toggle:hover span:nth-child(2){width:14px}

.site-nav-drawer{--bs-offcanvas-width:min(420px,92vw);border:0!important;background:#fff;box-shadow:-24px 0 70px rgba(15,23,42,.18)!important}
.site-drawer-header{min-height:78px;padding:14px 20px;border-bottom:1px solid var(--v10-line)}
.site-drawer-brand{display:flex;align-items:center;max-width:200px;text-decoration:none;color:var(--v10-ink)}
.site-drawer-brand img{max-height:46px;width:auto;object-fit:contain}.site-drawer-brand strong{font-size:1rem}
.site-drawer-close{width:40px;height:40px;border:1px solid var(--v10-line);border-radius:12px;background:var(--v10-soft);display:grid;place-items:center;color:#475569}
.site-drawer-close:hover{background:#eef2ff;color:var(--v10-brand);transform:rotate(3deg)}
.site-drawer-body{padding:20px;display:flex;flex-direction:column}
.site-drawer-eyebrow{display:flex;align-items:center;gap:8px;margin:2px 4px 12px;color:#94a3b8;font-size:.69rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.site-drawer-eyebrow span{width:22px;height:2px;background:linear-gradient(90deg,var(--v10-brand),var(--v10-accent));border-radius:99px}
.site-mobile-nav-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.site-mobile-nav-list>.nav-item>.nav-link{min-height:50px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 9px!important;border-radius:13px;color:#334155!important;text-decoration:none;font-size:.92rem;font-weight:720}
.site-mobile-nav-list>.nav-item>.nav-link:hover,.site-mobile-nav-list>.nav-item>.nav-link.active,.site-mobile-nav-list>.nav-item.active>.nav-link{background:linear-gradient(90deg,color-mix(in srgb,var(--v10-brand) 9%,white),color-mix(in srgb,var(--v10-accent) 5%,white));color:var(--v10-brand)!important}
.site-nav-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #e8edf5;border-radius:11px;background:#f8fafc;color:#64748b}.site-mobile-nav-list .active .site-nav-icon,.site-mobile-nav-list .nav-link:hover .site-nav-icon{border-color:#dbe2ff;background:#eef2ff;color:var(--v10-brand)}
.site-mobile-nav-list .dropdown-toggle:after{justify-self:end;margin:0 .35rem 0 0}
.site-mobile-nav-list .site-dropdown-menu{position:static!important;float:none!important;transform:none!important;width:100%;min-width:0!important;margin:5px 0 8px!important;padding:7px 7px 7px 54px!important;border:0!important;border-radius:12px!important;background:#f8fafc!important;box-shadow:none!important}
.site-mobile-nav-list .site-dropdown-menu .dropdown-item{min-height:39px;padding:7px 9px!important;background:transparent!important;font-size:.8rem}
.site-drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid var(--v10-line)}
.site-drawer-primary,.site-drawer-secondary{min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;text-decoration:none;font-size:.82rem;font-weight:760}
.site-drawer-primary{background:linear-gradient(135deg,var(--v10-brand),color-mix(in srgb,var(--v10-brand) 68%,var(--v10-accent)));color:#fff!important}.site-drawer-secondary{border:1px solid var(--v10-line);background:#fff;color:#475569}
.site-drawer-contact{display:grid;gap:8px;margin-top:22px;padding:16px;border-radius:15px;background:#f8fafc;border:1px solid #edf2f7}.site-drawer-contact small{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.site-drawer-contact a{display:flex;align-items:center;gap:9px;color:#475569;text-decoration:none;font-size:.8rem;overflow-wrap:anywhere}.site-drawer-contact a i{width:20px;color:var(--v10-brand)}

/* Adaptive fail-safe: JS applies when a dynamic menu still cannot fit. */
.site-navbar.nav-force-drawer .site-nav-desktop,.site-navbar.nav-force-drawer .site-nav-actions{display:none!important}
.site-navbar.nav-force-drawer .site-nav-compact{display:flex!important}

/* -------- Unified public page language -------- */
.public-site-body h1,.public-site-body h2,.public-site-body h3,.public-site-body h4,.public-site-body h5{color:var(--v10-ink);letter-spacing:-.025em}
.public-site-body .section-title{max-width:780px}.public-site-body .section-title h2{font-weight:840!important;letter-spacing:-.04em}.public-site-body .section-title p{color:var(--v10-muted);line-height:1.75}
.public-site-body .page-header-mini{background:radial-gradient(circle at 12% 20%,rgba(249,115,22,.26),transparent 28%),radial-gradient(circle at 85% 8%,rgba(20,184,166,.2),transparent 24%),linear-gradient(135deg,#0b1220,#172554 58%,#134e4a 145%)!important;border-bottom:1px solid rgba(255,255,255,.08)}
.public-site-body .page-header-mini h1,.public-site-body .page-header-mini h2{color:#fff!important}
.public-site-body section:not(.hero-slider):not(.page-header-mini):nth-of-type(even){background-color:#fbfcfe}
.public-site-body .card,.public-site-body .yazilim-card-pro,.public-site-body .blog-card,.public-site-body .blog-post-card,.public-site-body .blog-list-card{border:1px solid var(--v10-line)!important;border-radius:var(--v10-radius)!important;box-shadow:var(--v10-shadow-sm)!important;background:#fff}
.public-site-body .card:hover,.public-site-body .yazilim-card-pro:hover,.public-site-body .blog-card:hover{border-color:#c7d2fe!important;box-shadow:var(--v10-shadow)!important}
.public-site-body .btn{border-radius:12px;font-weight:730}.public-site-body .btn-primary{border-color:transparent!important;background:linear-gradient(135deg,var(--v10-brand),color-mix(in srgb,var(--v10-brand) 62%,var(--v10-accent)))!important;box-shadow:0 10px 26px color-mix(in srgb,var(--v10-brand) 18%,transparent)}
.public-site-body .btn-primary:hover{transform:translateY(-1px);filter:saturate(1.05)}
.public-site-body .btn-outline-primary{color:var(--v10-brand)!important;border-color:color-mix(in srgb,var(--v10-brand) 32%,var(--v10-line))!important;background:#fff}.public-site-body .btn-outline-primary:hover{color:#fff!important;background:var(--v10-brand)!important;border-color:var(--v10-brand)!important}
.public-site-body .form-control,.public-site-body .form-select{min-height:46px;border:1px solid var(--v10-line-strong);border-radius:12px;background:#fff}.public-site-body .form-control:focus,.public-site-body .form-select:focus{border-color:#a5b4fc!important;box-shadow:0 0 0 4px rgba(234,88,12,.09)!important}
.public-site-body .product-badge,.public-site-body .card-kategoriler .badge{background:#eef2ff!important;color:#ea580c!important;border-color:#dbe2ff!important}
.public-site-body .discount-badge{background:#ecfdf5!important;color:#047857!important}
.public-site-body .btn-icon-incele{background:#eef2ff!important;color:#ea580c!important}
.public-site-body .bg-light-teal,.public-site-body .yazilimlar-section,.public-site-body .services-section{background:linear-gradient(180deg,#fff,#f8fafc)!important}
.public-site-body .hizmet-kutu .ikon{background:linear-gradient(135deg,#eef2ff,#ecfeff)!important;color:var(--v10-brand)!important}
.public-site-body .hero-slider .swiper-pagination-bullet-active{background:linear-gradient(90deg,var(--v10-brand),var(--v10-accent))!important}
.public-site-body .hero-live-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.68rem;font-weight:850;letter-spacing:.06em}.public-site-body .hero-live-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.11)}
.public-site-body .site-footer{background:radial-gradient(circle at 10% 0,rgba(234,88,12,.19),transparent 27%),radial-gradient(circle at 88% 10%,rgba(20,184,166,.14),transparent 24%),linear-gradient(145deg,#08111f,#111c2f)!important}
.public-site-body .site-footer .footer-ebulten-box{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.09)!important;backdrop-filter:blur(10px)}
.public-site-body .site-footer .sosyal-medya a{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}
.public-site-body .site-footer .sosyal-medya a:hover{background:var(--v10-brand);border-color:var(--v10-brand);transform:translateY(-2px)}
.public-site-body .auth-premium-section{background:radial-gradient(circle at 10% 5%,rgba(234,88,12,.14),transparent 28%),radial-gradient(circle at 90% 15%,rgba(20,184,166,.1),transparent 26%),linear-gradient(180deg,#f8fafc,#eef2f7)!important}
.public-site-body .auth-box-kurumsal{border:1px solid var(--v10-line)!important;box-shadow:var(--v10-shadow)!important;border-radius:var(--v10-radius-lg)!important}
.public-site-body .auth-footer-links{color:#64748b!important}.public-site-body .auth-footer-links a{color:var(--v10-brand)!important;border-color:color-mix(in srgb,var(--v10-brand) 45%,transparent)!important}

/* -------- Admin / portal coherence -------- */
.admin-page,.portal-premium-body{--v9-primary:var(--v10-brand);--v9-primary-2:#fb923c;--v9-accent:var(--v10-accent);--v9-ink:var(--v10-ink);--v9-line:var(--v10-line);background:#f7f9fc!important;color:var(--v10-text)}
.admin-page .admin-main-header,.portal-premium-body .portal-topbar-premium{background:rgba(255,255,255,.94)!important;border-color:var(--v10-line)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.admin-page .card,.portal-premium-body .card,.portal-premium-body .portal-card,.portal-premium-body .portal-license-card{border:1px solid var(--v10-line)!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important}
.admin-page .btn-primary,.portal-premium-body .btn-primary{background:linear-gradient(135deg,var(--v10-brand),#fb923c)!important;border-color:transparent!important}
.admin-page .form-control:focus,.admin-page .form-select:focus,.portal-premium-body .form-control:focus,.portal-premium-body .form-select:focus{border-color:#a5b4fc!important;box-shadow:0 0 0 4px rgba(234,88,12,.085)!important}
.portal-premium-body .portal-menu a i{color:#a5b4fc!important}.portal-premium-body .portal-menu a.active i{color:#fff!important}.portal-premium-body .portal-eyebrow{color:var(--v10-brand)!important}.portal-premium-body .portal-welcome-card{background:linear-gradient(135deg,#fff,#fff3e8)!important;border-color:#e0e7ff!important}.portal-premium-body .portal-kpi-card:hover,.portal-premium-body .portal-service-card:hover{border-color:#c7d2fe!important}.portal-premium-body .portal-feed-row:hover,.portal-premium-body .portal-table tbody tr:hover{background:#f8fafc!important}.portal-premium-body .portal-license-box{border-color:#dbe2ff!important;background:#f8faff!important}.portal-premium-body .portal-license-box code{color:#ea580c!important}

/* -------- Device-specific polish -------- */
@media (min-width:1200px){
  .site-nav-desktop,.site-nav-actions{display:flex}
  .site-nav-compact{display:none}
  .site-nav-desktop .dropdown:hover>.dropdown-menu{display:block;animation:v10MenuIn .16s var(--v10-ease) both}
  .site-nav-desktop .dropdown>.dropdown-toggle:active{pointer-events:none}
}
@keyframes v10MenuIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:1399.98px) and (min-width:1200px){
  .site-nav-container{width:calc(100% - 28px);gap:14px}.site-brand img{max-width:160px;max-height:44px!important}.site-navbar .site-nav-list>.nav-item>.nav-link{padding-left:8px!important;padding-right:8px!important;font-size:.78rem}.site-action-link{padding:0 8px}.site-action-primary{padding:0 11px}.site-account-btn{max-width:150px}
}
@media (max-width:1199.98px){
  .public-site-body .topbar{display:none!important}.site-navbar{min-height:72px}.site-nav-container{width:calc(100% - 28px)}.site-nav-desktop,.site-nav-actions{display:none!important}.site-nav-compact{display:flex}.site-brand img{max-height:44px!important;max-width:min(190px,42vw)}
  .public-site-body .page-header-mini{padding:42px 0!important}
}
@media (max-width:767.98px){
  .site-navbar{min-height:66px}.site-nav-container{width:calc(100% - 22px);gap:10px}.site-brand img{max-height:39px!important;max-width:44vw}.site-cart-btn,.site-menu-toggle{width:40px;height:40px;border-radius:11px}.site-drawer-header{min-height:68px;padding:12px 15px}.site-drawer-body{padding:16px}.site-mobile-nav-list>.nav-item>.nav-link{min-height:47px;font-size:.88rem}.site-drawer-actions{grid-template-columns:1fr}.site-drawer-contact{padding:14px}
  .public-site-body .page-header-mini{padding:32px 0!important}.public-site-body .page-header-mini h1{font-size:clamp(1.65rem,8vw,2.15rem)!important}.public-site-body .container{--bs-gutter-x:1.15rem}.public-site-body .card,.public-site-body .yazilim-card-pro,.public-site-body .blog-card{border-radius:15px!important}.public-site-body .btn{min-height:44px}.public-site-body .form-control,.public-site-body .form-select{font-size:16px}
  .admin-page .table-responsive,.portal-premium-body .table-responsive{border-radius:13px;-webkit-overflow-scrolling:touch}.admin-page .btn,.portal-premium-body .btn{min-height:42px}
}
@media (max-width:420px){
  .site-nav-container{width:calc(100% - 18px)}.site-brand img{max-width:42vw}.site-nav-compact{gap:6px}.site-cart-btn,.site-menu-toggle{width:38px;height:38px}.site-nav-drawer{--bs-offcanvas-width:94vw}.site-mobile-nav-list .site-dropdown-menu{padding-left:46px!important}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* ========================================================================== 
   v10.1 - Horizontal navigation + premium product cards
   ========================================================================== */

/* Product / software card system */
.public-site-body .yazilim-card-pro{
  position:relative;
  overflow:hidden;
  border:1px solid #e5eaf2!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fff 0%,#fff 72%,#fbfcff 100%)!important;
  box-shadow:0 14px 38px rgba(15,23,42,.065)!important;
  transform:translateZ(0);
}
.public-site-body .yazilim-card-pro:hover{
  transform:translateY(-6px)!important;
  border-color:#c7d2fe!important;
  box-shadow:0 24px 60px rgba(15,23,42,.12)!important;
}
.public-site-body .yazilim-pro-image{
  aspect-ratio:16/10!important;
  overflow:hidden;
  background:linear-gradient(145deg,#f8fafc,#eef2ff);
  border-bottom:1px solid #edf1f7;
}
.public-site-body .yazilim-pro-image:after{
  content:"";position:absolute;inset:auto 0 0;height:36%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(15,23,42,.08));opacity:.5
}
.public-site-body .yazilim-pro-image .card-img-top{
  width:100%;height:100%;object-fit:cover;border:0!important;
  transition:transform .42s var(--v10-ease),filter .25s var(--v10-ease)
}
.public-site-body .yazilim-card-pro:hover .card-img-top{transform:scale(1.035)!important}
.public-site-body .yazilim-pro-image .product-badge{
  top:14px;left:14px;right:auto;padding:7px 10px!important;border:1px solid rgba(255,255,255,.62)!important;
  border-radius:999px!important;background:rgba(15,23,42,.82)!important;color:#fff!important;
  backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(15,23,42,.16)!important;font-size:.68rem!important;letter-spacing:.045em
}
.public-site-body .yazilim-card-pro .card-body{padding:18px 18px 17px!important;display:flex;flex-direction:column;gap:0;min-width:0}
.public-site-body .yazilim-card-pro .card-kategoriler{min-height:26px;margin:0 0 10px!important;display:flex;flex-wrap:wrap;gap:6px}
.public-site-body .yazilim-card-pro .card-kategoriler .badge{
  margin:0!important;padding:6px 9px!important;border-radius:999px!important;border:1px solid #e0e7ff!important;
  background:#fff3e8!important;color:#f97316!important;font-size:.66rem!important;font-weight:760!important;letter-spacing:.01em
}
.public-site-body .yazilim-card-pro .card-title{margin:0 0 8px!important;font-size:1.08rem!important;line-height:1.32!important;font-weight:830!important;letter-spacing:-.028em!important;min-height:2.85em}
.public-site-body .yazilim-card-pro .card-title a{color:#0f172a!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.public-site-body .yazilim-card-pro .card-title a:hover{color:var(--v10-brand)!important}
.public-site-body .yazilim-card-pro .card-text{
  margin:0!important;color:#64748b!important;font-size:.88rem!important;line-height:1.62!important;min-height:4.85em!important;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}
.public-site-body .kart-footer-aksiyon{margin-top:17px!important;padding-top:14px!important;border-top:1px solid #edf1f7!important}
.public-site-body .fiyat-eski{height:auto!important;min-height:20px;margin:0 0 5px!important;display:flex;align-items:center;gap:7px;color:#94a3b8!important;font-size:.78rem!important}
.public-site-body .fiyat-eski del{margin:0!important}
.public-site-body .discount-badge{padding:4px 7px!important;border-radius:999px!important;background:#ecfdf5!important;color:#047857!important;font-size:.67rem!important;font-weight:800!important}
.public-site-body .fiyat-ve-ikonlar-satiri{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:nowrap!important}
.public-site-body .fiyat-icerik{min-width:0;flex:1 1 auto}
.public-site-body .fiyat-yeni{font-size:1.28rem!important;font-weight:860!important;letter-spacing:-.035em;color:#0f172a!important;line-height:1.1!important;flex-wrap:wrap!important}
.public-site-body .kdv-badge-pro{margin-left:6px!important;padding:3px 6px;border-radius:999px;background:#f1f5f9;color:#64748b!important;font-size:.58rem!important;font-weight:780!important}
.public-site-body .kart-ikonlari{display:flex!important;align-items:center!important;gap:8px!important}
.public-site-body .kart-goruntulenme{margin:0!important;padding:6px 8px;border-radius:9px;background:#f8fafc;color:#64748b!important;font-size:.72rem!important;font-weight:700!important;border:1px solid #eef2f7}
.public-site-body .kart-goruntulenme i{margin-right:4px!important;color:#818cf8!important}
.public-site-body .btn-icon-incele{
  width:auto!important;height:38px!important;min-width:96px!important;padding:0 12px!important;gap:8px!important;
  border:1px solid #dbe2ff!important;border-radius:11px!important;background:linear-gradient(135deg,#eef2ff,#ecfeff)!important;
  color:#ea580c!important;font-size:.76rem!important;font-weight:820!important;opacity:1!important;transform:none!important;white-space:nowrap
}
.public-site-body .btn-icon-incele i{font-size:.7rem;transition:transform .2s var(--v10-ease)}
.public-site-body .btn-icon-incele:hover,.public-site-body .yazilim-card-pro:hover .btn-icon-incele{
  background:linear-gradient(135deg,var(--v10-brand),#fb923c)!important;border-color:transparent!important;color:#fff!important;
  transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(234,88,12,.2)!important
}
.public-site-body .btn-icon-incele:hover i,.public-site-body .yazilim-card-pro:hover .btn-icon-incele i{transform:translateX(2px)}
.public-site-body .yazilim-card-pro.opacity-75{opacity:1!important}
.public-site-body .yazilim-card-pro.opacity-75 .yazilim-pro-image img{filter:saturate(.45) grayscale(.18)}

@media (max-width:767.98px){
  .public-site-body .yazilim-card-pro{border-radius:18px!important}
  .public-site-body .yazilim-pro-image{aspect-ratio:16/9!important}
  .public-site-body .yazilim-card-pro .card-body{padding:16px!important}
  .public-site-body .yazilim-card-pro .card-title{min-height:auto;font-size:1.03rem!important}
  .public-site-body .yazilim-card-pro .card-text{min-height:auto!important;-webkit-line-clamp:2}
  .public-site-body .fiyat-ve-ikonlar-satiri{align-items:flex-end!important}
  .public-site-body .kart-goruntulenme{display:none!important}
  .public-site-body .btn-icon-incele{min-width:92px!important;height:38px!important}
}

@media (max-width:390px){
  .public-site-body .fiyat-yeni{font-size:1.16rem!important}
  .public-site-body .btn-icon-incele{min-width:86px!important;padding:0 10px!important}
}

/* ========================================================================== 
   v10.3 - Refined desktop horizontal menu + centered mobile logo
   ========================================================================== */

/* Desktop header: logo + menu + actions are always on ONE horizontal row. */
.site-navbar{
  min-height:80px!important;
  padding:0!important;
  display:flex!important;
  background:rgba(255,255,255,.965)!important;
  border-bottom:1px solid rgba(15,23,42,.075)!important;
  box-shadow:0 10px 34px rgba(15,23,42,.055)!important;
}
.site-navbar.is-scrolled{min-height:72px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 14px 38px rgba(15,23,42,.085)!important}
.site-nav-container{
  width:min(1600px,calc(100% - 40px))!important;
  min-height:inherit!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:clamp(18px,2vw,34px)!important;
}
.site-brand{min-width:0!important;max-width:220px!important}
.site-brand img{max-width:clamp(145px,12.5vw,210px)!important;max-height:48px!important}
.site-nav-desktop{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;overflow:visible!important}
.site-nav-desktop .site-nav-list{
  width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:clamp(2px,.35vw,7px)!important;flex-wrap:nowrap!important;white-space:nowrap!important;
}
.site-nav-desktop .site-nav-list>.nav-item{flex:0 0 auto!important}
.site-nav-desktop .site-nav-list>.nav-item>.nav-link{
  min-height:44px!important;padding:10px clamp(8px,.68vw,13px)!important;border-radius:12px!important;
  font-size:clamp(.78rem,.67vw,.88rem)!important;font-weight:740!important;white-space:nowrap!important;
}
.site-nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin:0!important}
.site-nav-compact{display:none!important}
.site-nav-strip,.site-nav-menu-row{display:none!important}

/* Prevent dynamic desktop menus from ever wrapping onto a second row. */
.site-navbar.nav-ultra-compact .site-nav-container{gap:12px!important}
.site-navbar.nav-ultra-compact .site-brand{max-width:150px!important}
.site-navbar.nav-ultra-compact .site-brand img{max-width:145px!important;max-height:42px!important}
.site-navbar.nav-ultra-compact .site-nav-desktop{overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;overscroll-behavior-x:contain}
.site-navbar.nav-ultra-compact .site-nav-desktop::-webkit-scrollbar{display:none}
.site-navbar.nav-ultra-compact .site-nav-desktop .site-nav-list{justify-content:flex-start!important;gap:0!important;min-width:max-content!important}
.site-navbar.nav-ultra-compact .site-nav-desktop .site-nav-list>.nav-item>.nav-link{padding-left:7px!important;padding-right:7px!important;font-size:.74rem!important}
.site-navbar.nav-ultra-compact .site-action-link span,
.site-navbar.nav-ultra-compact .site-action-primary span,
.site-navbar.nav-ultra-compact .site-account-copy{display:none!important}
.site-navbar.nav-ultra-compact .site-action-link,
.site-navbar.nav-ultra-compact .site-action-primary,
.site-navbar.nav-ultra-compact .site-account-btn{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;border-radius:12px!important}
.site-navbar.nav-ultra-compact .site-action-link{border:1px solid var(--v10-line);background:#fff}
.site-navbar.nav-ultra-compact .site-account-avatar{width:100%;height:100%;background:transparent}
.site-navbar.nav-ultra-compact .site-account-btn:after{display:none!important}

/* Laptop-sized desktop refinement while keeping the menu on one row. */
@media (min-width:1200px) and (max-width:1399.98px){
  .site-nav-container{width:calc(100% - 28px)!important;gap:12px!important}
  .site-brand{max-width:155px!important}
  .site-brand img{max-width:150px!important;max-height:43px!important}
  .site-nav-desktop .site-nav-list{gap:0!important}
  .site-nav-desktop .site-nav-list>.nav-item>.nav-link{padding-left:7px!important;padding-right:7px!important;font-size:.75rem!important}
  .site-nav-actions{gap:6px!important}
  .site-action-link,.site-action-primary{padding-left:9px!important;padding-right:9px!important}
  .site-action-link span,.site-action-primary span{font-size:.75rem}
}

/* Small desktop + landscape tablet laptops: keep a single-row horizontal menu. */
@media (min-width:992px) and (max-width:1199.98px){
  .public-site-body .topbar{display:none!important}
  .site-navbar{min-height:74px!important}
  .site-navbar.is-scrolled{min-height:68px!important}
  .site-nav-container{width:calc(100% - 28px)!important;gap:10px!important}
  .site-brand{max-width:150px!important}
  .site-brand img{max-width:145px!important;max-height:42px!important}
  .site-nav-desktop{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}
  .site-nav-desktop::-webkit-scrollbar{display:none!important}
  .site-nav-desktop .site-nav-list{justify-content:flex-start!important;gap:0!important;min-width:max-content!important}
  .site-nav-desktop .site-nav-list>.nav-item>.nav-link{padding-left:7px!important;padding-right:7px!important;font-size:.74rem!important}
  .site-nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important}
  .site-action-link span,.site-action-primary span,.site-account-copy{display:none!important}
  .site-action-link,.site-action-primary,.site-account-btn{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;border-radius:12px!important}
  .site-action-link{border:1px solid var(--v10-line)!important;background:#fff!important}
  .site-account-avatar{width:100%!important;height:100%!important;background:transparent!important}
  .site-account-btn:after{display:none!important}
  .site-nav-compact,.site-nav-strip,.site-nav-menu-row{display:none!important}
}

/* Tablet + phone: true hamburger/offcanvas navigation. */
@media (max-width:991.98px){
  .public-site-body .topbar{display:none!important}
  .site-navbar{min-height:70px!important}
  .site-navbar.is-scrolled{min-height:64px!important}
  .site-nav-container{
    width:calc(100% - 28px)!important;
    grid-template-columns:1fr auto 1fr!important;
    gap:14px!important;
  }
  .site-brand{grid-column:2!important;justify-self:center!important;max-width:min(210px,52vw)!important}
  .site-brand img{max-width:min(190px,48vw)!important;max-height:43px!important}
  .site-nav-desktop,.site-nav-actions,.site-nav-strip,.site-nav-menu-row{display:none!important}
  .site-nav-compact{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important}
  .site-cart-btn,.site-menu-toggle{width:43px!important;height:43px!important;min-width:43px!important;border-radius:13px!important}
  .site-menu-toggle{position:relative!important}
  .site-menu-toggle span{width:20px!important;height:2px!important;background:#172033!important}
  .site-menu-toggle span:nth-child(2){width:15px!important;justify-self:end}
  .site-menu-toggle:hover span:nth-child(2){width:20px!important}
  .site-nav-drawer{display:flex!important;--bs-offcanvas-width:min(420px,92vw)!important}
  .site-mobile-nav-list{display:grid!important;gap:6px!important}
  .site-mobile-nav-list>.nav-item>.nav-link{min-height:52px!important;border:1px solid transparent!important}
  .site-mobile-nav-list>.nav-item>.nav-link:hover,
  .site-mobile-nav-list>.nav-item>.nav-link.active,
  .site-mobile-nav-list>.nav-item.active>.nav-link{border-color:#e0e7ff!important}
}

@media (max-width:767.98px){
  .site-navbar{min-height:64px!important}
  .site-navbar.is-scrolled{min-height:60px!important}
  .site-nav-container{width:calc(100% - 20px)!important;gap:10px!important}
  .site-brand{grid-column:2!important;justify-self:center!important;max-width:52vw!important}
  .site-brand img{max-width:48vw!important;max-height:38px!important}
  .site-cart-btn,.site-menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;border-radius:11px!important}
  .site-nav-compact{gap:7px!important}
  .site-drawer-header{min-height:68px!important;padding:12px 15px!important}
  .site-drawer-body{padding:16px!important}
  .site-mobile-nav-list>.nav-item>.nav-link{min-height:48px!important;font-size:.88rem!important}
  .site-drawer-actions{grid-template-columns:1fr!important}
}

@media (max-width:390px){
  .site-nav-container{width:calc(100% - 16px)!important}
  .site-brand{grid-column:2!important;justify-self:center!important}
  .site-brand img{max-width:45vw!important}
  .site-cart-btn,.site-menu-toggle{width:38px!important;height:38px!important;min-width:38px!important}
  .site-nav-drawer{--bs-offcanvas-width:94vw!important}
}