.site-header .brand img{width:58px;height:58px}.site-header .brand b{font-size:22px;letter-spacing:.18em}.site-header .brand small{font-size:7px}.about-section{background:var(--surface)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.about-mark{position:relative}.about-mark img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:24px;mix-blend-mode:screen}.about-mark span{position:absolute;bottom:20px;left:25px;color:var(--green);font-size:10px;letter-spacing:.2em}.about-copy h2{font-size:clamp(38px,4vw,62px);margin-bottom:28px}.about-copy p{color:var(--muted);font-size:15px}.founder-line{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:grid}.founder-line small{color:var(--green);letter-spacing:.15em}.founder-line b{font-size:22px}.ad-slot{max-width:1200px;margin:18px auto;text-align:center;overflow:hidden}.ad-slot:empty{display:none}.article-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.article-tags span{padding:5px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:10px}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:60px}.product-detail-grid h1{font-size:55px}.product-detail-grid strong{display:block;font-size:30px;color:var(--green);margin:25px 0}.product-detail-grid ul{list-style:none;padding:0;display:grid;gap:10px;color:var(--muted);margin-bottom:30px}.catalog-card{cursor:pointer}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media(max-width:700px){.site-header .brand b{font-size:18px}.about-grid,.product-detail-grid{grid-template-columns:1fr}.about-mark img{max-height:360px}.product-detail-grid h1{font-size:42px}}
.matbaa-fields{grid-column:1/-1;padding:20px;border:1px solid #25f26744;border-radius:12px;margin:8px 0 18px;background:rgba(37,242,103,.04)}.matbaa-fields[hidden]{display:none}.matbaa-fields h3{font-size:15px;color:#25f267;margin:0 0 15px}.matbaa-admin-help{padding:16px;border:1px solid #25f26744;border-radius:10px;color:var(--muted);margin:20px 0}
.matbaa-fields>h3:not(:first-child){margin-top:15px;padding-top:15px;border-top:1px solid rgba(37,242,103,.16)}.matbaa-fields>small{grid-column:1/-1;color:#7d8b81;font-size:10px;line-height:1.5}

/* Content editor workspace */
.admin-page .admin-main>.admin-panel#editor{max-width:1320px}
#editor .panel-actions{align-items:flex-end;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
#editor .panel-actions h2{font-size:30px;letter-spacing:-.03em}
#editor .panel-actions p{margin:8px 0 0;max-width:620px;font-size:12px}
#editor .editor-form{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:24px}
#editor .editor-main,#editor .editor-side{position:relative;padding:28px;border-radius:20px;background:linear-gradient(145deg,#101812,#0b100d);border-color:rgba(255,255,255,.1);box-shadow:0 20px 55px rgba(0,0,0,.16)}
#editor .editor-main:before,#editor .editor-side:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:0 5px 5px 0;background:#25f267}
#editor .editor-side{position:sticky;top:24px}
#editor .editor-side:before{background:#8e6cff}
#editor .editor-main>label,#editor .editor-side>label{gap:9px;color:#aebbb2;font-size:10px;font-weight:800}
#editor .editor-main>label:nth-child(1),#editor .editor-main>label:nth-child(2){grid-column:span 1}
#editor .editor-main input,#editor .editor-main select,#editor .editor-main textarea,#editor .editor-side input,#editor .editor-side select{min-height:46px;border-radius:10px;background:#080d0a;border-color:rgba(255,255,255,.12);transition:border-color .2s,box-shadow .2s,background .2s}
#editor .editor-main textarea{min-height:118px;resize:vertical;line-height:1.65}
#editor .editor-main label:nth-of-type(4) textarea{min-height:260px}
#editor .editor-main input:hover,#editor .editor-main select:hover,#editor .editor-main textarea:hover,#editor .editor-side input:hover,#editor .editor-side select:hover{border-color:rgba(37,242,103,.4)}
#editor .editor-main input:focus,#editor .editor-main select:focus,#editor .editor-main textarea:focus,#editor .editor-side input:focus,#editor .editor-side select:focus{border-color:#25f267;box-shadow:0 0 0 3px rgba(37,242,103,.1);background:#0b130d}
#editor .editor-main label:nth-child(3),#editor .editor-main label:nth-child(4),#editor .editor-main label:nth-child(5),#editor .editor-main .seo-box,#editor .matbaa-fields{grid-column:1/-1}
#editor .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#editor .seo-box{padding:22px;border-radius:15px;background:linear-gradient(135deg,rgba(37,242,103,.08),rgba(37,242,103,.02));border-color:rgba(37,242,103,.22)}
#editor .seo-box h3{font-size:16px;color:#eaf8ed;margin-bottom:2px}
#editor .seo-box:before{content:"SEO";display:inline-flex;width:max-content;margin-bottom:4px;padding:4px 8px;border-radius:5px;background:#25f267;color:#041006;font-size:9px;font-weight:900;letter-spacing:.12em}
#editor .editor-side>h3{margin:8px 0 -2px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:14px;color:#dce8df}
#editor .editor-side small{color:#738178;font-size:10px;line-height:1.5;text-transform:none;letter-spacing:0}
#editor .image-preview{height:190px;border-radius:14px;background:repeating-linear-gradient(45deg,#101812,#101812 10px,#0d140f 10px,#0d140f 20px);border-color:rgba(255,255,255,.18)}
#editor .image-preview:empty:before{content:"Görsel önizlemesi";color:#68766d;font-size:11px}
#editor .editor-side .btn{width:100%;min-height:48px;margin-top:5px}
#editor .editor-side .secondary-btn{width:100%;min-height:42px;background:transparent;border-color:rgba(255,255,255,.14)}
#editor .editor-side .secondary-btn:hover{border-color:#25f267;color:#25f267}
#editor .switch-row{min-height:46px;padding:11px 13px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#080d0a}
#editor .switch-row input{accent-color:#25f267}
@media(max-width:1050px){#editor .editor-form{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:700px){#editor .panel-actions{align-items:flex-start;gap:15px;flex-direction:column}#editor .panel-actions h2{font-size:25px}#editor .editor-form{grid-template-columns:1fr;gap:15px}#editor .editor-side{position:static}#editor .field-row{grid-template-columns:1fr}#editor .editor-main,#editor .editor-side{padding:22px 20px}}

/* Package management workspace */
.admin-page .admin-main>.admin-panel#packages{max-width:1320px}
#packages .panel-actions{align-items:flex-end;margin-bottom:25px;padding:22px 24px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(110deg,#101a13,#0b100d)}
#packages .panel-actions:before{content:"PRICING";display:grid;place-items:center;width:52px;height:52px;margin-right:15px;border-radius:14px;background:rgba(37,242,103,.12);color:#25f267;font:800 10px Space Grotesk;letter-spacing:.1em}
#packages .panel-actions>div{margin-right:auto}
#packages .panel-actions h2{font-size:30px;letter-spacing:-.03em}
#packages .panel-actions p{margin:8px 0 0;color:#7e8a82;font-size:12px}
#packages .package-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#packages .package-admin-card{position:relative;gap:16px;padding:24px;border-radius:18px;background:linear-gradient(145deg,#101812,#0b100d);border-color:rgba(255,255,255,.1);box-shadow:0 18px 45px rgba(0,0,0,.13);transition:transform .25s,border-color .25s,box-shadow .25s}
#packages .package-admin-card:hover{transform:translateY(-4px);border-color:rgba(37,242,103,.35);box-shadow:0 24px 55px rgba(0,0,0,.23)}
#packages .package-admin-card:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:0 5px 5px 0;background:#25f267}
#packages .package-admin-card:nth-child(even):before{background:#8e6cff}
#packages .package-head{align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
#packages .package-head>span{font-size:10px;font-weight:900;letter-spacing:.18em}
#packages .package-head:after{content:"PAKET";margin-left:auto;color:#69756d;font-size:9px;letter-spacing:.14em}
#packages .package-admin-card>input[name="title"]{font:700 22px Space Grotesk;color:#fff;background:transparent;border-color:rgba(255,255,255,.13)}
#packages .package-admin-card>textarea[name="audience"]{min-height:76px;resize:vertical;line-height:1.55}
#packages .package-admin-card textarea[name="features"]{min-height:145px;resize:vertical;line-height:1.7}
#packages .package-admin-card input:focus,#packages .package-admin-card textarea:focus{border-color:#25f267;box-shadow:0 0 0 3px rgba(37,242,103,.1);background:#0a100c}
#packages .package-admin-card .field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#packages .package-admin-card .field-row label{gap:8px}
#packages .package-admin-card .field-row label:first-child input{color:#25f267;font-weight:800}
#packages .package-admin-card .btn{width:100%;min-height:45px;margin-top:2px}
#packages .package-admin-card .switch-row{min-height:38px;padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#080d0a}
#packages .package-admin-card .switch-row input{accent-color:#25f267}
@media(max-width:700px){#packages .panel-actions{align-items:flex-start;flex-wrap:wrap;padding:20px}#packages .panel-actions:before{width:44px;height:44px}#packages .panel-actions>div{width:calc(100% - 60px)}#packages .panel-actions .btn{width:100%}#packages .package-admin-grid{grid-template-columns:1fr}#packages .package-admin-card .field-row{grid-template-columns:1fr}}

.dashboard-insights{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:15px 0}.dashboard-insights article{min-height:145px;display:flex;flex-direction:column;justify-content:space-between}.dashboard-insights small{color:#7f8c83;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.dashboard-insights strong{font:700 20px Space Grotesk;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-insights span{color:#8d9c92;font-size:11px}@media(max-width:1050px){.dashboard-insights{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.dashboard-insights{grid-template-columns:1fr}}

.featured-products-section{padding-top:90px;padding-bottom:95px;background:linear-gradient(180deg,var(--bg),var(--surface))}
.featured-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.featured-product-card{position:relative;min-height:360px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s}
.featured-product-card:hover{transform:translateY(-7px);border-color:#25f26788;box-shadow:var(--shadow)}
.featured-product-image{height:185px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,var(--accent),transparent 62%),#0b140e;overflow:hidden}
.featured-product-image.has-photo{background:#07100a}
.featured-product-image img{width:100%;height:100%;object-fit:cover}
.featured-product-image span{font:700 78px Space Grotesk;color:rgba(255,255,255,.7)}
.featured-product-copy{padding:22px}
.featured-product-copy small{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.featured-product-copy h3{font-size:22px;margin:10px 0 8px}
.featured-product-copy p{min-height:40px;margin:0 0 18px;color:var(--muted);font-size:12px}
.featured-product-copy>span{color:var(--green);font-size:11px;font-weight:800}
.featured-product-copy>span b{font-size:16px;margin-left:5px}
.partner-admin{margin-top:35px;padding-top:28px;border-top:1px solid var(--line)}.partner-admin h3{margin-bottom:20px}.partner-admin .settings-grid{margin-bottom:20px}
@media(max-width:1100px){.featured-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.featured-products-section{padding-top:65px;padding-bottom:65px}.featured-products-grid{grid-template-columns:1fr}}

.content-type-panel{max-width:1180px!important}.content-type-panel .panel-actions{padding:22px 24px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(110deg,#101a13,#0b100d)}.content-type-panel .panel-actions h2{font-size:29px}.content-type-panel .panel-actions p{margin:8px 0 0;color:#7e8a82;font-size:12px}.content-type-summary{display:flex;align-items:center;justify-content:space-between;margin:18px 0;padding:16px 20px;border:1px solid rgba(37,242,103,.2);border-radius:12px;background:rgba(37,242,103,.04);color:#91a097;font-size:11px}.content-type-summary b{font:700 25px Space Grotesk;color:#25f267}.content-type-panel .modern-table{box-shadow:0 18px 45px rgba(0,0,0,.13)}@media(max-width:700px){.content-type-panel .panel-actions{align-items:flex-start;gap:15px;flex-direction:column}.content-type-panel .panel-actions .btn{width:100%}}

/* Keep the complete public navigation available on every inner page. */
body[data-page] .site-header nav{gap:18px}
body[data-page] .site-header nav a{font-size:12px;white-space:nowrap}
@media(max-width:1200px){body[data-page] .site-header nav{gap:11px}body[data-page] .site-header nav a{font-size:11px}}
@media(max-width:1000px){body[data-page] .site-header{padding-inline:18px;gap:16px}body[data-page] .site-header nav{display:flex;position:static;flex:1;min-width:0;overflow-x:auto;padding:0;background:transparent;border:0;flex-direction:row;white-space:nowrap;scrollbar-width:none}body[data-page] .site-header nav::-webkit-scrollbar{display:none}body[data-page] .site-header nav a{font-size:11px}body[data-page] .site-header>.btn{display:none}}
@media(max-width:650px){body[data-page] .site-header{height:70px}body[data-page] .site-header nav{gap:16px}body[data-page] .site-header nav a{font-size:10px}}

/* Public header: separate links, stronger hierarchy and a visible print CTA. */
.site-header{height:96px;padding-inline:max(4vw,38px);background:rgba(5,8,6,.84);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 12px 42px rgba(0,0,0,.18)}
.site-header .brand{flex-shrink:0;padding:9px 14px 9px 9px;border:1px solid transparent;border-radius:16px;transition:.25s}
.site-header .brand img{width:54px;height:54px;border-radius:13px}
.site-header .brand b{font-size:21px}
.site-header .brand small{font-size:7px;margin-top:8px}
.site-header .brand:hover{border-color:rgba(37,242,103,.22);background:rgba(37,242,103,.05)}
.site-header nav{align-items:center;gap:8px;padding:6px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.04)}
.site-header nav a{position:relative;padding:12px 14px;border-radius:10px;color:#b5c0b8;font-size:13px;font-weight:700;transition:color .2s,background .2s,transform .2s}
.site-header nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:4px;background:#25f267;transform:scaleX(0);transform-origin:center;transition:transform .2s}
.site-header nav a:hover{color:#f6fff7;background:rgba(255,255,255,.06);transform:translateY(-1px)}
.site-header nav a:hover:after{transform:scaleX(1)}
.site-header nav a.active{color:#061109;background:linear-gradient(135deg,#25f267,#8affad)}
.site-header .header-actions{gap:8px}
.site-header .header-actions .btn-small{padding:13px 19px;border-radius:11px;box-shadow:0 7px 24px rgba(37,242,103,.2);font-size:13px}
html[data-theme=light] .site-header{background:rgba(244,247,244,.86);border-bottom-color:rgba(5,16,8,.1)}
html[data-theme=light] .site-header nav{background:rgba(5,16,8,.035);border-color:rgba(5,16,8,.1)}
html[data-theme=light] .site-header nav a{color:#526058}
@media(max-width:1400px){.site-header{padding-inline:28px}.site-header nav{gap:3px}.site-header nav a{padding-inline:10px;font-size:12px}.site-header nav a:after{left:10px;right:10px}}
@media(max-width:1100px){.site-header{height:88px;padding-inline:20px}.site-header .brand img{width:48px;height:48px}.site-header .brand b{font-size:18px}.site-header nav a{padding:10px 8px;font-size:11px}}
@media(max-width:1000px){.site-header{height:78px}.site-header nav{gap:3px}.site-header nav a{padding:9px 10px}.site-header .header-actions{margin-left:auto}}
@media(max-width:650px){.site-header{padding-inline:12px}.site-header nav a{padding:8px 9px;font-size:10px}.site-header .brand{padding-right:5px}.site-header .brand img{width:43px;height:43px}.site-header .brand b{font-size:15px}.site-header .brand small{display:none}}

/* Green header with high-contrast navigation in both themes. */
.site-header{background:linear-gradient(110deg,#0b6f2e 0%,#129c45 52%,#08752f 100%);border-bottom-color:rgba(255,255,255,.22);box-shadow:0 12px 42px rgba(4,72,28,.3)}
.site-header .brand b,.site-header .brand small{color:#fff}
.site-header .brand small{opacity:.78}
.site-header .brand:hover{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.1)}
.site-header nav{background:rgba(0,45,17,.22);border-color:rgba(255,255,255,.24)}
.site-header nav a{color:#fff}
.site-header nav a:hover{color:#fff;background:rgba(255,255,255,.17)}
.site-header nav a:after{background:#fff}
.site-header nav a.active{color:#075526;background:#fff}
.site-header .icon-btn{background:rgba(0,45,17,.25);border-color:rgba(255,255,255,.3);color:#fff}
.site-header .header-actions .btn-small{background:#fff;color:#075526;box-shadow:0 7px 24px rgba(0,45,17,.25)}
html[data-theme=light] .site-header{background:linear-gradient(110deg,#075b29 0%,#0b7e38 52%,#064d22 100%);border-bottom-color:rgba(255,255,255,.3);box-shadow:0 12px 42px rgba(3,53,21,.25)}
html[data-theme=light] .site-header nav{background:rgba(0,25,10,.22);border-color:rgba(255,255,255,.3)}
html[data-theme=light] .site-header nav a{color:#fff}
html[data-theme=light] .site-header nav a:hover{color:#fff;background:rgba(255,255,255,.18)}
html[data-theme=light] .site-header nav a.active{color:#064820;background:#fff}

/* Only the page-link area is green; logo and header remain neutral. */
.site-header{background:rgba(5,8,6,.84);border-bottom-color:rgba(255,255,255,.1);box-shadow:0 12px 42px rgba(0,0,0,.18)}
.site-header .brand b{color:var(--text)}
.site-header .brand small{color:var(--muted);opacity:1}
.site-header nav{background:linear-gradient(110deg,#0b6f2e,#129c45,#08752f);border-color:rgba(255,255,255,.25);box-shadow:0 6px 20px rgba(4,72,28,.2)}
.site-header nav a{color:#fff}
.site-header nav a:hover{color:#fff;background:rgba(255,255,255,.16)}
.site-header nav a:after{background:#fff}
.site-header nav a.active{color:#075526;background:#fff}
.site-header .icon-btn{background:var(--surface);border-color:var(--line);color:var(--text)}
.site-header .header-actions .btn-small{background:var(--green);color:#041006;box-shadow:0 7px 24px rgba(37,242,103,.2)}
html[data-theme=light] .site-header{background:rgba(244,247,244,.86);border-bottom-color:rgba(5,16,8,.1);box-shadow:0 12px 42px rgba(23,55,31,.11)}
html[data-theme=light] .site-header .brand b{color:var(--text)}
html[data-theme=light] .site-header .brand small{color:var(--muted)}
html[data-theme=light] .site-header nav{background:linear-gradient(110deg,#075b29,#0b7e38,#064d22);border-color:rgba(255,255,255,.3)}
html[data-theme=light] .site-header nav a{color:#fff}
html[data-theme=light] .site-header nav a:hover{color:#fff;background:rgba(255,255,255,.18)}
html[data-theme=light] .site-header nav a.active{color:#064820;background:#fff}