@layer components{.sd-page{padding-block:18px 56px}.sd-page .sd-top{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:24px;margin-top:14px;display:grid}.sd-page .sd-top>*,.sd-page .sd-body>*,.sd-page .scores>*,.sd-page .grid>*{min-width:0}.sd-page .stage{background:radial-gradient(60% 55% at 50% 22%,#538cff6b,#0000 70%),radial-gradient(70% 40% at 50% 100%,#22c3ee2e,#0000 70%),linear-gradient(#050c22 0%,#0a1a45 70%,#061230 100%);border-radius:30px;place-items:center;min-height:470px;padding:56px 56px 72px;display:grid;position:relative;overflow:hidden}.sd-page .stage:before{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%)}.sd-page .stage:after{content:"";filter:blur(6px);background:radial-gradient(closest-side,#2f8cff73,#0000);border-radius:50%;height:60px;position:absolute;bottom:46px;left:10%;right:10%}.sd-page .stage .pouch-stage{z-index:1;place-items:center;width:min(560px,100%);animation:7s ease-in-out infinite sz-float;display:grid}.sd-page .stage .stage-photo{z-index:1;aspect-ratio:4/3;background:#ffffff0f;border-radius:20px;width:min(560px,100%);position:relative;overflow:hidden}.sd-page .stage-tags{top:18px;z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:absolute;inset-inline-start:18px}.sd-page .stage-tools{top:14px;z-index:2;gap:8px;display:flex;position:absolute;inset-inline-end:14px}.sd-page .stage-tools .icon-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border-color:#ffffff29}.sd-page .stage-tools .icon-btn.is-on{color:#ff6b81}.sd-page .stage-tools .icon-btn.is-on .i{fill:currentColor}.sd-page .stage-hint{text-align:center;color:#8ea3d6;z-index:2;font-size:12px;position:absolute;bottom:16px;left:0;right:0}.sd-page .views{grid-template-columns:repeat(var(--n,4), 1fr);gap:10px;margin-top:12px;display:grid}.sd-page .view-btn{background:var(--surface);border:1.5px solid var(--line);text-align:center;border-radius:16px;padding:8px;transition:all .18s;position:relative}.sd-page .view-btn .pouch{border-radius:8px}.sd-page .view-btn>span{color:var(--muted);margin-top:6px;font-size:11.5px;font-weight:700;display:block}.sd-page .view-btn.is-active{border-color:var(--brand);box-shadow:var(--ring)}.sd-page .view-btn.is-active>span{color:var(--brand)}.sd-page .story-mini{aspect-ratio:856/540;color:#fff;background:linear-gradient(160deg,#071433,#0d2a66);border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid;overflow:hidden}.sd-page .story-mini img{object-fit:cover;width:100%;height:100%}.sd-page .story{aspect-ratio:9/16;color:#fff;text-align:center;z-index:1;background:radial-gradient(90% 50% at 50% 0,#2f8cff99,#0000 70%),linear-gradient(#061230,#0b2152);border-radius:26px;flex-direction:column;align-items:center;gap:12px;width:min(300px,70%);padding:22px 18px;display:flex;position:relative;box-shadow:0 40px 80px -30px #000c}.sd-page .story .pouch{margin-top:16px;transform:rotate(-6deg);box-shadow:0 24px 40px -18px #000c}.sd-page .story .story-url{color:#8fb4ff;direction:ltr;margin-top:auto;font-size:12px;font-weight:800}.sd-page .trust-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.sd-page .trust-strip>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;padding:12px;font-size:12.5px;font-weight:700;display:flex}.sd-page .trust-strip .ico-box{border-radius:12px;width:36px;height:36px}.sd-page .sd-info{padding:22px;position:sticky;top:144px}.sd-page .sd-num{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.sd-page .sd-num .num{letter-spacing:.05em;font-size:clamp(30px,3.2vw,40px)}.sd-page .sd-sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:4px;font-size:13.5px;display:flex}.sd-page .price-box{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;margin-top:18px;padding:18px}.sd-page .price-box .p{letter-spacing:-.01em;font-size:clamp(26px,2.6vw,32px);font-weight:900;line-height:1.2}.sd-page .meter2{background:linear-gradient(270deg,#12b76a 0%,#22c3ee 35% 55%,#f5b800 75%,#ef4444 100%);border-radius:999px;height:10px;margin-top:44px;position:relative}.sd-page .meter2 .mk{border:4px solid var(--ink);background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;transform:translate(50%,-50%);box-shadow:0 4px 10px #00000040}.sd-page .meter2 .fairline{background:var(--ink);opacity:.35;width:2px;position:absolute;top:-8px;bottom:-8px;right:50%}.sd-page .meter2 .tip{white-space:nowrap;background:var(--ink);color:var(--surface);border-radius:7px;padding:4px 8px;font-size:11.5px;font-weight:800;position:absolute;bottom:calc(100% + 14px);transform:translate(50%)}.sd-page .meter-lbl{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:11.5px;font-weight:600;display:flex}.sd-page .verdict{border-radius:14px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;font-size:13px;line-height:1.9;display:flex}.sd-page .cta-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.sd-page .mini-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.sd-page .mini-actions .btn{font-size:12.5px}.sd-page .mini-actions .btn.is-on{color:var(--danger)}.sd-page .mini-actions .btn.is-on .i{fill:currentColor}.sd-page .seller-card{border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;margin-top:18px;padding:14px;display:flex}.sd-page .seller-card>.grow{min-width:0}.sd-page .shop-seller{transition:border-color .2s,box-shadow .2s}.sd-page .shop-seller:hover{border-color:var(--brand);box-shadow:var(--sh-md)}.sd-page .shop-ava{color:#fff;border-radius:18px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:22px;font-weight:900;display:grid;position:relative}.sd-page .shop-ava .verified{bottom:-3px;background:var(--brand);color:#fff;border:2px solid var(--surface);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;inset-inline-end:-3px}.sd-page .meta{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.sd-page .meta>div{text-align:center;background:var(--surface-2);color:var(--muted);border-radius:14px;padding:10px 6px;font-size:11.5px}.sd-page .meta b{color:var(--ink);margin-top:2px;font-size:13.5px;display:block}.sd-page .sold-note{margin-top:16px}.sd-page .sd-body{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;margin-top:28px;display:grid}.sd-page .blk{padding:24px}.sd-page .blk+.blk{margin-top:18px}.sd-page .blk h2{align-items:center;gap:10px;font-size:18px;font-weight:850;display:flex}.sd-page .blk h2 .ico-box{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border-radius:12px}.sd-page .blk .sub{color:var(--muted);margin-top:4px;font-size:13px}.sd-page .anatomy{direction:ltr;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.sd-page .seg-num{flex-direction:column;align-items:center;gap:8px;display:flex}.sd-page .seg-num .d{letter-spacing:.06em;background:var(--surface-2);border:1.5px dashed var(--line-2);font-variant-numeric:tabular-nums;border-radius:16px;padding:8px 16px;font-size:clamp(26px,3vw,38px);font-weight:900}.sd-page .seg-num .d.code{color:var(--brand);background:var(--brand-soft);border-color:#1d5bff73}.sd-page .seg-num .d.body{color:var(--hl);background:var(--gold-soft);border-color:#d99a1c80}.sd-page .seg-num small{color:var(--muted);text-align:center;direction:rtl;max-width:170px;font-size:12px;font-weight:700;line-height:1.7}.sd-page .scores{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;display:grid}.sd-page .score{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.sd-page .score .progress-ring{flex-shrink:0;width:54px;height:54px}.sd-page .score .progress-ring>span{background:var(--surface-2);font-size:14px}.sd-page .score b{font-size:13.5px;display:block}.sd-page .score small{color:var(--muted);font-size:11.5px}.sd-page .pts{border:1px solid var(--line);border-radius:18px;margin-top:20px;overflow:hidden}.sd-page .pt-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 110px 150px 54px;align-items:center;gap:12px;padding:11px 16px;font-size:13.5px;display:grid}.sd-page .pt-row:last-child{border-bottom:0}.sd-page .pt-row.head{background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:700}.sd-page .pt-row.total{background:var(--brand-soft);color:var(--brand);font-weight:800}.sd-page .pt-row .bar{height:7px}.sd-page .pt-row b{text-align:end}.sd-page .pts-more>.pt-row:last-child{border-bottom:1px solid var(--line)}.sd-page .pts-toggle{text-align:center;width:100%;color:var(--brand);background:var(--surface-2);border-bottom:1px solid var(--line);cursor:pointer;padding:10px;font-size:13px;font-weight:700;list-style:none;display:block}.sd-page .pts-toggle::-webkit-details-marker{display:none}.sd-page .pts-more[open] .when-closed,.sd-page .pts-more:not([open]) .when-open{display:none}.sd-page .band{border:1px solid var(--line);background:linear-gradient(270deg,#d7f5e6,#dcecff 45%,#fff1cc 100%);border-radius:999px;height:14px;position:relative}:root[data-theme=dark] .sd-page .band{background:linear-gradient(270deg,#0f3a2a,#12305f 45%,#3a2d0a 100%)}.sd-page .band .bm{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;transform:translate(50%,-50%)}.sd-page .band .bm i{border:3px solid var(--surface);width:14px;height:14px;box-shadow:0 0 0 1px var(--line-2);border-radius:50%}.sd-page .band .bm .lb{white-space:nowrap;color:var(--ink-2);font-size:11px;font-weight:800;position:absolute;bottom:calc(100% + 6px)}.sd-page .band .bm.me i{width:20px;height:20px;box-shadow:0 0 0 4px #1d5bff40;background:var(--brand)!important}.sd-page .band .bm.me .lb{color:#fff;background:var(--brand);border-radius:7px;padding:2px 8px;bottom:calc(100% + 8px)}.sd-page .band-legend{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.sd-page .band-legend>div{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:10px}.sd-page .band-legend span{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.sd-page .band-legend i{border-radius:50%;width:9px;height:9px}.sd-page .band-legend b{margin-top:3px;font-size:13.5px;display:block}.sd-page .band-legend .me{background:var(--brand-soft);border-color:#1d5bff59}.sd-page .band-legend .me b{color:var(--brand)}.sd-page .hist2{align-items:flex-end;gap:4px;height:110px;margin-top:18px;display:flex}.sd-page .hist2 i{background:var(--surface-3);border-radius:6px 6px 2px 2px;flex:1;min-height:4px;position:relative}.sd-page .hist2 i.me{background:var(--brand)}.sd-page .hist2 i.me:after{content:"این خط";color:var(--brand);white-space:nowrap;font-size:11px;font-style:normal;font-weight:800;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.sd-page .hist-axis{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:11.5px;display:flex}.sd-page .comp .num{font-size:14.5px}.sd-page .comp td b{white-space:nowrap}.sd-page .ph{flex-direction:column;margin-top:14px;display:flex}.sd-page .ph-row{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.sd-page .ph-row:last-child{border:0}.sd-page .spec{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:14px;display:grid}.sd-page .spec>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:11px 0;font-size:13.5px;display:flex}.sd-page .spec dt{color:var(--muted)}.sd-page .spec dd{text-align:end;margin:0;font-weight:700}.sd-page .desc{white-space:pre-line;margin-top:12px;font-size:14.5px;line-height:2.1}.sd-page .side-sticky{gap:16px;display:grid;position:sticky;top:144px}.sd-page .xp-card{color:#fff;background:radial-gradient(280px 160px at 90% 0,#f6cf6a4d,#0000 70%),linear-gradient(160deg,#071433,#0d2a66);border-radius:22px;padding:20px}.sd-page .xp-card p{color:#b9c8ea;font-size:13px;line-height:1.9}.sd-page .similar-tabs{flex-wrap:wrap;gap:8px;display:flex}.sd-page .mbar2{display:none}@media (max-width:1199.98px){.sd-page .sd-body{grid-template-columns:minmax(0,1fr) 300px}.sd-page .scores{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023.98px){.sd-page .sd-top{grid-template-columns:minmax(0,1fr)}.sd-page .sd-info{position:static}.sd-page .sd-body{grid-template-columns:minmax(0,1fr)}.sd-page .side-sticky{grid-template-columns:1fr 1fr;position:static}.sd-page .stage{min-height:380px;padding:48px 40px 64px}.sd-page .band-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767.98px){body:has(.sd-page){padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}body:has(.sd-page) .bnav{display:none}.sd-page .stage{border-radius:24px;min-height:0;margin-inline:-4px;padding:46px 18px 54px}.sd-page .stage:after{bottom:30px}.sd-page .stage-hint{display:none}.sd-page .views{gap:6px}.sd-page .view-btn{border-radius:12px;padding:5px}.sd-page .view-btn>span{font-size:10.5px}.sd-page .trust-strip{grid-template-columns:1fr}.sd-page .sd-info{padding:18px}.sd-page .cta-row{display:none}.sd-page .meta{grid-template-columns:repeat(2,1fr)}.sd-page .blk{padding:18px}.sd-page .pt-row{grid-template-columns:minmax(0,1fr) 80px 44px}.sd-page .pt-row .cat{display:none}.sd-page .spec,.sd-page .side-sticky{grid-template-columns:1fr}.sd-page .mbar2{z-index:46;inset-inline:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#fffffff5;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;box-shadow:0 -10px 30px -18px #0a194659}:root[data-theme=dark] .sd-page .mbar2{background:#060d22f5}.sd-page .mbar2 .pp{flex:1;min-width:0}.sd-page .mbar2 .pp b{font-size:16px;font-weight:900;line-height:1.3;display:block}.sd-page .anatomy{gap:6px}.sd-page .seg-num .d{border-radius:12px;padding:6px 10px}.sd-page .seg-num small{max-width:110px;font-size:11px}}}
