/*
Theme Name: Sanka Ürün Satış Teması
Theme URI: https://www.sankayazilim.com
Author: Sanka Yazılım
Author URI: https://www.sankayazilim.com
Description: GüvenPANEL için premium yazılım ve dijital lisans satış teması.
Version: 5.8.1
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 7.4
WC requires at least: 9.0
WC tested up to: 10.9
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sanka-urun-satis
Tags: e-commerce, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root {
  --sanka-accent: #2f80ff;
  --sanka-accent-2: #54d6ff;
  --sanka-bg: #050b18;
  --sanka-bg-soft: #081426;
  --sanka-panel: #0c1a31;
  --sanka-panel-2: #10213d;
  --sanka-ink: #f6f9ff;
  --sanka-muted: #9aa9c3;
  --sanka-border: rgba(155, 181, 224, .16);
  --sanka-white: #fff;
  --sanka-success: #54e1a6;
  --sanka-radius: 22px;
  --sanka-shadow: 0 28px 90px rgba(0, 0, 0, .38);
  --sanka-container: 1220px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; color: var(--sanka-ink); background: var(--sanka-bg); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; }
body::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; background: radial-gradient(circle at 80% 8%, rgba(47,128,255,.13), transparent 28%), radial-gradient(circle at 10% 36%, rgba(84,214,255,.06), transparent 25%); }
body.menu-open, body.lightbox-open { overflow: hidden; }
a { color: inherit; text-decoration: none; transition: color .2s, opacity .2s; }
a:hover { color: var(--sanka-accent-2); }
img { display: block; max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { top: 8px; left: 8px; z-index: 100000; width: auto; height: auto; padding: 12px 16px; clip: auto; color: #07101f; background: #fff; }
.sanka-container { width: min(calc(100% - 44px), var(--sanka-container)); margin-inline: auto; }
.site-main { min-height: 55vh; overflow: hidden; }
.sanka-section { position: relative; padding-block: 110px; }
.sanka-section--soft { background: linear-gradient(180deg, rgba(11,27,51,.76), rgba(6,14,29,.38)); border-block: 1px solid var(--sanka-border); }
.sanka-grid-glow { position: absolute; inset: 0; z-index: -1; opacity: .22; background-image: linear-gradient(rgba(87,128,191,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(87,128,191,.08) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, transparent, #000 30%, #000 75%, transparent); }

.site-header { position: sticky; top: 0; z-index: 80; background: rgba(5,11,24,.82); border-bottom: 1px solid var(--sanka-border); backdrop-filter: blur(22px); }
.admin-bar .site-header { top: 32px; }
.header-inner { display: grid; grid-template-columns: auto 1fr auto; align-items: center; min-height: 82px; gap: 34px; }
.site-branding { display: flex; align-items: center; min-width: 168px; }
.custom-logo, .sanka-logo-image { max-width: 190px; max-height: 46px; width: auto; }
.site-title { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-size: 1.28rem; font-weight: 850; letter-spacing: -.04em; }
.site-title::before { content: "G"; display: grid; place-items: center; width: 32px; height: 32px; color: #fff; background: linear-gradient(135deg, var(--sanka-accent), var(--sanka-accent-2)); border-radius: 9px; font-size: .92rem; box-shadow: 0 0 28px rgba(47,128,255,.35); }
.primary-navigation { justify-self: center; }
.primary-menu { display: flex; align-items: center; gap: 28px; padding: 0; margin: 0; list-style: none; }
.primary-menu a { color: #becae0; font-size: .91rem; font-weight: 650; }
.primary-menu a:hover { color: #fff; }
.header-actions { display: flex; align-items: center; justify-self: end; gap: 10px; }
.portal-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; color: #fff; background: rgba(47,128,255,.14); border: 1px solid rgba(79,151,255,.38); border-radius: 10px; font-size: .88rem; font-weight: 750; }
.portal-button:hover { color: #fff; background: rgba(47,128,255,.24); }
.cart-link { position: relative; display: inline-flex; min-height: 42px; align-items: center; padding: 0 12px; color: #b9c7de; font-size: .84rem; }
.cart-count { display: grid; place-items: center; min-width: 19px; height: 19px; margin-left: 5px; padding: 0 5px; color: #fff; background: var(--sanka-accent); border-radius: 20px; font-size: .67rem; font-weight: 800; }
.menu-toggle { display: none; padding: 9px; border: 0; background: transparent; cursor: pointer; }
.menu-toggle span { display: block; width: 23px; height: 2px; margin: 5px 0; background: #fff; transition: transform .2s, opacity .2s; }

.sanka-hero { position: relative; padding: 88px 0 100px; }
.sanka-hero::before { content: ""; position: absolute; top: -15%; left: 50%; width: 760px; height: 760px; background: var(--sanka-accent); border-radius: 50%; filter: blur(180px); opacity: .13; transform: translateX(-50%); pointer-events: none; }
.hero-inner { position: relative; z-index: 1; text-align: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 20px; color: var(--sanka-accent-2); font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 23px; height: 1px; background: currentColor; }
.eyebrow--pill { padding: 8px 12px; background: rgba(47,128,255,.1); border: 1px solid rgba(84,214,255,.2); border-radius: 999px; letter-spacing: .08em; }
.eyebrow--pill::before { width: 6px; height: 6px; border-radius: 50%; box-shadow: 0 0 12px currentColor; }
.hero-copy h1 { max-width: 1020px; margin: 0 auto; font-size: clamp(3.4rem, 7.2vw, 7rem); line-height: .94; letter-spacing: -.075em; }
.gradient-text { color: transparent; background: linear-gradient(90deg, #fff 10%, #a9cfff 48%, var(--sanka-accent-2)); -webkit-background-clip: text; background-clip: text; }
.hero-copy > p:not(.eyebrow) { max-width: 760px; margin: 28px auto 34px; color: var(--sanka-muted); font-size: clamp(1rem, 2vw, 1.22rem); }
.hero-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; }
.sanka-button, .wp-element-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; color: #fff !important; background: linear-gradient(135deg, var(--sanka-accent), #1765df) !important; border: 1px solid rgba(116,177,255,.48) !important; border-radius: 12px !important; font-weight: 780 !important; box-shadow: 0 13px 34px rgba(25,104,226,.24); transition: transform .2s, box-shadow .2s, background .2s; }
.sanka-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 17px 42px rgba(25,104,226,.34); }
.sanka-button--ghost { color: #dfe8f8 !important; background: rgba(255,255,255,.035) !important; border-color: var(--sanka-border) !important; box-shadow: none; }
.sanka-button--ghost:hover { background: rgba(255,255,255,.07) !important; }
.hero-trust { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-top: 26px; color: #7f90ac; font-size: .8rem; }
.hero-trust span::before { content: "✓"; margin-right: 7px; color: var(--sanka-success); }
.hero-product { position: relative; width: min(1120px, 100%); margin: 72px auto 0; padding: 10px; background: linear-gradient(145deg, rgba(75,153,255,.38), rgba(255,255,255,.08) 38%, rgba(84,214,255,.16)); border-radius: 25px; box-shadow: 0 45px 120px rgba(0,0,0,.55), 0 0 110px rgba(47,128,255,.1); }
.hero-product::before { content: ""; position: absolute; inset: -1px; z-index: -1; background: linear-gradient(110deg, rgba(84,214,255,.45), transparent 25%, transparent 70%, rgba(47,128,255,.4)); border-radius: inherit; filter: blur(13px); opacity: .45; }
.browser-bar { display: flex; align-items: center; gap: 7px; height: 36px; padding: 0 13px; background: #0b1628; border-radius: 17px 17px 0 0; }
.browser-bar i { width: 7px; height: 7px; background: #3f516d; border-radius: 50%; }
.browser-bar span { width: 34%; height: 8px; margin-left: 12px; background: #152b4a; border-radius: 20px; }
.hero-product img { width: 100%; aspect-ratio: 16/9; object-fit: cover; object-position: top; border-radius: 0 0 17px 17px; }
.hero-product-badge { position: absolute; right: 30px; bottom: 28px; padding: 11px 14px; color: #dbe9ff; background: rgba(7,16,32,.78); border: 1px solid rgba(122,176,255,.22); border-radius: 10px; backdrop-filter: blur(14px); font-size: .75rem; }

.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 44px; margin-bottom: 48px; }
.section-heading--center { display: block; max-width: 760px; margin-inline: auto; text-align: center; }
.section-heading h1, .section-heading h2 { max-width: 720px; margin: 0; color: #fff; font-size: clamp(2.2rem, 4.5vw, 4rem); line-height: 1.08; letter-spacing: -.05em; }
.section-heading--center h2 { margin-inline: auto; }
.section-heading p { max-width: 500px; margin: 0; color: var(--sanka-muted); }
.section-heading--center > p:not(.eyebrow) { margin: 20px auto 0; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.feature-card { min-height: 250px; padding: 28px; background: linear-gradient(145deg, rgba(16,33,61,.82), rgba(8,20,38,.68)); border: 1px solid var(--sanka-border); border-radius: var(--sanka-radius); transition: transform .25s, border-color .25s; }
.feature-card:hover { border-color: rgba(76,151,255,.4); transform: translateY(-4px); }
.feature-icon { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 38px; color: var(--sanka-accent-2); background: rgba(47,128,255,.12); border: 1px solid rgba(84,214,255,.18); border-radius: 12px; font-size: .85rem; font-weight: 850; }
.feature-card h3 { margin: 0 0 10px; font-size: 1.12rem; }
.feature-card p { margin: 0; color: var(--sanka-muted); font-size: .91rem; }

.module-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 28px; }
.module-list { display: grid; gap: 10px; }
.module-item { display: flex; align-items: center; gap: 16px; padding: 19px 20px; color: #c4d0e3; background: rgba(255,255,255,.025); border: 1px solid var(--sanka-border); border-radius: 14px; }
.module-item b { display: grid; place-items: center; flex: 0 0 34px; height: 34px; color: var(--sanka-accent-2); background: rgba(47,128,255,.11); border-radius: 9px; font-size: .72rem; }
.module-preview { position: relative; overflow: hidden; min-height: 560px; padding: 30px; background: linear-gradient(140deg, #0c1a31, #081426); border: 1px solid rgba(89,151,248,.25); border-radius: 26px; box-shadow: var(--sanka-shadow); }
.module-preview::after { content: ""; position: absolute; right: -120px; bottom: -170px; width: 420px; height: 420px; background: var(--sanka-accent); border-radius: 50%; filter: blur(120px); opacity: .14; }
.mini-top { display: flex; justify-content: space-between; color: #8191ad; font-size: .77rem; }
.mini-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin: 30px 0; }
.mini-metric, .mini-chart, .mini-table { background: rgba(255,255,255,.035); border: 1px solid var(--sanka-border); border-radius: 14px; }
.mini-metric { padding: 18px; }
.mini-metric span { display: block; color: #7f90ac; font-size: .72rem; }
.mini-metric strong { display: block; margin-top: 7px; font-size: 1.35rem; }
.mini-chart { position: relative; height: 180px; padding: 20px; }
.chart-bars { position: absolute; inset: 50px 24px 22px; display: flex; align-items: end; gap: 6%; }
.chart-bars i { width: 9%; height: var(--bar); background: linear-gradient(to top, rgba(47,128,255,.2), var(--sanka-accent)); border-radius: 5px 5px 1px 1px; box-shadow: 0 0 20px rgba(47,128,255,.15); }
.mini-table { margin-top: 14px; padding: 8px 18px; }
.mini-row { display: grid; grid-template-columns: 1fr .7fr .4fr; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--sanka-border); color: #8696b0; font-size: .75rem; }
.mini-row:last-child { border: 0; }
.mini-row b { color: #ccd7e9; }

.platform-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.platform-card { position: relative; overflow: hidden; min-height: 420px; padding: 31px; background: #0a172b; border: 1px solid var(--sanka-border); border-radius: var(--sanka-radius); }
.platform-card::after { content: ""; position: absolute; right: -70px; bottom: -90px; width: 220px; height: 220px; background: var(--glow, var(--sanka-accent)); border-radius: 50%; filter: blur(75px); opacity: .16; }
.platform-number { color: #637695; font-size: .76rem; font-weight: 800; letter-spacing: .1em; }
.platform-card h3 { margin: 18px 0 10px; font-size: 1.55rem; }
.platform-card p { color: var(--sanka-muted); }
.platform-ui { position: absolute; right: 25px; bottom: 25px; left: 25px; height: 155px; padding: 15px; background: rgba(4,10,22,.72); border: 1px solid rgba(119,158,215,.18); border-radius: 14px; transform: perspective(800px) rotateX(3deg); }
.platform-ui span { display: block; width: var(--width, 70%); height: 7px; margin: 11px 0; background: linear-gradient(90deg, rgba(47,128,255,.65), rgba(84,214,255,.18)); border-radius: 10px; }

.screenshot-grid { display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: repeat(2, 255px); gap: 18px; }
.screenshot-card { position: relative; overflow: hidden; padding: 0; background: #0b172a; border: 1px solid var(--sanka-border); border-radius: var(--sanka-radius); cursor: zoom-in; }
.screenshot-card:first-child { grid-row: 1 / 3; }
.screenshot-card img { width: 100%; height: 100%; object-fit: cover; object-position: top left; transition: transform .35s; }
.screenshot-card:nth-child(2) img { object-position: 70% 20%; transform: scale(1.45); }
.screenshot-card:nth-child(3) img { object-position: 40% 75%; transform: scale(1.35); }
.screenshot-card:hover img { transform: scale(1.03); }
.screenshot-card:nth-child(2):hover img { transform: scale(1.5); }
.screenshot-card:nth-child(3):hover img { transform: scale(1.4); }
.screenshot-label { position: absolute; right: 15px; bottom: 15px; left: 15px; display: flex; justify-content: space-between; padding: 12px 14px; color: #fff; background: rgba(4,10,22,.78); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; backdrop-filter: blur(12px); font-size: .8rem; font-weight: 700; }
.sanka-lightbox { position: fixed; inset: 0; z-index: 200; display: none; place-items: center; padding: 36px; background: rgba(1,5,12,.92); backdrop-filter: blur(16px); }
.sanka-lightbox.is-open { display: grid; }
.sanka-lightbox img { max-width: min(1200px, 94vw); max-height: 86vh; border: 1px solid rgba(117,174,255,.26); border-radius: 18px; box-shadow: var(--sanka-shadow); }
.lightbox-close { position: absolute; top: 24px; right: 28px; display: grid; place-items: center; width: 44px; height: 44px; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); border-radius: 50%; cursor: pointer; font-size: 1.45rem; }

.pricing-toggle { display: inline-flex; gap: 5px; margin-top: 26px; padding: 5px; background: rgba(255,255,255,.04); border: 1px solid var(--sanka-border); border-radius: 12px; }
.pricing-toggle button { min-height: 38px; padding: 0 15px; color: var(--sanka-muted); background: transparent; border: 0; border-radius: 8px; cursor: pointer; font-size: .83rem; font-weight: 720; }
.pricing-toggle button.is-active { color: #fff; background: rgba(47,128,255,.2); box-shadow: inset 0 0 0 1px rgba(71,147,255,.26); }
.pricing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 470px)); justify-content: center; gap: 20px; margin-top: 45px; }
.pricing-card { position: relative; padding: 34px; background: rgba(12,26,49,.82); border: 1px solid var(--sanka-border); border-radius: 24px; }
.pricing-card.is-featured { background: linear-gradient(155deg, rgba(18,47,88,.94), rgba(10,23,43,.94)); border-color: rgba(70,149,255,.48); box-shadow: 0 25px 80px rgba(15,89,198,.13); }
.pricing-badge { position: absolute; top: 18px; right: 18px; padding: 6px 10px; color: var(--sanka-accent-2); background: rgba(47,128,255,.13); border-radius: 50px; font-size: .7rem; font-weight: 800; }
.pricing-card h3 { margin: 0; font-size: 1.25rem; }
.pricing-card > p { min-height: 52px; color: var(--sanka-muted); }
.price { display: flex; align-items: end; gap: 7px; margin: 28px 0; }
.price strong { font-size: 3.1rem; line-height: 1; letter-spacing: -.06em; }
.price span { color: var(--sanka-muted); font-size: .83rem; }
.pricing-card ul { padding: 22px 0 10px; margin: 0; border-top: 1px solid var(--sanka-border); list-style: none; }
.pricing-card li { margin: 12px 0; color: #bdc9dc; font-size: .9rem; }
.pricing-card li::before { content: "✓"; margin-right: 10px; color: var(--sanka-success); }
.pricing-card .sanka-button { width: 100%; margin-top: 16px; }

.faq-list { max-width: 880px; margin: 0 auto; border-top: 1px solid var(--sanka-border); }
.faq-item { border-bottom: 1px solid var(--sanka-border); }
.faq-item summary { position: relative; padding: 24px 54px 24px 0; cursor: pointer; list-style: none; font-size: 1.03rem; font-weight: 720; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; position: absolute; right: 5px; top: 20px; color: var(--sanka-accent-2); font-size: 1.5rem; font-weight: 400; }
.faq-item[open] summary::after { content: "−"; }
.faq-item p { max-width: 730px; margin: -5px 0 25px; color: var(--sanka-muted); }

.cta-panel { position: relative; overflow: hidden; padding: 72px 60px; text-align: center; background: linear-gradient(135deg, rgba(21,72,143,.8), rgba(9,29,59,.88)); border: 1px solid rgba(85,159,255,.38); border-radius: 30px; box-shadow: var(--sanka-shadow); }
.cta-panel::before { content: ""; position: absolute; inset: -100% 30% 0; background: var(--sanka-accent-2); filter: blur(140px); opacity: .12; }
.cta-panel > * { position: relative; }
.cta-panel h2 { max-width: 820px; margin: 0 auto 20px; font-size: clamp(2.4rem, 5vw, 4.7rem); line-height: 1; letter-spacing: -.06em; }
.cta-panel p { max-width: 620px; margin: 0 auto 30px; color: #b8c9e4; }

.content-area { padding-block: 76px; }
.entry-card { margin-bottom: 28px; padding: 30px; background: rgba(12,26,49,.75); border: 1px solid var(--sanka-border); border-radius: var(--sanka-radius); }
.entry-title { margin: 0 0 12px; line-height: 1.18; letter-spacing: -.03em; }
.entry-meta { margin-bottom: 16px; color: var(--sanka-muted); font-size: .84rem; }
.entry-content > *:first-child { margin-top: 0; }
.entry-content a { color: var(--sanka-accent-2); text-decoration: underline; }
.nav-links { display: flex; justify-content: space-between; gap: 16px; margin-top: 30px; }
.search-form { display: flex; max-width: 620px; gap: 10px; }
.search-form label { flex: 1; }
.search-field, .comment-form input:not([type="submit"]), .comment-form textarea { width: 100%; min-height: 50px; padding: 10px 14px; color: #fff; background: var(--sanka-bg-soft); border: 1px solid var(--sanka-border); border-radius: 11px; }

.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-result-count { color: var(--sanka-muted); }
.woocommerce .woocommerce-ordering select { padding: 10px; color: #dce7f7; background: var(--sanka-panel); border: 1px solid var(--sanka-border); border-radius: 9px; }
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product { position: relative; overflow: hidden; width: auto !important; margin: 0 !important; padding: 16px 16px 20px; background: linear-gradient(145deg, rgba(15,32,59,.94), rgba(8,19,36,.94)); border: 1px solid var(--sanka-border); border-radius: 20px; }
.woocommerce ul.products li.product::before { content: "Dijital Lisans"; position: absolute; top: 28px; left: 28px; z-index: 2; padding: 6px 9px; color: #cae0ff; background: rgba(6,17,34,.78); border: 1px solid rgba(108,164,246,.2); border-radius: 7px; backdrop-filter: blur(8px); font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.woocommerce ul.products li.product a img { margin: 0 0 20px; aspect-ratio: 16/10; object-fit: cover; background: #071224; border-radius: 13px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0; color: #f7faff; font-size: 1.05rem; }
.woocommerce ul.products li.product .price { display: block; margin: 9px 0 14px; color: var(--sanka-accent-2); font-size: 1rem; font-weight: 800; }
.woocommerce ul.products li.product .button { width: 100%; min-height: 44px; }
.woocommerce span.onsale { z-index: 3; min-width: auto; min-height: auto; padding: 7px 11px; line-height: 1; background: var(--sanka-accent); border-radius: 8px; }
.woocommerce div.product div.images img { background: var(--sanka-panel); border: 1px solid var(--sanka-border); border-radius: var(--sanka-radius); }
.woocommerce div.product .product_title { letter-spacing: -.04em; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--sanka-accent-2); }
.woocommerce-message, .woocommerce-info { color: #dce8f9; background: var(--sanka-panel); border-top-color: var(--sanka-accent); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--sanka-accent); }
.woocommerce table.shop_table { border-color: var(--sanka-border); border-radius: 14px; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { color: #fff; background: var(--sanka-bg-soft); border: 1px solid var(--sanka-border); border-radius: 9px; }

.site-footer { margin-top: 60px; color: #a4b2c9; background: #030813; border-top: 1px solid var(--sanka-border); }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 60px; padding-block: 76px; }
.footer-brand .site-title { color: #fff; }
.footer-brand p { max-width: 370px; color: #7f90aa; }
.footer-title { margin: 0 0 18px; color: #fff; font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; }
.footer-menu { padding: 0; margin: 0; list-style: none; }
.footer-menu li { margin: 9px 0; }
.footer-menu a { color: #9baac2; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-block: 24px; border-top: 1px solid var(--sanka-border); color: #6f809b; font-size: .8rem; }

@media (max-width: 1020px) {
  .admin-bar .site-header { top: 46px; }
  .header-inner { grid-template-columns: 1fr auto; min-height: 74px; }
  .menu-toggle { display: block; }
  .primary-navigation { position: fixed; inset: 75px 0 auto; display: none; padding: 18px 22px 28px; background: rgba(5,11,24,.98); border-bottom: 1px solid var(--sanka-border); }
  .admin-bar .primary-navigation { top: 121px; }
  .primary-navigation.is-open { display: block; }
  .primary-menu { align-items: stretch; flex-direction: column; gap: 0; }
  .primary-menu a { display: block; padding: 12px 0; }
  .header-actions .portal-button { display: none; }
  .hero-copy h1 { font-size: clamp(3.4rem, 10vw, 6.3rem); }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .module-layout { grid-template-columns: 1fr; }
  .module-list { grid-template-columns: repeat(2, 1fr); }
  .platform-grid { grid-template-columns: 1fr; }
  .platform-card { min-height: 330px; }
  .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: 1.5fr 1fr; }
}

@media (max-width: 680px) {
  .sanka-container { width: min(calc(100% - 28px), var(--sanka-container)); }
  .sanka-section { padding-block: 76px; }
  .site-title { font-size: 1.1rem; }
  .cart-link { display: none; }
  .sanka-hero { padding: 66px 0 70px; }
  .hero-copy h1 { font-size: clamp(3rem, 15vw, 4.7rem); }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .sanka-button { width: 100%; }
  .hero-product { margin-top: 52px; padding: 6px; border-radius: 17px; }
  .hero-product img { border-radius: 0 0 11px 11px; }
  .browser-bar { height: 27px; border-radius: 11px 11px 0 0; }
  .hero-product-badge { display: none; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: 18px; }
  .feature-grid, .module-list, .pricing-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: 220px; }
  .module-preview { min-height: 480px; padding: 20px; }
  .mini-metrics { grid-template-columns: 1fr; }
  .mini-metric:nth-child(n+2) { display: none; }
  .screenshot-grid { grid-template-columns: 1fr; grid-template-rows: 330px 210px 210px; }
  .screenshot-card:first-child { grid-row: auto; }
  .sanka-lightbox { padding: 14px; }
  .price strong { font-size: 2.65rem; }
  .cta-panel { padding: 55px 22px; }
  .woocommerce ul.products { gap: 14px; }
  .woocommerce ul.products li.product { padding: 10px 10px 16px; }
  .woocommerce ul.products li.product::before { top: 18px; left: 18px; font-size: .55rem; }
  .footer-grid { grid-template-columns: 1fr; gap: 34px; padding-block: 56px; }
  .footer-bottom, .search-form { align-items: stretch; flex-direction: column; }
}

/* Phase 3: GüvenPANEL commerce and customer portal */
.woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sanka-product-placeholder { display: grid; place-items: center; align-content: center; aspect-ratio: 16/9; min-height: 390px; padding: 40px; text-align: center; background: radial-gradient(circle at 50% 35%, rgba(47,128,255,.2), transparent 34%), linear-gradient(150deg, #071326, #0a1a31); border-radius: 0 0 17px 17px; }
.sanka-product-placeholder::before { content: "G"; display: grid; place-items: center; width: 70px; height: 70px; margin-bottom: 25px; color: #fff; background: linear-gradient(135deg, var(--sanka-accent), var(--sanka-accent-2)); border-radius: 19px; box-shadow: 0 0 50px rgba(47,128,255,.32); font-size: 1.8rem; font-weight: 900; }
.sanka-product-placeholder span { color: var(--sanka-accent-2); font-size: .72rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.sanka-product-placeholder strong { margin-top: 8px; font-size: clamp(1.2rem, 3vw, 2rem); }
.sanka-product-placeholder small { margin-top: 8px; color: var(--sanka-muted); }
.sanka-empty-showcase { display: grid; min-height: 390px; place-items: center; align-content: center; padding: 40px; text-align: center; background: linear-gradient(145deg, rgba(14,31,57,.8), rgba(7,17,33,.7)); border: 1px dashed rgba(98,156,241,.33); border-radius: var(--sanka-radius); }
.sanka-empty-showcase span { color: var(--sanka-accent-2); font-size: .75rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.sanka-empty-showcase strong { margin-top: 12px; font-size: 1.45rem; }
.sanka-empty-showcase p { max-width: 560px; margin: 8px 0 0; color: var(--sanka-muted); }

.sanka-commerce-heading { max-width: 740px; margin-bottom: 40px; }
.sanka-commerce-heading > span, .sanka-account-heading > div > span, .sanka-account-topbar > div > span { color: var(--sanka-accent-2); font-size: .72rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.sanka-commerce-heading h1 { margin: 7px 0 10px; font-size: clamp(2.4rem, 5vw, 4.2rem); line-height: 1; letter-spacing: -.055em; }
.sanka-commerce-heading p { margin: 0; color: var(--sanka-muted); }

.woocommerce ul.products li.product.sanka-license-product-card { display: flex; flex-direction: column; padding: 0; background: linear-gradient(145deg, rgba(15,32,59,.94), rgba(8,19,36,.96)); }
.woocommerce ul.products li.product.sanka-license-product-card::before { display: none; }
.sanka-product-card-main { display: flex; flex: 1; flex-direction: column; padding: 18px 18px 0; }
.sanka-product-card-visual { position: relative; display: grid; place-items: center; min-height: 245px; overflow: hidden; margin-bottom: 24px; background: radial-gradient(circle at 50% 35%, rgba(47,128,255,.22), transparent 32%), #071427; border: 1px solid rgba(117,166,236,.13); border-radius: 15px; }
.sanka-product-card-visual::after { content: ""; position: absolute; inset: auto -20% -75% 30%; height: 250px; background: var(--sanka-accent); border-radius: 50%; filter: blur(90px); opacity: .14; }
.sanka-product-card-visual img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover; }
.sanka-product-chip { position: absolute; top: 14px; left: 14px; z-index: 2; padding: 6px 9px; color: #cfe2ff; background: rgba(5,13,27,.78); border: 1px solid rgba(96,158,248,.22); border-radius: 7px; font-size: .63rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.sanka-license-mark { position: relative; z-index: 1; display: grid; place-items: center; }
.sanka-license-mark b { display: grid; place-items: center; width: 62px; height: 62px; color: #fff; background: linear-gradient(135deg, var(--sanka-accent), var(--sanka-accent-2)); border-radius: 17px; box-shadow: 0 0 45px rgba(47,128,255,.35); font-size: 1.55rem; }
.sanka-license-mark span { margin-top: 13px; color: #dce9fd; font-weight: 820; letter-spacing: -.03em; }
.sanka-license-product-card .woocommerce-loop-product__title { font-size: 1.4rem !important; line-height: 1.15; letter-spacing: -.035em; }
.sanka-license-product-card .sanka-product-card-main > p { min-height: 48px; margin: 7px 0 18px; color: var(--sanka-muted); font-size: .88rem; }
.sanka-card-specs { padding: 17px 0; margin: 0; border-block: 1px solid var(--sanka-border); list-style: none; }
.sanka-card-specs li { margin: 8px 0; color: #bcc9dc; font-size: .83rem; }
.sanka-card-specs li::before { content: "✓"; margin-right: 8px; color: var(--sanka-success); }
.woocommerce .sanka-license-product-card .price { margin: auto 0 0 !important; padding-top: 20px; font-size: 1.5rem !important; }
.sanka-card-action { padding: 0 18px 20px; }
.sanka-card-action .button { width: 100%; margin-top: 17px !important; }

.sanka-product-page { max-width: 1220px; }
.sanka-software-product { background: none !important; }
.sanka-product-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; gap: 52px; }
.sanka-product-visual { min-height: 590px; overflow: hidden; background: linear-gradient(145deg, #0b1b33, #071326); border: 1px solid var(--sanka-border); border-radius: 27px; box-shadow: var(--sanka-shadow); }
.sanka-product-visual > img { width: 100%; height: 100%; object-fit: cover; }
.sanka-license-console { position: relative; display: grid; place-items: center; align-content: center; height: 100%; min-height: 590px; padding: 40px; text-align: center; background-image: linear-gradient(rgba(77,129,199,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(77,129,199,.07) 1px, transparent 1px); background-size: 42px 42px; }
.sanka-license-console::before { content: "G"; display: grid; place-items: center; width: 88px; height: 88px; margin-bottom: 30px; color: #fff; background: linear-gradient(135deg, var(--sanka-accent), var(--sanka-accent-2)); border-radius: 24px; box-shadow: 0 0 70px rgba(47,128,255,.38); font-size: 2.2rem; font-weight: 900; }
.sanka-license-console span { color: var(--sanka-accent-2); font-size: .75rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.sanka-license-console b { max-width: 350px; margin-top: 10px; font-size: 1.75rem; line-height: 1.15; }
.sanka-license-console i { margin-top: 12px; color: var(--sanka-muted); font-size: .82rem; font-style: normal; }
.sanka-product-summary { align-self: center; }
.sanka-product-summary h1 { margin: 8px 0 19px; font-size: clamp(2.5rem, 5vw, 4.5rem); line-height: .98; letter-spacing: -.06em; }
.sanka-product-lead { color: var(--sanka-muted); font-size: 1.02rem; }
.sanka-product-price { display: flex; align-items: end; gap: 9px; margin: 27px 0; color: var(--sanka-accent-2); font-size: 2.4rem; font-weight: 850; letter-spacing: -.045em; }
.sanka-product-price del { color: #6c7c95; font-size: 1.2rem; }
.sanka-product-price ins { text-decoration: none; }
.sanka-product-price small { padding-bottom: 7px; color: var(--sanka-muted); font-size: .75rem; font-weight: 500; letter-spacing: 0; }
.sanka-license-spec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; overflow: hidden; background: var(--sanka-border); border: 1px solid var(--sanka-border); border-radius: 15px; }
.sanka-license-spec-grid > div { min-height: 83px; padding: 16px; background: #0a172b; }
.sanka-license-spec-grid span, .sanka-license-spec-grid strong { display: block; }
.sanka-license-spec-grid span { color: #73849e; font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
.sanka-license-spec-grid strong { margin-top: 5px; color: #dce7f8; font-size: .82rem; }
.sanka-product-purchase { margin-top: 24px; }
.sanka-product-purchase form.cart { display: flex; }
.sanka-product-purchase .single_add_to_cart_button { width: 100%; min-height: 58px; }
.sanka-product-purchase .quantity { display: none !important; }
.sanka-secure-note { color: #7f91ad; font-size: .74rem; text-align: center; }
.sanka-product-details { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; margin-top: 90px; padding: 48px; background: rgba(12,26,49,.72); border: 1px solid var(--sanka-border); border-radius: 24px; }
.sanka-product-details h2 { margin: 0; font-size: 2rem; line-height: 1.1; }
.sanka-product-details ul { padding: 0; list-style: none; }
.sanka-product-details li { padding: 11px 0; border-bottom: 1px solid var(--sanka-border); }
.sanka-product-details li::before { content: "✓"; margin-right: 10px; color: var(--sanka-success); }

.sanka-cart-layout { display: grid; grid-template-columns: 1.35fr .65fr; align-items: start; gap: 24px; }
.sanka-cart-panel, .sanka-cart-summary .cart_totals { padding: 26px; background: rgba(12,26,49,.77); border: 1px solid var(--sanka-border); border-radius: 20px; }
.sanka-cart-items { display: grid; gap: 12px; }
.sanka-cart-item { position: relative; display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 18px; padding: 20px; background: #081629; border: 1px solid var(--sanka-border); border-radius: 14px; }
.sanka-cart-icon { display: grid; place-items: center; width: 58px; height: 58px; color: #fff; background: linear-gradient(135deg, var(--sanka-accent), var(--sanka-accent-2)); border-radius: 15px; font-weight: 900; }
.sanka-cart-product > span { color: var(--sanka-accent-2); font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.sanka-cart-product h2 { margin: 3px 0; font-size: 1.05rem; }
.sanka-cart-product small { color: var(--sanka-muted); }
.sanka-cart-price { padding-right: 24px; color: #fff; font-weight: 820; }
.sanka-cart-item .remove { position: absolute; top: 10px; right: 11px; display: grid; place-items: center; width: 24px; height: 24px; color: #7990af !important; background: transparent !important; font-size: 1.3rem; }
.sanka-cart-actions { display: flex; justify-content: space-between; gap: 14px; margin-top: 22px; }
.sanka-cart-actions .coupon { display: flex; gap: 8px; }
.sanka-cart-actions input { min-width: 0; padding: 10px 12px; color: #fff; background: #071426; border: 1px solid var(--sanka-border); border-radius: 10px; }
.sanka-cart-actions .button { min-height: 43px; padding-inline: 15px !important; }
.sanka-update-cart { display: none !important; }
.sanka-cart-summary { position: sticky; top: 110px; }
.sanka-cart-summary .cart_totals { width: 100% !important; float: none !important; }
.sanka-cart-summary h2 { margin: 0 0 20px; font-size: 1.25rem; }
.woocommerce .sanka-cart-summary table.shop_table { border: 0; }
.sanka-cart-summary th, .sanka-cart-summary td { padding: 14px 0 !important; border-color: var(--sanka-border) !important; }
.sanka-cart-summary td { color: #fff; text-align: right; }
.sanka-cart-summary .order-total th, .sanka-cart-summary .order-total td { padding-top: 21px !important; font-size: 1.08rem; }
.sanka-cart-summary .checkout-button { width: 100%; margin: 20px 0 0 !important; }
.sanka-summary-note { margin: 15px 0 0; color: var(--sanka-muted); font-size: .73rem; text-align: center; }

.sanka-checkout-layout { display: grid; grid-template-columns: 1.1fr .9fr; align-items: start; gap: 26px; }
.sanka-checkout-customer, .sanka-checkout-summary { padding: 30px; background: rgba(12,26,49,.8); border: 1px solid var(--sanka-border); border-radius: 20px; }
.sanka-checkout-summary { position: sticky; top: 110px; }
.sanka-checkout-step { display: flex; align-items: center; gap: 12px; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid var(--sanka-border); }
.sanka-checkout-step b { display: grid; place-items: center; width: 32px; height: 32px; color: var(--sanka-accent-2); background: rgba(47,128,255,.13); border: 1px solid rgba(78,150,255,.25); border-radius: 9px; }
.sanka-checkout-step span, .sanka-checkout-step small { display: block; }
.sanka-checkout-step span { font-weight: 780; }
.sanka-checkout-step small { color: var(--sanka-muted); }
.woocommerce-billing-fields h3 { margin-bottom: 3px; font-size: 1.15rem; }
.sanka-form-intro { margin-top: 0; color: var(--sanka-muted); font-size: .82rem; }
.woocommerce form .form-row { padding: 0; margin: 0 0 17px; }
.woocommerce form .form-row label { margin-bottom: 6px; color: #c4d1e4; font-size: .78rem; font-weight: 700; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { min-height: 48px; padding: 11px 13px; color: #fff; background: #061326; border: 1px solid rgba(131,166,218,.2); border-radius: 10px; }
.woocommerce form .form-row input.input-text:focus { border-color: var(--sanka-accent); box-shadow: 0 0 0 3px rgba(47,128,255,.12); outline: 0; }
.woocommerce-checkout-review-order-table { border: 0 !important; }
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { padding: 13px 0 !important; border-color: var(--sanka-border) !important; }
.woocommerce-checkout-review-order-table .product-name { color: #dce8f8; }
.woocommerce-checkout-review-order-table .product-total { color: #fff; text-align: right; }
.woocommerce-checkout #payment { margin-top: 22px; color: #dce7f6; background: #061326; border: 1px solid var(--sanka-border); border-radius: 14px; }
.woocommerce-checkout #payment ul.payment_methods { border-color: var(--sanka-border); }
.woocommerce-checkout #payment div.payment_box { color: #b8c7dc; background: #0d203b; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #0d203b; }
.woocommerce-checkout #payment #place_order { width: 100%; min-height: 56px; }

.sanka-account-shell { margin-block: -25px 30px; }
.sanka-account-topbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px; padding: 25px 28px; background: linear-gradient(135deg, rgba(17,52,99,.78), rgba(9,28,54,.78)); border: 1px solid rgba(79,151,255,.28); border-radius: 19px; }
.sanka-account-topbar h1 { margin: 4px 0 0; font-size: clamp(1.7rem, 3vw, 2.5rem); letter-spacing: -.045em; }
.sanka-account-topbar > a { padding: 9px 13px; color: #dceaff; background: rgba(47,128,255,.15); border: 1px solid rgba(90,157,255,.28); border-radius: 9px; font-size: .78rem; font-weight: 750; }
.sanka-account-layout { display: grid; grid-template-columns: 250px 1fr; align-items: start; gap: 20px; }
.woocommerce-MyAccount-navigation { width: 100% !important; padding: 18px; background: rgba(8,20,38,.9); border: 1px solid var(--sanka-border); border-radius: 18px; }
.sanka-account-nav-brand { display: flex; align-items: center; gap: 11px; padding: 7px 7px 18px; margin-bottom: 10px; border-bottom: 1px solid var(--sanka-border); }
.sanka-account-nav-brand > b { display: grid; place-items: center; width: 36px; height: 36px; color: #fff; background: linear-gradient(135deg, var(--sanka-accent), var(--sanka-accent-2)); border-radius: 10px; }
.sanka-account-nav-brand strong, .sanka-account-nav-brand span { display: block; }
.sanka-account-nav-brand strong { font-size: .88rem; }
.sanka-account-nav-brand span { color: var(--sanka-muted); font-size: .65rem; }
.woocommerce-MyAccount-navigation ul { padding: 0; margin: 0; list-style: none; }
.woocommerce-MyAccount-navigation li { margin: 3px 0; }
.woocommerce-MyAccount-navigation li a { display: flex; align-items: center; gap: 11px; padding: 10px; color: #9eadc5; border-radius: 9px; font-size: .8rem; font-weight: 650; }
.woocommerce-MyAccount-navigation li a b { display: grid; place-items: center; width: 25px; height: 25px; color: #7187a7; background: rgba(255,255,255,.03); border-radius: 7px; font-size: .6rem; }
.woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover { color: #fff; background: rgba(47,128,255,.13); }
.woocommerce-MyAccount-navigation li.is-active a b { color: var(--sanka-accent-2); background: rgba(47,128,255,.16); }
.woocommerce-MyAccount-content { float: none !important; width: 100% !important; min-width: 0; padding: 28px; background: rgba(10,23,43,.83); border: 1px solid var(--sanka-border); border-radius: 18px; }
.sanka-account-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 27px; }
.sanka-account-heading h2 { margin: 4px 0 0; font-size: 1.8rem; letter-spacing: -.04em; }
.sanka-account-heading > p { max-width: 410px; margin: 0; color: var(--sanka-muted); font-size: .8rem; }
.sanka-account-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; }
.sanka-account-cards > a { min-height: 150px; padding: 17px; background: linear-gradient(145deg, rgba(16,35,64,.88), rgba(7,19,36,.88)); border: 1px solid var(--sanka-border); border-radius: 13px; }
.sanka-account-cards span, .sanka-account-cards small { display: block; color: var(--sanka-muted); font-size: .68rem; }
.sanka-account-cards strong { display: block; overflow: hidden; margin: 15px 0 16px; color: #fff; font-size: 1.55rem; letter-spacing: -.04em; text-overflow: ellipsis; }
.sanka-account-cards small { color: var(--sanka-accent-2); }
.sanka-dashboard-welcome { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 18px; padding: 27px; background: radial-gradient(circle at 90% 30%, rgba(47,128,255,.15), transparent 30%), #071528; border: 1px solid var(--sanka-border); border-radius: 15px; }
.sanka-dashboard-welcome h3 { margin: 2px 0 7px; font-size: 1.35rem; }
.sanka-dashboard-welcome p { max-width: 580px; margin: 0; color: var(--sanka-muted); font-size: .8rem; }
.sanka-dashboard-welcome .sanka-button { flex: 0 0 auto; min-height: 43px; font-size: .78rem; }
.sanka-license-table { overflow: hidden; border: 1px solid var(--sanka-border); border-radius: 13px; }
.sanka-license-row { display: grid; grid-template-columns: 1.45fr .75fr .9fr .4fr .45fr; align-items: center; gap: 14px; padding: 17px; border-bottom: 1px solid var(--sanka-border); }
.sanka-license-row:last-child { border: 0; }
.sanka-license-row--head { color: #70839f; background: rgba(255,255,255,.02); font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.sanka-license-row > div > * { display: block; }
.sanka-license-row code { display: inline-block; width: max-content; margin-bottom: 5px; padding: 4px 6px; color: var(--sanka-accent-2); background: rgba(47,128,255,.1); border-radius: 5px; font-family: inherit; font-size: .65rem; font-weight: 780; }
.sanka-license-row strong { font-size: .8rem; }
.sanka-license-row span, .sanka-license-row small { color: var(--sanka-muted); font-size: .68rem; }
.sanka-license-row mark { width: max-content; margin-top: 5px; padding: 3px 6px; color: var(--sanka-success); background: rgba(84,225,166,.09); border-radius: 50px; font-size: .62rem; }
.sanka-table-button { padding: 8px 10px; color: #fff; background: rgba(47,128,255,.16); border: 1px solid rgba(76,148,255,.24); border-radius: 8px; font-size: .7rem; font-weight: 750; text-align: center; }
.sanka-empty-state { padding: 34px; color: var(--sanka-muted); background: #071528; border: 1px dashed rgba(105,154,226,.24); border-radius: 13px; text-align: center; }
.sanka-empty-state strong { display: block; color: #fff; font-size: 1.08rem; }
.sanka-empty-state .sanka-button { margin-top: 12px; }
.sanka-subscription-row { display: grid; grid-template-columns: 1fr 1fr auto; gap: 20px; padding: 18px; border-bottom: 1px solid var(--sanka-border); }
.sanka-subscription-row a { color: var(--sanka-accent-2); }
.sanka-support-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.sanka-support-grid a { display: flex; flex-direction: column; min-height: 170px; padding: 22px; background: #071528; border: 1px solid var(--sanka-border); border-radius: 14px; }
.sanka-support-grid b { color: var(--sanka-accent-2); font-size: .7rem; }
.sanka-support-grid strong { margin: auto 0 4px; font-size: 1.05rem; }
.sanka-support-grid span { color: var(--sanka-muted); font-size: .76rem; }

.woocommerce-MyAccount-content .woocommerce-orders-table, .woocommerce-MyAccount-content .woocommerce-table, .woocommerce-MyAccount-content .woocommerce-Addresses, .woocommerce-MyAccount-content form { color: #c5d1e3; }
.woocommerce-MyAccount-content table.shop_table { overflow: hidden; border-color: var(--sanka-border); border-radius: 11px; }
.woocommerce-MyAccount-content table.shop_table th, .woocommerce-MyAccount-content table.shop_table td { padding: 13px; border-color: var(--sanka-border); }
.woocommerce-MyAccount-content .woocommerce-Address { float: none; width: 100%; padding: 20px; background: #071528; border: 1px solid var(--sanka-border); border-radius: 12px; }
.woocommerce-MyAccount-content fieldset { margin-top: 22px; border-color: var(--sanka-border); }
.woocommerce form.login, .woocommerce form.register, .woocommerce form.checkout_coupon { color: #c8d4e6; background: rgba(10,23,43,.85); border-color: var(--sanka-border); border-radius: 16px; }

@media (max-width: 1020px) {
  .sanka-product-hero { grid-template-columns: 1fr; }
  .sanka-product-visual, .sanka-license-console { min-height: 470px; }
  .sanka-cart-layout, .sanka-checkout-layout { grid-template-columns: 1fr; }
  .sanka-cart-summary, .sanka-checkout-summary { position: static; }
  .sanka-account-layout { grid-template-columns: 210px 1fr; }
  .sanka-account-cards { grid-template-columns: repeat(2, 1fr); }
  .sanka-license-row { grid-template-columns: 1.3fr .8fr .9fr .4fr; }
  .sanka-license-row > :last-child { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
  .sanka-product-placeholder { min-height: 270px; }
  .sanka-product-hero { gap: 30px; }
  .sanka-product-visual, .sanka-license-console { min-height: 350px; }
  .sanka-product-summary h1 { font-size: 2.7rem; }
  .sanka-license-spec-grid, .sanka-product-details { grid-template-columns: 1fr; }
  .sanka-product-details { gap: 25px; margin-top: 55px; padding: 25px; }
  .sanka-cart-panel, .sanka-cart-summary .cart_totals, .sanka-checkout-customer, .sanka-checkout-summary { padding: 18px; }
  .sanka-cart-item { grid-template-columns: 52px 1fr; padding: 15px; }
  .sanka-cart-icon { width: 48px; height: 48px; }
  .sanka-cart-price { grid-column: 2; padding: 0; }
  .sanka-cart-actions, .sanka-cart-actions .coupon { align-items: stretch; flex-direction: column; }
  .sanka-account-topbar { align-items: flex-start; flex-direction: column; padding: 21px; }
  .sanka-account-layout { grid-template-columns: 1fr; }
  .woocommerce-MyAccount-navigation { overflow-x: auto; padding: 10px; }
  .sanka-account-nav-brand { display: none; }
  .woocommerce-MyAccount-navigation ul { display: flex; width: max-content; }
  .woocommerce-MyAccount-navigation li a { min-width: max-content; }
  .woocommerce-MyAccount-content { padding: 18px; }
  .sanka-account-heading { align-items: flex-start; flex-direction: column; }
  .sanka-account-cards { grid-template-columns: 1fr 1fr; }
  .sanka-dashboard-welcome { align-items: flex-start; flex-direction: column; }
  .sanka-license-row, .sanka-license-row--head { grid-template-columns: 1fr 1fr; }
  .sanka-license-row--head { display: none; }
  .sanka-license-row > :first-child { grid-column: 1 / -1; }
  .sanka-license-row > :last-child { grid-column: 1 / -1; }
  .sanka-support-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .sanka-account-cards { grid-template-columns: 1fr; }
  .sanka-license-row { grid-template-columns: 1fr; }
  .sanka-license-row > * { grid-column: 1 !important; }
  .woocommerce ul.products { grid-template-columns: 1fr !important; }
}

/* Phase 3.5 managed homepage and Demo Center */
.site-header.is-static { position: relative; top: auto; }
.sanka-logo-mobile { display: none; }
.demo-header-button { display: inline-flex; align-items: center; min-height: 42px; padding: 0 15px; color: #dceaff; border: 1px solid var(--sanka-border); border-radius: 10px; font-size: .82rem; font-weight: 740; }
.mobile-only-action { display: none; }
.gradient-text span { color: var(--sanka-accent-2); -webkit-text-fill-color: var(--sanka-accent-2); }
.sanka-hero--cyan::before { background: var(--sanka-accent-2); }
.sanka-hero--none::before { display: none; }
.sanka-trust-section { padding: 26px 0; background: rgba(7,18,35,.76); border-block: 1px solid var(--sanka-border); }
.trust-heading { margin: 0 0 24px; text-align: center; font-size: clamp(1.5rem,3vw,2.25rem); }
.trust-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(175px,1fr)); gap: 1px; overflow: hidden; background: var(--sanka-border); border: 1px solid var(--sanka-border); border-radius: 17px; }
.trust-card { min-height: 175px; padding: 23px; background: #071426; }
.trust-card > span { color: var(--sanka-accent-2); font-size: .67rem; font-weight: 850; letter-spacing: .08em; }
.trust-card > strong { display: block; margin: 19px 0 3px; font-size: 1.75rem; letter-spacing: -.04em; }
.trust-card h3 { margin: 0; font-size: .88rem; }
.trust-card p { margin: 5px 0 0; color: var(--sanka-muted); font-size: .72rem; }
.trust-card.is-demo-counter { background: linear-gradient(145deg,rgba(16,50,96,.9),#071426); }
.feature-card.is-featured, .module-item.is-featured { border-color: rgba(84,214,255,.42); box-shadow: inset 0 0 45px rgba(47,128,255,.06); }
.feature-card > small { display: inline-block; margin-bottom: 7px; color: var(--sanka-accent-2); font-size: .65rem; text-transform: uppercase; }
.feature-card > a { display: inline-block; margin-top: 16px; color: var(--sanka-accent-2); font-size: .75rem; font-weight: 700; }
.sanka-module-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.sanka-module-grid .module-item { min-height: 110px; }
.sanka-module-grid .module-item strong, .sanka-module-grid .module-item span { display: block; }
.sanka-module-grid .module-item span { margin-top: 3px; color: var(--sanka-muted); font-size: .72rem; }
.platform-card { padding-bottom: 195px; }
.platform-card > ul { position: absolute; right: 30px; bottom: 110px; left: 30px; z-index: 2; display: flex; flex-wrap: wrap; gap: 7px; padding: 0; margin: 0; list-style: none; }
.platform-card > ul li { padding: 5px 8px; color: #afbed3; background: rgba(255,255,255,.04); border: 1px solid var(--sanka-border); border-radius: 6px; font-size: .67rem; }
.platform-card > a { position: absolute; bottom: 31px; left: 31px; z-index: 3; color: var(--sanka-accent-2); font-size: .8rem; font-weight: 750; }
.platform-image { position: absolute; right: 25px; bottom: 60px; left: 25px; width: calc(100% - 50px); height: 110px; object-fit: cover; border: 1px solid var(--sanka-border); border-radius: 12px; }
.sanka-managed-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(2,260px); }
.sanka-managed-gallery .screenshot-card:first-child { grid-row: auto; }
.sanka-managed-gallery .screenshot-card:nth-child(n) img { object-position: center top; transform: none; }
.sanka-managed-gallery .screenshot-card:nth-child(n):hover img { transform: scale(1.03); }
.sanka-lightbox figure { max-width: min(1200px,94vw); margin: 0; text-align: center; }
.sanka-lightbox figure img { margin-inline: auto; }
.sanka-lightbox figcaption { margin-top: 12px; color: #b5c5dc; font-size: .82rem; }
.pricing-card .price del { margin-right: 5px; color: #71819a; font-size: 1rem; }
.cta-panel--glass { background: rgba(12,31,58,.68); backdrop-filter: blur(20px); }
.cta-panel--plain { background: #08172b; }
.footer-grid--managed { grid-template-columns: 1.5fr repeat(4,1fr); gap: 42px; }
.footer-socials { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.footer-socials a { padding: 5px 8px; color: #aab9cf; border: 1px solid var(--sanka-border); border-radius: 6px; font-size: .68rem; }
.footer-contact p { margin: 9px 0; color: #8495ae; font-size: .78rem; }

.sanka-demo-page { overflow: visible; }
.sanka-demo-hero { position: relative; overflow: hidden; padding: 90px 0; background: radial-gradient(circle at 76% 20%,rgba(47,128,255,.18),transparent 32%); }
.sanka-demo-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 62px; }
.sanka-demo-logo { max-width: 210px; max-height: 58px; margin-bottom: 25px; object-fit: contain; object-position: left; }
.sanka-demo-hero h1 { margin: 12px 0 22px; font-size: clamp(3rem,6vw,6rem); line-height: .96; letter-spacing: -.07em; }
.sanka-demo-hero-grid > div > p { max-width: 650px; color: var(--sanka-muted); font-size: 1.06rem; }
.sanka-demo-meta { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; overflow: hidden; margin-top: 34px; background: var(--sanka-border); border: 1px solid var(--sanka-border); border-radius: 13px; }
.sanka-demo-meta span { padding: 13px; background: #071426; font-size: .75rem; }
.sanka-demo-meta b { display: block; margin-bottom: 4px; color: #6f819e; font-size: .6rem; text-transform: uppercase; }
.sanka-demo-visual { overflow: hidden; padding: 8px; background: linear-gradient(145deg,rgba(74,151,255,.4),rgba(255,255,255,.06)); border-radius: 23px; box-shadow: var(--sanka-shadow); }
.sanka-demo-visual > img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 16px; }
.sanka-demo-visual .sanka-product-placeholder { min-height: 380px; border-radius: 16px; }
.sanka-demo-download-layout { display: grid; grid-template-columns: 1fr .85fr; align-items: start; gap: 24px; }
.sanka-demo-info { display: grid; gap: 18px; }
.sanka-demo-info-card, .sanka-demo-form-card { padding: 30px; background: rgba(10,24,45,.86); border: 1px solid var(--sanka-border); border-radius: 19px; }
.sanka-demo-info-card h2, .sanka-demo-form-card h2 { margin: 4px 0 16px; font-size: 1.65rem; letter-spacing: -.04em; }
.sanka-demo-info-card ul, .sanka-demo-info-card ol { padding: 0; margin: 0; list-style: none; counter-reset: demo-step; }
.sanka-demo-info-card li { padding: 11px 0; color: #b9c7db; border-bottom: 1px solid var(--sanka-border); }
.sanka-demo-info-card ul li::before { content: "✓"; margin-right: 10px; color: var(--sanka-success); }
.sanka-demo-info-card ol li { counter-increment: demo-step; }
.sanka-demo-info-card ol li::before { content: counter(demo-step); display: inline-grid; place-items: center; width: 24px; height: 24px; margin-right: 10px; color: var(--sanka-accent-2); background: rgba(47,128,255,.12); border-radius: 6px; font-size: .7rem; }
.sanka-demo-video { overflow: hidden; aspect-ratio: 16/9; border: 1px solid var(--sanka-border); border-radius: 18px; }
.sanka-demo-video iframe { width: 100%; height: 100%; }

/* Phase 3.6 · privacy-first premium demo video */
.sanka-demo-video-section { position: relative; overflow: hidden; padding: clamp(22px,4vw,36px); border: 1px solid rgba(84,214,255,.2); border-radius: 24px; background: linear-gradient(145deg,rgba(16,33,61,.94),rgba(5,11,24,.98)); box-shadow: 0 28px 70px rgba(0,0,0,.28); }
.sanka-demo-video-section::before { content: ""; position: absolute; inset: -40% auto auto 45%; width: 320px; aspect-ratio: 1; border-radius: 50%; background: rgba(47,128,255,.16); filter: blur(70px); pointer-events: none; }
.sanka-demo-video-section h2 { position: relative; margin: 9px 0 8px; font-size: clamp(1.45rem,3vw,2.05rem); }
.sanka-demo-video-section > p { position: relative; margin: 0 0 20px; color: var(--sanka-muted); }
.sanka-video-frame { position: relative; isolation: isolate; display: grid; place-items: center; overflow: hidden; width: 100%; aspect-ratio: var(--sanka-video-ratio,16/9); border: 1px solid rgba(255,255,255,.12); border-radius: 19px; background: #020711; box-shadow: inset 0 0 0 1px rgba(47,128,255,.06),0 22px 42px rgba(0,0,0,.3); }
.sanka-video-frame > img,.sanka-video-player { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; }
.sanka-video-placeholder { position: absolute; inset: 0; display: grid; place-content: center; gap: 10px; text-align: center; background: radial-gradient(circle at 50% 20%,rgba(47,128,255,.25),transparent 42%),linear-gradient(135deg,#0c1a31,#030817); }
.sanka-video-placeholder span { font-size: clamp(1.5rem,5vw,3rem); font-weight: 800; letter-spacing: -.04em; }
.sanka-video-placeholder small { color: var(--sanka-accent-2); font-weight: 700; letter-spacing: .16em; }
.sanka-video-play { position: relative; z-index: 2; display: flex; align-items: center; gap: 12px; padding: 12px 17px 12px 12px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; color: #fff; background: rgba(5,11,24,.78); backdrop-filter: blur(12px); cursor: pointer; box-shadow: 0 12px 34px rgba(0,0,0,.35); transition: .2s ease; }
.sanka-video-play:hover { transform: translateY(-2px); border-color: var(--sanka-accent-2); }
.sanka-video-play span { display: grid; place-items: center; width: 42px; aspect-ratio: 1; border-radius: 50%; color: #031027; background: linear-gradient(135deg,var(--sanka-accent-2),var(--sanka-accent)); }
.sanka-video-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.sanka-video-actions button,.sanka-video-actions a { padding: 9px 12px; border: 1px solid var(--sanka-border); border-radius: 10px; color: var(--sanka-text); background: rgba(255,255,255,.035); font: inherit; text-decoration: none; cursor: pointer; }
.sanka-video-actions button:disabled { opacity: .45; cursor: not-allowed; }
.sanka-video-note { font-size: .82rem; }
.sanka-video-message { display: grid; gap: 5px; padding: 18px; border: 1px solid rgba(255,180,70,.25); border-radius: 15px; color: #ffdba3; background: rgba(255,180,70,.07); }
@media (max-width: 767px) { .sanka-video--desktop-only { display: none; } .sanka-demo-video-section { padding: 18px; border-radius: 18px; } .sanka-video-actions { justify-content: stretch; } .sanka-video-actions > * { flex: 1; text-align: center; } .sanka-video-play b { font-size: .86rem; } }
.sanka-demo-form-card { position: sticky; top: 110px; }
.sanka-demo-form { display: grid; gap: 13px; margin-top: 22px; }
.sanka-demo-form label { color: #c5d1e3; font-size: .76rem; font-weight: 700; }
.sanka-demo-form input:not([type="checkbox"]), .sanka-demo-form textarea { display: block; width: 100%; min-height: 48px; margin-top: 6px; padding: 10px 12px; color: #fff; background: #051225; border: 1px solid rgba(122,162,221,.2); border-radius: 9px; }
.sanka-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sanka-consent { display: flex; align-items: flex-start; gap: 9px; color: #8fa0b8 !important; font-weight: 500 !important; }
.sanka-consent input { margin-top: 3px; }
.sanka-demo-form .sanka-button { width: 100%; border: 0; cursor: pointer; }
.sanka-honeypot { position: absolute; left: -9999px; }
.sanka-privacy-note { display: block; margin-top: 13px; color: #71839e; font-size: .65rem; }
.sanka-demo-error { padding: 10px 12px; color: #ffb8b0; background: rgba(255,83,64,.09); border: 1px solid rgba(255,108,91,.2); border-radius: 8px; font-size: .75rem; }
.sanka-demo-thanks { padding-block: 20px; text-align: center; }
.sanka-demo-thanks > span { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 18px; color: var(--sanka-success); background: rgba(84,225,166,.1); border: 1px solid rgba(84,225,166,.2); border-radius: 50%; font-size: 1.5rem; }
.sanka-demo-thanks p { color: var(--sanka-muted); }
.sanka-download-frame { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

@media (max-width: 1100px) { .footer-grid--managed { grid-template-columns: 1.4fr repeat(2,1fr); } .sanka-demo-hero-grid { grid-template-columns: 1fr; } .sanka-demo-visual { max-width: 760px; } }
@media (max-width: 820px) { .demo-header-button { display: none; } .mobile-only-action { display: block; } .sanka-module-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .sanka-managed-gallery { grid-template-columns: 1fr; grid-template-rows: repeat(3,240px); } .sanka-demo-download-layout { grid-template-columns: 1fr; } .sanka-demo-form-card { position: static; } }
@media (max-width: 620px) { .trust-grid, .sanka-module-grid { grid-template-columns: 1fr; } .footer-grid--managed { grid-template-columns: 1fr; } .sanka-demo-hero { padding: 65px 0; } .sanka-demo-meta { grid-template-columns: repeat(2,1fr); } .sanka-demo-visual .sanka-product-placeholder { min-height: 270px; } .sanka-form-row { grid-template-columns: 1fr; } }

/* Phase 3.7 GüvenPANEL Ticket Merkezi */
.sanka-account-tools,.sanka-ticket-actions,.sanka-ticket-dashboard { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.sanka-account-tools > a { padding:9px 13px; color:#dceaff; background:rgba(47,128,255,.15); border:1px solid rgba(90,157,255,.28); border-radius:9px; font-size:.78rem; font-weight:750; }
.sanka-notifications { position:relative; }
.sanka-notifications summary { position:relative; display:grid; place-items:center; width:39px; height:39px; cursor:pointer; background:rgba(255,255,255,.05); border:1px solid var(--sanka-border); border-radius:10px; list-style:none; }
.sanka-notifications summary::-webkit-details-marker { display:none; }
.sanka-notifications summary b,.sanka-nav-count { display:grid; place-items:center; min-width:18px; height:18px; padding:0 5px; color:#fff; background:#2f80ff; border-radius:20px; font-size:.58rem; font-style:normal; }
.sanka-notifications summary b { position:absolute; top:-6px; right:-6px; background:#f04438; }
.sanka-nav-count { margin-left:auto; }
.sanka-notifications > div { position:absolute; z-index:20; top:calc(100% + 10px); right:0; width:min(340px,80vw); padding:8px; background:#071528; border:1px solid var(--sanka-border); border-radius:13px; box-shadow:0 18px 50px rgba(0,0,0,.4); }
.sanka-notifications > div a { display:grid; gap:4px; padding:10px; color:#c7d5e9; border-radius:8px; font-size:.72rem; }
.sanka-notifications > div a.is-unread { background:rgba(47,128,255,.12); }
.sanka-notifications > div small { color:var(--sanka-muted); font-size:.62rem; }
.sanka-ticket-notice { margin-bottom:18px; padding:12px 15px; border-radius:10px; font-size:.78rem; font-weight:700; }
.sanka-ticket-notice.is-success { color:#81efc1; background:rgba(22,163,107,.13); border:1px solid rgba(84,225,166,.23); }
.sanka-ticket-notice.is-error { color:#ffb4ad; background:rgba(240,68,56,.12); border:1px solid rgba(240,68,56,.22); }
.sanka-ticket-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:18px; }
.sanka-ticket-summary > div { padding:17px; background:linear-gradient(145deg,rgba(16,35,64,.88),rgba(7,19,36,.88)); border:1px solid var(--sanka-border); border-radius:13px; }
.sanka-ticket-summary span,.sanka-ticket-summary strong { display:block; }
.sanka-ticket-summary span,.sanka-ticket-actions > span { color:var(--sanka-muted); font-size:.65rem; }
.sanka-ticket-summary strong { overflow:hidden; margin-top:10px; color:#fff; font-size:1.35rem; text-overflow:ellipsis; }
.sanka-ticket-actions { margin-bottom:18px; }
.sanka-ticket-filters { display:grid; grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(110px,.65fr)) auto; gap:8px; margin-bottom:18px; padding:12px; background:rgba(3,12,25,.62); border:1px solid var(--sanka-border); border-radius:12px; }
.sanka-ticket-filters input,.sanka-ticket-filters select,.sanka-ticket-filters button,.sanka-ticket-form input,.sanka-ticket-form select,.sanka-ticket-form textarea,.sanka-ticket-reply textarea,.sanka-ticket-reply input { width:100%; color:#d9e5f6; background:#061326; border:1px solid #203552; border-radius:8px; }
.sanka-ticket-filters button { width:auto; padding-inline:14px; cursor:pointer; color:#fff; background:#1e65dc; }
.sanka-ticket-list { overflow:hidden; border:1px solid var(--sanka-border); border-radius:13px; }
.sanka-ticket-list article { display:grid; grid-template-columns:1.5fr .65fr .8fr auto; align-items:center; gap:15px; padding:17px; border-bottom:1px solid var(--sanka-border); }
.sanka-ticket-list article:last-child { border:0; }
.sanka-ticket-list h3 { margin:5px 0; font-size:.9rem; }
.sanka-ticket-list small,.sanka-ticket-list strong { display:block; color:var(--sanka-muted); font-size:.67rem; }
.sanka-ticket-number { display:block; color:var(--sanka-accent-2); font-size:.64rem; font-weight:850; letter-spacing:.06em; }
.sanka-ticket-status { display:inline-flex; width:max-content; padding:5px 8px; border-radius:30px; font-size:.62rem; font-weight:800; }
.status-new,.status-open { color:#83bcff; background:rgba(47,128,255,.15); }
.status-waiting-customer { color:#ffd682; background:rgba(245,166,35,.13); }
.status-waiting-support { color:#c3a6ff; background:rgba(139,92,246,.14); }
.status-resolved { color:#81efc1; background:rgba(22,163,107,.14); }
.status-closed { color:#a9b6c9; background:rgba(148,163,184,.12); }
.sanka-ticket-form { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.sanka-ticket-form label { display:grid; gap:7px; color:#b8c7dc; font-size:.72rem; font-weight:700; }
.sanka-ticket-form .wide { grid-column:1/-1; }
.sanka-ticket-form input,.sanka-ticket-form select,.sanka-ticket-form textarea { min-height:43px; padding:10px 12px; }
.sanka-ticket-consent { display:flex!important; align-items:flex-start; }
.sanka-ticket-consent input { width:auto; min-height:0; margin-top:3px; }
.sanka-ticket-form-actions { display:flex!important; justify-content:flex-end; flex-direction:row; }
.sanka-ticket-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:18px; }
.sanka-ticket-detail-head a { display:block; margin-bottom:15px; color:var(--sanka-muted); font-size:.7rem; }
.sanka-ticket-detail-head h2 { margin:6px 0 0; }
.sanka-ticket-meta { display:grid; grid-template-columns:repeat(6,1fr); gap:1px; overflow:hidden; margin-bottom:20px; background:var(--sanka-border); border:1px solid var(--sanka-border); border-radius:12px; }
.sanka-ticket-meta > span { padding:12px; color:var(--sanka-muted); background:#071528; font-size:.61rem; }
.sanka-ticket-meta strong { display:block; overflow:hidden; margin-top:5px; color:#dce6f5; font-size:.7rem; text-overflow:ellipsis; }
.sanka-ticket-timeline { display:grid; gap:13px; margin:20px 0; }
.sanka-ticket-timeline article { width:min(82%,760px); padding:16px; background:#071528; border:1px solid var(--sanka-border); border-radius:14px; }
.sanka-ticket-timeline article.is-customer { justify-self:end; background:rgba(24,73,139,.3); border-color:rgba(70,139,236,.3); }
.sanka-ticket-timeline article.is-system { justify-self:center; width:auto; padding:8px 12px; color:var(--sanka-muted); background:rgba(255,255,255,.03); font-size:.7rem; }
.sanka-ticket-timeline article.is-internal { color:#7a4d00; background:#fff7df; border-color:#f3d487; }
.sanka-ticket-timeline header { display:flex; justify-content:space-between; gap:15px; margin-bottom:10px; font-size:.68rem; }
.sanka-ticket-timeline time { color:var(--sanka-muted); }
.sanka-ticket-timeline article > div { color:#c9d5e7; font-size:.78rem; line-height:1.65; }
.sanka-ticket-timeline footer { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.sanka-ticket-timeline footer a { padding:6px 8px; color:var(--sanka-accent-2); background:rgba(47,128,255,.08); border-radius:7px; font-size:.65rem; }
.sanka-ticket-reply { display:grid; gap:10px; padding:16px; background:rgba(3,12,25,.66); border:1px solid var(--sanka-border); border-radius:13px; }
.sanka-ticket-reply label { display:grid; gap:7px; font-size:.7rem; }
.sanka-ticket-reply textarea { padding:12px; }
.sanka-ticket-reply > div { display:grid; grid-template-columns:1fr 1fr auto; gap:8px; }
.sanka-ticket-status-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
.sanka-ticket-status-actions button { padding:7px 10px; cursor:pointer; color:#aab9cf; background:transparent; border:1px solid var(--sanka-border); border-radius:8px; }
.sanka-license-actions { display:grid; gap:5px; }
.sanka-ticket-dashboard { margin-top:18px; padding:18px; background:rgba(7,21,40,.86); border:1px solid var(--sanka-border); border-radius:13px; }
.sanka-ticket-dashboard h3 { margin:0 0 10px; font-size:.92rem; }
.sanka-ticket-dashboard a:not(.sanka-button) { display:flex; justify-content:space-between; gap:20px; margin-top:6px; color:#bac8da; font-size:.68rem; }
.sanka-ticket-dashboard small { color:var(--sanka-muted); }
@media (max-width:720px) { .sanka-account-tools{width:100%}.sanka-ticket-summary{grid-template-columns:1fr 1fr}.sanka-ticket-actions,.sanka-ticket-dashboard{align-items:flex-start;flex-direction:column}.sanka-ticket-filters{grid-template-columns:1fr}.sanka-ticket-list article{grid-template-columns:1fr 1fr}.sanka-ticket-list-main{grid-column:1/-1}.sanka-ticket-list article>a{grid-column:1/-1;text-align:center}.sanka-ticket-form{grid-template-columns:1fr}.sanka-ticket-form label,.sanka-ticket-form .wide{grid-column:1}.sanka-ticket-meta{grid-template-columns:1fr 1fr}.sanka-ticket-timeline article{width:100%}.sanka-ticket-reply>div{grid-template-columns:1fr} }