@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#101b35;--navy2:#1a2b4d;--orange:#f28a42;--cream:#f7f5f0;--muted:#778096;--line:#e8e9ed;--white:#fff;--shadow:0 18px 55px #14213b12}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--navy);font-family:Vazirmatn,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}.topbar{height:auto;min-height:86px;padding:14px max(22px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-weight:700}.brand-mark{width:43px;height:43px;border-radius:14px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:2px}.search{height:46px;display:flex;flex:1;background:#f5f6f8;border-radius:12px;overflow:hidden}.search input{flex:1;min-width:0;border:0;background:transparent;padding:0 16px;outline:0}.search button{border:0;background:var(--navy);color:#fff;padding:0 22px}.top-actions{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:600}.cart-button{border:1px solid var(--line);background:white;border-radius:11px;padding:11px 14px;color:var(--navy)}.cart-button b{background:var(--orange);color:#fff;border-radius:20px;padding:2px 7px;margin-right:6px}.hero{min-height:465px;margin-top:30px;border-radius:25px;background:var(--cream);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;position:relative}.hero-copy{padding:65px 7% 48px 0;position:relative;z-index:1}.eyebrow{color:#d87531;font-size:11px;font-weight:800;letter-spacing:.3px}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.35;margin:14px 0;color:var(--navy);font-weight:900}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy p{color:#737b8d;line-height:2;max-width:430px}.primary-link{display:inline-flex;gap:25px;align-items:center;background:var(--orange);color:white;padding:13px 20px;border-radius:10px;font-weight:700;margin-top:14px}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;color:#697286;font-size:11px}.hero-art{position:relative;min-height:400px;display:grid;place-items:center}.orb{position:absolute;width:340px;height:340px;border-radius:50%;background:#f4c59d;opacity:.55;right:10%;top:12%}.hero-card{position:absolute;width:205px;height:290px;border-radius:25px;box-shadow:0 25px 60px #1b2d4b25}.card-back{background:var(--navy);color:#fff;right:18%;top:18%;padding:24px;transform:rotate(-9deg)}.card-back span{font-size:10px;letter-spacing:3px;color:#b6c0d1}.card-back strong{display:block;font-size:32px;line-height:1.15;margin-top:65px}.card-front{background:linear-gradient(145deg,#e5e8ed,#fff);left:19%;top:22%;transform:rotate(8deg);display:grid;place-items:center}.phone{width:112px;height:218px;border:7px solid #18243d;border-radius:25px;background:#18243d;padding:5px;box-shadow:0 12px 30px #0b183b30}.phone-screen{height:100%;border-radius:16px;background:linear-gradient(150deg,#f5a66c,#f8d6b6);padding:20px 10px;display:flex;flex-direction:column;justify-content:space-between;color:#25314a}.phone-screen span{font-size:12px;font-weight:900}.screen-shape{height:70px;width:70px;border:8px solid #fff9;border-radius:22px;transform:rotate(35deg);align-self:center}.phone-screen b{font-size:30px}.float-tag{position:absolute;bottom:26px;left:-18px;background:white;border-radius:9px;padding:9px 12px;font-size:9px;letter-spacing:2px;box-shadow:var(--shadow)}.hero-sticker{position:absolute;right:5%;bottom:9%;background:#fff;border-radius:50%;width:92px;height:92px;display:grid;place-content:center;text-align:center;font-size:11px;box-shadow:var(--shadow);transform:rotate(-12deg)}.hero-sticker b{font-size:12px}.trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;border:1px solid var(--line);border-radius:15px;padding:19px 25px}.trust div{padding:0 20px;border-left:1px solid var(--line)}.trust div:last-child{border:0}.trust b,.trust small{display:block}.trust b{font-size:13px}.trust small{font-size:10px;color:var(--muted);margin-top:5px}.section{padding-top:82px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section h2,.promo h2{font-size:28px;margin:7px 0 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:white;border:1px solid var(--line);padding:8px 15px;border-radius:30px;color:#737b8d;font-size:11px}.filter.active{background:var(--navy);border-color:var(--navy);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:.2s;background:#fff}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{height:210px;background:#f5f6f8;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-image .placeholder{font-size:54px;color:#c5cbd5}.product-info{padding:17px}.product-category{font-size:10px;color:var(--orange);font-weight:700}.product-info h3{font-size:15px;margin:7px 0}.product-info p{font-size:11px;color:var(--muted);line-height:1.8;min-height:40px}.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.price{font-size:16px;font-weight:900}.price small{font-size:10px;font-weight:500;color:var(--muted)}.add-btn{border:0;background:var(--navy);color:white;border-radius:9px;padding:9px 12px;font-size:11px}.add-btn:disabled{opacity:.4}.promo{margin-top:85px;background:#182747;color:white;border-radius:22px;min-height:230px;padding:40px 6%;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.promo h2{font-size:30px;line-height:1.6}.promo p{font-size:12px;color:#c2cada}.promo-symbol{font-size:190px;color:#f28a42;line-height:1;opacity:.9}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{border:1px solid var(--line);border-radius:15px;padding:22px}.post-card h3{font-size:16px}.post-card p{font-size:12px;color:var(--muted);line-height:2}.post-card small{color:var(--orange)}footer{margin-top:90px;background:#f7f7f8;padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p,.footer-inner>a:last-child{font-size:11px;color:var(--muted)}.loading{grid-column:1/-1;padding:50px;text-align:center;color:var(--muted);background:#f8f9fb;border-radius:14px}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:#0c142b80;z-index:30;opacity:0;visibility:hidden;transition:.2s}.drawer-backdrop.show,.modal-backdrop.show{opacity:1;visibility:visible}.cart-drawer{position:fixed;z-index:31;top:0;bottom:0;left:0;width:min(420px,92vw);background:white;padding:25px;transform:translateX(-105%);transition:.25s;display:flex;flex-direction:column}.cart-drawer.show{transform:translateX(0)}.drawer-head,.card-title{display:flex;align-items:center;justify-content:space-between}.drawer-head h3{margin:0}.icon-btn,.modal-x{border:0;background:#f1f2f5;border-radius:50%;width:35px;height:35px;font-size:22px}.cart-items{flex:1;overflow:auto;padding:20px 0}.cart-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.cart-line button{border:0;background:none;color:#d65e4d}.cart-total{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line)}.primary-btn{background:var(--orange);border:0;color:white;padding:13px 18px;border-radius:10px;font-weight:700}.primary-btn.full{width:100%}.tiny-note{font-size:10px;color:var(--muted);text-align:center}.modal-backdrop{display:grid;place-items:center;padding:20px}.modal{width:min(500px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:30px;position:relative}.modal-x{position:absolute;left:20px;top:20px}.modal h2{margin:8px 0 20px}.modal label,.stack-form label,.login-card label{display:block;font-size:12px;font-weight:600;margin:14px 0}.modal input,.modal textarea,.stack-form input,.stack-form textarea,.login-card input{display:block;width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:7px;outline-color:var(--orange);background:#fff}.form-message{font-size:12px;color:#23845d;line-height:1.8}.toast{position:fixed;bottom:22px;right:50%;transform:translate(50%,20px);opacity:0;background:var(--navy);color:white;padding:12px 20px;border-radius:10px;z-index:60;font-size:12px;transition:.2s}.toast.show{opacity:1;transform:translate(50%,0)}
/* Admin */
.admin-body{background:#f5f6f9;min-height:100vh}.admin-top{height:75px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line)}.admin-top>a:last-child{font-size:12px;color:var(--muted)}.admin-wrap{width:min(1160px,calc(100% - 40px));margin:45px auto}.login-card{max-width:430px;margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow)}.login-card h1,.admin-heading h1{margin:7px 0}.login-card>p{color:var(--muted);font-size:12px}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.outline-btn{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 14px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stats>div,.admin-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.stats small,.stats b{display:block}.stats small{color:var(--muted);font-size:11px}.stats b{font-size:25px;margin-top:8px}.admin-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.admin-card h2{font-size:17px;margin:0 0 18px}.admin-card:first-child{grid-row:span 2}.stack-form .primary-btn{width:100%;margin-top:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;min-width:500px}th,td{text-align:right;padding:12px 9px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}.status-select{border:1px solid var(--line);padding:6px;border-radius:7px;font:inherit}.empty{padding:30px;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:900px){.topbar{flex-wrap:wrap;gap:13px}.search{order:3;flex-basis:100%}.top-actions{margin-right:auto}.hero{grid-template-columns:1fr .8fr}.hero-copy{padding-right:6%}.trust{grid-template-columns:repeat(2,1fr);gap:16px}.trust div:nth-child(2){border:0}.product-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-card:first-child{grid-row:auto}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.topbar{padding:12px 14px}.brand-mark{width:38px;height:38px}.top-actions{gap:13px;font-size:11px}.top-actions>a:nth-child(2){display:none}.cart-button{padding:8px}.hero{margin-top:14px;grid-template-columns:1fr}.hero-copy{padding:35px 25px 5px}.hero h1{font-size:43px}.hero-art{min-height:300px}.hero-card{height:220px;width:155px}.card-back strong{font-size:25px;margin-top:45px}.phone{transform:scale(.8)}.orb{width:260px;height:260px}.hero-sticker{width:75px;height:75px;right:7%;bottom:5%}.trust{padding:17px 10px}.trust div{padding:0 10px}.section{padding-top:55px}.section-head{display:block}.filters{margin-top:16px}.section h2,.promo h2{font-size:23px}.product-grid{gap:10px}.product-image{height:145px}.product-info{padding:12px}.product-info h3{font-size:12px}.product-info p{font-size:10px}.price{font-size:13px}.add-btn{padding:8px;font-size:10px}.promo{margin-top:55px;min-height:200px;padding:25px}.promo-symbol{font-size:100px}.post-grid{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;flex-basis:100%}.stats{gap:8px}.stats>div{padding:12px}.stats b{font-size:19px}.stats small{font-size:9px}.admin-wrap{margin:25px auto}.admin-heading h1{font-size:23px}}