/* Product page, owner's artifact "K4G · Onimusha Way of the Sword (PC) — product page (final)", 08.11.2026:
   frameless card, Edition + Offer switches, Offer details window (variant L3). */
.k4g-pc .k4g-edition-opt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media (max-width:420px){.k4g-pc .k4g-edition-opt b{white-space:normal;line-height:1.2}}
@media (max-width:560px){.k4g-offer-seg[data-many]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){.k4g-offer-seg[data-many]::before{display:none}}
@media (max-width:560px){.k4g-offer-seg[data-many] .k4g-edition-opt[aria-checked=true]{background:linear-gradient(#211c3d,#211c3d) padding-box,linear-gradient(120deg,#8b5cf6,#e14bc8) border-box;border:1px solid transparent;border-radius:9px;color:#fff}}
.k4g-pc-ico[data-k4g-type]::after{white-space:normal;width:min(240px,70vw);line-height:1.35;left:-40px;translate:0 4px}
.k4g-pc-ico[data-k4g-type]:hover::after{translate:0 0}
.k4g-lq-o b{display:flex!important;align-items:center;justify-content:center;gap:5px}
.k4g-lq-o b svg{flex:none;width:13px;height:13px;opacity:.8}
.k4g-lq-o[aria-checked=true] b svg{opacity:1}
.k4g-lq-o b em{font-style:normal;overflow:hidden;text-overflow:ellipsis}
.k4g-lq-o span{display:flex!important;align-items:center;justify-content:center;gap:5px}
.k4g-lq{margin-top:28px!important}
.k4g-tab{position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);display:block;width:max-content;font-style:normal;z-index:3;pointer-events:none;line-height:0}
.k4g-tab svg{display:block;overflow:visible;max-width:none!important}
.k4g-tab span{position:absolute;left:0;right:0;top:0;height:22px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;line-height:1;color:#8ff08f;white-space:nowrap;padding:1px 0 0}
.k4g-lq-o .k4g-tab span{color:#8ff08f!important;font-size:9.5px!important;display:flex!important}
.k4g-tab span i{width:5px;height:5px;border-radius:50%;background:#45d245;box-shadow:0 0 6px #45d245}
.k4g-lq{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:4px;border-radius:999px;background:#0f111a;border:1px solid #2c3048;margin-top:8px}
.k4g-lq-blob{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/var(--n));border-radius:999px;background:linear-gradient(120deg,#8b5cf6,#e14bc8);box-shadow:0 6px 20px -6px rgba(225,75,200,.7);transform:translateX(calc(var(--i)*100%));transition:transform .42s cubic-bezier(.4,0,.2,1)}
.k4g-lq-o{position:relative;z-index:1;border:0;background:none;border-radius:999px;padding:8px 4px;line-height:1.2;color:#aab0c2;cursor:pointer;font-family:inherit;transition:color .35s ease}
.k4g-lq-o b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k4g-lq-o span{display:block;font-size:11.5px;color:#7c8098;transition:color .3s}
.k4g-lq-o:hover{color:#eef0f8}
.k4g-lq-o[aria-checked=true]{color:#fff}
.k4g-lq-o[aria-checked=true] span{color:rgba(255,255,255,.88)}
.k4g-lq-o:focus-visible{outline:2px solid #cdbdff;outline-offset:2px}
.k4g-lq-meta{display:flex;justify-content:center;gap:14px;margin-top:9px;font-size:12.5px;color:#aab0c2}
.k4g-lq-meta b{color:#eef0f8;font-weight:600}
@media (max-width:420px){.k4g-lq-o b{font-size:12px}}
@media (max-width:420px){.k4g-lq-o span{font-size:11px}}
@media (prefers-reduced-motion:reduce){.k4g-lq-blob,.k4g-lq-o{transition:none}}
@media (prefers-reduced-motion:reduce){.k4g-lq-blob.is-stretch{animation:none}}
.k4g-od.is-open{opacity:1;visibility:visible}
.k4g-od.is-open .k4g-od__box{translate:0 0;scale:1}
.k4g-pc-clamp:not(.is-clamped){max-height:none;mask:none;-webkit-mask:none}
body.k4g-product-route main .k4g-product-media,body.k4g-product-route main .thumbs .thumb,body.k4g-product-route main .k4g-pc-specs,body.k4g-product-route main .k4g-pc-si,body.k4g-product-route main aside.buybox,body.k4g-product-route main .k4g-pc-ico,body.k4g-product-route main .k4g-edition-seg,body.k4g-product-route main .k4g-lq,body.k4g-product-route main .k4g-pc-seller{border-color:transparent!important;box-shadow:none!important}
body.k4g-product-route main .k4g-tab svg path:nth-of-type(2){stroke:transparent}
body.k4g-product-route{--nb-card:#171a24;--nb-card2:#171a24;--nb-well:#0d0f15;--nb-ico:#232633;--nb-ico-c:#b9bdcc;--nb-seller:#1b1e29}
body.k4g-product-route main .k4g-pc-specs,body.k4g-product-route main aside.buybox,body.k4g-product-route main .k4g-product-media{background:var(--nb-card)!important}
body.k4g-product-route main aside.buybox::before{display:none!important}
body.k4g-product-route main .k4g-pc-seller{background:var(--nb-seller)!important}
body.k4g-product-route main .k4g-edition-seg,body.k4g-product-route main .k4g-lq{background:var(--nb-well)!important}
body.k4g-product-route main .k4g-pc-si,body.k4g-product-route main .k4g-pc-ico{background:var(--nb-ico)!important;color:var(--nb-ico-c)!important}
body.k4g-product-route main .thumbs .thumb.is-active{box-shadow:0 0 0 2px rgba(255,255,255,.5)!important}
body.k4g-product-route main .k4g-tab svg path:first-of-type{fill:var(--nb-well)}
main .k4g-edition-seg{border-color:transparent!important}
main .k4g-pc .k4g-edition-opt[aria-checked="true"] b{color:#fff!important}
main .k4g-pc .k4g-edition-opt[aria-checked="true"] span{color:#e8e9f2!important}
main .k4g-pc .k4g-edition-seg::before{border:0!important;background:linear-gradient(120deg,rgba(139,92,246,.55),rgba(225,75,200,.45))!important;box-shadow:0 6px 18px -8px rgba(225,75,200,.55)!important}
body.k4g-product-route main .k4g-pc .k4g-edition-seg::before{background:linear-gradient(120deg,#8b5cf6,#e14bc8)!important;box-shadow:0 6px 20px -6px rgba(225,75,200,.7)!important}
main .k4g-pc-pill.is-gpay,#k4g-od .k4g-pc-pill.is-gpay{background:#fff!important;color:#000!important;border:0!important;display:inline-flex;align-items:center;justify-content:center;gap:3px}
.k4g-pc-pill.is-gpay .k4g-gicon{width:19px;height:19px;flex:none}
.kod{--bg:#0b0d15;--s1:#141828;--box:#10121c;--boxline:#23273b;--inset:#0f111a;--edge:#2c3048;--sel:#211c3d;--grad:linear-gradient(120deg,#8b5cf6,#e14bc8);--text:#eef0f8;--t2:#aab0c2;--muted:#7c8098;--ok:#45d245;--line:rgba(255,255,255,.07);--ease:cubic-bezier(.4,0,.2,1);font-family:Inter,system-ui,sans-serif;color:#eef0f8;line-height:1.5}
.kod button{font:inherit;color:inherit;cursor:pointer}
.kod .ov{position:fixed;inset:0;z-index:10010;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(6,7,12,.72);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .28s var(--ease),visibility .28s}
.kod .ov.open{opacity:1;visibility:visible}
.kod .x{width:36px;height:36px;border-radius:10px;border:1px solid var(--edge);background:rgba(15,17,26,.7);display:grid;place-items:center;color:var(--t2);backdrop-filter:blur(8px)}
.kod .x:hover{color:#fff;border-color:#4a4f6e}
.kod .x svg{width:16px;height:16px}
.kod .btn{height:46px;border-radius:12px;border:0;background:var(--grad);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 26px -10px rgba(225,75,200,.7)}
.kod .btn svg{width:18px;height:18px}
.kod .btn2{height:46px;border-radius:12px;border:1px solid rgba(139,92,246,.45);background:rgba(139,92,246,.06);font-weight:600}
.kod .pay{display:flex;gap:8px}
.kod .pay span{height:40px;padding:0 14px;border-radius:999px;background:#fff;color:#111;display:flex;align-items:center;font-weight:600;font-size:15px}
.kod .h4{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:6px 0 10px}
@media (max-width:640px){.kod .ov{padding:0;align-items:flex-end}}
@media (prefers-reduced-motion:reduce){.kod *{transition:none!important;animation:none!important}}
.kod .mG{width:min(820px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:var(--box);border:1px solid var(--boxline);border-radius:20px;overflow:hidden;box-shadow:0 40px 100px -20px rgba(0,0,0,.85);transform:translateY(12px);transition:transform .32s var(--ease);position:relative}
.kod .ov.open .mG{transform:none}
.kod .mG .hb{flex:none;display:flex;align-items:center;gap:10px;padding:14px 16px 14px 20px;border-bottom:1px solid var(--line);background:#121524}
.kod .mG .hb .hi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#20264a;color:#cdbdff}
.kod .mG .hb .hi svg{width:16px;height:16px}
.kod .mG .hb b{font-size:16px;font-weight:700}
.kod .mG .hb .x{margin-left:auto}
.kod .mG .sc{overflow-y:auto;overscroll-behavior:contain;flex:1}
.kod .mG .top{display:grid;grid-template-columns:240px 1fr;gap:22px;padding:20px}
.kod .mG .cv{aspect-ratio:4/3;border-radius:14px;background:var(--cover) center/cover;position:relative;box-shadow:0 14px 30px -12px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.07);overflow:hidden}
.kod .mG .cv .tp{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:8px;background:rgba(11,13,21,.78);backdrop-filter:blur(8px);font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.1)}
.kod .mG .cv .tp svg{width:13px;height:13px;color:#cdbdff}
.kod .mG h3{margin:2px 0 14px;font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kod .mG .rg{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:7px;font-size:12.5px}
.kod .mG .rg.wn{background:rgba(255,194,75,.09);color:#ffd27a;border:1px solid rgba(255,194,75,.3)}
.kod .mG .rg:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.kod .mG .pz{margin:0 20px;padding:16px;border-radius:16px;background:linear-gradient(180deg,#141729,#11131f);border:1px solid #23273b}
.kod .mG .pz .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.kod .mG .cp{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 6px 0 10px;border-radius:9px;background:rgba(69,210,69,.1);border:1px dashed rgba(69,210,69,.45);color:#8ff08f;font-size:13px;font-weight:700}
.kod .mG .cp em{font-style:normal;padding-right:8px;border-right:1px solid rgba(69,210,69,.3)}
.kod .mG .cp button{width:24px;height:24px;border:0;border-radius:6px;background:rgba(69,210,69,.14);color:#8ff08f;display:grid;place-items:center}
.kod .mG .cp button svg{width:13px;height:13px}
.kod .mG .pr2{margin-left:auto;display:flex;align-items:baseline;gap:10px}
.kod .mG .pr2 s{color:var(--muted);font-size:15px}
.kod .mG .pr2 b{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1}
.kod .mG .pz .pay span{height:36px;padding:0 12px;font-size:14px}
.kod .mG .bt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.kod .mG .bt button{height:48px}
.kod .mG .bt .btn2{display:flex;align-items:center;justify-content:center;gap:8px}
.kod .mG .bt .btn2 svg{width:18px;height:18px}
.kod .mG .ds{padding:20px}
.kod .mG .ds .h4{margin-top:0}
.kod .mG .ds ul{margin:0 0 14px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.kod .mG .ds li{position:relative;padding-left:18px;font-size:14px;color:#c3c8d8;line-height:1.55}
.kod .mG .ds li:before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:2px;background:var(--grad)}
.kod .g2 .top{grid-template-columns:1fr;padding:0}
.kod .g2 .cv{aspect-ratio:auto;height:170px;border-radius:0;box-shadow:none;background-position:center 22%}
.kod .g2 .cv:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,var(--box))}
.kod .g2 .cv .tp{z-index:2;left:20px;bottom:auto;top:14px}
.kod .g2 .meta{padding:0 20px 18px;margin-top:-34px;position:relative;z-index:2}
.kod .g2 h3{font-size:24px;margin-bottom:14px}
.kod .g2 .rg{height:auto;padding:0;background:none!important;border:0!important;font-size:13.5px;font-weight:600}
.kod .g2 .rg:before{display:none}
@media (max-width:640px){.kod .mG{width:100%;max-height:94dvh;border-radius:20px 20px 0 0;transform:translateY(40px)}}
@media (max-width:640px){.kod .mG .top{grid-template-columns:1fr;gap:14px;padding:16px}}
@media (max-width:640px){.kod .mG .cv{aspect-ratio:16/8}}
@media (max-width:640px){.kod .mG h3{white-space:normal;font-size:18px}}
@media (max-width:640px){.kod .mG .pz{margin:0 12px;padding:14px}}
@media (max-width:640px){.kod .mG .pr2{margin-left:0;width:100%}}
@media (max-width:640px){.kod .mG .pz .pay{display:none}}
@media (max-width:640px){.kod .mG .bt{grid-template-columns:1fr}}
@media (max-width:640px){.kod .mG .ds{padding:16px}}
@media (max-width:640px){.kod .g2 .top{padding:0}}
@media (max-width:640px){.kod .g2 .cv{aspect-ratio:auto;height:140px}}
@media (max-width:640px){.kod .g2 .meta{padding:0 12px 14px}}
.kod .gb .top{position:relative}
.kod .gb .cv{height:250px}
.kod .gb .cv:after{background:linear-gradient(180deg,rgba(16,18,28,0) 10%,rgba(16,18,28,.55) 45%,var(--box) 92%)}
.kod .gb .meta{margin-top:-128px}
.kod .gb .pz{border:1px solid transparent;background:linear-gradient(#12142a,#11131f) padding-box,linear-gradient(120deg,rgba(139,92,246,.6),rgba(225,75,200,.5),rgba(255,255,255,.06) 60%) border-box}
@media (max-width:640px){.kod .gb .cv{height:200px}}
@media (max-width:640px){.kod .gb .meta{margin-top:-96px}}
.kod .gn .rg{font-size:16px!important;font-weight:700!important}
.kod .gn .cv .tp{display:none}
.kod .gn .pz{border:0!important;background:#141729!important}
.kod .gn .cp{border:0!important}
.kod .gn .meta{margin-top:-96px}
.kod .gn h3{margin-bottom:14px}
.kod .gn .ds .clip{position:relative;max-height:4.9em;overflow:hidden;font-size:14.5px;color:#c3c8d8;line-height:1.65}
.kod .gn .ds .clip:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2em;background:linear-gradient(transparent,var(--box))}
.kod .gn .ds .clip.on{max-height:none}
.kod .gn .ds .clip.on:after{display:none}
.kod .gn .ds .clip p{margin:0 0 10px}
.kod .gn .ds .rm{border:0;background:none;color:#cdbdff;font-weight:600;font-size:13.5px;padding:6px 0 0}
@media (max-width:640px){.kod .gn .meta{margin-top:-76px}}
@media (max-width:640px){.kod .gn .sp .r b,.kod .gn .rg{font-size:14px!important}}
.kod .gn .tipb{position:relative;border:0;background:none;padding:0;width:18px;height:18px;display:grid;place-items:center;color:rgba(220,224,240,.6);cursor:help}
.kod .gn .tipb>svg{width:15px;height:15px;display:block!important}
.kod .gn .tipb:hover,.kod .gn .tipb:focus-visible{color:#fff;outline:0}
.kod .gn .tipt{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);width:260px;padding:10px 12px;border-radius:10px;background:#1b1f35;border:1px solid #2f3452;box-shadow:0 16px 36px -10px rgba(0,0,0,.8);font-size:12.5px;font-weight:500;line-height:1.45;color:#d7dbea;white-space:normal;text-align:left;opacity:0;visibility:hidden;transition:.2s var(--ease);z-index:10;text-shadow:none}
.kod .gn .tipb:hover .tipt,.kod .gn .tipb:focus .tipt,.kod .gn .tipb.on .tipt{opacity:1;visibility:visible;transform:translateX(-50%)}
.kod .gn .meta{margin-top:-120px}
@media (max-width:640px){.kod .gn .sp .r b,.kod .gn .rg{font-size:13.5px!important}}
@media (max-width:640px){.kod .gn .tipt{left:auto;right:-60px;transform:translateY(4px)}}
@media (max-width:640px){.kod .gn .tipb:hover .tipt,.kod .gn .tipb:focus .tipt,.kod .gn .tipb.on .tipt{transform:none}}
@media (max-width:640px){.kod .gn .meta{margin-top:-90px}}
.kod .gn .rg{font-size:15px!important;font-weight:600!important;display:inline-flex!important;align-items:center;gap:7px}
.kod .gn .rg:before{display:block!important;content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.kod .gn .tipb{width:16px;height:16px;color:rgba(200,205,225,.45)}
.kod .gn .tipb>svg{width:14px!important;height:14px!important}
.kod .gn h3{margin-bottom:18px!important}
@media (max-width:640px){.kod .gn .sp .r b,.kod .gn .rg{font-size:13.5px!important}}
.kod .gn .rg{display:inline-flex!important}
.kod .gn b{color:#eef0f8}
.kod .l3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px}
.kod .l3 .it{display:flex;align-items:center;gap:11px;min-width:0}
.kod .l3 .it i{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#c4c8d6}
.kod .l3 .it i svg{width:17px;height:17px}
.kod .l3 .it span{display:block;font-size:11.5px;color:rgba(200,205,225,.55)}
.kod .l3 .it b{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;white-space:nowrap}
.kod .gn .tipb svg{width:14px;height:14px}
@media (max-width:640px){.kod .l3{grid-template-columns:1fr 1fr;gap:12px}}
@media (max-width:640px){.kod .l3 .it b{font-size:13.5px;white-space:normal}}
@media (max-width:640px){.kod .l3 .it i{width:32px;height:32px}}
.kod .gn.L3 .cv{height:210px}
.kod .gn.L3 .cv:after{background:linear-gradient(180deg,rgba(16,18,28,0) 35%,rgba(16,18,28,.7) 75%,var(--box) 100%)}
.kod .gn.L3 .meta{margin-top:-52px!important}
.kod .gn.L3 h3{margin-bottom:20px!important}
.kod .gn.L3 .l3{padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}
@media (max-width:640px){.kod .gn.L3 .cv{height:170px}}
@media (max-width:640px){.kod .gn.L3 .meta{margin-top:-46px!important}}
.kod,.kod *{box-sizing:border-box}
.kod .ov{pointer-events:none}.kod .ov.open{pointer-events:auto}
.kod .mG .pz .tl{font-size:13px;color:var(--muted)}
.kod .mG .pz .k4g-pc-pills{display:flex;gap:8px}
.kod .mG .bt .btn{color:#fff}
.kod .mG .bt button[hidden]{display:none}
.kod .mG .bt:has(button[hidden]){grid-template-columns:1fr}
.kod .mG .cp em{border-right:0;padding-right:4px}
.kod .gn .ds .clip.prose{max-width:none}
.kod .gn .ds .rm[hidden]{display:none}
.kod .l3 .it i svg{width:17px;height:17px}
@media (max-width:640px){.kod .mG .pz .k4g-pc-pills{display:none}}
@media (max-width:900px){.kod input,.kod textarea{font-size:16px}}
.k4g-offl{margin-top:14px}
.kod .k4g-pc-pill.is-apay{color:#000}
html.k4g-od-lock #k4gc{display:none!important}
.kod .mG .rg.ok{color:#8ff08f}
.kod .gn .ds .clip :is(h1,h2,h3,h4){font-size:15px;line-height:1.4;margin:0 0 8px;color:#eef0f8}
.kod .gn .ds .clip :is(ul,ol){margin:0 0 10px;padding-left:18px}