/*
Theme Name: معامله گران
Version: 1.0.0
Text Domain: moamelegaran
*/

:root{--ink:#0a2536;--navy:#0d3350;--deep:#071c2b;--paper:#f4f7f8;--line:#0a25361f;--red:#d62828;--gold:#fcbf49;--mute:#4a6475;--up:#5fd3b3}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:#fff;line-height:2;font-size:17px}
a{color:inherit;text-decoration:none}p{margin:0;color:var(--mute)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.wrap{max-width:1160px;margin:auto;padding:0 24px}
.bar{background:var(--gold);color:var(--deep);text-align:center;font-weight:600;font-size:14px;padding:6px 16px}.bar[hidden]{display:none}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
header b{font-weight:900;font-size:22px}header nav{display:flex;gap:26px;font-size:15px}header nav a:hover{color:var(--gold)}
.stick{position:fixed;top:0;right:0;left:0;z-index:50;background:#071c2bf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-bottom:1px solid #ffffff1f;transform:translateY(-100%);visibility:hidden;transition:transform .25s,visibility .25s}
.stick.on{transform:none;visibility:visible}
.stick .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px}
.stick nav{display:flex;gap:22px;font-size:14px}.stick nav a:hover{color:var(--gold)}
.stick .r{display:flex;align-items:center;gap:10px}
.stick .btn{padding:6px 18px;font-size:14px}
.stick .up{width:36px;height:36px;border:1px solid #ffffff55;border-radius:6px;display:grid;place-items:center;font-size:18px;line-height:1}
html{scroll-padding-top:70px}
@media(max-width:800px){.stick nav{display:none}}
@media(prefers-reduced-motion:reduce){.stick{transition:none}}
/* hero */
.hero{background:var(--deep);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 50% 80% at 25% 55%,#14527c 0%,transparent 70%)}
.chart{position:absolute;left:0;top:0;bottom:0;width:47%;z-index:-1;-webkit-mask-image:linear-gradient(to left,transparent 0,#000 16%);mask-image:linear-gradient(to left,transparent 0,#000 16%)}
.hero .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;min-height:620px;padding:28px 0 72px}
h1{font-weight:900;margin:0 0 22px;line-height:1.35;font-size:clamp(40px,5.6vw,76px);letter-spacing:-1px}
h1 span{display:block;font-weight:400;color:var(--gold);font-size:.52em;line-height:1.7;letter-spacing:0;margin-top:6px}
.sub{color:#b5cbd8;font-size:19px;max-width:500px}
.offer{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:34px 0 10px}
.price{font-weight:900;font-size:40px;line-height:1.2}.price small{font-size:15px;font-weight:400;color:#b5cbd8;margin-right:6px}
.price s{display:block;font-size:17px;font-weight:400;color:#8aa6b6}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;font:inherit;font-weight:600;padding:13px 32px;border-radius:6px;cursor:pointer;transition:background .2s}.btn:hover{background:#b01f1f}
.ghost{color:#fff;font-weight:600;border-bottom:2px solid var(--gold);padding-bottom:2px}
.timer{font-size:14px;color:var(--gold)}.timer[hidden]{display:none}
.cap{font-size:12px;color:#7f9bab;margin-top:26px}
.cover{display:block;width:min(340px,86%);height:auto;margin:auto;transform:rotate(-2deg);filter:drop-shadow(0 30px 40px #000a);transition:transform .15s}
/* chart anim */
.c{opacity:0;transform-box:fill-box;transform-origin:center bottom;animation:pop .5s ease-out forwards;animation-delay:calc(var(--i)*55ms + .2s)}
@keyframes pop{from{opacity:0;transform:scaleY(.15)}to{opacity:.9;transform:none}}
.ln{stroke-dasharray:900;stroke-dashoffset:900;animation:dr 1s ease forwards;animation-delay:2.1s}
@keyframes dr{to{stroke-dashoffset:0}}
.lb{opacity:0;animation:fi .5s ease forwards;animation-delay:2.9s}@keyframes fi{to{opacity:var(--o,1)}}.z{--o:.16}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.c{animation:none;opacity:.9}.ln{animation:none;stroke-dashoffset:0}.lb{animation:none;opacity:var(--o,1)}.btn,.cover{transition:none}}
/* facts */
.facts{border-bottom:1px solid var(--line)}
.facts ul{list-style:none;margin:0;padding:18px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:600;font-size:15px}
.facts li+li{border-right:1px solid var(--line);padding-right:12px}
section{padding:84px 0}
h2{font-weight:900;font-size:clamp(26px,3.4vw,40px);line-height:1.6;margin:0 0 28px}
.lead{font-size:20px;color:var(--ink);max-width:820px;margin-bottom:44px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.three div{border-top:4px solid var(--navy);padding-top:16px}.three div:nth-child(2){border-color:var(--red)}.three div:nth-child(3){border-color:var(--gold)}
.three b{display:block;font-size:20px;margin-bottom:6px}
.toc{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.toc ol{list-style:none;margin:0;padding:0}
.toc li{display:flex;align-items:baseline;gap:10px;padding:5px 0}
.toc li i{flex:1;border-bottom:2px dotted #0a253640;transform:translateY(-5px)}
.toc li span:last-child{font-weight:600;color:var(--red);min-width:34px;text-align:left}
.toc .part{margin-top:22px;font-weight:800;font-size:14px;color:var(--navy);border-bottom:2px solid var(--navy);padding-bottom:2px}.toc .part:first-child{margin-top:0}
.alt{background:var(--paper)}
.author{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px;align-items:center}.author img{width:100%;max-width:340px;margin:auto;height:auto;filter:drop-shadow(0 18px 24px #0a253640)}
.credits{display:grid;grid-template-columns:1fr 1fr;gap:56px}
dl{margin:0}dl div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:16px}dt{color:var(--mute)}dd{margin:0;font-weight:600;text-align:left}
.order{background:var(--ink);color:#fff}.order p{color:#bcd0dc}
.box{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.sum{background:#ffffff0f;border:1px solid #ffffff22;border-radius:8px;padding:28px}
.sum div{display:flex;justify-content:space-between;padding:6px 0}.sum .total{border-top:1px solid #ffffff33;margin-top:8px;padding-top:14px;font-weight:900;font-size:24px;color:var(--gold)}
.qty{display:flex;align-items:center;gap:6px}.qty button{width:36px;height:36px;border-radius:6px;border:1px solid #ffffff55;background:none;color:#fff;font-size:20px;cursor:pointer}.qty output{min-width:36px;text-align:center;font-weight:600}
.sum .btn{width:100%;margin-top:18px;text-align:center}
details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:600}details p{margin-top:8px}
footer{background:#06151f;color:#9fb8c8;padding:36px 0;font-size:14px}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:800px){.author,.hero .grid,.toc,.credits,.box,.three{grid-template-columns:1fr}.hero .grid{gap:30px;min-height:0;padding-bottom:48px}.chart{width:100%;opacity:.4}header nav{display:none}section{padding:56px 0}.facts li+li{border:0;padding:0}.cover{width:min(260px,70%)}}