/* GPUGaraj Sistemini Kendin Topla 1.0.0 — kullanıcının iki tasarımı (1920 genişlik; içerik 1840 px). Yalnız .gpkt altında. */
.gpkt-main{background:#f6f8fc;padding:18px 0 56px}
.gpkt-shell{width:min(1840px,calc(100% - 32px));margin:0 auto}
.gpkt{--o:#ff6500;--o2:#ff7a1a;--ink:#15212a;--mut:#6b7280;--line:#e7eaf0;color:var(--ink);font-size:14px;line-height:1.45}
.gpkt *,.gpkt *::before,.gpkt *::after{box-sizing:border-box}
.gpkt h1,.gpkt h2,.gpkt h3,.gpkt p{margin:0}
.gpkt a{text-decoration:none}
.gpkt svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.gpkt button{font-family:inherit;line-height:1.2;cursor:pointer}
.gpkt-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--o);flex:0 0 11px}
.gpkt-dot--g{background:#1b9d61;width:9px;height:9px;flex-basis:9px}
.gpkt-pill{display:inline-flex;align-items:center;gap:14px;height:38px;padding:0 26px 0 16px;border:1px solid #f3dccb;border-radius:20px;background:#fff;color:#c2410c;font-size:11px;font-weight:800;letter-spacing:.04em}
.gpkt-cta{display:inline-flex;align-items:center;justify-content:center;gap:42px;height:56px;padding:0 18px 0 52px;border-radius:8px;color:#fff!important;font-size:13px;font-weight:800;
  background:linear-gradient(90deg,#fc7a00 0%,#f7631c 55%,#ed4f39 100%);box-shadow:0 10px 22px rgba(247,99,28,.28);transition:transform .15s,box-shadow .15s}
.gpkt-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(247,99,28,.36)}
.gpkt-cta svg{width:22px;height:22px}
.gpkt-cta--sm{height:42px;gap:12px;padding:0 18px;font-size:12px}
.gpkt-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:56px;padding:0 40px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)!important;font-size:11.5px;font-weight:800;transition:border-color .15s,box-shadow .15s}
.gpkt-ghost:hover{border-color:#f4c4a3;box-shadow:0 4px 14px rgba(21,33,42,.06)}
.gpkt-ghost--sm{height:38px;padding:0 26px;font-size:10.5px;letter-spacing:.02em;border-radius:19px}

/* ---------------- giriş sayfası (tasarım 1) */
.gpkt-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,48.8%);min-height:488px;border-radius:22px;overflow:hidden;
  background:linear-gradient(90deg,#fff1e1 0%,#f9f0ee 50%,#f3f0fd 100%);box-shadow:0 18px 40px rgba(21,33,42,.06)}
.gpkt-hero-text{padding:42px 40px 40px 48px;display:flex;flex-direction:column;align-items:flex-start}
.gpkt-hero h1{margin-top:40px;font-size:clamp(34px,3.05vw,58px);line-height:1.04;font-weight:800;letter-spacing:.005em;color:var(--ink)}
.gpkt-hero h1 span{display:block;color:var(--o);margin-top:4px}
.gpkt-hero p{margin-top:16px;color:#5f6773;font-size:15.5px;line-height:1.62;padding-left:2px}
.gpkt-hero-btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px}
.gpkt-hero-btns .gpkt-cta{min-width:288px}
.gpkt-hero-btns .gpkt-ghost{min-width:162px;padding:0 24px}
.gpkt-feats{display:flex;flex-wrap:wrap;gap:16px 68px;list-style:none;margin:38px 0 0;padding:0}
.gpkt-feats li{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:700;color:#2b3640}
.gpkt-n{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#fff;border:1px solid #e9ecf2;font-style:normal;font-size:11px;font-weight:800}
.gpkt-n svg{width:13px;height:13px;stroke-width:2.6}
.gpkt-n--g{color:#1b9d61}.gpkt-n--b{color:#4d70e8}.gpkt-n--p{color:#e84e9b}
.gpkt-hero-img{position:relative;min-height:100%}
.gpkt-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.gpkt-parts{margin-top:40px}
.gpkt-parts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 6px 0 8px}
.gpkt-parts-head h2{font-size:26px;font-weight:800}
.gpkt-parts-head p{margin-top:6px;color:#5f6773;font-size:11.5px}
.gpkt-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:22px;padding:0 8px}
.gpkt-pcard{position:relative;min-height:248px;padding:18px 22px 40px 21px;border-radius:10px;border-left:7px solid var(--c);overflow:hidden;box-shadow:0 10px 26px rgba(21,33,42,.06)}
.gpkt-pcard--gpu{--c:#ff6500;background:#fff0e5}.gpkt-pcard--cpu{--c:#4d70e8;background:#eff3ff}.gpkt-pcard--case{--c:#e84e9b;background:#fff0f8}
.gpkt-ptag{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;height:27px;padding:0 22px 0 38px;border-radius:14px;background:#fff;border:1px solid #f0e2d8;color:var(--c);font-size:9px;font-weight:800;letter-spacing:.03em}
.gpkt-ptag i{font-style:normal;opacity:.6}
.gpkt-pcard h3{position:relative;z-index:1;margin-top:28px;font-size:18px;font-weight:800}
.gpkt-pcard p{position:relative;z-index:1;margin-top:8px;color:#5f6773;font-size:10.5px;max-width:46%}
.gpkt-pcard .gpkt-ghost{position:relative;z-index:1;margin-top:48px;height:38px;min-width:163px;padding:0 18px;border-radius:6px;font-size:10px}
.gpkt-pcard img{position:absolute;right:20px;top:50%;transform:translateY(-50%);max-width:52%;max-height:86%;width:auto;height:auto}
.gpkt-pcard--cpu img{right:46px}.gpkt-pcard--case img{right:26px;max-height:88%}
.gpkt-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,32,.48)}
.gpkt-modal[hidden]{display:none}
.gpkt-modal-box{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:30px 28px 26px;border-radius:16px;background:#fff;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.gpkt-modal-box h2{font-size:22px;font-weight:800}
.gpkt-modal-box ol{margin:16px 0 22px;padding-left:20px;color:#3b4652;font-size:14px;line-height:1.6}
.gpkt-modal-box li{margin-bottom:10px}
.gpkt-modal-box .gpkt-cta{gap:14px;padding:0 22px;height:48px}
.gpkt-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f3f4f6;font-size:22px;line-height:1;color:#374151}

/* ---------------- sihirbaz (tasarım 2) */
.gpkt-crumb{display:flex;align-items:center;gap:10px;font-size:11.5px;color:#7a8390;padding:2px 0 0 1px}
.gpkt-crumb a{color:#7a8390}.gpkt-crumb a:hover{color:var(--o)}.gpkt-crumb b{color:#2b3640;font-weight:700}
.gpkt-whead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:16px}
.gpkt-pill--soft{height:30px;padding:0 32px;gap:0;background:#ffeadd;border-color:#f6c7a9;font-size:9px;color:#c2410c}
.gpkt-whead h1{margin-top:18px;font-size:clamp(24px,1.6vw,30px);font-weight:800;line-height:1.15}
.gpkt-whead h1 span{color:var(--o)}
.gpkt-whead p{margin-top:6px;color:#5f6773;font-size:11px}
.gpkt-live{display:inline-flex;align-items:center;gap:12px;height:38px;min-width:375px;padding:0 20px 0 16px;margin-top:4px;border:1px solid var(--line);border-radius:20px;background:#fff;font-size:9.5px;font-weight:800;color:#2b3640;letter-spacing:.03em}
.gpkt-steps{margin-top:18px;padding:12px 22px 14px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(21,33,42,.035)}
.gpkt-steps-top{display:flex;justify-content:space-between;font-size:8.5px;font-weight:800;color:#7a8390;letter-spacing:.04em}
.gpkt-steps-top b{color:#2b3640}
.gpkt-track{height:4px;margin-top:8px;border-radius:4px;background:#edf0f4;overflow:hidden}
.gpkt-track i,.gpkt-sum-bar i{display:block;height:100%;border-radius:4px;transition:width .35s}
.gpkt-track i{background:linear-gradient(90deg,#ff6500 0%,#ff6500 58%,#ff9b57 66%,#d96ad4 82%,#4778e8 100%);background-size:1800px 100%}
.gpkt-steps ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));list-style:none;margin:10px 0 0;padding:0}
.gpkt-step{display:flex;align-items:center;gap:10px;width:100%;padding:3px 0;border:0;background:none;color:#2b3640;font-size:10.5px;font-weight:700;text-align:left}
.gpkt-step i,.gpkt-comp i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;font-style:normal;font-weight:800;background:var(--t);color:var(--c);transition:background .15s,color .15s}
.gpkt-step i{width:27px;height:27px;font-size:9px}
.gpkt-c-o{--c:#ff6500;--t:#fff1e7}.gpkt-c-b{--c:#4778e8;--t:#edf2ff}.gpkt-c-v{--c:#9b62d9;--t:#f3edff}.gpkt-c-c{--c:#16a5c7;--t:#e6f8fd}
.gpkt-c-g{--c:#1b9d61;--t:#e9f8f0}.gpkt-c-y{--c:#d98a0b;--t:#fff4e2}.gpkt-c-p{--c:#e84e9b;--t:#fff0f7}
.gpkt-step.is-on i,.gpkt-comp.is-on i{background:var(--c);color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.gpkt-step.is-done:not(.is-on) i{box-shadow:inset 0 0 0 1.5px var(--c)}
.gpkt-step:hover span{color:var(--c)}
.gpkt-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 508px;gap:18px;align-items:start;margin-top:20px}
.gpkt-card{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(21,33,42,.04)}
.gpkt-comps{padding:16px 12px 12px;position:sticky;top:12px}
.gpkt-comps-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 14px}
.gpkt-comps-head span{font-size:9.5px;font-weight:800;color:#5f6773;letter-spacing:.05em}
.gpkt-chip{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:26px;padding:0 10px;border-radius:13px;background:#fff1e7;color:#c2410c;font-size:9px;font-weight:800}
.gpkt-chip--w{background:#fff;border:1px solid #f0d9c9;color:#c2410c}
.gpkt-comps ol{list-style:none;margin:0;padding:0}
.gpkt-comp{display:flex;align-items:center;gap:13px;width:100%;min-height:64px;margin-bottom:6px;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:none;text-align:left;color:var(--ink);transition:background .15s}
.gpkt-comp:hover{background:#fafbfd}
.gpkt-comp.is-on{background:#fff5ee;border-color:#fbd5bd}
.gpkt-comp i{width:30px;height:30px;font-size:10px}
.gpkt-comp span{display:flex;flex-direction:column;min-width:0}
.gpkt-comp b{font-size:11px;font-weight:800}
.gpkt-comp small{margin-top:4px;font-size:8.5px;color:#7a8390;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.gpkt-comp.is-done small{color:#1b9d61;font-weight:700}
.gpkt-note{margin-top:8px;padding:6px 10px;border-radius:6px;background:#f6f7f9;font-size:8px;color:#7a8390}
.gpkt-main-col{padding:18px 24px 24px;min-height:560px;scroll-margin-top:12px}
.gpkt-main-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.gpkt-kicker{font-size:9px;font-weight:800;color:var(--o);letter-spacing:.04em}
.gpkt-kicker i{font-style:normal;opacity:.6;margin:0 2px}
.gpkt-check{display:inline-flex;align-items:center;gap:10px;height:29px;min-width:232px;padding:0 16px;border:1px solid var(--line);border-radius:7px;background:#f7f9fb;color:#2b3640;font-size:8.5px;font-weight:800;letter-spacing:.03em}
.gpkt-check:hover{border-color:#bfe5d2}.gpkt-check:disabled{opacity:.6;cursor:wait}
.gpkt-main-col h2{margin-top:6px;font-size:22px;font-weight:800}
.gpkt-lead{margin-top:6px;font-size:10.5px;color:#5f6773}
.gpkt-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.gpkt-chips{display:flex;gap:6px;flex-wrap:wrap}
.gpkt-fchip{min-width:63px;height:33px;padding:0 18px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#2b3640;font-size:10px;font-weight:800}
.gpkt-fchip.is-on{background:#fff1e7;border-color:#f5c6a6;color:#c2410c}
.gpkt-search{display:flex;align-items:center;gap:10px;width:min(291px,100%);height:33px;padding:0 14px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#7a8390;margin:0}
.gpkt-search input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:11px;color:var(--ink);height:100%;padding:0;box-shadow:none}
.gpkt-search:focus-within{border-color:#f5b98f;box-shadow:0 0 0 3px rgba(255,101,0,.08)}
.gpkt-msg{margin-top:12px;padding:10px 14px;border-radius:9px;font-size:12px;line-height:1.55}
.gpkt-msg.is-ok{background:#ecf8f2;color:#166a44;border:1px solid #c6ead8}
.gpkt-msg.is-bad{background:#fff3f0;color:#9f2a12;border:1px solid #f8cfc4}
.gpkt-msg.is-info{background:#f4f7fb;color:#3b4652;border:1px solid var(--line)}
.gpkt-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.gpkt-loading,.gpkt-empty{grid-column:1/-1;padding:40px 16px;border:1px dashed #dfe3ea;border-radius:12px;text-align:center;color:#6b7280;font-size:13px}
.gpkt-prod{position:relative;display:flex;flex-direction:column;padding:14px 14px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;transition:border-color .15s,box-shadow .15s}
.gpkt-prod:hover{border-color:#f4c4a3;box-shadow:0 8px 20px rgba(21,33,42,.06)}
.gpkt-prod.is-sel{border:2px solid var(--o2);padding:13px;background:#fffaf6}
.gpkt-prod.is-bad{opacity:.62}
.gpkt-selmark{position:absolute;top:8px;right:10px;display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#1b9d61;color:#fff;font-size:11px;font-weight:800;box-shadow:0 0 0 3px #dff4ea}
.gpkt-prod-top{display:flex;gap:16px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #eef0f4}
.gpkt-pimg{flex:0 0 98px;width:98px;height:98px;border-radius:10px;background:var(--t,#f5f6f8);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #f1e6dd}
.gpkt-pimg img{max-width:88%;max-height:88%;width:auto;height:auto;mix-blend-mode:multiply}
.gpkt-noimg{width:44px;height:44px;border-radius:8px;background:#e9edf3}
.gpkt-s-cpu .gpkt-pimg{--t:#fff1e7}.gpkt-s-mb .gpkt-pimg{--t:#edf2ff}.gpkt-s-gpu .gpkt-pimg{--t:#f3edff}.gpkt-s-ram .gpkt-pimg{--t:#e6f8fd}
.gpkt-s-storage .gpkt-pimg{--t:#e9f8f0}.gpkt-s-psu .gpkt-pimg{--t:#fff4e2}.gpkt-s-case .gpkt-pimg,.gpkt-s-cooler .gpkt-pimg{--t:#fff0f7}
.gpkt-pinfo{min-width:0;flex:1;padding-top:6px;padding-right:18px}
.gpkt-pkind{display:block;font-style:normal;font-size:9px;font-weight:800;color:#e84e9b;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
.gpkt-pname{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink)!important;font-size:13px;font-weight:800;line-height:1.35}
.gpkt-pname:hover{color:var(--o)!important}
.gpkt-l1{margin-top:7px!important;font-size:10px;color:#3b4652}
.gpkt-l2{margin-top:5px!important;font-size:8.5px;color:#7a8390}
.gpkt-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.gpkt-tags span{display:inline-flex;align-items:center;height:19px;padding:0 8px;border-radius:5px;background:#f3f4f6;border:1px solid #eceef2;font-size:8px;font-weight:800;color:#3b4652}
.gpkt-cnote{margin-top:7px!important;font-size:9.5px;font-weight:700;color:#7a8390}
.gpkt-cnote.is-ok{color:#1b9d61}.gpkt-cnote.is-bad{color:#c2410c}
.gpkt-prod-bot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;margin-top:auto}
.gpkt-price{display:flex;flex-direction:column}
.gpkt-price b{font-size:18px;font-weight:800;line-height:1.1}
.gpkt-price s{font-size:10.5px;color:#9aa1ab;margin-top:2px}
.gpkt-price small{margin-top:6px;font-size:7.5px;font-weight:800;color:#7a8390;letter-spacing:.04em}
.gpkt-np{font-size:12px!important}
.gpkt-pick{min-width:116px;height:37px;padding:0 16px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:9.5px;font-weight:800;transition:all .15s}
.gpkt-pick:hover:not(:disabled){border-color:var(--o2);color:#c2410c}
.gpkt-pick.is-sel{min-width:116px;border-color:transparent;background:linear-gradient(90deg,#ff7a00,#f2540c);color:#fff;box-shadow:0 6px 14px rgba(255,106,0,.26)}
.gpkt-pick.is-sel:hover{color:#fff!important}
.gpkt-pick:disabled{cursor:not-allowed;background:#f6f7f9;color:#9aa1ab}
.gpkt-more-wrap{display:flex;justify-content:center;margin-top:14px}
.gpkt-more-wrap [hidden]{display:none}
.gpkt-sub{margin-top:22px;font-size:8.5px;font-weight:800;color:#5f6773;letter-spacing:.05em}
.gpkt-compat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;max-width:958px}
.gpkt-cbox{display:flex;align-items:center;gap:12px;min-height:66px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}
.gpkt-cbox i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 21px;height:21px;border-radius:50%;font-style:normal;font-size:10px;font-weight:800;background:#eaf8f1;color:#1b9d61}
.gpkt-cbox.is-bad{border-color:#f8cfc4;background:#fff8f6}.gpkt-cbox.is-bad i{background:#ffe3dc;color:#c2410c}
.gpkt-cbox.is-unk i,.gpkt-cbox.is-pend i{background:#f1f3f6;color:#9aa1ab}
.gpkt-cbox small{display:block;font-size:8.5px;color:#7a8390}
.gpkt-cbox b{display:block;margin-top:5px;font-size:10.5px;font-weight:800}
.gpkt-tip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:16px 16px 16px 17px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.gpkt-tip b{font-size:11px;font-weight:800}
.gpkt-tip p{margin-top:6px!important;font-size:8.5px;color:#6b7280}
.gpkt-tip .gpkt-ghost{flex:0 0 auto;height:37px;min-width:161px;border-radius:6px;font-size:9.5px}
.gpkt-tip .gpkt-ghost[hidden]{display:none}
.gpkt-sum{padding:18px 20px 20px;position:sticky;top:12px}
.gpkt-sum-box{position:relative;padding:18px 140px 34px 20px;border:1px solid #fbd9c4;border-radius:12px;background:#fff5ed;min-height:121px}
.gpkt-sum-top{display:flex;align-items:center;justify-content:space-between}
.gpkt-sum-top span{font-size:9.5px;font-weight:800;color:#c2410c;letter-spacing:.04em}
.gpkt-sum-prog{display:flex;justify-content:space-between;margin-top:14px;font-size:8.5px;color:#7a8390}
.gpkt-sum-prog b{color:#2b3640;font-weight:800}
.gpkt-sum-bar{height:8px;margin-top:8px;border-radius:5px;background:#f2e5dc;overflow:hidden}
.gpkt-sum-bar i{background:linear-gradient(90deg,#ff7a00,#ff5a1f)}
.gpkt-sum-box img{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:102px;height:auto}
.gpkt-sum-head{display:flex;align-items:center;justify-content:space-between;margin:24px 8px 10px}
.gpkt-sum-head h3{font-size:13px;font-weight:800}
.gpkt-sum-head button{border:0;background:none;padding:4px 2px;font-size:8px;font-weight:800;color:#5f6773;letter-spacing:.04em}
.gpkt-sum-head button:hover{color:var(--o)}
.gpkt-sum-list{list-style:none;margin:0;padding:0;max-height:430px;overflow:auto}
.gpkt-sum-list li{display:flex;align-items:center;gap:14px;min-height:47px;padding:6px 20px 6px 16px}
.gpkt-sum-list li.is-sel{position:relative;margin-bottom:8px;min-height:62px;padding:8px 32px 8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.gpkt-sic{flex:0 0 40px;width:40px;height:40px;border-radius:9px;background:#fff1e7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gpkt-sic img{max-width:86%;max-height:86%;mix-blend-mode:multiply}
.gpkt-sdot{flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#f1f3f6;border:1px solid #e5e8ee;color:#9aa1ab;display:flex;align-items:center;justify-content:center;font-size:9px;margin-left:4px}
.gpkt-sn{flex:1;min-width:0;display:flex;flex-direction:column}
.gpkt-sn b{font-size:10.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gpkt-sn small{margin-top:4px;font-size:8px;color:#7a8390}
.gpkt-sp{font-size:11px;font-weight:800;white-space:nowrap}
.gpkt-sx{font-size:7.5px;color:#9aa1ab}
.gpkt-srm{position:absolute;right:6px;top:6px;width:20px;height:20px;border:0;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:13px;line-height:1;padding:0}
.gpkt-srm:hover{background:#ffe3dc;color:#c2410c}
.gpkt-total{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:14px 20px 0;padding-top:16px;border-top:1px solid var(--line)}
.gpkt-total>span{font-size:10px;color:#5f6773;padding-top:6px}
.gpkt-total div{display:flex;flex-direction:column;align-items:flex-end}
.gpkt-total b{font-size:23px;font-weight:800;line-height:1.15}
.gpkt-total small{margin-top:3px;font-size:7.5px;color:#7a8390}
.gpkt-next{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:49px;margin-top:14px;border:0;border-radius:10px;color:#fff;font-size:11.5px;font-weight:800;
  background:linear-gradient(90deg,#ff7903 0%,#f45f4b 55%,#eb4f9f 100%);box-shadow:0 10px 22px rgba(240,90,110,.24);transition:transform .15s,box-shadow .15s}
.gpkt-next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px rgba(240,90,110,.32)}
.gpkt-next:disabled{opacity:.55;cursor:not-allowed}
.gpkt-next svg{position:absolute;right:46px;width:24px;height:24px}
.gpkt-order{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe;font-size:12px}
.gpkt-order[hidden]{display:none}
.gpkt-order-h{font-weight:800;font-size:13px}
.gpkt-order ul{list-style:none;margin:8px 0 0;padding:0}
.gpkt-order li{padding:3px 0;line-height:1.45}
.gpkt-order li.is-ok b{color:#1b9d61}.gpkt-order li.is-bad b{color:#c2410c}
.gpkt-order li a{color:#c2410c;text-decoration:underline}
.gpkt-order-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.gpkt-wa{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:8px;background:#1fae5b;color:#fff!important;font-size:12px;font-weight:800}
.gpkt-wa:hover{background:#178f4a}
.gpkt-order-n{margin-top:8px!important;font-size:11px;color:#6b7280}
.gpkt-foot{margin-top:12px!important;text-align:center;font-size:8px;color:#7a8390}

/* ---------------- dar ekranlar */
@media (max-width:1500px){.gpkt-grid{grid-template-columns:230px minmax(0,1fr) 420px}.gpkt-live{min-width:0}}
@media (max-width:1280px){
  .gpkt-grid{grid-template-columns:minmax(0,1fr) 380px}
  .gpkt-comps{display:none}
  .gpkt-products{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1100px){.gpkt-pgrid{grid-template-columns:minmax(0,1fr)}.gpkt-pcard{min-height:220px}}
@media (max-width:991px){
  .gpkt-hero{grid-template-columns:minmax(0,1fr)}
  .gpkt-hero-img{order:-1;min-height:0;aspect-ratio:889/485}
  .gpkt-hero-text{padding:24px 20px 28px}
  .gpkt-hero h1{margin-top:22px}
  .gpkt-feats{gap:12px 26px;margin-top:26px}
  .gpkt-grid{grid-template-columns:minmax(0,1fr)}
  .gpkt-sum{position:static}
  .gpkt-steps ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px}
  .gpkt-whead{flex-direction:column}
  .gpkt-live{margin-top:0}
}
@media (max-width:640px){
  .gpkt-main{padding-top:12px}
  .gpkt-shell{width:calc(100% - 32px)}
  .gpkt-hero{border-radius:16px}
  .gpkt-hero-btns{width:100%}
  .gpkt-hero-btns .gpkt-cta,.gpkt-hero-btns .gpkt-ghost{width:100%;min-width:0}
  .gpkt-cta{gap:18px;padding:0 18px}
  .gpkt-parts-head{flex-direction:column;align-items:flex-start;padding:0}
  .gpkt-pgrid{padding:0;gap:16px}
  .gpkt-pcard p{max-width:52%}
  .gpkt-pcard img{max-width:44%}
  .gpkt-steps{padding:12px 14px}
  .gpkt-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gpkt-main-col{padding:16px 14px 18px}
  .gpkt-main-top{flex-direction:column;align-items:flex-start}
  .gpkt-check{min-width:0;width:100%;justify-content:center}
  .gpkt-search{width:100%}
  .gpkt-compat{grid-template-columns:minmax(0,1fr)}
  .gpkt-tip{flex-direction:column;align-items:flex-start}
  .gpkt-prod-top{gap:12px}
  .gpkt-pimg{flex-basis:76px;width:76px;height:76px}
  .gpkt-prod-bot{flex-wrap:wrap}
  .gpkt-pick{flex:1}
  .gpkt-sum{padding:14px}
  .gpkt-sum-box{padding-right:110px}
  .gpkt-sum-box img{width:84px}
  .gpkt-next svg{right:20px}
}
@media (prefers-reduced-motion:reduce){.gpkt *{transition:none!important}}