/* ADA KAP — "Satıcılar için" sayfaları (Wave 7 · L): /ilan-ver (girişsiz), /isletme, /vitrin, /davet-et, /guvenli-alisveris.
   Ekran: screens/pages-seller.js · SSR: seo/content/{ilan-ver,isletme,vitrin,davet-et,guvenli-alisveris}.php (aynı .pgs-* işaretlemesi).
   Yalnız mevcut belirteçler (css/app.css :root + [data-theme="dark"]). Genişlik: kapsayıcı sorguları (.pgs container) —
   mobilde #app 480px sütun, masaüstünde (html.dk) tam genişlik; görünüm penceresi sorgusu yanıltır. */

.pgs{container-type:inline-size;container-name:pgs;display:flex;flex-direction:column;gap:28px;padding:4px 16px 8px}
.pgs *{box-sizing:border-box}
.pgs h1,.pgs h2,.pgs h3{margin:0;color:inherit}
.pgs p{margin:0}
.pgs p a:not(.btn),.pgs-more a{color:var(--brand-dd);font-weight:800}
.pgs .btn{width:auto}
.pgs-muted{color:var(--muted);font-size:.9375rem;line-height:1.55}
.pgs-fine{color:var(--muted);font-size:.8125rem;line-height:1.55;margin-top:12px!important}
.pgs-more{margin-top:12px!important;font-size:.9375rem}

/* ---------- alt gezinme (satıcı sayfaları arası) ---------- */
.pgs-nav{margin:0 -16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pgs-nav::-webkit-scrollbar{display:none}
.pgs-nav ul{list-style:none;margin:0;padding:0 16px;display:flex;gap:8px;width:max-content}
.pgs-nav a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:.8125rem;font-weight:800;color:var(--ink);white-space:nowrap}
.pgs-nav a svg{color:var(--muted)}
.pgs-nav a.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.pgs-nav a.on svg{color:inherit}
.pgs-nav a:focus-visible{outline:3px solid var(--brand-d);outline-offset:2px}

/* ---------- kahraman ---------- */
.pgs-hero{position:relative;overflow:hidden;border-radius:28px;padding:26px 20px 24px;display:grid;gap:18px;align-items:center}
.pgs-hero-t{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}
.pgs-hero h1,.pgs-hero .pgs-h1{font-size:2rem;line-height:1.05;font-weight:800;letter-spacing:-.025em;text-wrap:balance}
.pgs-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.02em;background:rgba(255,255,255,.18)}
.pgs-lead{font-size:1rem;font-weight:600;line-height:1.55;max-width:60ch;opacity:.95}
.pgs-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.pgs-actions .btn{flex:1 1 auto;min-width:160px}
.pgs-t-brand{background:linear-gradient(135deg,var(--brand-d),var(--map));color:#fff}
.pgs-t-ink{background:#16181D;color:#fff}
.pgs-t-sea{background:var(--sea);color:#fff}
.pgs-t-sun{background:var(--sun-l);color:var(--ink)}
.pgs-t-sun .pgs-eyebrow{background:var(--card);color:var(--sun-t)}
.pgs-t-brand .btn.primary,.pgs-t-sea .btn.primary{background:#fff;color:var(--brand-dd)}
.pgs-t-brand .btn.dark,.pgs-t-sea .btn.dark,.pgs-t-ink .btn.dark{background:#fff;color:#16181D}
.pgs-t-brand .btn.soft,.pgs-t-sea .btn.soft,.pgs-t-ink .btn.soft{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.pgs-t-sun .btn.soft{background:var(--card)}
[data-theme="dark"] .pgs-t-brand .btn.primary,[data-theme="dark"] .pgs-t-sea .btn.primary{color:#9A3412}
[data-theme="dark"] .pgs-t-ink{box-shadow:inset 0 0 0 1px var(--line)}
.pgs-hero .btn:focus-visible{outline:3px solid currentColor;outline-offset:3px}

/* süs görselleri (aria-hidden) */
.pgs-art{display:none;position:relative;min-height:220px;align-items:center;justify-content:center}
.pgs-chip{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--card);color:var(--ink);font-size:.8125rem;font-weight:800;box-shadow:var(--shadow)}
.pgs-chip svg{color:var(--brand-d)}
.pgs-chip.c1{top:14%;left:2%}
.pgs-chip.c2{bottom:12%;right:2%}
.pgs-phone{width:170px;height:240px;border-radius:30px;background:var(--card);box-shadow:0 20px 50px rgba(0,0,0,.25);padding:14px;display:flex;flex-direction:column;gap:10px;color:var(--ink)}
.pgs-ph-cam{flex:1;border-radius:18px;background:var(--peach);color:var(--peach-t);display:flex;align-items:center;justify-content:center}
.pgs-ph-row{display:flex;gap:6px}.pgs-ph-row i{flex:1;height:26px;border-radius:8px;background:var(--soft)}
.pgs-ph-line{height:9px;border-radius:5px;background:var(--soft)}.pgs-ph-line.w80{width:80%}.pgs-ph-line.w50{width:50%}
.pgs-ph-btn{height:30px;border-radius:10px;background:var(--brand-d);color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.pgs-shopmock{width:230px;border-radius:22px;background:var(--card);color:var(--ink);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35);padding:0 14px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.pgs-sm-cover{height:62px;margin:0 -14px;align-self:stretch;background:linear-gradient(135deg,var(--brand),var(--map))}
.pgs-sm-logo{width:56px;height:56px;margin-top:-28px;border-radius:16px;background:var(--card);box-shadow:0 0 0 4px var(--card),var(--shadow);display:flex;align-items:center;justify-content:center;color:var(--brand-d)}
.pgs-shopmock b{display:inline-flex;align-items:center;gap:5px;font-size:.9375rem}.pgs-shopmock b svg{color:var(--sea-t)}
.pgs-sm-open{font-size:.6875rem;font-weight:800;color:var(--sea-t);background:var(--sea-l);padding:2px 8px;border-radius:999px}
.pgs-sm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-self:stretch;margin-top:4px}.pgs-sm-grid i{aspect-ratio:1;border-radius:10px;background:var(--soft)}
.pgs-lmock{position:relative;z-index:1;width:180px;border-radius:20px;background:var(--card);padding:10px;box-shadow:0 20px 50px rgba(107,78,6,.25);display:flex;flex-direction:column;gap:8px;transform:rotate(-3deg)}
.pgs-lmock.back{position:absolute;z-index:0;transform:rotate(6deg) translate(60px,10px);opacity:.7}
.pgs-lm-ph{position:relative;aspect-ratio:4/3;border-radius:14px;background:var(--soft);color:var(--muted);display:flex;align-items:center;justify-content:center}
.pgs-lm-ph .pgs-badge{position:absolute;top:8px;left:8px}
.pgs-lmock b{height:12px;width:55%;border-radius:6px;background:var(--ink);opacity:.8}.pgs-lmock i{height:9px;width:80%;border-radius:5px;background:var(--soft)}
.pgs-giftart,.pgs-shield{width:150px;height:150px;border-radius:44px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff}

/* ---------- bölümler ---------- */
.pgs-sec{scroll-margin-top:84px;display:flex;flex-direction:column;gap:14px}
.pgs-sec-h{display:flex;flex-direction:column;gap:4px}
.pgs-sec-h h2{font-size:1.5rem;line-height:1.15;font-weight:800;outline:none}
.pgs-sec-h p{color:var(--muted);font-weight:600;font-size:.9375rem;line-height:1.5}

.pgs-grid{display:grid;grid-template-columns:1fr;gap:12px}
.pgs-card{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:20px;background:var(--card);border:1px solid var(--line2);color:var(--ink)}
.pgs-card h3{font-size:1.0625rem;font-weight:800;line-height:1.3}
.pgs-card p{font-size:.9375rem;line-height:1.55;color:var(--muted);font-weight:500}
.pgs-card ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:.9375rem;line-height:1.5;color:var(--muted)}
.pgs-card.link{transition:border-color .15s,transform .15s}
.pgs-card.link:hover{border-color:var(--ink)}
.pgs-card.link:focus-visible{outline:3px solid var(--brand-d);outline-offset:2px}
.pgs-ic{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.pgs-i-brand{background:var(--peach);color:var(--peach-t)}
.pgs-i-peach{background:var(--peach);color:var(--peach-t)}
.pgs-i-sea{background:var(--sea-l);color:var(--sea-t)}
.pgs-i-sun{background:var(--sun-l);color:var(--sun-t)}
.pgs-i-lav{background:var(--lav);color:var(--lav-t)}
.pgs-i-err{background:var(--err-l);color:var(--err-t)}
.pgs-scam .pgs-do{display:flex;gap:8px;align-items:flex-start;margin-top:auto!important;padding-top:10px;border-top:1px dashed var(--line);color:var(--ink);font-weight:700}
.pgs-scam .pgs-do svg{color:var(--sea-t);flex-shrink:0;margin-top:3px}

/* dar kapsayıcıda kartlar yatay: ikon solda, metin sağda (mobilde dikey alan kazanır) */
@container pgs (max-width:559px){
  .pgs-grid .pgs-card{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:start;padding:16px}
  .pgs-grid .pgs-card>*{grid-column:2}
  .pgs-grid .pgs-card>.pgs-ic{grid-column:1;grid-row:1/span 4}
  .pgs-grid .pgs-card h3{align-self:center;min-height:0}
}

/* adımlar */
.pgs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:12px;counter-reset:none}
.pgs-steps li{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:3px;padding:16px;border-radius:20px;background:var(--card);border:1px solid var(--line2)}
.pgs-step-n{grid-row:1/3;width:40px;height:40px;border-radius:50%;background:var(--brand-d);color:#fff;font-family:var(--dfont);font-size:1.125rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.pgs-step-ic{display:none}
.pgs-steps b{font-size:1rem;font-weight:800;line-height:1.3;align-self:end}
.pgs-steps li>span:last-child{color:var(--muted);font-size:.9375rem;line-height:1.5;font-weight:500}

/* bilgi kutusu */
.pgs-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:18px;font-size:.9375rem;line-height:1.55;font-weight:600}
.pgs-note>svg{flex-shrink:0;margin-top:2px}
.pgs-note b{font-weight:800}
.pgs-n-sun{background:var(--sun-l);color:var(--sun-t)}.pgs-n-sun b{color:var(--ink)}
.pgs-n-sea,.pgs-n-ok{background:var(--sea-l);color:var(--sea-t)}.pgs-n-sea b,.pgs-n-ok b{color:var(--ink)}
.pgs-n-err{background:var(--err-l);color:var(--err-t)}
.pgs-note a{color:inherit!important;text-decoration:underline}

/* ipuçları, kurallar, kimler için */
.pgs-tips,.pgs-rules,.pgs-for,.pgs-check{list-style:none;margin:0;padding:0}
.pgs-tips{display:grid;grid-template-columns:1fr;gap:10px}
.pgs-tips li{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:var(--card);border:1px solid var(--line2)}
.pgs-tips li>svg{flex-shrink:0;color:var(--brand-d);margin-top:2px}
.pgs-tips b{display:block;font-size:.9375rem;font-weight:800;line-height:1.35}
.pgs-tips span{display:block;color:var(--muted);font-size:.875rem;line-height:1.5;margin-top:2px}
.pgs-rules{display:flex;flex-direction:column;gap:2px;padding:6px 16px;border-radius:20px;background:var(--card);border:1px solid var(--line2)}
.pgs-rules li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line2);font-size:.9375rem;line-height:1.5;font-weight:500}
.pgs-rules li:last-child{border-bottom:0}
.pgs-rules li svg{flex-shrink:0;color:var(--sea-t);margin-top:3px}
.pgs-for{display:flex;flex-wrap:wrap;gap:8px}
.pgs-for li{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line2);font-size:.875rem;font-weight:800}
.pgs-for li svg{color:var(--brand-d)}

/* kontrol listesi */
.pgs-check{display:flex;flex-direction:column;gap:8px}
.pgs-check label{display:flex;gap:12px;align-items:center;min-height:52px;padding:10px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line2);font-size:.9375rem;font-weight:700;line-height:1.4;cursor:pointer}
.pgs-check input{width:22px;height:22px;flex-shrink:0;accent-color:var(--sea);margin:0}
.pgs-check label:has(input:checked){border-color:var(--sea-t);background:var(--sea-l)}
.pgs-check label:has(input:focus-visible){outline:3px solid var(--brand-d);outline-offset:2px}
.pgs-ckres{font-weight:800;color:var(--sea-t);min-height:1.2em}
.pgs-check li.ssr{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line2);font-weight:700}

/* SSS */
.pgs-faq{border-radius:20px;background:var(--card);border:1px solid var(--line2);padding:0 16px}
.pgs-faq details{border-bottom:1px solid var(--line2)}
.pgs-faq details:last-child{border-bottom:0}
.pgs-faq summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 0;font-size:1rem;font-weight:800;line-height:1.35;cursor:pointer}
.pgs-faq summary::-webkit-details-marker{display:none}
.pgs-faq summary span{flex:1}
.pgs-faq summary svg{flex-shrink:0;color:var(--muted);transition:transform .15s}
.pgs-faq details[open] summary svg{transform:rotate(180deg)}
.pgs-faq summary:focus-visible{outline:3px solid var(--brand-d);outline-offset:2px;border-radius:8px}
.pgs-faq details>div{padding:0 0 16px}
.pgs-faq details>div p{color:var(--muted);font-size:.9375rem;line-height:1.6;font-weight:500;max-width:75ch}

/* çağrı bandı */
.pgs-cta{display:flex;flex-direction:column;gap:14px;padding:22px 20px;border-radius:24px;background:var(--ink);color:var(--bg)}
.pgs-cta h2{font-size:1.375rem;line-height:1.2;font-weight:800}
.pgs-cta p{opacity:.85;font-weight:600;line-height:1.5;margin-top:6px!important}
.pgs-cta .btn.soft{background:rgba(127,127,127,.22);color:inherit}
.pgs-cta .btn.primary{background:var(--brand-d);color:#fff}

/* rozet (seo.css .tag'dan bağımsız — SSR'da da aynı) */
.pgs-badge{display:inline-flex;align-items:center;gap:4px;width:auto;padding:3px 8px;border-radius:8px;font-size:.6875rem;font-weight:800;letter-spacing:.02em;line-height:1.4}
.pgs-b-sun{background:var(--sun);color:#16181D}
.pgs-b-brand{background:var(--brand-d);color:#fff}
.pgs .pgs-shop,.pgs .pgs-card.link,.pgs .pgs-shop b{color:var(--ink)}

/* işletme: planlar, abone kutusu, örnek mağazalar, mağaza rozetleri */
.pgs-plans{display:grid;grid-template-columns:1fr;gap:12px}
.pgs-plan{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:22px;background:var(--card);border:2px solid var(--line2)}
.pgs-plan.best{border-color:var(--brand-d)}
.pgs-plan .pgs-badge{position:absolute;top:16px;right:16px}
.pgs-plan h3{font-size:1.375rem;font-weight:800}
.pgs-price{font-family:var(--dfont);font-size:1.5rem;font-weight:800;line-height:1.2}
.pgs-price small{font-size:.875rem;color:var(--muted);font-family:var(--bfont)}
.pgs-price span{display:inline-block;font-family:var(--bfont);font-size:.875rem;font-weight:800;color:var(--muted);background:var(--soft);padding:5px 10px;border-radius:10px}
.pgs-plan .btn{align-self:flex-start;margin-top:4px}
.pgs-restore{min-height:44px;align-self:flex-start;font-size:.875rem}
.pgs-mine{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:22px;background:var(--sea-l);color:var(--sea-t)}
.pgs-mine-h{display:flex;gap:12px;align-items:flex-start}
.pgs-mine-h>svg{flex-shrink:0;margin-top:2px}
.pgs-mine-h b{display:block;font-size:1.125rem;color:var(--ink)}
.pgs-mine-h span{display:block;font-size:.875rem;font-weight:700;margin-top:2px;word-break:break-word}
.pgs-mine-a{display:flex;flex-wrap:wrap;gap:8px}
.pgs-mine-a .btn.soft{background:var(--card)}
.pgs-shops{display:grid;grid-template-columns:1fr;gap:10px}
.pgs-shop{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:var(--card);border:1px solid var(--line2);color:var(--ink)}
.pgs-shop:hover{border-color:var(--ink)}
.pgs-shop:focus-visible{outline:3px solid var(--brand-d);outline-offset:2px}
.pgs-shop-logo{width:52px;height:52px;border-radius:16px;overflow:hidden;flex-shrink:0;background:var(--soft);display:flex;align-items:center;justify-content:center}
.pgs-shop-logo img{width:100%;height:100%;object-fit:cover}
.pgs-shop-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pgs-shop-t b{display:flex;align-items:center;gap:5px;font-size:1rem}
.pgs-shop-t>span{font-size:.8125rem;font-weight:700;color:var(--muted)}
.pgs-shop-t small{font-size:.8125rem;color:var(--muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pgs-shop>svg{color:var(--muted);flex-shrink:0}
.pgs-stores{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.pgs-store{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:14px;background:#16181D;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.pgs-store span{display:flex;flex-direction:column;font-weight:800;font-size:1rem;line-height:1.1}
.pgs-store small{font-size:.6875rem;font-weight:600;opacity:.85}

/* vitrin paketleri + kendi ilanlarım */
.pgs-packs{display:grid;grid-template-columns:1fr;gap:12px}
.pgs-pack{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:22px;background:var(--card);border:2px solid var(--line2)}
.pgs-pack.best{border-color:var(--sun)}
.pgs-pack .pgs-badge{position:absolute;top:16px;right:16px}
.pgs-pack h3{font-size:1.375rem;font-weight:800}
.pgs-pack p{color:var(--muted);font-size:.9375rem;line-height:1.5}
.pgs-pack .pgs-dur{font-weight:800;color:var(--ink);font-size:1rem}
.pgs-pack .pgs-price{margin-top:auto!important;padding-top:6px;color:var(--ink)}
.pgs-mylist{display:flex;flex-direction:column;gap:8px}
.pgs-rowbtn{flex-shrink:0;pointer-events:none;gap:6px}

/* davet */
.pgs-inv{display:flex;flex-direction:column;gap:18px}
.pgs-invbox{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:22px;background:var(--card);border:1px solid var(--line2)}
.pgs-code{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 18px;border-radius:18px;border:2px dashed var(--line);background:var(--bg)}
.pgs-code b{flex:1;font-family:var(--dfont);font-size:1.5rem;letter-spacing:.06em;word-break:break-all}
.pgs-inv-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pgs-inv-row .btn{min-width:0;padding-left:8px;padding-right:8px;white-space:nowrap;font-size:.875rem;gap:6px;width:100%}
.pgs-gift{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--sun-l);color:var(--sun-t)}
.pgs-gift.on{background:var(--sea-l);color:var(--sea-t)}
.pgs-gift b{display:block;font-size:.9375rem;color:var(--ink)}
.pgs-gift .grow{flex:1 1 200px;min-width:0}
.pgs-gift .grow span{display:block;font-size:.8125rem;font-weight:700;line-height:1.4;margin-top:2px}
.pgs-gift-ic{width:44px;height:44px;border-radius:14px;background:var(--card);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pgs-gift .btn{flex-shrink:0}
.pgs-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pgs-stats .pgs-kv{flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:18px;background:var(--card);border:1px solid var(--line2)}
.pgs-stats .pgs-kv b{font-family:var(--dfont);font-size:1.625rem}
.pgs-kv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:.875rem;font-weight:700}
.pgs-kv>span:first-child{color:var(--muted)}
.pgs-box{padding:4px 16px;border-radius:20px;background:var(--card);border:1px solid var(--line2)}
.pgs-box .pgs-kv{border-bottom:1px solid var(--line2)}.pgs-box .pgs-kv:last-child{border-bottom:0}
.pgs-box .pgs-kv>span:first-child{color:var(--ink)}
.pgs-codeform{display:flex;gap:8px;flex-wrap:wrap}
.pgs-codeform .inp{flex:1 1 180px;min-width:0;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.pgs-codeform .btn{flex:0 0 auto;min-height:52px}
.pgs-cms{padding:4px 2px;line-height:1.6}

/* ---------- geniş kapsayıcı (masaüstü / tablet) ---------- */
@container pgs (min-width:560px){
  .pgs-grid.two,.pgs-grid.three,.pgs-grid.four,.pgs-tips,.pgs-plans,.pgs-shops{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pgs-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pgs-check{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pgs-actions .btn{flex:0 0 auto}
  .pgs-cta{flex-direction:row;align-items:center;justify-content:space-between;padding:26px 28px}
  .pgs-cta .pgs-actions{flex-shrink:0;margin:0}
}
@container pgs (min-width:760px){
  .pgs{gap:40px}
  .pgs-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);padding:44px 44px 40px;border-radius:32px}
  .pgs-hero h1,.pgs-hero .pgs-h1{font-size:clamp(2.5rem,4.2cqi,3.5rem)}
  .pgs-lead{font-size:1.125rem}
  .pgs-art{display:flex}
  .pgs-sec-h h2{font-size:1.875rem}
  .pgs-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pgs-steps li{grid-template-columns:1fr;grid-template-rows:none;row-gap:8px;padding:22px}
  .pgs-step-n{grid-row:auto;position:absolute;top:18px;right:18px;width:34px;height:34px;font-size:1rem;background:var(--soft);color:var(--ink)}
  .pgs-step-ic{display:inline-flex;width:52px;height:52px;border-radius:16px;align-items:center;justify-content:center;background:var(--peach);color:var(--peach-t);margin-bottom:6px}
  .pgs-steps b{font-size:1.125rem}
  .pgs-packs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pgs-mylist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pgs-faq{padding:0 24px}
}
@container pgs (min-width:960px){
  .pgs-grid.three,.pgs-shops,.pgs-tips{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pgs-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pgs-check{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pgs-inv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .pgs-inv>.pgs-sec,.pgs-inv>[data-gift-slot]{grid-column:1/-1}
}
/* masaüstü: form genişliği (960px) yerine okunur ama geniş sayfa */
html.dk main.screen:has(> .pgs){max-width:1240px;margin:0 auto}
html.dk .pgs{padding:4px 0 8px}
html.dk .pgs-nav{margin:0}
html.dk .pgs-nav ul{padding:0}

@media (prefers-reduced-motion:reduce){ .pgs-faq summary svg,.pgs-card.link{transition:none} }

/* ---------- SSR (JS'siz sayfa: seo/content/*.php, 'hero'=>false) — seo.css .doc kabuğunda ---------- */
.pg-page .pgs{padding-left:0;padding-right:0}
.pg-page .pgs-nav{margin:0}
.pg-page .pgs-nav ul{padding:0}

/* koyu tema: ters (açık) bant yerine kart yüzeyi */
[data-theme="dark"] .pgs-cta{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
[data-theme="dark"] .pgs-nav a.on{background:var(--ink);color:var(--bg)}

/* ---------- SSR kabuğu (seo/seo.css .ssr a / .ssr .btn kuralları) üzerine ---------- */
.ssr .pgs a{text-decoration:none}
.ssr .pgs p a,.ssr .pgs .pgs-more a{text-decoration:underline}
.ssr .pgs-nav a,.ssr .pgs a.pgs-card,.ssr .pgs .pgs-shop{color:var(--ink)}
.ssr .pgs-nav a.on{color:var(--bg)}
.ssr .pgs .btn{min-height:54px;border-radius:17px;font-size:1rem;padding:0 22px}
.ssr .pgs .btn.primary{background:var(--brand-d);color:#fff}
.ssr .pgs .btn.dark{background:var(--ink);color:var(--bg)}
.ssr .pgs .btn.soft{background:var(--soft);color:var(--ink)}
.ssr .pgs .pgs-t-brand .btn.primary,.ssr .pgs .pgs-t-sea .btn.primary{background:#fff;color:#9A3412}
.ssr .pgs .pgs-t-brand .btn.dark,.ssr .pgs .pgs-t-sea .btn.dark,.ssr .pgs .pgs-t-ink .btn.dark{background:#fff;color:#16181D}
.ssr .pgs .pgs-t-brand .btn.soft,.ssr .pgs .pgs-t-sea .btn.soft,.ssr .pgs .pgs-t-ink .btn.soft{background:rgba(255,255,255,.16);color:#fff}
.ssr .pgs .pgs-t-sun .btn.soft{background:var(--card);color:var(--ink)}
.ssr .pgs .pgs-cta .btn.soft{background:rgba(127,127,127,.22);color:inherit}