@font-face{font-family:Vazirmatn;src:url('/assets/fonts/vazirmatn-arabic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Vazirmatn;src:url('/assets/fonts/vazirmatn-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+FEFF,U+FFFD}
:root{--violet:#6d5dfc;--violet2:#8e7cff;--ink:#111526;--muted:#7b8193;--line:#e8eaf1;--bg:#f6f7fb;--danger:#ff5d6c;--gold:#ffd369}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;margin:0;overscroll-behavior:none}
body{font-family:Vazirmatn,Tahoma,sans-serif;background:#05060a;color:var(--ink);overflow:hidden}
button,input,textarea,select,option{font-family:Vazirmatn,Tahoma,sans-serif}
button{cursor:pointer}
.app{position:relative;width:min(480px,100%);height:100dvh;margin:auto;background:#05060a;overflow:hidden;touch-action:pan-x pan-y}
.feed-page,.standard-page{display:none;position:absolute;inset:0 0 calc(76px + env(safe-area-inset-bottom))}
.feed-page.active,.standard-page.active{display:block}
.video-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y}
.video-feed::-webkit-scrollbar{display:none}
.video-slide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#080a10;overflow:hidden}
.product-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#080a10}
.video-slide:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#05060a8c 0,#05060a08 30%,#05060a1c 52%,#05060af5 100%)}
.topbar{position:absolute;z-index:10;top:0;left:0;right:0;padding:calc(13px + env(safe-area-inset-top)) 14px 8px;display:flex;direction:ltr;align-items:start;justify-content:space-between;pointer-events:none}
.wallet{pointer-events:auto;direction:rtl;display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid #ffffff30;border-radius:14px;background:#0c101dbc;color:#fff;backdrop-filter:blur(13px);font-size:12px;line-height:1.5}
.wallet b{font-size:13px}.coin{width:23px;height:23px;border-radius:8px;background:var(--gold);color:#3c3007;display:grid;place-items:center;font-weight:800}
.feed-tabs{pointer-events:auto;direction:rtl;display:flex;gap:12px}.feed-tabs button{border:0;background:none;color:#c9ccd7;padding:7px 2px;font-size:14px}.feed-tabs button.active{color:#fff;font-weight:800;border-bottom:3px solid #fff}
.deal-timer{position:absolute;z-index:4;top:78px;right:50%;transform:translateX(50%);min-width:190px;text-align:center;padding:8px 14px;border:1px solid #ffffff35;border-radius:16px;background:#0c101dc7;color:#fff;backdrop-filter:blur(14px)}
.deal-timer small{display:block;color:#ffdc8e;font-size:12px}.deal-timer strong{direction:ltr;display:block;font-size:21px;letter-spacing:1px}
.video-controls{position:absolute;z-index:6;top:145px;right:14px;display:grid;gap:9px}
.video-controls button{width:42px;height:42px;border:1px solid #ffffff35;background:#111624ad;color:#fff;border-radius:14px;display:grid;place-items:center;backdrop-filter:blur(10px);box-shadow:0 5px 18px #0003}
.video-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.play-btn .play-icon{display:none;fill:currentColor;stroke:none}.play-btn.paused .pause-icon{display:none}.play-btn.paused .play-icon{display:block}
.sound-btn .mute-cross{display:block}.sound-btn .sound-wave{display:none}.sound-btn.unmuted .mute-cross{display:none}.sound-btn.unmuted .sound-wave{display:block}
.autoplay-hint{display:none;position:absolute;z-index:6;top:50%;right:50%;transform:translate(50%,-50%);background:#111624c9;color:#fff;border-radius:14px;padding:10px 14px;font-size:13px}
.video-slide.needs-play .autoplay-hint{display:block}
.side-actions{position:absolute;z-index:5;left:13px;bottom:250px;display:grid;gap:16px}
.side-actions button{border:0;background:none;color:#fff;display:grid;justify-items:center;gap:4px;text-shadow:0 1px 7px #000}
.side-actions span{width:43px;height:43px;border:1px solid #ffffff2d;background:#111624a7;backdrop-filter:blur(9px);border-radius:15px;display:grid;place-items:center;font-size:23px}
.side-actions small{font-size:11px}.save-btn.saved span{background:var(--violet);border-color:var(--violet)}
.product-panel{position:absolute;z-index:5;right:14px;left:66px;bottom:19px;color:#fff;text-align:right}
.product-panel h2{margin:0 0 2px;font-size:18px;line-height:1.6}
.details-btn{border:0;background:none;color:#cfd1db;padding:0;font-size:13px}
.price{margin:9px 0 1px;font-size:21px;font-weight:800}.price small{font-size:12px;font-weight:500;margin-right:4px}.price-tier-note{font-size:10px;color:#d9d5ff;margin-bottom:5px}.tier-strip{direction:rtl;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin:0 0 7px;padding:1px}.tier-strip::-webkit-scrollbar{display:none}.tier-strip button{flex:0 0 auto;border:1px solid #ffffff31;border-radius:9px;background:#151a28a8;color:#fff;padding:4px 7px;display:grid;line-height:1.35;backdrop-filter:blur(8px)}.tier-strip button b{font-size:9px}.tier-strip button span{font-size:9px;color:#d9dbe4}.tier-strip button.active{border-color:#a99fff;background:#725fffcc}.tier-strip button.active span{color:#fff}
.stock-row{display:flex;justify-content:space-between;color:#e0e1e8;font-size:12px;margin-bottom:5px}.stock-row small{font-size:11px}
.stock-bar{height:6px;background:#ffffff2d;border-radius:99px;overflow:hidden;margin-bottom:11px}.stock-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff6572,#ffc252)}
.buy-row{height:48px;display:flex;gap:8px}.qty{direction:ltr;display:flex;align-items:center;overflow:hidden;border-radius:13px;background:#fff;color:var(--ink);min-width:114px}.qty button{height:100%;width:37px;border:0;background:#f0f1f5;font-size:20px;touch-action:manipulation}.qty b{flex:1;text-align:center}.add-cart{flex:1;border:0;border-radius:13px;background:linear-gradient(135deg,var(--violet),var(--violet2));color:#fff;font-weight:800;box-shadow:0 10px 25px #6d5dfc55}.add-cart:disabled{opacity:.55;box-shadow:none}
.feed-state{position:absolute;z-index:20;inset:0;display:grid;place-content:center;justify-items:center;background:#090b12;color:#d9dbe3}.feed-state.hidden{display:none}.loader{width:34px;height:34px;border:3px solid #ffffff2c;border-top-color:var(--violet2);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.bottom-nav{position:absolute;z-index:30;bottom:0;left:0;right:0;height:calc(76px + env(safe-area-inset-bottom));padding:5px 0 env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around}
.nav-btn{position:relative;min-width:0;height:66px;flex:1;border:0;background:none;color:#8b90a1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;touch-action:manipulation}.nav-btn span{width:24px;height:24px;line-height:1;flex:none}.nav-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-btn small{font-size:11px;line-height:1.2}.nav-btn.active{color:var(--violet);font-weight:800}.cart-nav i{position:absolute;top:5px;left:calc(50% - 22px);min-width:19px;height:19px;border-radius:20px;background:var(--danger);color:#fff;border:2px solid #fff;font-style:normal;font-size:10px;display:grid;place-items:center}
.standard-page{overflow:auto;background:var(--bg);padding-bottom:20px}.page-head{position:sticky;top:0;z-index:2;background:#f6f7fbe9;backdrop-filter:blur(12px);padding:22px 18px 14px;display:flex;justify-content:space-between;align-items:center}.page-head h1{font-size:22px;margin:0}.count-badge{background:#eae7ff;color:#5748e8;border-radius:10px;padding:5px 10px;font-weight:800}.text-btn{border:0;background:none;color:var(--danger)}
.card-list{display:grid;gap:11px;padding:4px 16px}.item-card{display:flex;gap:11px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px}.item-card video,.item-card img,.media-placeholder{width:82px;height:100px;object-fit:cover;background:#141722;border-radius:13px;flex:none}.item-card .info{flex:1;min-width:0}.item-card h3{font-size:14px;line-height:1.7;margin:0}.item-card .item-price{font-size:16px;font-weight:800;color:#303650;margin-top:6px}.item-card .item-price small{font-size:10px}.item-actions{display:flex;gap:6px;margin-top:7px}.item-actions button{border:0;border-radius:9px;padding:6px 9px;font-size:11px;background:#eeecff;color:#5b4ce8}
.categories-page{background:linear-gradient(180deg,#f5f2ff 0,#f7f8fc 230px)}.categories-page .page-head{position:relative;background:transparent;padding-bottom:14px}.categories-page .page-head small{display:block;color:var(--violet);font-weight:800;margin-bottom:4px}.category-list{padding:0 16px 16px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.category-list::-webkit-scrollbar{display:none}.category-card{flex:0 0 auto;min-height:48px;border:1px solid #e2def5;border-radius:15px;background:#fff;padding:8px 11px;display:flex;align-items:center;gap:8px;text-align:right;color:var(--ink);box-shadow:0 6px 20px #4035820b}.category-card .category-icon{width:32px;height:32px;border-radius:10px;background:#eeeaff;color:var(--violet);display:grid;place-items:center}.category-card svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.category-card b{display:block;font-size:12px}.category-card small{display:block;color:var(--muted);font-size:9px}.category-card.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#6453ef,#8d7afa)}.category-card.active .category-icon{background:#ffffff27;color:#fff}.category-card.active small{color:#efedff}.gallery-head{display:flex;align-items:end;justify-content:space-between;padding:4px 16px 11px}.gallery-head small{color:var(--violet);font-weight:700;font-size:10px}.gallery-head h2{margin:2px 0 0;font-size:17px}.gallery-head>span{font-size:10px;color:var(--muted)}.video-gallery{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 16px 24px}.gallery-card{min-width:0;border:0;background:none;padding:0;text-align:right;color:var(--ink);touch-action:manipulation}.gallery-media{position:relative;display:block;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#111522;box-shadow:0 10px 24px #2720441c}.gallery-media img,.gallery-media video{width:100%;height:100%;object-fit:cover}.gallery-media:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#090b12c9)}.gallery-media i{position:absolute;z-index:2;top:50%;right:50%;transform:translate(50%,-50%);width:39px;height:39px;border:1px solid #ffffff55;border-radius:50%;background:#171b28a8;color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px)}.gallery-media i svg{width:19px;height:19px;fill:#fff;stroke:none}.gallery-media small{position:absolute;z-index:2;right:9px;left:9px;bottom:8px;color:#fff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-card>b{display:block;font-size:12px;line-height:1.7;margin:7px 2px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-card>span:last-child{display:block;color:#3a4055;font-size:13px;font-weight:800;margin:0 2px}.gallery-card>span:last-child small{font-size:9px;font-weight:500}.gallery-empty{margin:0 16px 25px;padding:24px;border:1px dashed #d6d3e3;border-radius:16px;color:var(--muted);text-align:center;font-size:12px}
.empty-state{display:grid;justify-items:center;text-align:center;padding:90px 34px;color:var(--muted)}.empty-state div{width:62px;height:62px;border-radius:22px;background:#eae7ff;color:var(--violet);display:grid;place-items:center;font-size:31px}.empty-state h2{font-size:17px;color:var(--ink);margin:14px 0 5px}.empty-state p{font-size:13px;line-height:1.8;margin:0}.empty-state.hidden{display:none}
.cart-summary{margin:14px 16px;background:var(--ink);color:#fff;border-radius:20px;padding:16px}.cart-summary.hidden{display:none}.cart-summary>div{display:flex;justify-content:space-between;margin-bottom:13px}.cart-summary button{width:100%;height:48px;border:0;border-radius:13px;background:var(--violet);color:#fff;font-weight:800}
.backdrop{display:none;position:absolute;z-index:40;inset:0;background:#070913a9}.backdrop.show{display:block}.sheet{position:absolute;z-index:41;bottom:-100%;left:0;right:0;max-height:80%;overflow:auto;background:#fff;border-radius:27px 27px 0 0;padding:11px 18px 24px;transition:bottom .3s ease}.sheet.show{bottom:0}.sheet-handle{width:43px;height:5px;background:#d9dbe3;border-radius:8px;margin:0 auto 16px}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head h2{font-size:20px;margin:0}.close-sheet{width:38px;height:38px;border:0;border-radius:12px;background:#f0f1f5;font-size:20px}.sheet-description{font-size:14px;line-height:2;color:#555b6d}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spec-grid div{padding:11px;background:#f5f6fa;border-radius:13px}.spec-grid small{display:block;color:var(--muted);margin-bottom:3px}.comments{display:grid}.comment{padding:12px 0;border-bottom:1px solid var(--line)}.comment b{font-size:13px}.comment p{font-size:13px;line-height:1.8;color:#53596a;margin:4px 0}.comment small{color:#999eac}.comment-form{display:grid;gap:8px;margin-top:14px}.comment-form input,.comment-form textarea{border:1px solid var(--line);border-radius:12px;padding:10px 12px;outline:0}.comment-form textarea{resize:vertical;min-height:76px}.comment-form button{height:44px;border:0;border-radius:12px;background:var(--violet);color:#fff;font-weight:800}
.toast{position:absolute;z-index:60;bottom:calc(89px + env(safe-area-inset-bottom));right:50%;transform:translate(50%,18px);opacity:0;pointer-events:none;transition:.25s;background:#171b28;color:#fff;border-radius:12px;padding:10px 15px;font-size:13px;white-space:nowrap}.toast.show{opacity:1;transform:translate(50%,0)}
.hidden{display:none!important}
@media(max-width:699px){.comment-form input,.comment-form textarea{font-size:16px}}
@media(min-width:700px){body{background:radial-gradient(circle at 30% 20%,#352979,transparent 28%),#090d1a}.app{height:min(900px,calc(100dvh - 28px));margin-top:14px;border-radius:32px;box-shadow:0 28px 80px #0008;overflow:hidden}}