@import url('../fonts/VazirFD/VazirFD.css');
:root{--board-bg:#18191f;--board-panel:#22232b;--board-soft:#2a2b34;--board-text:#f7f0e2;--board-muted:#a9a294;--board-gold:#dbb95c;--board-green:#4fd6a0;--board-red:#f27e87;--board-line:rgba(255,255,255,.07);--font:VazirFD,Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--board-bg);font-family:var(--font);color:var(--board-text)}
body.storefront-v3 .minimal-main{width:100%;height:100%;min-height:0;display:block;padding:0;background:radial-gradient(circle at 18% 8%,rgba(219,185,92,.11),transparent 26%),linear-gradient(145deg,#1a1b21,#15161b)}
.smart-price-board{width:100%;height:100svh;min-height:480px;display:grid;grid-template-rows:68px minmax(0,1fr) 34px;position:relative;overflow:hidden;padding:0 22px}
.spb-header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:3}
.spb-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.spb-brand-mark{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#f1d683,#b38226);color:#281b05;font-weight:900;font-size:22px;box-shadow:0 12px 30px rgba(219,185,92,.18)}.spb-brand b,.spb-brand small{display:block}.spb-brand small{font-size:10px;color:var(--board-muted);margin-top:1px}.spb-header-status{display:flex;align-items:center;gap:16px;color:var(--board-muted);font-variant-numeric:tabular-nums}.spb-live{display:flex;align-items:center;gap:8px}.spb-live i{width:8px;height:8px;border-radius:50%;background:var(--board-green);box-shadow:0 0 0 7px rgba(79,214,160,.1);animation:spbPulse 1.8s ease infinite}@keyframes spbPulse{50%{box-shadow:0 0 0 12px transparent}}
.spb-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.78fr);gap:18px;padding-bottom:10px}
.spb-feature{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 24px 85px rgba(0,0,0,.2);padding:26px;display:grid;grid-template-rows:auto auto auto auto minmax(110px,1fr) 4px;gap:11px;isolation:isolate}
.spb-feature-backdrop{position:absolute;inset:-20%;background:radial-gradient(circle at 72% 18%,rgba(219,185,92,.20),transparent 25%),radial-gradient(circle at 16% 78%,rgba(255,255,255,.05),transparent 24%);z-index:-1;transition:opacity .4s ease}
.spb-feature-head{display:grid;grid-template-columns:58px 1fr auto;gap:13px;align-items:center}.spb-feature-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:rgba(219,185,92,.14);color:#f3d77f}.spb-feature-icon svg{width:31px;height:31px}.spb-feature-head h1{font-size:clamp(24px,3vw,46px);line-height:1.15;margin:1px 0 2px}.spb-feature-head small,.spb-feature-head code{color:var(--board-muted);font:inherit;font-size:11px}.spb-feature-step{display:flex;align-items:baseline;gap:3px;color:var(--board-muted)}.spb-feature-step b{font-size:22px;color:#fff}
.spb-feature-value{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:baseline}.spb-feature-value>span{font-size:13px;color:var(--board-muted)}.spb-feature-value strong{font-size:clamp(42px,6vw,92px);line-height:.96;letter-spacing:-.035em;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:clip;font-variant-numeric:tabular-nums}.spb-feature-value small{font-size:17px;color:#e7ce8e}
.spb-feature-change{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.045);color:var(--board-muted)}.spb-feature-change b{font-size:16px}.spb-feature-change.direction-up b,.spb-feature-change.direction-up>span{color:var(--board-green)}.spb-feature-change.direction-down b,.spb-feature-change.direction-down>span{color:var(--board-red)}.spb-feature-change small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spb-feature-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.spb-feature-details article{min-width:0;padding:10px 12px;border-radius:17px;background:rgba(255,255,255,.035)}.spb-feature-details small{display:block;color:var(--board-muted);font-size:10px;margin-bottom:3px}.spb-feature-details b{display:block;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums;font-size:14px}
.spb-chart-shell{min-height:0;display:grid;grid-template-rows:24px minmax(0,1fr);padding:8px 4px 0}.spb-chart-head{display:flex;align-items:center;justify-content:space-between;color:var(--board-muted);font-size:10px}.spb-chart-shell canvas{width:100%;height:100%;min-height:90px;display:block}.spb-rotation-progress{height:4px;border-radius:9px;background:rgba(255,255,255,.06);overflow:hidden}.spb-rotation-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b88727,#f1d683);border-radius:inherit}
.spb-rate-index{min-width:0;min-height:0;display:grid;gap:7px;grid-auto-flow:column;align-items:stretch}
.spb-rate-item{min-width:0;min-height:0;border:0;border-radius:17px;background:rgba(255,255,255,.032);color:var(--board-text);padding:8px 9px;display:grid;grid-template-columns:36px minmax(0,1fr) minmax(60px,.75fr);grid-template-areas:"icon copy price" "icon change price";gap:2px 8px;align-items:center;text-align:start;font:inherit;cursor:pointer;transition:background .22s ease,transform .22s ease,box-shadow .22s ease;overflow:hidden}.spb-rate-item:hover{background:rgba(255,255,255,.065);transform:translateY(-1px)}.spb-rate-item.is-active{background:linear-gradient(135deg,rgba(219,185,92,.18),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(219,185,92,.18)}.spb-rate-icon{grid-area:icon;width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:rgba(219,185,92,.11);color:#e8ca78}.spb-rate-icon svg{width:20px;height:20px}.spb-rate-copy{grid-area:copy;min-width:0}.spb-rate-copy b,.spb-rate-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spb-rate-copy b{font-size:11px}.spb-rate-copy small{font-size:8px;color:var(--board-muted)}.spb-rate-price{grid-area:price;min-width:0;text-align:end}.spb-rate-price strong,.spb-rate-price small{display:block;white-space:nowrap;overflow:hidden}.spb-rate-price strong{font-size:13px;font-variant-numeric:tabular-nums}.spb-rate-price small{font-size:8px;color:var(--board-muted)}.spb-rate-change{grid-area:change;font-size:9px;color:var(--board-muted)}.spb-rate-item.direction-up .spb-rate-change{color:var(--board-green)}.spb-rate-item.direction-down .spb-rate-change{color:var(--board-red)}
.spb-rate-index[data-density="compact"] .spb-rate-item{grid-template-columns:31px minmax(0,1fr);grid-template-areas:"icon price" "change price";padding:6px}.spb-rate-index[data-density="compact"] .spb-rate-copy{display:none}.spb-rate-index[data-density="compact"] .spb-rate-icon{width:31px;height:31px}.spb-rate-index[data-density="ultra"] .spb-rate-item{grid-template-columns:1fr;grid-template-areas:"icon" "price";justify-items:center;text-align:center;padding:4px}.spb-rate-index[data-density="ultra"] .spb-rate-copy,.spb-rate-index[data-density="ultra"] .spb-rate-change,.spb-rate-index[data-density="ultra"] .spb-rate-price small{display:none}.spb-rate-index[data-density="ultra"] .spb-rate-price{text-align:center;width:100%}.spb-rate-index[data-density="ultra"] .spb-rate-price strong{font-size:10px}
.spb-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--board-muted);font-size:10px;white-space:nowrap;overflow:hidden}.spb-footer span{overflow:hidden;text-overflow:ellipsis}
.spb-empty{height:100%;display:grid;place-items:center;align-content:center;text-align:center;gap:10px}.spb-empty>div{width:72px;height:72px;color:#e5c674}.spb-empty svg{width:100%;height:100%}.spb-empty h1{margin:0}.spb-empty p{color:var(--board-muted);margin:0}.spb-empty a{color:#e5c674}
.smart-price-board.transition-slide .spb-feature.is-switching{animation:spbSlide .42s ease}.smart-price-board.transition-scale .spb-feature.is-switching{animation:spbScale .42s ease}.smart-price-board.transition-fade .spb-feature.is-switching{animation:spbFade .42s ease}@keyframes spbFade{50%{opacity:.42}}@keyframes spbSlide{50%{transform:translateX(-10px);opacity:.45}}@keyframes spbScale{50%{transform:scale(.985);opacity:.48}}
@media(max-width:980px){.smart-price-board{padding:0 12px;grid-template-rows:58px minmax(0,1fr) 28px}.spb-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1.65fr) minmax(135px,.75fr);gap:8px}.spb-feature{padding:16px;border-radius:23px;grid-template-rows:auto auto auto auto minmax(70px,1fr) 3px}.spb-feature-head{grid-template-columns:46px 1fr auto}.spb-feature-icon{width:46px;height:46px;border-radius:16px}.spb-feature-value strong{font-size:clamp(34px,9vw,64px)}.spb-feature-details{grid-template-columns:repeat(4,minmax(0,1fr))}.spb-rate-index{grid-auto-flow:column}.spb-header-status{font-size:11px}.spb-footer{font-size:8px}}
@media(max-width:620px){.smart-price-board{grid-template-rows:54px minmax(0,1fr) 25px}.spb-brand small,.spb-live{display:none}.spb-brand-mark{width:36px;height:36px;border-radius:12px}.spb-layout{grid-template-rows:minmax(0,1.75fr) minmax(120px,.65fr)}.spb-feature{padding:12px;gap:7px}.spb-feature-head h1{font-size:22px}.spb-feature-value{grid-template-columns:1fr auto;gap:5px}.spb-feature-value>span{display:none}.spb-feature-value strong{font-size:clamp(31px,12vw,54px)}.spb-feature-value small{font-size:12px}.spb-feature-change small{display:none}.spb-feature-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.spb-feature-details article:nth-child(n+3){display:none}.spb-chart-shell{padding-top:0}.spb-rate-item{border-radius:12px}.spb-footer b{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}