/* Native advertising page: reuse the site's typography, palette and motion. */
.native-page {--native-ink:#26325a;--native-blue:#106bfe;--native-teal:#15ca9e;--native-muted:#676e7c;}
.native-page .native-hero h1 {font-size:clamp(30px,3.4vw,46px);font-weight:500;line-height:1.2;max-width:1000px;margin:0 auto 22px;}
.native-page .native-hero p {text-transform:none;max-width:850px;margin:0 auto 24px;line-height:1.8;}
.native-page .native-actions {display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.native-page .native-outline {border:1px solid var(--native-ink);border-radius:6px;color:var(--native-ink);background:#fff;}
.native-page .native-outline:hover {background:#eef3fa;}
.native-page a:focus-visible,.native-page video:focus-visible {outline:3px solid var(--native-teal);outline-offset:4px;}
.native-page .native-grid {row-gap:28px;}
.native-page .native-benefit {padding:28px;border-radius:22px;background:#fff;box-shadow:0 4px 18px rgb(188 202 211 / 30%);height:100%;}
.native-page .native-benefit h3 {font-size:21px;line-height:1.4;}
.native-page .native-benefit p:last-child {margin:0;}
.native-page .native-number {display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:18px;background:#e8f1ff;color:var(--native-blue);border-radius:12px;font-weight:600;}
.native-page #native-sablonlar {scroll-margin-top:115px;}
.native-page .native-section-head {max-width:800px;margin:0 auto 36px;text-align:center;}
.native-page .native-model {height:100%;margin:0;padding:24px 20px;border-radius:22px;background:#fff;box-shadow:0 4px 18px rgb(188 202 211 / 30%);}
.native-page .native-model-heading {min-height:105px;text-align:center;}
.native-page .native-model-heading h3 {font-size:21px;line-height:1.4;}
.native-page .native-model-heading p {font-size:14px;line-height:1.65;}
.native-page .native-device {max-width:300px;margin:0 auto;border:6px solid var(--native-ink);border-radius:30px;background:#f5f8fb;box-shadow:0 15px 30px rgb(38 50 90 / 12%);overflow:hidden;}
.native-page .native-device-top {height:31px;background:#fff;display:flex;align-items:center;justify-content:center;}
.native-page .native-device-top::before {content:"";width:66px;height:7px;background:var(--native-ink);border-radius:8px;}
.native-page .native-device-bar {display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px;background:var(--native-ink);color:#fff;font-size:13px;}
.native-page .native-device-bar b {font-size:16px;}
.native-page .native-feed {padding:14px;min-height:412px;}
.native-page .native-feed-item {display:flex;align-items:center;gap:10px;padding:0 0 13px;margin-bottom:13px;border-bottom:1px solid #e1e8ef;}
.native-page .native-feed-item img {width:48px;height:48px;object-fit:cover;border-radius:8px;}
.native-page .native-feed-item strong {display:block;font-size:12px;line-height:1.5;color:var(--native-ink);}
.native-page .native-feed-item small {font-size:10px;color:var(--native-muted);}
.native-page .native-ad {padding:12px;background:#fff;border:1px solid #dce7f0;border-radius:12px;margin-bottom:14px;}
.native-page .native-ad-label {display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px;font-size:10px;color:var(--native-muted);}
.native-page .native-ad-label span:first-child {padding:3px 7px;background:#e4f7f1;color:#087a62;border-radius:4px;font-weight:500;}
.native-page .native-app-name {display:flex;align-items:center;gap:9px;margin-bottom:12px;}
.native-page .native-app-icon {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:9px;background:var(--native-blue);color:#fff;font-size:18px;font-weight:600;}
.native-page .native-app-name strong {display:block;color:var(--native-ink);font-size:13px;}
.native-page .native-app-name small {font-size:10px;color:var(--native-muted);}
.native-page .native-creative {display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:8px;margin:0 0 10px;}
.native-page .native-ad h4 {font-size:15px;line-height:1.4;margin:10px 0 6px;}
.native-page .native-ad p {font-size:11px;line-height:1.65;margin:0 0 10px;}
.native-page .native-demo-button {display:block;padding:9px 5px;border-radius:6px;background:var(--native-blue);color:#fff;font-size:12px;text-align:center;font-weight:500;}
.native-page .native-video-wrap {position:relative;margin-bottom:10px;}
.native-page .native-video-wrap video {display:block;width:100%;aspect-ratio:16/10;border-radius:8px;background:#18213b;object-fit:contain;}
.native-page .native-video-state {display:flex;align-items:center;gap:6px;font-size:10px;color:var(--native-muted);margin-top:7px;}
.native-page .native-video-state::before {content:"";width:6px;height:6px;background:#95a2b1;border-radius:50%;}
.native-page .native-video-state.is-playing::before {background:var(--native-teal);}
.native-page .native-video-error {margin-top:8px;}
.native-page .native-video-error[hidden] {display:none;}
.native-page .native-device-bottom {width:80px;height:4px;margin:10px auto;background:#aeb9c8;border-radius:4px;}
.native-page .native-caption {display:block;max-width:300px;margin:18px auto 0;font-size:13px;line-height:1.7;color:var(--native-muted);}
.native-page .native-notice {font-size:13px;line-height:1.7;text-align:center;margin-top:24px;}
.native-page .native-steps {list-style:none;padding:0;margin-bottom:0;}
.native-page .native-steps li {list-style:none;}
.native-page .native-end-cta {padding:42px;border-radius:22px;background:linear-gradient(60deg,#26325a,#515b7b);text-align:center;}
.native-page .native-end-cta h2,.native-page .native-end-cta p {color:#fff;}
.native-page .native-end-cta .btn {background:#fff;color:var(--native-ink);border-radius:6px;}
/* Compact sponsored content placement, matching an activity-feed layout. */
.native-page .native-content-model .native-device-bar {background:#0baec0;}
.native-page .native-content-model .native-feed {padding:4px 0;background:#fff;}
.native-page .native-sport-row {display:flex;align-items:center;gap:9px;padding:17px 11px;min-height:88px;}
.native-page .native-sport-thumb {display:flex;align-items:center;justify-content:center;flex:0 0 43px;height:48px;border-radius:3px;color:#fff;overflow:hidden;}
.native-page .native-sport-thumb svg {width:34px;height:34px;}
.native-page .native-sport-teal {background:linear-gradient(145deg,#74d1bc,#178b86);}
.native-page .native-sport-blue {background:linear-gradient(145deg,#8cbbe4,#436eac);}
.native-page .native-sport-coral {background:linear-gradient(145deg,#df9581,#9d4351);}
.native-page .native-sport-green {background:linear-gradient(145deg,#91b895,#47755b);}
.native-page .native-sport-meta {flex:1;min-width:0;}
.native-page .native-sport-meta strong {display:block;font-size:12px;font-weight:500;line-height:1.5;color:#515b7b;}
.native-page .native-sport-distance {display:block;margin:4px 0;color:#0087ee;font-size:10px;}
.native-page .native-sport-meta small {display:block;color:#89919d;font-size:9px;}
.native-page .native-sport-like {display:flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;border:1px solid #e4e7eb;border-radius:50%;color:#aeb4bc;font-size:18px;}
.native-page .native-sport-like.is-liked {color:#f16d4e;}
.native-page .native-inline-ad {padding:8px;background:#f5f6f7;border-top:1px solid #eff1f3;border-bottom:1px solid #eff1f3;}
.native-page .native-inline-label {display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:7px;font-size:8px;line-height:1.4;color:#89919d;}
.native-page .native-inline-label span:first-child {background:#f6b027;color:#26325a;padding:2px 4px;border-radius:2px;}
.native-page .native-inline-body {display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:7px;align-items:center;}
.native-page .native-inline-logo {display:flex;align-items:center;justify-content:center;height:46px;background:#e7e9eb;}
.native-page .native-inline-logo::before {content:"";width:18px;height:14px;background:#15ca9e;transform:skew(-22deg);}
.native-page .native-inline-copy {min-width:0;}
.native-page .native-inline-copy h4 {font-size:11px;font-weight:500;line-height:1.4;color:#515b7b;margin:0 0 4px;}
.native-page .native-inline-copy p {font-size:9px;line-height:1.4;color:#858d97;margin:0 0 5px;}
.native-page .native-inline-url {display:block;color:#0087ee;font-size:8px;line-height:1.5;overflow-wrap:anywhere;}
.native-page .native-inline-visit {border:1px solid #cbd0d6;border-radius:20px;padding:6px;font-size:8px;line-height:1.3;color:#737d88;white-space:nowrap;}
#native-basvuru {scroll-margin-top:115px;}
@media (min-width:992px) {
    .native-page #native-sablonlar .native-device {height:600px;display:flex;flex-direction:column;}
    .native-page #native-sablonlar .native-device-top,
    .native-page #native-sablonlar .native-device-bar,
    .native-page #native-sablonlar .native-device-bottom {flex-shrink:0;}
    .native-page #native-sablonlar .native-feed {flex:1;min-height:0;}
}
@media (max-width:991px) {
    .native-page .native-model {max-width:560px;margin:0 auto;}
    .native-page .native-model-heading {min-height:0;margin-bottom:24px;}
}
@media (max-width:575px) {
    .native-page .native-benefit,.native-page .native-end-cta {padding:24px;}
    .native-page .native-model {padding:24px 12px;}
    .native-page .native-actions .btn {width:100%;}
}