/* AI Store Plus — ana sayfa bölümleri (mu-plugins/aistore-home.php). Ürün şablonuyla aynı renk dili. */
.asph,.asph *{box-sizing:border-box}
.asph{--ink:#0f1428;--muted:#5a6378;--line:#eceef4;--indigo:#4f46e5;--violet:#7c3aed;--fuchsia:#db2777;font-family:Cabin,system-ui,sans-serif;color:var(--muted);line-height:1.65}
.asph h1,.asph h2,.asph h3{font-family:"Readex Pro",sans-serif;color:var(--ink);margin:0;letter-spacing:-.02em;text-transform:none}
.asph p{margin:0}
.asph a{text-decoration:none}
.asph ul{list-style:none;margin:0;padding:0}
.asph li::before{content:none!important}
.asph .ic{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- hero ---------- */
.asph-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr .85fr;gap:40px;align-items:center;border-radius:30px;padding:64px 60px;margin:26px 0 0;color:#e7e5ff;background:radial-gradient(110% 140% at 0% 0%,#4338ca 0%,transparent 55%),radial-gradient(80% 120% at 100% 0%,#9333ea 0%,transparent 60%),radial-gradient(70% 110% at 100% 100%,#db2777 0%,transparent 55%),#1e1b4b}
.asph-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 20% 110%,rgba(14,165,233,.25),transparent 60%);pointer-events:none}
.asph-hero > *{position:relative;z-index:1}
.asph-hero .h-kicker{display:inline-flex;align-items:center;gap:8px;font:500 12.5px "Readex Pro",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f5d0fe;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.asph-hero h1{color:#fff!important;font-size:50px;line-height:1.08;font-weight:600;margin:20px 0 18px;letter-spacing:-.035em}
.asph-hero h1 span{background:linear-gradient(90deg,#a5b4fc,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}
.asph-hero .h-lead{font-size:18px;max-width:600px;color:#d9d5ff}
.asph-hero .h-cta{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 24px}
.asph .b-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:14px;background:#fff;color:#312e81!important;font:600 15.5px "Readex Pro",sans-serif;box-shadow:0 14px 30px -14px rgba(0,0,0,.5);transition:transform .2s}
.asph .b-primary:hover{transform:translateY(-2px)}
.asph-hero .b-ghost{display:inline-flex;align-items:center;padding:15px 22px;border-radius:14px;color:#fff!important;font:500 15.5px "Readex Pro",sans-serif;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22)}
.asph-hero .h-points{display:flex;flex-wrap:wrap;gap:8px 22px}
.asph-hero .h-points li{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:#e9e6ff}
.asph-hero .h-points .ic{width:17px;height:17px;color:#86efac;stroke-width:2.4}
.asph-hero .h-stack{display:grid;gap:14px}
.asph-hero .h-card{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 20px 40px -24px rgba(0,0,0,.55);transition:transform .25s}
.asph-hero .h-card:hover{transform:translateX(-6px)}
.asph-hero .h-card.c2{margin-left:-26px}
.asph-hero .h-logo{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font:700 22px "Readex Pro",sans-serif;color:#fff}
.asph-hero .c1 .h-logo{background:linear-gradient(135deg,#ec4899,#8b5cf6)}
.asph-hero .c2 .h-logo{background:linear-gradient(135deg,#0ea5e9,#4f46e5)}
.asph-hero .c3 .h-logo{background:linear-gradient(135deg,#f59e0b,#db2777)}
.asph-hero .h-meta b{display:block;font:500 15.5px "Readex Pro",sans-serif;color:#fff}
.asph-hero .h-meta small{font-size:13px;color:#c9c3f5}
.asph-hero .h-price{font:600 18px "Readex Pro",sans-serif;color:#fff}
/* OpenArt hero görseli (aistore-home.php ASPH_HERO_IMG): metin solda, görsel sağda */
.asph-hero.has-img{grid-template-columns:1fr;min-height:560px;background:linear-gradient(90deg,rgba(9,12,38,.94) 0%,rgba(9,12,38,.82) 34%,rgba(9,12,38,.25) 58%,rgba(9,12,38,0) 72%),var(--hero-d) right center/cover no-repeat,#0b1030}
.asph-hero.has-img::after{display:none}
.asph-hero.has-img .h-copy{max-width:640px}

/* ---------- slider (1.5.0, 2026-10-12): kendi stoğumuzdaki ürünler; hero'nun yerine ---------- */
.asph-slider{position:relative;margin:22px 0 0;border-radius:28px;overflow:hidden;background:#0b0f1b;box-shadow:0 30px 60px -42px rgba(15,12,60,.9);isolation:isolate}
.asph-slider .sl-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.asph-slider .sl-track::-webkit-scrollbar{display:none}
.asph-slider .sl-slide{position:relative;flex:0 0 100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;height:clamp(380px,33vw,440px);display:flex;align-items:center;color:#e7e5ff;overflow:hidden}
.asph-slider .sl-art{position:absolute;inset:0;display:block}
.asph-slider .sl-art picture,.asph-slider .sl-art img{display:block;width:100%;height:100%}
.asph-slider .sl-art img{object-fit:cover;object-position:right center;margin:0!important;max-width:none;border-radius:0}
.asph-slider .sl-slide::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,11,26,.92) 0%,rgba(8,11,26,.78) 30%,rgba(8,11,26,.28) 52%,rgba(8,11,26,0) 66%);pointer-events:none}
.asph-slider .sl-copy{position:relative;z-index:2;width:min(580px,54%);padding:0 0 30px 58px}
.asph-slider .sl-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;font:500 12px "Readex Pro",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#f5f3ff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.asph-slider .sl-eyebrow .ic{width:15px;height:15px;color:var(--tone)}
.asph-slider .sl-head{display:flex;align-items:center;gap:16px;margin:18px 0 16px}
.asph-slider .sl-icon{width:60px;height:60px;border-radius:16px;flex:none;margin:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 14px 34px -14px var(--tone)}
.asph-slider .sl-name{display:block;min-width:0}
.asph-slider .sl-title{display:block;font:600 40px/1.06 "Readex Pro",sans-serif;color:#fff!important;letter-spacing:-.03em}
.asph-slider .sl-sub{display:block;margin-top:6px;font-size:16px;color:#d9d5ff}
.asph-slider .sl-pts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.asph-slider .sl-pts li{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:10px;font-size:14px;line-height:1.35;color:#efeeff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.asph-slider .sl-pts .ic{width:15px;height:15px;color:var(--tone);stroke-width:2.4}
.asph-slider .sl-buy{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.asph-slider .sl-price{font:600 32px "Readex Pro",sans-serif;color:#fff;letter-spacing:-.02em}
.asph-slider .b-primary .ic{width:18px;height:18px}
.asph-slider .sl-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;font-size:13.5px;color:#d3cff8}
.asph-slider .sl-meta span{display:inline-flex;align-items:center;gap:6px}
.asph-slider .sl-meta .ic{width:15px;height:15px;color:#86efac;stroke-width:2.4}
.asph-slider .sl-meta .out .ic{color:#fcd34d;stroke-width:1.9}
/* gezinme: noktalar solda altta, oklar kenarlarda (üstüne gelince) */
.asph-slider .sl-nav{position:absolute;z-index:3;left:58px;bottom:24px;display:flex;align-items:center;gap:8px}
.asph.asph-slider button.sl-dot,.asph.asph-slider button.sl-play,.asph.asph-slider button.sl-arrow{margin:0;padding:0;min-height:0;line-height:1;box-shadow:none;text-transform:none;cursor:pointer;-webkit-appearance:none;appearance:none}
.asph.asph-slider button.sl-dot{width:26px;height:6px;border:0;border-radius:99px;background:rgba(255,255,255,.3);transition:width .3s,background .3s;box-sizing:content-box;padding:9px 0;background-clip:content-box}
.asph.asph-slider button.sl-dot:hover{background:rgba(255,255,255,.6)}
.asph.asph-slider button.sl-dot[aria-current="true"]{width:46px;background:#fff}
.asph.asph-slider button.sl-play{width:28px;height:28px;margin-left:6px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(8,11,26,.35);color:#fff;display:grid;place-items:center}
.asph.asph-slider button.sl-play:hover{background:rgba(8,11,26,.6)}
.asph-slider .sl-play .ic{width:13px;height:13px;stroke-width:2.4}
.asph-slider .sl-play .i-play,.asph-slider.is-stopped .sl-play .i-pause{display:none}
.asph-slider.is-stopped .sl-play .i-play{display:inline}
.asph.asph-slider button.sl-arrow{position:absolute;z-index:3;top:50%;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(8,11,26,.45);color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .25s,background .2s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.asph.asph-slider button.sl-arrow:hover{background:rgba(8,11,26,.75)}
.asph-slider:hover .sl-arrow,.asph-slider .sl-arrow:focus-visible{opacity:1}
.asph-slider .sl-arrow .ic{width:22px;height:22px;stroke-width:2.2}
.asph-slider .sl-prev{left:14px}.asph-slider .sl-next{right:14px}
@media (prefers-reduced-motion:reduce){.asph-slider .sl-track{scroll-behavior:auto}.asph.asph-slider button.sl-dot{transition:none}}
/* slider açıkken H1: kısa giriş */
.asph-intro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 36px;margin:26px 0 0}
.asph-intro h1{font-size:32px;line-height:1.15;font-weight:600;letter-spacing:-.03em}
.asph-intro h1 span{background:linear-gradient(90deg,#6d4eec,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}
.asph-intro p{max-width:600px;font-size:15.5px}

/* ---------- güven şeridi ---------- */
.asph-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 0}
.asph-trust .t-item{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px -24px rgba(30,27,75,.45)}
.asph-trust b{display:block;font:500 15.5px "Readex Pro",sans-serif;color:var(--ink)}
.asph-trust small{font-size:13.5px;line-height:1.45;display:block}
.asph .t-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none}
.asph .t-ic .ic{width:21px;height:21px}
.asph .i1{background:#e0e7ff;color:#4f46e5}.asph .i2{background:#ccfbf1;color:#0d9488}.asph .i3{background:#fce7f3;color:#db2777}.asph .i4{background:#fef3c7;color:#d97706}

/* ---------- bölüm başlığı ---------- */
.asph-sec{margin:64px 0 0}
.asph-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}
.asph-head .s-kicker{display:inline-block;font:600 12.5px "Readex Pro",sans-serif;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,var(--indigo),var(--fuchsia));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}
.asph-head h2{font-size:32px;font-weight:600;line-height:1.15}
.asph-head p{margin-top:8px;font-size:16.5px;max-width:640px}
.asph-head .s-more{flex:none;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;color:#3730a3!important;font:500 14.5px "Readex Pro",sans-serif;transition:border-color .2s}
.asph-head .s-more:hover{border-color:#c7c2fb}
.asph-head .s-more .ic{width:17px;height:17px}

/* ---------- kampanyalar ---------- */
.asph-camp{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.asph-camp .c-card{display:block;border-radius:24px;overflow:hidden;background:#0b1020;box-shadow:0 22px 44px -30px rgba(30,27,75,.75);transition:transform .25s}
.asph-camp .c-card:hover{transform:translateY(-4px)}
.asph-camp .c-img{display:block;aspect-ratio:1376/768;overflow:hidden}
.asph-camp .c-img img{width:100%;height:100%;object-fit:cover;display:block;margin:0!important}
.asph-camp .c-body{display:block;padding:16px 18px 18px;background:linear-gradient(180deg,#121735,#0b1020)}
.asph-camp .c-body b{display:block;font:500 16.5px "Readex Pro",sans-serif;color:#fff}
.asph-camp .c-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.asph-camp .c-row em{font:600 20px "Readex Pro",sans-serif;font-style:normal;color:#fff}
.asph-camp .c-row i{font-style:normal;display:inline-flex;align-items:center;gap:6px;font:500 14px "Readex Pro",sans-serif;color:#c4b5fd}
.asph-camp .c-row .ic{width:16px;height:16px}

/* ---------- kategoriler ---------- */
.asph-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.asph-cats .k-card{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:transform .2s,box-shadow .2s,border-color .2s}
.asph-cats .k-card:hover{transform:translateY(-3px);border-color:#ddd8fb;box-shadow:0 18px 36px -26px rgba(79,70,229,.6)}
.asph-cats .k-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;box-shadow:0 12px 22px -14px rgba(0,0,0,.55)}
.asph-cats .k-ic .ic{width:24px;height:24px}
.asph .g1{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.asph .g2{background:linear-gradient(135deg,#ec4899,#f43f5e)}
.asph .g3{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.asph .g4{background:linear-gradient(135deg,#f59e0b,#ec4899)}
.asph .g5{background:linear-gradient(135deg,#10b981,#0d9488)}.asph .g6{background:linear-gradient(135deg,#8b5cf6,#db2777)}
.asph .g7{background:linear-gradient(135deg,#14b8a6,#0ea5e9)}.asph .g8{background:linear-gradient(135deg,#f43f5e,#f97316)}
.asph .g9{background:linear-gradient(135deg,#2563eb,#0d9488)}.asph .g10{background:linear-gradient(135deg,#334155,#6366f1)}.asph .g11{background:linear-gradient(135deg,#f97316,#eab308)}
.asph-cats .k-txt b{display:block;font:500 16px "Readex Pro",sans-serif;color:var(--ink);line-height:1.3}
.asph-cats .k-txt small{font-size:13.5px}
.asph-cats .k-go{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f4f3ff;color:#4f46e5}
.asph-cats .k-go .ic{width:16px;height:16px}
.asph .g12{background:linear-gradient(135deg,#f59e0b,#eab308)}.asph .g13{background:linear-gradient(135deg,#0078d4,#64748b)}
/* Görselli kategori kartı (2026-10-08): OpenArt görseli kartı kaplar, ad ve sayı koyu geçişin üzerinde */
.asph-cats.has-pic{gap:16px}
.asph-cats .k-card.k-pic{position:relative;display:block;padding:0;overflow:hidden;border:0;background:#0b1030;aspect-ratio:4/3;border-radius:20px;box-shadow:0 18px 38px -26px rgba(15,23,42,.6);isolation:isolate}
.asph-cats .k-card.k-pic .k-img{position:absolute;inset:0;z-index:-1}
.asph-cats .k-card.k-pic .k-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.asph-cats .k-card.k-pic::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(6,9,26,0) 38%,rgba(6,9,26,.5) 64%,rgba(6,9,26,.92) 100%);pointer-events:none}
.asph-cats .k-card.k-pic:hover{transform:translateY(-4px);box-shadow:0 26px 46px -26px rgba(109,78,236,.75)}
.asph-cats .k-card.k-pic:hover .k-img img{transform:scale(1.07)}
.asph-cats .k-card.k-pic .k-txt{position:absolute;left:18px;right:62px;bottom:16px;z-index:1}
.asph-cats .k-card.k-pic .k-txt b{color:#fff;font-size:17px;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.asph-cats .k-card.k-pic .k-txt small{color:rgba(226,230,255,.86)}
.asph-cats .k-card.k-pic .k-go{position:absolute;right:16px;bottom:16px;z-index:1;background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s}
.asph-cats .k-card.k-pic:hover .k-go{background:#6d4eec}

/* ---------- raflar (WooCommerce ürün ızgarası) ---------- */
.asph-shelf .woocommerce{margin:0}
.asph-shelf ul.products,.asph-shelf .products{margin-bottom:0!important}

/* ---------- vitrin: sekmeli, API satışına göre (aistore-home.php [asp_home_showcase]) ---------- */
.asph-show .sh-tabs{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.asph-show .sh-tab{display:inline-flex;align-items:center;gap:8px;min-height:0;margin:0;padding:11px 17px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:500 14.5px/1.2 "Readex Pro",sans-serif;letter-spacing:0;text-transform:none;box-shadow:0 8px 20px -18px rgba(30,27,75,.5);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.asph-show .sh-tab .ic{width:18px;height:18px;color:#7c3aed}
.asph-show .sh-tab:hover{border-color:#c7c2fb;background:#fff;color:var(--ink)}
.asph-show .sh-tab.is-active,.asph-show .sh-tab.is-active:hover{color:#fff;border-color:transparent;background:linear-gradient(90deg,var(--indigo),var(--violet),var(--fuchsia));box-shadow:0 14px 28px -14px rgba(79,70,229,.75)}
.asph-show .sh-tab.is-active .ic{color:#fff}
.asph-show .sh-tab:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}
.asph-show .sh-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px}
.asph-show .sh-bar p{font-size:15px}
.asph-show .sh-bar .s-more{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:#3730a3!important;font:500 14px "Readex Pro",sans-serif;transition:border-color .2s}
.asph-show .sh-bar .s-more:hover{border-color:#c7c2fb}
.asph-show .sh-bar .s-more .ic{width:16px;height:16px}
.asph-show .woocommerce{margin:0}
.asph-show .products{margin-bottom:0!important}
/* sıra rozeti: Çok Satanlar ve Trend */
.asph-show .is-rank .products{counter-reset:shr}
.asph-show .is-rank .wd-product{counter-increment:shr}
.asph-show .is-rank .wd-product-thumb{position:relative}
.asph-show .is-rank .wd-product-thumb::before{content:counter(shr);position:absolute;left:10px;top:10px;z-index:4;min-width:30px;height:30px;padding:0 9px;border-radius:999px;display:grid;place-items:center;font:600 14px/1 "Readex Pro",sans-serif;color:#fff;background:linear-gradient(135deg,var(--indigo),var(--fuchsia));box-shadow:0 8px 18px -8px rgba(79,70,229,.85);pointer-events:none}

/* ---------- adımlar / neden ---------- */
.asph-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.asph-steps .st-card{padding:26px;border-radius:22px;background:#fff;border:1px solid var(--line)}
.asph-steps b{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;font:600 18px "Readex Pro",sans-serif;color:#fff;margin-bottom:16px}
.asph-steps .st-card:nth-child(1) b{background:linear-gradient(135deg,#0ea5e9,#4f46e5)}
.asph-steps .st-card:nth-child(2) b{background:linear-gradient(135deg,#6366f1,#9333ea)}
.asph-steps .st-card:nth-child(3) b{background:linear-gradient(135deg,#a855f7,#db2777)}
.asph-steps h3,.asph-why h3{font-size:18px;font-weight:500;margin-bottom:6px}
.asph-steps p,.asph-why p{font-size:15.5px}
.asph-why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.asph-why .w-card{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line)}
.asph-why .t-ic{margin-bottom:16px}

/* ---------- SSS ---------- */
.asph-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.asph-faq details{border-radius:18px;background:#fff;border:1px solid var(--line);padding:0 20px}
.asph-faq details[open]{border-color:#e0dcfb;box-shadow:0 14px 30px -26px #4f46e5}
.asph-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;font:500 16px "Readex Pro",sans-serif;color:var(--ink)}
.asph-faq summary::-webkit-details-marker{display:none}
.asph-faq summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;font:500 18px/28px "Readex Pro",sans-serif;text-align:center;color:#fff;background:linear-gradient(135deg,var(--indigo),var(--fuchsia));transition:transform .2s}
.asph-faq details[open] summary::after{transform:rotate(45deg)}
.asph-faq details p{padding:0 0 18px;font-size:15.5px}
.asph-faq details a{color:#4f46e5;text-decoration:underline}

/* ---------- SEO + CTA ---------- */
.asph-seo{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:34px;border-radius:24px;background:#fafaff;border:1px solid var(--line)}
.asph-seo h2{font-size:24px;font-weight:600;margin-bottom:12px}
.asph-seo p{font-size:15.5px}
.asph-seo .seo-links{margin-top:12px;line-height:2}
.asph-seo .seo-links a{color:#4338ca;font-weight:500}
.asph-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:64px 0 40px;padding:38px 44px;border-radius:28px;color:#e9e7ff;background:radial-gradient(90% 160% at 0% 0%,#4338ca,transparent 60%),radial-gradient(80% 160% at 100% 100%,#db2777,transparent 60%),#1e1b4b}
.asph-cta h2{color:#fff!important;font-size:28px;font-weight:600}
.asph-cta p{margin-top:6px;color:#d9d5ff}

@media (max-width:1024px){
  .asph-hero{grid-template-columns:1fr;padding:44px 32px}.asph-hero .h-card.c2{margin-left:0}
  .asph-hero.has-img{min-height:500px;background:linear-gradient(90deg,rgba(9,12,38,.95) 0%,rgba(9,12,38,.85) 45%,rgba(9,12,38,.35) 75%,rgba(9,12,38,.1) 100%),var(--hero-d) 70% center/cover no-repeat,#0b1030}
  .asph-cats{grid-template-columns:repeat(2,1fr)}.asph-why{grid-template-columns:repeat(2,1fr)}.asph-trust{grid-template-columns:repeat(2,1fr)}
  .asph-cats.has-pic{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:680px){
  .asph-hero h1{font-size:34px}.asph-hero{padding:34px 22px;border-radius:24px}
  .asph-hero.has-img{min-height:0;padding-top:250px;background:linear-gradient(180deg,rgba(9,12,38,0) 0%,rgba(9,12,38,.2) 120px,rgba(9,12,38,.92) 250px,#090c26 330px),var(--hero-m) 78% 0/auto 300px no-repeat,#090c26}
  .asph-camp,.asph-steps,.asph-why,.asph-faq,.asph-seo,.asph-trust,.asph-cats{grid-template-columns:1fr}
  .asph-head{flex-direction:column;align-items:flex-start}.asph-head h2{font-size:26px}
  .asph-cta{flex-direction:column;align-items:flex-start;padding:28px 24px}

  /* Mobil sadeleştirme (2026-10-02): içerik aynı kalır (SEO), dikey uzunluk kısalır. */
  .asph-sec{margin-top:40px}
  .asph-head{gap:10px;margin-bottom:16px}.asph-head h2{font-size:23px}.asph-head p{font-size:14.5px;margin-top:6px}
  .asph-head .s-more{padding:9px 14px;font-size:14px}
  .asph-hero h1{font-size:30px;margin:16px 0 12px}.asph-hero .h-lead{font-size:15px}
  .asph-hero .h-cta{margin:20px 0 16px;gap:10px}
  .asph .b-primary,.asph-hero .b-ghost{padding:13px 18px;font-size:14.5px}
  .asph-hero .h-points li{font-size:13.5px}
  /* güven şeridi: 2×2, yalnızca başlık */
  .asph-trust{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .asph-trust .t-item{padding:11px;gap:10px;border-radius:15px}
  .asph-trust small{display:none}
  .asph-trust b{font-size:13.5px;line-height:1.3}
  .asph .t-ic{width:34px;height:34px;border-radius:11px}.asph .t-ic .ic{width:18px;height:18px}
  /* yana kaydırmalı şeritler: kampanyalar, adımlar, neden biz */
  .asph-camp,.asph-steps,.asph-why{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -15px;padding:2px 15px 8px}
  .asph-camp::-webkit-scrollbar,.asph-steps::-webkit-scrollbar,.asph-why::-webkit-scrollbar{display:none}
  .asph-camp > *{flex:0 0 84%;scroll-snap-align:start}
  .asph-steps > *,.asph-why > *{flex:0 0 76%;scroll-snap-align:start}
  .asph-steps .st-card,.asph-why .w-card{padding:18px;border-radius:18px}
  .asph-steps b{width:38px;height:38px;border-radius:12px;font-size:15px;margin-bottom:10px}
  .asph-why .t-ic{margin-bottom:10px}
  .asph-steps h3,.asph-why h3{font-size:16px}.asph-steps p,.asph-why p{font-size:14px;line-height:1.55}
  /* kategoriler: 2 sütun kompakt */
  .asph-cats{grid-template-columns:1fr 1fr;gap:8px}
  .asph-cats .k-card{grid-template-columns:38px 1fr;gap:10px;padding:11px;border-radius:15px}
  .asph-cats .k-ic{width:38px;height:38px;border-radius:12px}.asph-cats .k-ic .ic{width:19px;height:19px}
  .asph-cats .k-go{display:none}
  .asph-cats .k-txt b{font-size:13.5px}.asph-cats .k-txt small{font-size:12px}
  .asph-cats.has-pic{grid-template-columns:1fr 1fr;gap:10px}
  .asph-cats .k-card.k-pic{display:block;padding:0;border-radius:15px;aspect-ratio:1/1}
  .asph-cats .k-card.k-pic::after{background:linear-gradient(180deg,rgba(6,9,26,0) 30%,rgba(6,9,26,.62) 58%,rgba(6,9,26,.95) 100%)}
  .asph-cats .k-card.k-pic .k-txt{left:11px;right:11px;bottom:9px}
  .asph-cats .k-card.k-pic .k-txt b{font-size:13.5px;line-height:1.25}
  /* raflar: mobilde ilk 4 ürün */
  .asph-shelf .products > :nth-child(n+5){display:none!important}
  /* vitrin: sekmeler yana kayar, sekme başına 4 ürün */
  .asph-show .sh-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -15px 12px;padding:2px 15px 8px}
  .asph-show .sh-tabs::-webkit-scrollbar{display:none}
  .asph-show .sh-tab{flex:none;padding:9px 14px;font-size:13.5px}
  .asph-show .sh-tab .ic{width:16px;height:16px}
  .asph-show .sh-bar{margin-bottom:12px;gap:10px}.asph-show .sh-bar p{font-size:13.5px;line-height:1.45}
  .asph-show .sh-bar .s-more{padding:7px 11px;font-size:13px}
  .asph-show .products > :nth-child(n+5){display:none!important}
  .asph-show .is-rank .wd-product-thumb::before{min-width:26px;height:26px;padding:0 7px;font-size:12.5px;left:8px;top:8px}
  /* SSS ve SEO metni */
  .asph-faq summary{font-size:15px;padding:15px 0}.asph-faq details p{font-size:14.5px}
  .asph-seo{gap:14px;padding:20px;border-radius:20px}.asph-seo h2{font-size:20px}.asph-seo p{font-size:14px}
  .asph-cta{margin:40px 0 30px}.asph-cta h2{font-size:22px}
}

/* ---------- ana sayfa v2 (1.6.0, 2026-10-13): görselli güven + "Neden" kartları, dikey vitrin listesi ----------
   Açık: option asph_v2=1 ya da önizleme ?asp_home_v2=1 (aistore-home.php asph_v2). Görseller OpenArt (koyu lacivert, cam 3D). */
.asph-trust.v2 .t-item{gap:16px;padding:14px 18px 14px 14px;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfaff);border:1px solid #ece9fb;box-shadow:0 18px 36px -30px rgba(30,27,75,.55);transition:transform .2s,box-shadow .2s}
.asph-trust.v2 .t-item:hover{transform:translateY(-2px);box-shadow:0 22px 40px -28px rgba(79,70,229,.6)}
.asph-trust.v2 .t-pic{flex:none;width:68px;height:68px;border-radius:18px;overflow:hidden;background:#0b0f1b;box-shadow:0 12px 24px -12px rgba(30,27,75,.8),inset 0 0 0 1px rgba(255,255,255,.08)}
.asph-trust.v2 .t-pic img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.asph-why.v2 .w-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:24px;border:1px solid #ece9fb;background:#fff;box-shadow:0 22px 44px -36px rgba(30,27,75,.6);transition:transform .25s,box-shadow .25s}
.asph-why.v2 .w-card:hover{transform:translateY(-3px);box-shadow:0 28px 52px -32px rgba(79,70,229,.6)}
.asph-why.v2 .w-pic{display:block;aspect-ratio:4/3;overflow:hidden;background:#0b0f1b}
.asph-why.v2 .w-pic img{display:block;width:100%;height:100%;object-fit:cover;margin:0;transition:transform .6s ease}
.asph-why.v2 .w-card:hover .w-pic img{transform:scale(1.04)}
.asph-why.v2 .w-body{padding:20px 22px 22px}
.asph-show.v2 .sh-wrap{display:grid;grid-template-columns:268px minmax(0,1fr);gap:26px;align-items:start}
.asph-show.v2 .sh-side{position:sticky;top:96px;padding:16px 12px 12px;border-radius:24px;color:#e9e7ff;background:radial-gradient(120% 70% at 0% 0%,#4338ca 0%,transparent 62%),radial-gradient(110% 70% at 100% 100%,#9333ea 0%,transparent 62%),#14113a;box-shadow:0 26px 50px -34px rgba(30,27,75,.9)}
.asph-show.v2 .sh-side-t{margin:0 0 8px;padding:2px 10px 0;color:#c4b5fd;font:600 12px "Readex Pro",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.asph-show.v2 .sh-tabs{display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;margin:0}
.asph-show.v2 .sh-tab{width:100%;justify-content:flex-start;padding:12px 12px;border-radius:14px;border:1px solid transparent;background:transparent;color:#e4e1ff;box-shadow:none;text-align:left}
.asph-show.v2 .sh-tab .ic{color:#c4b5fd}
.asph-show.v2 .sh-tab span{flex:1;min-width:0}
.asph-show.v2 .sh-tab em{flex:none;min-width:26px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:#d9d5ff;font:500 12px/1.4 "Readex Pro",sans-serif;font-style:normal;text-align:center}
.asph-show.v2 .sh-tab:hover{background:rgba(255,255,255,.07);border-color:transparent;color:#fff}
.asph-show.v2 .sh-tab.is-active,.asph-show.v2 .sh-tab.is-active:hover{background:linear-gradient(90deg,var(--indigo),var(--violet),var(--fuchsia));color:#fff;box-shadow:0 14px 26px -14px rgba(219,39,119,.7)}
.asph-show.v2 .sh-tab.is-active .ic{color:#fff}
.asph-show.v2 .sh-tab.is-active em{background:rgba(255,255,255,.22);color:#fff}
.asph-show.v2 .sh-all{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff!important;font:500 14px "Readex Pro",sans-serif;transition:background-color .2s}
.asph-show.v2 .sh-all:hover{background:rgba(255,255,255,.12)}
.asph-show.v2 .sh-all .ic{width:16px;height:16px}
.asph-show.v2 .sh-main{min-width:0}
@media (max-width:1024px){
  .asph-show.v2 .sh-wrap{grid-template-columns:minmax(0,1fr);gap:14px} /* 1fr değil: ürün ızgarası sütunu genişletip taşıyordu */
  .asph-show.v2 .sh-side{position:static;padding:8px;border-radius:18px}
  .asph-show.v2 .sh-side-t,.asph-show.v2 .sh-all{display:none}
  .asph-show.v2 .sh-tabs{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .asph-show.v2 .sh-tabs::-webkit-scrollbar{display:none}
  .asph-show.v2 .sh-tab{width:auto;flex:none;padding:10px 13px}
  .asph-show.v2 .sh-tab em{display:none}
}
@media (max-width:680px){
  .asph-trust.v2 .t-item{padding:9px 10px 9px 9px;gap:10px;border-radius:16px}
  .asph-trust.v2 .t-pic{width:44px;height:44px;border-radius:12px}
  .asph-why.v2 .w-card{padding:0;border-radius:20px}
  .asph-why.v2 .w-body{padding:15px 16px 17px}
  .asph-show.v2 .sh-tabs{margin:0;padding:0}
  .asph-show.v2 .sh-tab{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){
  .asph-trust.v2 .t-item,.asph-why.v2 .w-card,.asph-why.v2 .w-pic img{transition:none}
}

/* ---------- ana sayfa v2 ek (1.7.0, 2026-10-13): görselli adımlar, koyu "Neden" bandı, yardım kartlı SSS,
   görselli tanıtım bandı ve CTA. Görseller OpenArt (koyu lacivert, cam 3D), option asph_v2_images. ---------- */
.asph-steps.v2{position:relative;gap:20px}
.asph-steps.v2 .st-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:24px;border:1px solid #ece9fb;background:#fff;box-shadow:0 22px 44px -36px rgba(30,27,75,.6);transition:transform .25s,box-shadow .25s}
.asph-steps.v2 .st-card:hover{transform:translateY(-3px);box-shadow:0 28px 52px -32px rgba(79,70,229,.6)}
.asph-steps.v2 .st-pic{display:block;aspect-ratio:16/10;overflow:hidden;background:#0b0f1b}
.asph-steps.v2 .st-pic img{display:block;width:100%;height:100%;object-fit:cover;margin:0;transition:transform .6s ease}
.asph-steps.v2 .st-card:hover .st-pic img{transform:scale(1.04)}
.asph-steps.v2 .st-body{position:relative;padding:34px 24px 24px}
.asph-steps.v2 .st-body b{position:absolute;top:-24px;left:24px;margin:0;width:48px;height:48px;border-radius:16px;border:3px solid #fff;box-shadow:0 12px 24px -10px rgba(79,70,229,.7)}
.asph-steps.v2 .st-card:not(:last-child)::after{content:"";position:absolute;z-index:2;top:calc(50% - 40px);right:-17px;width:14px;height:14px;border-top:2px solid #c4b5fd;border-right:2px solid #c4b5fd;transform:rotate(45deg)}
.asph-steps.v2 .st-card{position:relative;overflow:visible}
.asph-steps.v2 .st-pic{border-radius:23px 23px 0 0}

.asph-sec.asph-dark{position:relative;padding:54px 48px 50px;border-radius:32px;color:#c9c6ef;overflow:hidden;background:radial-gradient(60% 80% at 0% 0%,rgba(79,70,229,.5),transparent 62%),radial-gradient(55% 80% at 100% 100%,rgba(219,39,119,.32),transparent 62%),radial-gradient(40% 60% at 85% 0%,rgba(14,165,233,.18),transparent 60%),#0a0d1f;box-shadow:0 40px 80px -50px rgba(15,12,60,.9)}
.asph-sec.asph-dark::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(80% 70% at 50% 0%,#000,transparent);mask-image:radial-gradient(80% 70% at 50% 0%,#000,transparent);pointer-events:none}
.asph-sec.asph-dark > *{position:relative}
.asph-dark .asph-head h2{color:#fff}
.asph-dark .asph-head .s-kicker{background:linear-gradient(90deg,#a5b4fc,#f0abfc);-webkit-background-clip:text;background-clip:text}
.asph-dark .asph-why.v2 .w-card{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:0 26px 50px -34px rgba(0,0,0,.9);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.asph-dark .asph-why.v2 .w-card:hover{border-color:rgba(196,181,253,.35);box-shadow:0 30px 60px -30px rgba(109,78,236,.55)}
.asph-dark .asph-why.v2 .w-pic{border-bottom:1px solid rgba(255,255,255,.07)}
.asph-dark .asph-why h3{color:#fff}
.asph-dark .asph-why p{color:#b9b5e6}
.asph-why.v2 .w-no{display:block;margin-bottom:8px;font:600 12px "Readex Pro",sans-serif;letter-spacing:.14em;background:linear-gradient(90deg,#818cf8,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}

.asph-faq-wrap{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:24px;align-items:start}
.asph-faq-wrap .asph-faq.v2{grid-template-columns:1fr;gap:10px}
.asph-faq.v2 details{counter-increment:fq;border-radius:18px;border:1px solid #ece9fb;background:linear-gradient(180deg,#fff,#fcfbff);transition:border-color .2s,box-shadow .2s}
.asph-faq.v2 details:hover{border-color:#ddd6fe}
.asph-faq.v2 details[open]{border-color:#c4b5fd;box-shadow:0 20px 40px -30px rgba(79,70,229,.7)}
.asph-faq.v2 summary::before{content:counter(fq,decimal-leading-zero);flex:none;width:34px;font:600 13px "Readex Pro",sans-serif;letter-spacing:.06em;background:linear-gradient(90deg,var(--indigo),var(--fuchsia));-webkit-background-clip:text;background-clip:text;color:transparent}
.asph-faq.v2 summary{justify-content:flex-start}
.asph-faq.v2 summary::after{margin-left:auto}
.asph-faq.v2 details p{padding-left:48px}
.asph-faq.v2{counter-reset:fq}
.fq-card{position:sticky;top:96px;display:flex;flex-direction:column;overflow:hidden;border-radius:28px;color:#d9d5ff;background:#0a0d1f;box-shadow:0 34px 70px -40px rgba(15,12,60,.95);border:1px solid rgba(255,255,255,.06)}
.fq-card .fq-pic{display:block;aspect-ratio:3/2;overflow:hidden}
.fq-card .fq-pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;margin:0}
.fq-card .fq-in{position:relative;margin-top:-64px;padding:0 26px 26px;background:linear-gradient(180deg,transparent 0,#0a0d1f 64px)}
.fq-card .fq-kick{display:inline-block;margin:0 0 10px;padding:6px 12px;border-radius:999px;font:600 11.5px "Readex Pro",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f5d0fe;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.fq-card h3{color:#fff!important;font-size:24px;font-weight:600;margin-bottom:8px}
.fq-card p{font-size:15px;color:#c3bfef}
.fq-card .fq-ask{margin:18px 0 0}
.fq-card .fq-links{display:grid;gap:8px;margin-top:14px}
.fq-card .fq-links a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#fff!important;font:500 14px "Readex Pro",sans-serif;transition:background-color .2s,border-color .2s}
.fq-card .fq-links a:hover{background:rgba(255,255,255,.1);border-color:rgba(196,181,253,.35)}
.fq-card .fq-links .ic{width:18px;height:18px;color:#c4b5fd}

.asph-seo.v2{position:relative;display:block;min-height:420px;padding:0;overflow:hidden;border:0;border-radius:32px;background:#0a0d1f;box-shadow:0 40px 80px -50px rgba(15,12,60,.9)}
.asph-seo.v2 .seo-pic{position:absolute;inset:0 0 0 38%} /* sahnenin konusu ortada: görsel sağa kaydırılır, sol zemin bandın rengi */
.asph-seo.v2 .seo-pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center;margin:0}
.asph-seo.v2::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0d1f 0%,rgba(10,13,31,.92) 38%,rgba(10,13,31,.35) 62%,rgba(10,13,31,0) 80%);pointer-events:none}
.asph-seo.v2 .seo-in{position:relative;z-index:1;max-width:620px;padding:52px 50px}
.asph-seo.v2 .s-kicker{display:inline-block;margin-bottom:10px;font:600 12.5px "Readex Pro",sans-serif;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#a5b4fc,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}
.asph-seo.v2 h2{color:#fff!important;font-size:30px;margin-bottom:14px}
.asph-seo.v2 p{color:#c3bfef;font-size:15.5px}
.asph-seo.v2 p + p{margin-top:12px}
.asph-seo.v2 .seo-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;line-height:1.3}
.asph-seo.v2 .seo-links a{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);color:#ece9ff;font:500 13.5px "Readex Pro",sans-serif;transition:background-color .2s,border-color .2s}
.asph-seo.v2 .seo-links a:hover{background:rgba(255,255,255,.14);border-color:rgba(196,181,253,.45)}

/* 1.9.5 (2026-10-16, kullanıcı: "şu görseli de yüksek kalitede profesyonel bir şey yap"): CTA v4 sahnesi (cam çanta,
   GPT Image 2.5 4K high, scripts/home-v4/make_cta.py). Görsel kutuyu kaplamaz: sağda tam yükseklikte, konu kırpılmaz,
   sol kenarı maskeyle zemine erir; zemin görselin kenar rengi (#01041a) + hafif çivit ışıma. */
.asph-cta.v2{position:relative;display:flex;align-items:center;min-height:400px;padding:0;overflow:hidden;background:radial-gradient(60% 130% at 0% 0%,rgba(79,70,229,.22) 0%,rgba(79,70,229,0) 62%),radial-gradient(40% 90% at 100% 100%,rgba(192,38,211,.12) 0%,rgba(192,38,211,0) 70%),#01041a}
.asph-cta.v2 .cta-pic{position:absolute;top:0;right:0;height:100%;aspect-ratio:2000/1428;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%);mask-image:linear-gradient(90deg,transparent 0%,#000 32%)}
.asph-cta.v2 .cta-pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center;margin:0}
.asph-cta.v2::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,4,26,.9) 0%,rgba(1,4,26,.55) 40%,rgba(1,4,26,0) 58%);pointer-events:none}
.asph-cta.v2 .cta-in{position:relative;z-index:1;max-width:600px;padding:60px 56px}
.asph-cta.v2 h2{font-size:38px;line-height:1.15}
.asph-cta.v2 p{margin:12px 0 28px;font-size:17px;color:#d6d9f2}

@media (max-width:1024px){
  .asph-steps.v2 .st-card:not(:last-child)::after{display:none}
  .asph-faq-wrap{grid-template-columns:minmax(0,1fr)}
  .fq-card{position:static;flex-direction:row;align-items:stretch}
  .fq-card .fq-pic{flex:0 0 38%;aspect-ratio:auto}
  .fq-card .fq-in{margin:0;padding:26px;background:none}
  .asph-sec.asph-dark{padding:40px 28px}
  .asph-cta.v2{min-height:340px}
  .asph-cta.v2 .cta-in{max-width:60%;padding:44px 34px}
  .asph-cta.v2 h2{font-size:28px}
}
@media (max-width:680px){
  .asph-steps.v2 .st-card{border-radius:20px}
  .asph-steps.v2 .st-pic{border-radius:19px 19px 0 0}
  .asph-steps.v2 .st-body{padding:28px 16px 18px}
  .asph-steps.v2 .st-body b{top:-20px;left:16px;width:40px;height:40px;border-radius:13px}
  .asph-sec.asph-dark{margin-left:-15px;margin-right:-15px;padding:34px 15px 30px;border-radius:24px}
  .fq-card{flex-direction:column;border-radius:22px}
  .fq-card .fq-pic{flex:none;aspect-ratio:16/9}
  .fq-card .fq-pic img{object-position:50% 35%}
  .fq-card .fq-in{margin-top:-40px;padding:0 18px 20px;background:linear-gradient(180deg,transparent 0,#0a0d1f 40px)}
  .fq-card h3{font-size:20px}
  .asph-faq.v2 details p{padding-left:0}
  .asph-faq.v2 summary::before{width:28px}
  .asph-seo.v2{min-height:0;border-radius:22px}
  .asph-seo.v2 .seo-pic{position:relative;inset:auto;display:block;aspect-ratio:16/9}
  .asph-seo.v2 .seo-pic img{object-position:72% center}
  .asph-seo.v2::after{background:linear-gradient(180deg,rgba(10,13,31,0) 0%,rgba(10,13,31,0) 22%,#0a0d1f 38%)}
  .asph-seo.v2 .seo-in{margin-top:-56px;padding:0 18px 24px}
  .asph-seo.v2 h2{font-size:22px}
  .asph-cta.v2{min-height:0;border-radius:22px}
  .asph-cta.v2 .cta-pic{position:relative;inset:auto;display:block;aspect-ratio:16/9}
  .asph-cta.v2 .cta-pic img{object-position:75% center}
  .asph-cta.v2::after{background:linear-gradient(180deg,rgba(20,15,61,0) 0%,rgba(20,15,61,0) 25%,#140f3d 40%)}
  .asph-cta.v2 .cta-in{margin-top:-50px;padding:0 20px 26px}
  .asph-cta.v2 h2{font-size:24px}
}
/* 1.8.0 (2026-10-14, kullanıcı: "mobilde footer ve üstündeki görseller çok yer kaplıyor"): telefon için ayrı kırpımlar
   (<picture>, aistore-assets/home-m/, scripts/home-v2/make_mobile.py). İçerik aynı (SEO), yalnızca yerleşim kompakt. */
.fq-pic picture,.seo-pic picture,.cta-pic picture{display:contents}
@media (max-width:680px){
  /* SSS yardım kartı: görsel başlığın yanında küçük kare (eskiden üstte 16:9) */
  .fq-card{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px;align-items:center;padding:16px;border-radius:20px}
  .fq-card .fq-pic{grid-row:1/3;grid-column:1;width:72px;height:72px;aspect-ratio:auto;border-radius:16px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
  .fq-card .fq-pic img{object-position:center}
  .fq-card .fq-in{display:contents}
  .fq-card .fq-kick{grid-column:2;grid-row:1;align-self:end;justify-self:start;margin:0 0 6px;padding:4px 10px;font-size:10.5px}
  .fq-card h3{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:19px}
  .fq-card p,.fq-card .fq-ask,.fq-card .fq-links{grid-column:1/-1}
  .fq-card p{margin-top:12px;font-size:14px;line-height:1.55}
  .fq-card .fq-ask{margin-top:12px}
  .fq-card .fq-links{margin-top:10px;gap:6px}
  .fq-card .fq-links a{padding:9px 12px;font-size:13.5px}
  /* tanıtım bandı: görsel kendi oranında (2,33:1), başlık görselin solundaki boş alana biner; kategoriler 2 satır, yana kayar */
  .asph-seo.v2 .seo-pic{aspect-ratio:900/386}
  .asph-seo.v2 .seo-pic img{object-position:right center}
  .asph-seo.v2::after{inset:0 0 auto 0;aspect-ratio:900/386;background:linear-gradient(90deg,#0a0d1f 0%,rgba(10,13,31,.86) 40%,rgba(10,13,31,0) 66%),linear-gradient(180deg,rgba(10,13,31,0) 60%,#0a0d1f 100%)}
  .asph-seo.v2 .seo-in{margin-top:calc(-100% * 386 / 900 + 18px);padding:0 16px 18px}
  .asph-seo.v2 .s-kicker{margin-bottom:6px;font-size:11px}
  .asph-seo.v2 h2{max-width:60%;font-size:19px;line-height:1.3;margin-bottom:12px}
  .asph-seo.v2 p{font-size:14px;line-height:1.6}
  .asph-seo.v2 p + p{margin-top:8px}
  .asph-seo.v2 .seo-links{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;justify-content:start;gap:6px;margin:12px -16px 0;padding:0 16px 2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .asph-seo.v2 .seo-links::-webkit-scrollbar{display:none}
  .asph-seo.v2 .seo-links a{padding:6px 11px;font-size:12.5px;white-space:nowrap}
  /* CTA: başlık + yanında küçük kare görsel; metin ve düğme altta (eskiden üstte 16:9 görsel) */
  .asph-cta.v2{display:grid;grid-template-columns:minmax(0,1fr) 84px;column-gap:14px;row-gap:0;align-items:center;margin:32px 0 26px;padding:18px;background:radial-gradient(90% 120% at 0% 0%,#3b2fb8 0%,transparent 60%),radial-gradient(80% 120% at 100% 100%,#a21caf 0%,transparent 62%),#140f3d}
  .asph-cta.v2::after{display:none}
  .asph-cta.v2 .cta-pic{position:static;grid-column:2;grid-row:1;width:84px;height:84px;aspect-ratio:auto;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1);-webkit-mask-image:none;mask-image:none}
  .asph-cta.v2 .cta-in{max-width:none}
  .asph-cta.v2 .cta-in{display:contents}
  .asph-cta.v2 h2{grid-column:1;grid-row:1;margin:0;font-size:21px;line-height:1.25}
  .asph-cta.v2 p{grid-column:1/-1;margin:10px 0 14px;font-size:14px;line-height:1.55}
  .asph-cta.v2 .b-primary{grid-column:1/-1;justify-self:start}
  /* "Neden" kartlarının görseli biraz daha alçak */
  .asph-why.v2 .w-pic{aspect-ratio:16/10}
}
@media (prefers-reduced-motion:reduce){
  .asph-steps.v2 .st-card,.asph-steps.v2 .st-pic img{transition:none}
}

/* ---------- slider: tablet ve telefon (1.5.0) ---------- */
@media (max-width:1024px){
  .asph-slider .sl-slide{height:clamp(340px,44vw,420px)}
  .asph-slider .sl-slide::before{background:linear-gradient(90deg,rgba(8,11,26,.94) 0%,rgba(8,11,26,.84) 42%,rgba(8,11,26,.3) 66%,rgba(8,11,26,.05) 82%)}
  .asph-slider .sl-copy{width:min(560px,64%);padding-left:36px}
  .asph-slider .sl-title{font-size:32px}
  .asph-slider .sl-nav{left:36px}
  .asph-slider .sl-pts li:nth-child(n+3){display:none}
  .asph-intro h1{font-size:27px}
}
/* Telefon: AYRI düzen (kullanıcı: "mobilde aynısı olmasın, mobile uygun ayrı slider"): üstte 1,9:1 sahne
   (konu sağda, kırpım make_assets.py); ad ve alt satır sahnenin altındaki koyu geçişin üstünde, TAM
   genişlikte (yan yana düzende "HeyGen Crea…" diye kesiliyordu); altta fiyat + düğme. Toplam ~226 px. */
@media (max-width:680px){
  .asph-slider{margin-top:12px;border-radius:20px;background:#10142b;box-shadow:0 18px 36px -28px rgba(15,12,60,.9)}
  .asph-slider .sl-slide{display:block;height:auto}
  .asph-slider .sl-slide::before{display:none}
  .asph-slider .sl-art{position:relative;inset:auto;aspect-ratio:1.9/1;overflow:hidden}
  .asph-slider .sl-art::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64%;background:linear-gradient(180deg,rgba(16,20,43,0) 0%,rgba(16,20,43,.8) 58%,#10142b 100%);pointer-events:none}
  .asph-slider .sl-art img{object-position:center}
  .asph-slider .sl-copy{position:static;width:auto;padding:8px 12px 12px}
  .asph-slider .sl-eyebrow{position:absolute;top:10px;left:10px;padding:5px 10px;font-size:10.5px;letter-spacing:.08em;background:rgba(8,11,26,.55)}
  .asph-slider .sl-head{position:absolute;z-index:2;left:12px;right:12px;bottom:60px;margin:0;gap:10px}
  .asph-slider .sl-icon{width:40px;height:40px;border-radius:11px}
  .asph-slider .sl-name{flex:1}
  .asph-slider .sl-title{font-size:19px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .asph-slider .sl-sub{margin-top:1px;font-size:12.5px;line-height:1.3;color:#d6d2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .asph-slider .sl-pts,.asph-slider .sl-meta{display:none}
  .asph-slider .sl-buy{flex-wrap:nowrap;justify-content:space-between;gap:10px}
  .asph-slider .sl-price{font-size:21px;line-height:1}
  .asph-slider .b-primary{padding:9px 14px;gap:6px;border-radius:11px;font-size:13.5px}
  .asph-slider .b-primary .ic{width:15px;height:15px}
  .asph-slider .sl-nav{left:auto;right:10px;top:10px;bottom:auto;gap:6px;padding:6px 8px;border-radius:99px;background:rgba(8,11,26,.5)}
  .asph.asph-slider button.sl-dot{width:7px;height:7px;padding:0}
  .asph.asph-slider button.sl-dot[aria-current="true"]{width:20px}
  .asph.asph-slider button.sl-play,.asph.asph-slider button.sl-arrow{display:none}
  .asph-intro{margin-top:16px;gap:6px}
  .asph-intro h1{font-size:22px}
  .asph-intro p{font-size:14px;line-height:1.5}
}
/* 1.9.0 (2026-10-15) tanıtım bandı v3 (premium): sahne alanı görselin kendi oranında (OpenArt 4K high, konu sağda;
   kartlar her genişlikte tam görünür), solda metin; kategoriler altta ayrı şerit. 1180 px altında sahne üstte, metin
   altta; telefonda 16:10 kırpım (home-m/seo3-m.webp). */
.asph-seo.v3{position:relative;display:block;padding:0;overflow:hidden;isolation:isolate;border:0;border-radius:32px;background:#060914;box-shadow:0 50px 90px -60px rgba(49,24,128,.85)}
.asph-seo.v3::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1px;background:linear-gradient(125deg,rgba(165,180,252,.42),rgba(255,255,255,.05) 28%,rgba(255,255,255,0) 58%,rgba(240,171,252,.34));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.asph-seo.v3 .seo-stage{position:relative;isolation:isolate;display:flex;align-items:center;aspect-ratio:5/2}
.asph-seo.v3 .seo-pic{position:absolute;inset:0;z-index:-2}
.asph-seo.v3 .seo-pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%;margin:0;max-width:none}
.asph-seo.v3 .seo-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060914 0%,rgba(6,9,20,.96) 27%,rgba(6,9,20,.6) 38%,rgba(6,9,20,0) 46%),linear-gradient(180deg,rgba(6,9,20,0) 72%,#060914 100%);pointer-events:none}
.asph-seo.v3 .seo-in{position:relative;max-width:520px;padding:30px 0 22px 58px}
.asph-seo.v3 .s-kicker{display:inline-flex;align-items:center;gap:10px;padding:5px 15px 5px 5px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font:600 11.5px "Readex Pro",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ebe8ff}
.asph-seo.v3 .s-kicker img{display:block;width:22px;height:22px;margin:0;border-radius:7px}
.asph-seo.v3 h2{margin:18px 0 0;color:#fff!important;font:600 44px/1.08 "Readex Pro",sans-serif;letter-spacing:-.035em}
.asph-seo.v3 h2 .s-grad{display:block;background:linear-gradient(92deg,#c7d2fe 0%,#ddd6fe 34%,#f5d0fe 66%,#fbcfe8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.asph-seo.v3 .s-lead{margin:14px 0 0;max-width:500px;color:#d6d2f6;font-size:16.5px;line-height:1.6}
.asph-seo.v3 .s-stats{display:flex;margin:22px 0 0;padding:0;list-style:none}
.asph-seo.v3 .s-stats li{margin:0;padding:0 30px;border-left:1px solid rgba(255,255,255,.13);list-style:none}
.asph-seo.v3 .s-stats li:first-child{padding-left:0;border-left:0}
.asph-seo.v3 .s-stats b{display:block;font:600 36px/1 "Readex Pro",sans-serif;color:#fff;letter-spacing:-.035em}
.asph-seo.v3 .s-stats b i{font-style:normal;background:linear-gradient(90deg,#a5b4fc,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}
.asph-seo.v3 .s-stats span{display:block;margin-top:8px;font:500 13px "Readex Pro",sans-serif;color:#a9a5d8}
.asph-seo.v3 .s-body{margin:20px 0 0;max-width:470px;color:#a29ecb;font-size:13.5px;line-height:1.65}
.asph-seo.v3 .seo-links{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:2px 58px 34px;line-height:1.2}
.asph-seo.v3 .seo-links a{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);color:#efedff!important;font:500 13.5px "Readex Pro",sans-serif;transition:background-color .2s,border-color .2s,transform .2s}
.asph-seo.v3 .seo-links a:hover{background:rgba(255,255,255,.11);border-color:rgba(196,181,253,.5);transform:translateY(-1px)}
.asph-seo.v3 .seo-links .c-ic{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.asph-seo.v3 .seo-links .c-ic .ic{width:13px;height:13px;color:#fff;stroke-width:2.2}
@media (max-width:1179px){
  .asph-seo.v3{border-radius:26px}
  .asph-seo.v3 .seo-stage{display:block;aspect-ratio:auto}
  .asph-seo.v3 .seo-pic{position:relative;inset:auto;z-index:0;display:block;aspect-ratio:16/9}
  .asph-seo.v3 .seo-pic img{object-position:88% 50%}
  .asph-seo.v3 .seo-stage::before{inset:0 0 auto 0;z-index:1;aspect-ratio:16/9;background:linear-gradient(180deg,rgba(6,9,20,0) 55%,rgba(6,9,20,.72) 82%,#060914 100%)}
  .asph-seo.v3 .seo-in{z-index:2;max-width:720px;margin-top:-44px;padding:0 40px}
  .asph-seo.v3 .s-lead,.asph-seo.v3 .s-body{max-width:640px}
  .asph-seo.v3 .seo-links{padding:22px 40px 32px}
}
@media (max-width:680px){
  .asph-seo.v3{border-radius:22px}
  .asph-seo.v3 .seo-pic{aspect-ratio:900/563}
  .asph-seo.v3 .seo-pic img{object-position:50% 50%}
  .asph-seo.v3 .seo-stage::before{aspect-ratio:900/563;background:linear-gradient(180deg,rgba(6,9,20,0) 52%,rgba(6,9,20,.75) 80%,#060914 100%)}
  .asph-seo.v3 .seo-in{margin-top:-30px;padding:0 18px}
  .asph-seo.v3 .s-kicker{padding:4px 12px 4px 4px;font-size:10.5px;letter-spacing:.14em}
  .asph-seo.v3 .s-kicker img{width:18px;height:18px;border-radius:6px}
  .asph-seo.v3 h2{margin-top:12px;font-size:25px;line-height:1.15}
  .asph-seo.v3 .s-lead{margin-top:10px;font-size:14.5px;line-height:1.55}
  .asph-seo.v3 .s-stats{margin-top:16px}
  .asph-seo.v3 .s-stats li{padding:0 18px}
  .asph-seo.v3 .s-stats b{font-size:24px}
  .asph-seo.v3 .s-stats span{margin-top:5px;font-size:11.5px}
  .asph-seo.v3 .s-body{margin-top:14px;font-size:13px;line-height:1.6}
  .asph-seo.v3 .seo-links{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;justify-content:start;gap:6px;padding:14px 18px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .asph-seo.v3 .seo-links::-webkit-scrollbar{display:none}
  .asph-seo.v3 .seo-links a{padding:4px 12px 4px 4px;font-size:12.5px;white-space:nowrap}
  .asph-seo.v3 .seo-links .c-ic{width:20px;height:20px}
  .asph-seo.v3 .seo-links .c-ic .ic{width:11px;height:11px}
}

/* 1.9.3 (2026-10-15) kayan stok şeridi: güven kartlarının arkasında; yalnızca stoktaki ürünler (aistore-home.php). */
.asph-mq{margin:44px 0 0}
.asph-mq .mq-head{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-family:"Readex Pro",sans-serif}
.asph-mq .mq-head b{color:var(--ink);font-size:15px;font-weight:600;letter-spacing:-.01em}
/* 1.10.11: nabız box-shadow yerine transform/opacity (GPU'da; box-shadow animasyonu her karede yeniden çizim) */
.asph-mq .mq-live{position:relative;width:9px;height:9px;border-radius:50%;background:#10b981}
.asph-mq .mq-live::after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(16,185,129,.5);animation:mqPulse 2s ease-out infinite}
@keyframes mqPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(3);opacity:0}100%{transform:scale(3);opacity:0}}
@media (prefers-reduced-motion:reduce){.asph-mq .mq-live::after{animation:none;opacity:0}}
.asph-mq .mq-n{padding:3px 9px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:600}
.asph-mq a.mq-all{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#4338ca!important;font-size:14px;font-weight:500}
.asph-mq a.mq-all .ic{width:16px;height:16px}
.asph-mq .mq-view{position:relative;overflow:hidden;padding:6px 0 14px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.asph-mq .mq-track{display:flex;gap:14px;width:max-content;margin:0;padding:0;list-style:none}
.asph-mq .mq-track.is-run{animation:mqRun 70s linear infinite}
.asph-mq .mq-view:hover .mq-track,.asph-mq .mq-view:focus-within .mq-track{animation-play-state:paused}
@keyframes mqRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.asph-mq .mq-track li{margin:0;list-style:none}
.asph-mq a.mq-card{display:flex;align-items:center;gap:12px;width:292px;min-height:78px;padding:9px 16px 9px 9px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 26px -22px rgba(30,27,75,.5);transition:transform .2s,box-shadow .2s,border-color .2s}
.asph-mq a.mq-card:hover{transform:translateY(-3px);border-color:#c7d2fe;box-shadow:0 18px 30px -20px rgba(79,70,229,.45)}
.asph-mq .mq-img{flex:none;width:58px;height:58px;margin:0;border-radius:14px;object-fit:cover;background:#0b1030}
.asph-mq .mq-txt{min-width:0;display:flex;flex-direction:column;gap:3px}
.asph-mq .mq-txt b{display:-webkit-box;overflow:hidden;color:var(--ink);font:500 14px/1.3 "Readex Pro",sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
.asph-mq .mq-txt em{font-style:normal;color:#6d28d9;font:600 14px/1.2 "Readex Pro",sans-serif}
.asph-mq .mq-view.is-static{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:thin}
@media (max-width:680px){
  .asph-mq{margin-top:30px}
  .asph-mq .mq-head{margin-bottom:10px}
  .asph-mq .mq-head b{font-size:14px}
  .asph-mq a.mq-card{width:244px;min-height:66px;gap:10px;padding:7px 12px 7px 7px;border-radius:16px}
  .asph-mq .mq-img{width:48px;height:48px;border-radius:12px}
  .asph-mq .mq-txt b,.asph-mq .mq-txt em{font-size:13px}
  .asph-mq .mq-view{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
}
@media (prefers-reduced-motion:reduce){.asph-mq .mq-live{animation:none}}

/* ---------- ana sayfa v5 (1.10.0, 2026-10-16): koleksiyon rafları + tek "Nasıl çalışır" bandı ---------- */
.asph-cols .col-row{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:stretch;margin-top:30px}
.asph-cols .col-row:first-of-type{margin-top:6px}
.asph-cols .col-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:400px;border-radius:24px;overflow:hidden;background:#02051a;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 22px 44px -26px var(--col);transition:transform .25s,box-shadow .25s}
.asph-cols .col-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px color-mix(in srgb,var(--col) 45%,transparent),0 26px 50px -24px var(--col)}
.asph-cols .col-pic{position:absolute;inset:0;z-index:-2}
.asph-cols .col-pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;margin:0;transition:transform .6s}
.asph-cols .col-card:hover .col-pic img{transform:scale(1.04)}
.asph-cols .col-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,5,26,0) 38%,rgba(2,5,26,.82) 66%,#02051a 100%)}
.asph-cols .col-card::before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,transparent,var(--col),transparent);opacity:.9}
.asph-cols .col-txt{display:block;padding:22px 22px 24px}
.asph-cols .col-txt em{display:block;font:600 11.5px "Readex Pro",sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--col);margin-bottom:6px}
.asph .asph-cols .col-txt h3,.asph-cols .col-txt h3{color:#fff;font-size:24px;line-height:1.2}
.asph-cols .col-p{display:block;margin-top:8px;font-size:14px;line-height:1.55;color:#c9cce6}
.asph-cols .col-go{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--col) 55%,transparent);background:rgba(255,255,255,.06);font:500 13.5px "Readex Pro",sans-serif;color:#fff}
.asph-cols .col-go .ic{width:16px;height:16px}
.asph-cols .col-rail{position:relative;min-width:0}
.asph-cols .col-rail .products{margin:0!important}
.asph-cols .col-rail .wd-products{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:calc((100% - 32px)/3);gap:16px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 8px;margin:0!important}
.asph-cols .col-rail .wd-products::-webkit-scrollbar{display:none}
.asph-cols .col-rail .wd-product{scroll-snap-align:start;width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
.asph-cols .col-nav{display:none}
.asph-cols .col-rail.has-more .col-nav{display:block}
.asph-cols .col-rail.at-start .col-prev,.asph-cols .col-rail.at-end .col-next{opacity:0;pointer-events:none}
.asph-cols .col-b{position:absolute;z-index:3;top:34%;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 10px 24px -10px rgba(15,20,40,.35);cursor:pointer;transition:transform .2s,border-color .2s}
.asph-cols .col-b:hover{transform:scale(1.06);border-color:var(--col);background:#fff;color:var(--ink)}
.asph-cols .col-prev{left:-14px}
.asph-cols .col-prev .ic{transform:rotate(180deg)}
.asph-cols .col-next{right:-14px}

.asph-flow .fl-in{border-radius:28px;padding:40px 40px 30px;background:radial-gradient(60% 120% at 0% 0%,#efedff 0%,rgba(239,237,255,0) 60%),#fff;border:1px solid var(--line)}
.asph-flow .asph-head{margin-bottom:22px}
.asph-flow .fl-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.asph-flow .fl-steps li{position:relative;display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px -22px rgba(79,70,229,.45)}
.asph-flow .fl-steps li:not(:last-child)::after{content:"";position:absolute;right:-15px;top:50%;width:10px;height:10px;border-top:2px solid #c4b5fd;border-right:2px solid #c4b5fd;transform:translateY(-50%) rotate(45deg)}
.asph-flow .fl-steps b{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font:600 17px "Readex Pro",sans-serif;background:linear-gradient(135deg,var(--indigo),var(--fuchsia))}
.asph-flow .fl-steps h3{font-size:17px;line-height:1.3}
.asph-flow .fl-steps p{margin-top:4px;font-size:14px;line-height:1.55}
.asph-flow .fl-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0 0;padding:22px 0 0;border-top:1px dashed #dcdcf0;list-style:none}
.asph-flow .fl-why li{display:flex;gap:12px;align-items:flex-start}
.asph-flow .fl-why .t-ic{width:38px;height:38px;border-radius:12px}
.asph-flow .fl-why .t-ic .ic{width:18px;height:18px}
.asph-flow .fl-why h3{font-size:15px;line-height:1.3}
.asph-flow .fl-why p{margin-top:3px;font-size:13.5px;line-height:1.5}

@media (max-width:1024px){
  .asph-cols .col-row{grid-template-columns:240px minmax(0,1fr);gap:16px}
  .asph-cols .col-card{min-height:0}
  .asph-cols .col-txt h3{font-size:20px}
  .asph-cols .col-rail .wd-products{grid-auto-columns:calc((100% - 16px)/2)}
  .asph-flow .fl-in{padding:30px 24px 24px}
  .asph-flow .fl-why{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .asph-cols .col-row{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:26px}
  .asph-cols .col-card{min-height:190px;border-radius:20px}
  .asph-cols .col-pic img{object-position:center 22%}
  .asph-cols .col-card::after{background:linear-gradient(90deg,#02051a 0%,rgba(2,5,26,.86) 46%,rgba(2,5,26,.15) 100%)}
  .asph-cols .col-txt{padding:18px 16px;max-width:78%}
  .asph-cols .col-txt h3{font-size:19px}
  .asph-cols .col-p{font-size:13px}
  .asph-cols .col-go{margin-top:10px;padding:6px 12px;font-size:12.5px}
  .asph-cols .col-rail .wd-products{grid-auto-columns:46%;gap:12px!important;margin:0 -15px!important;padding:2px 15px 8px;scroll-padding:0 15px}
  .asph-cols .col-rail.has-more .col-nav{display:none}
  .asph-flow .fl-in{margin:0 -15px;border-radius:24px;padding:26px 15px 20px}
  .asph-flow .fl-steps{grid-template-columns:minmax(0,1fr);gap:10px}
  .asph-flow .fl-steps li{padding:14px}
  .asph-flow .fl-steps li:not(:last-child)::after{right:auto;left:33px;top:auto;bottom:-9px;transform:rotate(135deg)}
  .asph-flow .fl-steps p{font-size:13.5px}
  .asph-flow .fl-why{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-top:16px;padding-top:14px}
  .asph-flow .fl-why li{align-items:center;gap:9px}
  .asph-flow .fl-why .t-ic{width:32px;height:32px;border-radius:10px}
  .asph-flow .fl-why h3{font-size:13.5px}
  .asph-flow .fl-why p{display:none}
}

/* 1.10.2 (2026-10-16, kullanıcı: "biraz daha küçült, çok büyük oldu; mobile göre ayarla; ilk baştaki kategoriler mobilde 3'erli
   çıksın, daha minimal"): raflar daha küçük (geniş ekranda 5, dar masaüstünde 4 ürün; kart 240 px, rafın yüksekliğinde);
   telefonda koleksiyon kartı alçak, tanıtım cümlesi yok; kategoriler telefonda 3 sütun, yalnızca ad. */
.asph-cols .col-row{grid-template-columns:240px minmax(0,1fr);gap:18px;margin-top:26px}
.asph-cols .col-card{min-height:0;border-radius:20px}
.asph-cols .col-txt{padding:18px 18px 20px}
.asph-cols .col-txt em{font-size:11px;margin-bottom:4px}
.asph .asph-cols .col-txt h3,.asph-cols .col-txt h3{font-size:20px}
.asph-cols .col-p{font-size:13px;margin-top:6px}
.asph-cols .col-go{margin-top:12px;padding:7px 12px;font-size:12.5px}
.asph-cols .col-rail .wd-products{grid-auto-columns:calc((100% - 64px)/5)}
.asph-cols .col-b{width:38px;height:38px;top:30%}
@media (max-width:1399px){
  .asph-cols .col-rail .wd-products{grid-auto-columns:calc((100% - 48px)/4)}
}
@media (max-width:1024px){
  .asph-cols .col-row{grid-template-columns:200px minmax(0,1fr);gap:14px}
  .asph-cols .col-rail .wd-products{grid-auto-columns:calc((100% - 32px)/3)}
  .asph-cols .col-p{display:none}
}
@media (max-width:680px){
  .asph-cols .col-row{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:22px}
  .asph-cols .col-card{min-height:118px;border-radius:16px}
  .asph-cols .col-txt{padding:14px 14px;max-width:80%}
  .asph-cols .col-txt em{font-size:10px;margin-bottom:2px}
  .asph .asph-cols .col-txt h3,.asph-cols .col-txt h3{font-size:17px}
  .asph-cols .col-p{display:none}
  .asph-cols .col-go{margin-top:8px;padding:5px 10px;font-size:12px}
  .asph-cols .col-rail .wd-products{grid-auto-columns:36%;gap:10px!important}
  .asph-cols .col-rail .wd-entities-title{font-size:13px!important;line-height:1.3!important}
  .asph-cols .col-rail .price{font-size:13px!important}

  .asph-cats.has-pic{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .asph-cats .k-card.k-pic{aspect-ratio:1/1;border-radius:14px}
  .asph-cats .k-card.k-pic::after{background:linear-gradient(180deg,rgba(6,9,26,0) 40%,rgba(6,9,26,.7) 72%,rgba(6,9,26,.95) 100%)}
  .asph-cats .k-card.k-pic .k-txt{left:8px;right:8px;bottom:7px}
  .asph-cats .k-card.k-pic .k-txt b{font-size:11.5px;line-height:1.2;font-weight:500}
  .asph-cats .k-card.k-pic .k-txt small,.asph-cats .k-card.k-pic .k-go{display:none}
}
/* 1.10.3: kart küçülünce tanıtım cümlesi görselin üstüne biniyordu: her ekranda yalnızca etiket, başlık, düğme. */
.asph-cols .col-p{display:none}
.asph-cols .col-pic img{object-position:center 18%}
.asph-cols .col-card::after{background:linear-gradient(180deg,rgba(2,5,26,0) 48%,rgba(2,5,26,.8) 74%,#02051a 100%)}
/* 1.10.4 (2026-10-16, kullanıcı: "şunları da küçült, 2 sıra olsun 6-6, mobilde de 3-3-3-3"): kategori kartları masaüstünde 6 sütun,
   tablette 4, telefonda 3; yazılar ve ok küçük. */
.asph-cats.has-pic{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.asph-cats .k-card.k-pic{border-radius:16px}
.asph-cats .k-card.k-pic .k-txt{left:13px;right:44px;bottom:11px}
.asph-cats .k-card.k-pic .k-txt b{font-size:14.5px;line-height:1.25}
.asph-cats .k-card.k-pic .k-txt small{font-size:12px}
.asph-cats .k-card.k-pic .k-go{right:10px;bottom:11px;width:28px;height:28px}
.asph-cats .k-card.k-pic .k-go .ic{width:14px;height:14px}
@media (max-width:1024px){
  .asph-cats.has-pic{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
}
@media (max-width:680px){
  .asph-cats.has-pic{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .asph-cats .k-card.k-pic{border-radius:14px}
  .asph-cats .k-card.k-pic .k-txt{left:8px;right:8px;bottom:7px}
  .asph-cats .k-card.k-pic .k-txt b{font-size:11.5px;line-height:1.2}
}

/* 1.10.5 (2026-10-16): "Günün ürünü" rozeti (SuperGrok slaytı) + "Nasıl çalışır" 4K sahnesi, hafif hareketli. */
.asph-slider .sl-eyebrow.sl-day{color:#1a1300;background:linear-gradient(90deg,#fde68a,#fbbf24);border-color:rgba(251,191,36,.7);box-shadow:0 6px 18px -6px rgba(251,191,36,.6)}
.asph-slider .sl-eyebrow.sl-day .ic{color:#b45309}
.asph-flow .fl-art{position:relative;margin:0 0 24px;border-radius:22px;overflow:hidden;aspect-ratio:3/1;background:#f3f0ff;isolation:isolate}
.asph-flow .fl-art picture{display:contents}
.asph-flow .fl-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;animation:asph-flow-zoom 22s ease-in-out infinite alternate;transform-origin:50% 55%}
.asph-flow .fl-art::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.38) 48%,transparent 66%);background-size:250% 100%;mix-blend-mode:soft-light;animation:asph-flow-sweep 7s ease-in-out infinite;pointer-events:none}
@keyframes asph-flow-zoom{from{transform:scale(1)}to{transform:scale(1.06)}}
@keyframes asph-flow-sweep{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}
@media (max-width:680px){.asph-flow .fl-art{aspect-ratio:1100/471;border-radius:18px;margin-bottom:16px}}
@media (prefers-reduced-motion:reduce){.asph-flow .fl-art img,.asph-flow .fl-art::after{animation:none}}

/* 1.10.7 (2026-10-16, kullanıcı: "bu kısımda görsellerden olsun, profesyonel premium"): "Neden" maddeleri görselli kart. */
.asph-flow .fl-why{gap:18px;border-top:0;padding-top:6px;margin-top:22px}
.asph-flow .fl-why li.fw-card{display:flex;flex-direction:column;gap:0;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 18px 36px -28px rgba(79,70,229,.55);transition:transform .25s,box-shadow .25s}
.asph-flow .fl-why li.fw-card:hover{transform:translateY(-3px);box-shadow:0 24px 44px -26px rgba(109,78,236,.6)}
.asph-flow .fw-pic{display:block;aspect-ratio:16/10;overflow:hidden;background:#0a0d1f}
.asph-flow .fw-pic img{display:block;width:100%;height:100%;object-fit:cover;margin:0;transition:transform .6s}
.asph-flow .fl-why li.fw-card:hover .fw-pic img{transform:scale(1.05)}
.asph-flow .fw-body{padding:16px 18px 18px}
.asph-flow .fl-why .fw-body h3{font-size:16px;line-height:1.3}
.asph-flow .fl-why .fw-body p{margin-top:6px;font-size:13.5px;line-height:1.55}
@media (max-width:1024px){.asph-flow .fl-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){
  .asph-flow .fl-why{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
  .asph-flow .fl-why li.fw-card{border-radius:16px}
  .asph-flow .fw-body{padding:10px 11px 12px}
  .asph-flow .fl-why .fw-body h3{font-size:13.5px}
  .asph-flow .fl-why .fw-body p{display:none}
}

/* 1.10.8 (2026-10-16): "Nasıl çalışır" yalnızca 3 görsel kart, yazı görselin üzerinde. */
.asph-steps3 .s3-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.asph-steps3 .s3-card{position:relative;isolation:isolate;aspect-ratio:4/5;max-height:440px;width:100%;border-radius:24px;overflow:hidden;background:#05070f;box-shadow:0 22px 44px -28px rgba(79,70,229,.7);transition:transform .25s,box-shadow .25s}
.asph-steps3 .s3-card:hover{transform:translateY(-4px);box-shadow:0 28px 52px -26px rgba(109,78,236,.75)}
.asph-steps3 .s3-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;margin:0;z-index:-2;transition:transform .7s}
.asph-steps3 .s3-card:hover img{transform:scale(1.05)}
.asph-steps3 .s3-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,7,15,0) 45%,rgba(5,7,15,.75) 70%,#05070f 100%)}
.asph-steps3 .s3-cap{position:absolute;left:0;right:0;bottom:0;padding:22px 24px 24px;color:#fff}
.asph-steps3 .s3-cap b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;margin-bottom:12px;font:600 15px "Readex Pro",sans-serif;color:#fff;background:linear-gradient(135deg,var(--indigo),var(--fuchsia));box-shadow:0 8px 20px -8px rgba(219,39,119,.8)}
.asph .asph-steps3 .s3-cap h3,.asph-steps3 .s3-cap h3{color:#fff;font-size:21px;line-height:1.25}
.asph-steps3 .s3-cap p{margin-top:6px;font-size:14.5px;line-height:1.5;color:#c9cce6}
@media (max-width:1024px){.asph-steps3 .s3-row{gap:12px}.asph .asph-steps3 .s3-cap h3,.asph-steps3 .s3-cap h3{font-size:17px}.asph-steps3 .s3-cap{padding:16px}}
@media (max-width:680px){
  .asph-steps3 .s3-row{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -15px;padding:0 15px 6px;scrollbar-width:none}
  .asph-steps3 .s3-row::-webkit-scrollbar{display:none}
  .asph-steps3 .s3-card{scroll-snap-align:start;max-height:none;border-radius:20px}
}
@media (prefers-reduced-motion:reduce){.asph-steps3 .s3-card img{transition:none}}

/* ---------- 1.11.0 (2026-10-28): Arapça (RTL) — <html dir="rtl">. Soldan sağa kurallara dokunulmaz; burada yalnızca
   sol/sağa bağlı olanlar aynalanır (flex/grid sırası tarayıcıda kendiliğinden döner). Sahne görselleri (yazısız, logosuz)
   metin sağda kalsın diye geniş ekranda yatay aynalanır; telefonda (görsel üstte) aynalanmaz. ---------- */
/* Arap harfleri bitişik yazılır: harf aralığı bağı koparır */
[dir="rtl"] .asph,[dir="rtl"] .asph *{letter-spacing:0!important}
[dir="rtl"] .asph .ic.ic-flip{transform:scaleX(-1)}
/* eski hero (slider kapalıyken) */
[dir="rtl"] .asph-hero.has-img{background:linear-gradient(270deg,rgba(9,12,38,.94) 0%,rgba(9,12,38,.82) 34%,rgba(9,12,38,.25) 58%,rgba(9,12,38,0) 72%),var(--hero-d) left center/cover no-repeat,#0b1030}
/* slider */
[dir="rtl"] .asph-slider .sl-slide::before{background:linear-gradient(270deg,rgba(8,11,26,.92) 0%,rgba(8,11,26,.78) 30%,rgba(8,11,26,.28) 52%,rgba(8,11,26,0) 66%)}
[dir="rtl"] .asph-slider .sl-copy{padding:0 58px 30px 0}
[dir="rtl"] .asph-slider .sl-nav{left:auto;right:58px}
[dir="rtl"] .asph.asph-slider button.sl-play{margin-left:0;margin-right:6px}
[dir="rtl"] .asph-slider .sl-prev{left:auto;right:14px}
[dir="rtl"] .asph-slider .sl-next{right:auto;left:14px}
[dir="rtl"] .asph-slider .sl-arrow .ic{transform:scaleX(-1)}
/* güven kartları */
[dir="rtl"] .asph-trust.v2 .t-item{padding:14px 14px 14px 18px}
/* görselli kategori kartı */
[dir="rtl"] .asph-cats .k-card.k-pic .k-txt{left:44px;right:13px}
[dir="rtl"] .asph-cats .k-card.k-pic .k-go{right:auto;left:10px}
/* vitrin */
[dir="rtl"] .asph-show .is-rank .wd-product-thumb::before{left:auto;right:10px}
[dir="rtl"] .asph-show.v2 .sh-tab{text-align:right}
/* adımlar (v2) */
[dir="rtl"] .asph-steps.v2 .st-body b{left:auto;right:24px}
[dir="rtl"] .asph-steps.v2 .st-card:not(:last-child)::after{right:auto;left:-17px;transform:rotate(-135deg)}
/* SSS */
[dir="rtl"] .asph-faq.v2 summary::after{margin-left:0;margin-right:auto}
[dir="rtl"] .asph-faq.v2 details p{padding-left:0;padding-right:48px}
/* tanıtım bandı v2 */
[dir="rtl"] .asph-seo.v2 .seo-pic{inset:0 38% 0 0}
[dir="rtl"] .asph-seo.v2 .seo-pic img{transform:scaleX(-1)} /* telefonda da: başlık görselin boş tarafına biner */
[dir="rtl"] .asph-seo.v2::after{background:linear-gradient(270deg,#0a0d1f 0%,rgba(10,13,31,.92) 38%,rgba(10,13,31,.35) 62%,rgba(10,13,31,0) 80%)}
/* tanıtım bandı v3 */
[dir="rtl"] .asph-seo.v3 .seo-stage::before{background:linear-gradient(270deg,#060914 0%,rgba(6,9,20,.96) 27%,rgba(6,9,20,.6) 38%,rgba(6,9,20,0) 46%),linear-gradient(180deg,rgba(6,9,20,0) 72%,#060914 100%)}
[dir="rtl"] .asph-seo.v3 .seo-in{padding:30px 58px 22px 0}
[dir="rtl"] .asph-seo.v3 .s-kicker{padding:5px 5px 5px 15px}
[dir="rtl"] .asph-seo.v3 .s-stats li{border-left:0;border-right:1px solid rgba(255,255,255,.13)}
[dir="rtl"] .asph-seo.v3 .s-stats li:first-child{padding-left:30px;padding-right:0;border-right:0}
[dir="rtl"] .asph-seo.v3 .seo-links a{padding:5px 5px 5px 14px}
/* CTA v2 */
[dir="rtl"] .asph-cta.v2 .cta-pic{right:auto;left:0;-webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 32%);mask-image:linear-gradient(270deg,transparent 0%,#000 32%)}
[dir="rtl"] .asph-cta.v2::after{background:linear-gradient(270deg,rgba(1,4,26,.9) 0%,rgba(1,4,26,.55) 40%,rgba(1,4,26,0) 58%)}
/* kayan stok şeridi: iz soldan sağa dizilir (translateX(-50%) döngüsü bozulmasın), kartın içi sağdan sola; akış sağa doğru */
[dir="rtl"] .asph-mq .mq-view{direction:ltr}
[dir="rtl"] .asph-mq a.mq-card{direction:rtl;padding:9px 9px 9px 16px}
[dir="rtl"] .asph-mq .mq-track.is-run{animation-direction:reverse}
[dir="rtl"] .asph-mq a.mq-all{margin-left:0;margin-right:auto}
/* koleksiyon rafı okları: geri sağda (→), ileri solda (←) */
[dir="rtl"] .asph-cols .col-prev{left:auto;right:-14px}
[dir="rtl"] .asph-cols .col-next{right:auto;left:-14px}
[dir="rtl"] .asph-cols .col-prev .ic{transform:none}
@media (min-width:681px){
  [dir="rtl"] .asph-slider .sl-art img,[dir="rtl"] .asph-cta.v2 .cta-pic img{transform:scaleX(-1)}
}
@media (min-width:1180px){
  [dir="rtl"] .asph-seo.v3 .seo-pic img{transform:scaleX(-1)}
}
@media (max-width:1179px){
  [dir="rtl"] .asph-seo.v3 .seo-stage::before{background:linear-gradient(180deg,rgba(6,9,20,0) 55%,rgba(6,9,20,.72) 82%,#060914 100%)}
  [dir="rtl"] .asph-seo.v3 .seo-in{padding:0 40px}
}
@media (max-width:1024px){
  [dir="rtl"] .asph-hero.has-img{background:linear-gradient(270deg,rgba(9,12,38,.95) 0%,rgba(9,12,38,.85) 45%,rgba(9,12,38,.35) 75%,rgba(9,12,38,.1) 100%),var(--hero-d) 30% center/cover no-repeat,#0b1030}
  [dir="rtl"] .asph-slider .sl-slide::before{background:linear-gradient(270deg,rgba(8,11,26,.94) 0%,rgba(8,11,26,.84) 42%,rgba(8,11,26,.3) 66%,rgba(8,11,26,.05) 82%)}
  [dir="rtl"] .asph-slider .sl-copy{padding:0 36px 30px 0}
  [dir="rtl"] .asph-slider .sl-nav{right:36px}
}
@media (max-width:680px){
  [dir="rtl"] .asph-hero.has-img{background:linear-gradient(180deg,rgba(9,12,38,0) 0%,rgba(9,12,38,.2) 120px,rgba(9,12,38,.92) 250px,#090c26 330px),var(--hero-m) 22% 0/auto 300px no-repeat,#090c26}
  [dir="rtl"] .asph-slider .sl-copy{padding:8px 12px 12px}
  [dir="rtl"] .asph-slider .sl-eyebrow{left:auto;right:10px}
  [dir="rtl"] .asph-slider .sl-nav{left:10px;right:auto}
  [dir="rtl"] .asph-trust.v2 .t-item{padding:9px 9px 9px 10px}
  [dir="rtl"] .asph-cats .k-card.k-pic .k-txt{left:8px;right:8px}
  [dir="rtl"] .asph-show .is-rank .wd-product-thumb::before{left:auto;right:8px}
  [dir="rtl"] .asph-steps.v2 .st-body b{left:auto;right:16px}
  [dir="rtl"] .asph-faq.v2 details p{padding-right:0}
  [dir="rtl"] .asph-seo.v2 .seo-pic{inset:auto}
  [dir="rtl"] .asph-seo.v2::after{background:linear-gradient(270deg,#0a0d1f 0%,rgba(10,13,31,.86) 40%,rgba(10,13,31,0) 66%),linear-gradient(180deg,rgba(10,13,31,0) 60%,#0a0d1f 100%)}
  [dir="rtl"] .asph-seo.v3 .seo-stage::before{background:linear-gradient(180deg,rgba(6,9,20,0) 52%,rgba(6,9,20,.75) 80%,#060914 100%)}
  [dir="rtl"] .asph-seo.v3 .seo-in{padding:0 18px}
  [dir="rtl"] .asph-seo.v3 .s-kicker{padding:4px 4px 4px 12px}
  [dir="rtl"] .asph-seo.v3 .s-stats li:first-child{padding-left:18px}
  [dir="rtl"] .asph-seo.v3 .seo-links a{padding:4px 4px 4px 12px}
  [dir="rtl"] .asph-cta.v2 .cta-pic{-webkit-mask-image:none;mask-image:none}
  [dir="rtl"] .asph-mq a.mq-card{padding:7px 7px 7px 12px}
}