/* Sosyal Medyacı | Paketler 02. Yalnız smp- sınıfları: genel Bootstrap/tema ezilmez. */
.smp-scope { --smp-ink:#211a38; --smp-muted:#655f74; --smp-purple:#6334d6; --smp-line:#e6e1ef; --smp-soft:#f7f5fc; color:var(--smp-ink); font-family:inherit; font-size:16px; line-height:1.65; }
.smp-scope *, .smp-scope *::before, .smp-scope *::after { box-sizing:border-box; }
.smp-scope [hidden] { display:none!important; }
.smp-scope h1,.smp-scope h2,.smp-scope h3 { color:var(--smp-ink); font-family:inherit; font-weight:700; letter-spacing:-.035em; line-height:1.2; margin:0 0 18px; }
.smp-scope h2 { font-size:clamp(27px,3.1vw,40px); }
.smp-scope h3 { font-size:23px; }
.smp-scope p { margin:0 0 18px; }
.smp-scope a:not(.smp-button) { color:var(--smp-purple); text-decoration:underline; text-underline-offset:3px; }
.smp-scope a:focus-visible,.smp-scope button:focus-visible,.smp-scope summary:focus-visible { outline:3px solid #c68bff; outline-offset:4px; }
.smp-wrap { width:min(1180px,calc(100% - 48px)); margin-inline:auto; min-width:0; }
.smp-block { padding:76px 0; }
.smp-alt { background:var(--smp-soft); }
.smp-kicker { display:block; color:var(--smp-purple); font-weight:700; font-size:12px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:14px; }
.smp-hero { padding:36px 0 64px; background:radial-gradient(ellipse at 95% 0%,#493173 0,transparent 52%),#20152f; color:#fff; }
.smp-hero .smp-kicker { color:#dbc8ff; }
.smp-hero h1 { color:#fff; font-size:clamp(36px,4.2vw,58px); margin-bottom:22px; }
.smp-hero h1 span { color:#cdb4ff; }
.smp-hero p { color:#e0d7ed; max-width:700px; }
.smp-breadcrumb { display:flex; gap:10px; flex-wrap:wrap; padding:0; margin:0 0 42px; font-size:13px; }
.smp-hero .smp-breadcrumb a { color:#e0d7ed; }
.smp-hero-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:50px; align-items:center; }
.smp-intro-card { background:#ffffff0b; border:1px solid #ffffff2c; border-radius:22px; padding:28px; }
.smp-intro-card h2 { color:#fff; font-size:25px; }
.smp-intro-row { display:flex; justify-content:space-between; gap:18px; padding:14px 0; border-bottom:1px solid #ffffff24; }
.smp-intro-row:last-of-type { border:0; }
.smp-intro-row strong { white-space:nowrap; color:#eee3ff; }
.smp-intro-card p { font-size:13px; line-height:1.7; margin:18px 0 0; }
.smp-actions { display:flex; gap:12px; flex-wrap:wrap; margin:26px 0 0; }
.smp-button { display:inline-flex; justify-content:center; align-items:center; gap:10px; padding:13px 21px; min-height:49px; border:1px solid transparent; border-radius:10px; background:var(--smp-purple); color:#fff!important; font:inherit; font-size:15px; line-height:1.4; font-weight:700; text-align:center; text-decoration:none; cursor:pointer; transition:background .15s; }
.smp-button:hover { background:#4d24b0; color:#fff; }
.smp-button--ghost { color:#fff!important; border-color:#ffffff50; background:#ffffff08; }
.smp-button--ghost:hover { background:#ffffff19; }
.smp-button--outline { color:var(--smp-purple)!important; background:#fff; border-color:var(--smp-line); }
.smp-button--outline:hover { background:var(--smp-soft); }
.smp-button[disabled] { opacity:.65; cursor:wait; }
.smp-heading { max-width:820px; margin:0 auto 32px; text-align:center; }
.smp-heading p { color:var(--smp-muted); }
.smp-catalog { padding:68px 0; }
.smp-tabs { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:0 0 30px; }
.smp-tab { appearance:none; color:var(--smp-ink); background:#fff; border:1px solid var(--smp-line); border-radius:999px; padding:13px 23px; font:inherit; font-weight:700; cursor:pointer; }
.smp-tab[aria-selected="true"] { background:var(--smp-purple); color:#fff; border-color:var(--smp-purple); }
.smp-panel { scroll-margin-top:120px; }
.smp-panel-title { font-size:24px!important; margin-bottom:22px!important; }
.smp-panel + .smp-panel { margin-top:38px; }
.smp-enhanced .smp-panel + .smp-panel { margin-top:0; }
.smp-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; }
.smp-card { display:flex; flex-direction:column; padding:28px; min-width:0; border:1px solid var(--smp-line); border-radius:18px; background:#fff; box-shadow:0 10px 35px #24133c05; position:relative; scroll-margin-top:125px; }
.smp-card--standard { border-color:#b69be9; box-shadow:0 12px 35px #6334d609; }
.smp-card .smp-card-group { color:var(--smp-muted); font-size:11px; font-weight:700; letter-spacing:.055em; text-transform:uppercase; min-height:19px; margin:0 0 9px; }
.smp-card h3 { font-size:26px; margin-bottom:15px; }
.smp-card-stat { color:var(--smp-purple); font-size:21px; font-weight:700; line-height:1.35; }
.smp-card-stat small { display:block; color:var(--smp-muted); font-size:12px; font-weight:400; margin-top:5px; letter-spacing:0; }
.smp-card-brief { color:var(--smp-muted); font-size:14px; line-height:1.65; margin:16px 0!important; min-height:47px; }
.smp-features { list-style:none; margin:0 0 23px; padding:18px 0 0; border-top:1px solid var(--smp-line); }
.smp-features li { position:relative; padding:0 0 11px 23px; color:#514a61; font-size:14px; line-height:1.55; overflow-wrap:anywhere; }
.smp-features li::before { content:'✓'; position:absolute; left:0; top:0; color:var(--smp-purple); font-weight:700; }
.smp-features .smp-promo { color:#5e35a3; font-weight:700; }
.smp-card-bottom { margin-top:auto; padding-top:12px; }
.smp-card-price { color:var(--smp-muted); font-size:13px; margin-bottom:10px!important; }
.smp-card .smp-button { width:100%; }
.smp-catalog-note { margin:26px auto 0!important; max-width:900px; color:var(--smp-muted); font-size:13px; text-align:center; }
.smp-web { margin-top:28px; padding:0; border:1px solid var(--smp-line); border-radius:14px; background:var(--smp-soft); }
.smp-web > summary { cursor:pointer; font-size:16px; font-weight:700; padding:20px 24px; }
.smp-web-inner { padding:0 20px 24px; }
.smp-web-inner > p { color:var(--smp-muted); font-size:14px; }
.smp-table-wrap { overflow:auto; border:1px solid var(--smp-line); border-radius:14px; background:#fff; margin:0 0 30px; }
.smp-table { width:100%; border-collapse:collapse; min-width:690px; font-size:14px; line-height:1.6; }
.smp-table caption { caption-side:top; text-align:left; font-size:19px; font-weight:700; color:var(--smp-ink); padding:20px; }
.smp-table th,.smp-table td { padding:17px 20px; border-top:1px solid var(--smp-line); vertical-align:top; width:24%; text-align:left; }
.smp-table th:first-child,.smp-table td:first-child { width:28%; }
.smp-table thead th { color:var(--smp-purple); background:#faf8ff; }
.smp-table tbody th { font-weight:600; }
.smp-table .smp-not-specified { font-size:12px; color:#6e647c; }
.smp-small { font-size:13px; color:var(--smp-muted); }
.smp-info-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.smp-info { border:1px solid var(--smp-line); background:#fff; border-radius:16px; padding:27px; min-width:0; }
.smp-info h3 { font-size:21px; }
.smp-info p { color:var(--smp-muted); font-size:15px; margin:0; }
.smp-info-number { font-weight:700; color:var(--smp-purple); font-size:13px; display:block; margin-bottom:14px; }
.smp-note { padding:22px 25px; background:var(--smp-soft); border-left:3px solid var(--smp-purple); border-radius:0 10px 10px 0; margin-top:28px; }
.smp-note p { margin:0; font-size:14px; }
.smp-offer-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:45px; align-items:start; }
.smp-contact { margin-top:30px; padding-top:25px; border-top:1px solid var(--smp-line); }
.smp-contact a { font-size:21px; font-weight:700; }
.smp-form { background:#fff; padding:32px; border:1px solid var(--smp-line); border-radius:20px; box-shadow:0 12px 40px #23103306; }
.smp-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.smp-field { min-width:0; }
.smp-field--wide { grid-column:1/-1; }
.smp-form label { display:block; font-size:14px; color:var(--smp-ink); font-weight:600; margin:0 0 7px; }
.smp-form input:not([type=hidden]),.smp-form select,.smp-form textarea { display:block; width:100%; min-width:0; max-width:100%; border:1px solid #dcd6e7; background:#fff; border-radius:9px; color:var(--smp-ink); font:inherit; font-size:15px; padding:11px 12px; margin:0; min-height:48px; }
.smp-form select { appearance:auto; }
.smp-form textarea { min-height:108px; resize:vertical; }
.smp-form input:focus,.smp-form select:focus,.smp-form textarea:focus { border-color:var(--smp-purple); outline:2px solid #d8c7f7; outline-offset:1px; }
.smp-form .smp-button { width:100%; margin-top:20px; }
.smp-result { border-radius:10px; padding:14px; font-size:14px; margin-top:18px; overflow-wrap:anywhere; }
.smp-result[data-state=pending] { background:#f1ecff; color:#54358d; }
.smp-result[data-state=success] { background:#eafaef; color:#185b3b; }
.smp-result[data-state=error] { background:#fff0f2; color:#922b3d; }
.smp-hp { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip-path:inset(50%); white-space:nowrap; }
.smp-faq { max-width:940px; margin:0 auto; }
.smp-faq details { border:1px solid var(--smp-line); border-radius:12px; background:#fff; margin:0 0 12px; }
.smp-faq summary { padding:20px 24px; cursor:pointer; font-weight:600; font-size:16px; }
.smp-faq details p { padding:0 24px 23px; margin:0; color:var(--smp-muted); font-size:15px; }
.smp-related { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 26px; margin-top:30px; font-size:14px; }
.smp-scope [id] { scroll-margin-top:125px; }
@media(min-width:1600px) { .smp-wrap { width:min(1220px,calc(100% - 64px)); } }
@media(max-width:991px) { .smp-hero-grid,.smp-offer-grid { grid-template-columns:1fr; gap:32px; } .smp-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } .smp-info-grid { grid-template-columns:1fr; } .smp-intro-card { max-width:680px; } .smp-card { padding:23px; } }
@media(max-width:679px) { .smp-wrap { width:calc(100% - 32px); } .smp-hero { padding:24px 0 42px; } .smp-breadcrumb { margin-bottom:30px; } .smp-catalog,.smp-block { padding:46px 0; } .smp-cards { grid-template-columns:minmax(0,1fr); gap:18px; } .smp-card { padding:24px; } .smp-card-brief { min-height:0; } .smp-form { padding:21px; } .smp-form-grid { grid-template-columns:1fr; gap:15px; } .smp-tab { width:100%; font-size:14px; } .smp-web-inner { padding:0 12px 16px; } .smp-actions .smp-button { width:100%; } .smp-intro-card { padding:22px; } .smp-intro-row { flex-wrap:wrap; gap:6px; } }
@media(prefers-reduced-motion:reduce) { .smp-scope * { scroll-behavior:auto!important; transition:none!important; } }