/* PROMPT Q v20 palette + new components */
:root{--bg:#F1F8F4;--bg2:#E9F4EE;--card:#FFFFFF;--line:#DCEAE2;--line2:#C3DACD;--em:#087F5B;--em-d:#064E3B;--em-dd:#064E3B;--em-x:#071B18;--em2:#0CA678;--em-l:#E3F2E9;--tx:#173B30;--tx2:#2B4A3F;--mu:#60736B;--mu2:#74867F;--gold:#C6A45C;
 --grad:linear-gradient(135deg,#0CA678,#087F5B 55%,#064E3B);--sh1:0 1px 2px rgba(23,59,48,.05),0 4px 14px rgba(23,59,48,.06)}
body{background:var(--bg);color:var(--tx)}
h1,h2,h3,h4,.sh h2{color:#173B30}
.mu,.fsub,p.mu{color:#60736B}
.card,.pcard,.psec{background:#FFFFFF}
.hdr{background:#FFFFFF;backdrop-filter:none;-webkit-backdrop-filter:none}
.bnav{background:#FFFFFF;backdrop-filter:none}
.btn.p{background:#087F5B;border-color:#087F5B;color:#fff;box-shadow:0 6px 16px -8px rgba(8,127,91,.55)}
.btn.p:hover{background:#064E3B;border-color:#064E3B}
.badge{background:#E3F2E9;color:#064E3B}
.badge.solid{background:#087F5B}
.badge.new{background:#064E3B;color:#fff}
.badge.gold,.badge.off20{background:#C6A45C;color:#231a05}
.old{color:#8a7a55}
.chip{background:#E3F2E9;border-color:#D2E8DB;color:#064E3B}.chip.on{background:#087F5B;color:#fff;border-color:#087F5B}
.ftr{background:#071B18;color:#cfe3da}.ftr a{color:#cfe3da}.ftr a:hover{color:#fff}
.copy{background:#050f0d;color:#9fb8ad}
.news-in{background:#071B18;color:#e6f2ec}.news-in b{color:#fff}.news-in p{color:#b9d2c7}
.demo-bar{background:#071B18;color:#E3F2E9}
.price{color:#173B30}.price.ok{color:#087F5B}
::selection{background:#c7e6d4}
:focus-visible{outline-color:#087F5B}
/* bidi: Persian titles that contain Latin/digits (VIP, ویتی numbers) */
.pcard h3,.mini h3,.dcard17 h3{unicode-bidi:isolate}
.pcard h3[dir=rtl],.mini h3[dir=rtl],.dcard17 h3[dir=rtl]{direction:rtl;text-align:right}
.dcard17 h3{direction:rtl}.dcard17 h3[dir=ltr]{direction:ltr}
/* bottom nav with 6 items */
.bnav.bn20 a{font-size:10.5px;min-width:0;flex:1 1 0;padding-inline:2px}
.bnav.bn20 svg{width:21px;height:21px}
@media(max-width:340px){.bnav.bn20 a{font-size:9.5px;letter-spacing:-.2px}}
/* packages page search: mobile only */
.pks20{display:none}
@media(max-width:860px){.pks20{display:flex;gap:6px;margin:4px 0 12px}.pks20 input{flex:1;min-width:0}}
/* article pack card */
.ap20p{aspect-ratio:4/3;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#E3F2E9,#c9e6d6);color:#064E3B}.ap20p b{font-size:36px;line-height:1}
/* portfolio */
.pf20g{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.pf20{overflow:hidden}.pf20i img{width:100%;aspect-ratio:16/10;object-fit:cover}.pf20 h3{margin:0;font-size:16px}
.pf20h{margin:28px 0}
/* custom order files */
.ofl20{display:flex;flex-wrap:wrap;gap:6px}.ofl20 .chip button{background:none;border:0;cursor:pointer;color:#b42318}
/* admin requests collapsible */
.req.rq20:not(.open)>*:not(:first-child):not(.rqm20){display:none!important}
.rqm20{margin:4px 0}
/* PWA modal */
.pwa20m{position:fixed;inset:0;z-index:90;background:rgba(7,27,24,.55);display:grid;place-items:center;padding:16px}
.pm20 video,.pm20 audio{display:block}
.cpc20{background:#fff7e3;border:1px dashed #C6A45C;padding:1px 8px;border-radius:6px}
.mark svg g{fill:#087F5B}.mark svg g path[fill]{fill:#0CA678}
/* desktop header: 10 menu links overflowed at <=1550px (actions were pushed off-screen) */
@media(min-width:861px) and (max-width:1600px){.nav{gap:0;min-width:0}.nav a{font-size:13px;padding:6px 6px}.nav a.on:after{inset:auto 6px -14px}}
@media(min-width:861px) and (max-width:1360px){.nav a{font-size:12.5px;padding:6px 4px}.hdr .brand small,.hdr .logo small{display:none}}
