:root{--bg:#f9fafb;--bg-card:#ffffff;--surface:#f9fafb;--primary:#506ca5;--primary-dark:#506ca5;--accent:#111827;--text:#192e57;--text-dark:#192e57;--muted:#111827;--success:#059669;--error:#dc2626;--warning:#d97706;--sidebar-bg:#ffffff;--sidebar-text:#192e57;--sidebar-icon:#111827;--sidebar-active:#506ca5;--sidebar-hover:#647daf;--button-color:#506ca5;--button-hover:#4a6398;--button-text:#ffffff;--heading-color:#15274a;--text-color:#192e57;--link-color:#506ca5;--product-name-color:#192e57;--product-price-color:#059669;--product-available-color:#059669;--product-unavailable-color:#dc2626;--product-card-bg:#ffffff;--border-color:#e0e5ef;--page-bg-top:#030303;--page-bg-mid:#030303;--page-bg-bottom:#030303;--chrome-bg-top:#ebeff4;--chrome-bg-mid:#f0f3f6;--chrome-bg-bottom:#f3f5f8;--brand-logo-c1:#506ca5;--brand-logo-c2:#748ab7;--font-arabic:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;--font-english:'Roboto','Segoe UI',system-ui,sans-serif;--radius-lg:20px;--radius-md:14px;--shadow:0 2px 12px rgba(0,0,0,0.08);--shadow-strong:0 4px 16px rgba(0,0,0,0.12);--topbar-height:70px;--footer-height:100px;--container-max:1200px;--container-padding:clamp(12px,4vw,24px);--touch-min:44px;} *{box-sizing:border-box;margin:0;padding:0;} html{height:100%;overflow:hidden;overflow-x:hidden;max-width:100vw;width:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body{font-family:var(--font-arabic),var(--font-english),sans-serif;background:var(--bg);color:var(--text-color);line-height:1.7;height:100%;overflow:hidden;overflow-x:hidden;display:flex;flex-direction:column;max-width:100vw;width:100%;word-wrap:break-word;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} [lang="ar"],[dir="rtl"]{font-family:var(--font-arabic),sans-serif;} [lang="en"],[dir="ltr"]{font-family:var(--font-english),sans-serif;} h1,h2,h3,h4,h5,h6{font-family:var(--font-arabic),var(--font-english),sans-serif;color:var(--heading-color);} body:not(.admin) p,body:not(.admin) span,body:not(.admin) div,body:not(.admin) li,body:not(.admin) td,body:not(.admin) th{color:var(--text-color);} body:not(.admin) a{color:var(--link-color);} body:not(.admin){background:var(--page-shell-bg,var(--bg));} *{max-width:100%;} img,video,iframe,embed,object{max-width:100%;height:auto;} table{width:100%;table-layout:auto;} pre,code{overflow-x:auto;word-wrap:break-word;white-space:pre-wrap;} body.modal-open{overflow:hidden;} html:has(body.admin){height:auto;overflow:visible;} body.admin{height:auto;min-height:100vh;overflow:visible;display:block;position:relative;} body.admin .topbar{position:sticky;} body.admin .footer{position:relative;} body.admin .page{overflow:visible;} a{text-decoration:none;color:inherit;} ul{padding-right:20px;} li{margin-bottom:6px;} .container{width:100%;max-width:min(var(--container-max),92vw);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding);} .topbar{position:fixed;top:0;left:0;right:0;background:var(--surface);box-shadow:var(--shadow);z-index:100;padding:6px 0;margin-bottom:0;flex-shrink:0;} body:not(.admin) .topbar--user,body:not(.admin) .topbar--guest{background:linear-gradient(180deg,var(--chrome-bg-top) 0%,var(--chrome-bg-mid) 100%);color:var(--chrome-fg,#fff);box-shadow:0 2px 8px rgba(0,0,0,0.12);} body:not(.admin) .topbar--user .brand,body:not(.admin) .topbar--guest .brand{color:var(--chrome-fg,#fff);} body:not(.admin) .topbar--user .brand__name,body:not(.admin) .topbar--guest .brand__name{color:var(--chrome-fg,#fff);} body:not(.admin) .topbar--user .menu-button,body:not(.admin) .topbar--guest .menu-button{background:rgba(255,255,255,0.15);color:var(--chrome-fg,#fff);} body:not(.admin) .topbar--user .topbar-balance{font-weight:700;color:#fff;font-size:1rem;} .topbar--user .topbar__inner{justify-content:space-between;} .topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;flex-wrap:wrap;} .notif-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.12);font-size:18px;cursor:pointer;transition:all 0.2s ease;text-decoration:none;touch-action:manipulation;z-index:10;pointer-events:auto;} .notif-bell:hover{background:rgba(255,255,255,0.2);transform:scale(1.05);} .notif-bell:active{transform:scale(0.95);} .notif-bell *{pointer-events:none;} @media (max-width:720px){.notif-bell{width:44px;height:44px;font-size:20px;}} .notif-badge{position:absolute;top:-6px;right:-6px;background:#ff4d6d;color:#fff;min-width:20px;height:20px;border-radius:999px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(255,77,109,0.35);} .brand{display:flex;align-items:center;gap:12px;font-weight:700;} .brand__logo{background:linear-gradient(135deg,var(--brand-logo-c1),var(--brand-logo-c2));color:#fff;padding:10px 14px;border-radius:14px;font-size:18px;letter-spacing:1px;box-shadow:var(--shadow);} .brand__logo--sm{padding:8px 12px;font-size:14px;} .brand__name{font-size:20px;} .navlinks{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-weight:600;} .navlinks__item:hover{color:var(--primary);} .auth-actions{display:flex;gap:12px;flex-wrap:wrap;} .menu-button{padding:10px 16px;border-radius:14px;background:rgba(255,255,255,0.15);color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;border:none;font:inherit;} .vip-badge{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,0.2);color:#fff;font-weight:700;border:1px solid rgba(255,255,255,0.3);text-decoration:none;} .side-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.35);z-index:9998;opacity:0;visibility:hidden;transition:opacity 0.18s ease,visibility 0.18s ease;} body.side-menu-open .side-menu-backdrop{opacity:1;visibility:visible;} body.side-menu-open{overflow:hidden;} .side-menu-drawer{position:fixed;top:0;right:0;bottom:0;width:70%;max-width:320px;background:linear-gradient(180deg,var(--chrome-bg-top) 0%,var(--chrome-bg-mid) 50%,var(--chrome-bg-bottom) 100%);z-index:9999;box-shadow:-4px 0 20px rgba(0,0,0,0.2);transform:translateX(100%);transition:transform 0.2s ease-out;overflow-y:auto;display:flex;flex-direction:column;padding:1.25rem 1rem 2rem;} body.side-menu-open .side-menu-drawer{transform:translateX(0);} .side-menu-close{position:absolute;top:1rem;left:1rem;width:40px;height:40px;border:none;background:rgba(255,255,255,0.1);font-size:1.25rem;color:#f3f4f6;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s,color 0.2s;} .side-menu-close:hover{background:rgba(255,255,255,0.18);color:#fff;} .side-menu__head{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:2rem 0 1.25rem;text-align:center;} .side-menu__head--guest .side-menu__logo-wrap{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .side-menu__head--guest .side-menu__logo{font-size:1.25rem;font-weight:700;color:#f9fafb;letter-spacing:0.5px;} .side-menu__head--guest .side-menu__site-name{font-size:1rem;font-weight:600;color:#e5e7eb;} .side-menu__avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,0.12);flex-shrink:0;} .side-menu__avatar img{width:100%;height:100%;object-fit:cover;} .side-menu__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#e5e7eb;background:rgba(255,255,255,0.1);} .side-menu__user-name{font-size:1.125rem;font-weight:700;color:#f9fafb;} .side-menu__badge{font-size:0.75rem;font-weight:600;color:#fef3c7;background:rgba(217,119,6,0.25);padding:0.25rem 0.6rem;border-radius:999px;} .side-menu__balance{font-size:1.125rem;font-weight:700;color:#f9fafb;} .side-menu__user-id-row{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;margin-top:2px;direction:ltr;} .side-menu__user-id-label,.side-menu__user-id-value{font-size:0.8rem;color:rgba(255,255,255,0.78);line-height:1.3;font-variant-numeric:tabular-nums;} .side-menu__copy-id-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,0.18);border-radius:8px;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.88);cursor:pointer;transition:background 0.18s,border-color 0.18s,transform 0.12s,color 0.18s;flex-shrink:0;} .side-menu__copy-id-btn:hover{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.28);} .side-menu__copy-id-btn:active{transform:scale(0.94);} .side-menu__copy-id-btn.is-copied{background:rgba(34,197,94,0.22);border-color:rgba(34,197,94,0.45);color:#86efac;} .side-menu__copy-id-btn.is-copy-error{background:rgba(239,68,68,0.18);border-color:rgba(239,68,68,0.4);color:#fca5a5;} .side-menu__copy-id-btn svg{width:14px;height:14px;display:block;} .side-menu__theme-wrap{width:100%;padding:0 0.25rem;margin-top:0.15rem;} .side-menu__theme-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.65rem 0.85rem;border-radius:14px;border:1px solid rgba(255,255,255,0.12);background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.04) 100%);color:#f3f4f6;cursor:pointer;font:inherit;transition:background 0.2s,border-color 0.2s,box-shadow 0.2s;box-shadow:0 4px 14px rgba(0,0,0,0.12);} .side-menu__theme-toggle:hover{background:linear-gradient(135deg,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.07) 100%);border-color:rgba(255,255,255,0.22);} .side-menu__theme-toggle-info{display:flex;align-items:center;gap:0.55rem;min-width:0;} .side-menu__theme-toggle-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);font-size:1rem;flex-shrink:0;} .side-menu__theme-toggle-label{font-size:0.82rem;font-weight:600;color:rgba(255,255,255,0.92);white-space:nowrap;} .side-menu__theme-toggle-track{position:relative;width:52px;height:28px;border-radius:999px;background:rgba(15,23,42,0.55);border:1px solid rgba(255,255,255,0.14);flex-shrink:0;transition:background 0.25s,border-color 0.25s;} .side-menu__theme-toggle-thumb{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#f8fafc,#cbd5e1);box-shadow:0 2px 8px rgba(0,0,0,0.28);transition:transform 0.25s cubic-bezier(0.4,0,0.2,1),background 0.25s;} .side-menu__theme-toggle[data-theme-state="light"] .side-menu__theme-toggle-track{background:rgba(251,191,36,0.28);border-color:rgba(251,191,36,0.45);} .side-menu__theme-toggle[data-theme-state="light"] .side-menu__theme-toggle-thumb{transform:translateX(-24px);background:linear-gradient(145deg,#fde68a,#f59e0b);} .side-menu__theme-toggle[data-theme-state="dark"] .side-menu__theme-toggle-icon::before{content:'🌙';} .side-menu__theme-toggle[data-theme-state="light"] .side-menu__theme-toggle-icon::before{content:'☀️';} .side-menu__locale-wrap{width:100%;padding:0 0.25rem;margin-top:0.35rem;} .side-menu__locale-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.65rem 0.85rem;border-radius:14px;border:1px solid rgba(255,255,255,0.12);background:linear-gradient(135deg,rgba(59,130,246,0.18) 0%,rgba(59,130,246,0.06) 100%);color:#f3f4f6;cursor:pointer;font:inherit;transition:background 0.2s,border-color 0.2s,box-shadow 0.2s;box-shadow:0 4px 14px rgba(0,0,0,0.12);} .side-menu__locale-toggle:hover{background:linear-gradient(135deg,rgba(59,130,246,0.24) 0%,rgba(59,130,246,0.1) 100%);border-color:rgba(96,165,250,0.35);} .side-menu__locale-toggle-info{display:flex;align-items:center;gap:0.55rem;min-width:0;} .side-menu__locale-toggle-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);font-size:1rem;flex-shrink:0;} .side-menu__locale-toggle-label{font-size:0.82rem;font-weight:600;color:rgba(255,255,255,0.92);white-space:nowrap;} .side-menu__locale-toggle-track{position:relative;width:52px;height:28px;border-radius:999px;background:rgba(15,23,42,0.55);border:1px solid rgba(255,255,255,0.14);flex-shrink:0;transition:background 0.25s,border-color 0.25s;} .side-menu__locale-toggle-thumb{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#93c5fd,#3b82f6);box-shadow:0 2px 8px rgba(0,0,0,0.28);transition:transform 0.25s cubic-bezier(0.4,0,0.2,1),background 0.25s;} .side-menu__locale-toggle[data-locale-state="en"] .side-menu__locale-toggle-track{background:rgba(34,197,94,0.22);border-color:rgba(34,197,94,0.4);} .side-menu__locale-toggle[data-locale-state="en"] .side-menu__locale-toggle-thumb{transform:translateX(-24px);background:linear-gradient(145deg,#86efac,#22c55e);} html[dir="ltr"] .side-menu__item,body[dir="ltr"] .side-menu__item{text-align:left;direction:ltr;} html[dir="ltr"] .side-menu__locale-toggle-thumb,html[dir="ltr"] .side-menu__theme-toggle-thumb{right:auto;left:2px;} html[dir="ltr"] .side-menu__locale-toggle[data-locale-state="en"] .side-menu__locale-toggle-thumb,html[dir="ltr"] .side-menu__theme-toggle[data-theme-state="light"] .side-menu__theme-toggle-thumb{transform:translateX(24px);} .side-menu__nav{display:flex;flex-direction:column;gap:0.5rem;flex:1;min-height:0;} .side-menu__item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:rgba(255,255,255,0.08);border-radius:14px;border:1px solid rgba(255,255,255,0.06);text-decoration:none;color:#f3f4f6;font-weight:500;transition:background 0.2s,border-color 0.2s;text-align:right;direction:rtl;} .side-menu__item:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.1);} .side-menu__item.active{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.12);} .side-menu__item--static{cursor:default;pointer-events:none;} .side-menu__item--logout{margin-top:auto;color:#d1d5db;} .side-menu__item--logout:hover{background:rgba(220,38,38,0.15);border-color:rgba(220,38,38,0.2);color:#fca5a5;} .side-menu__icon{font-size:1.25rem;flex-shrink:0;opacity:0.95;} .side-menu__text{flex:1;color:inherit;} .side-menu__divider{height:1px;background:rgba(255,255,255,0.12);margin:0.5rem 0;} .side-menu__item--whatsapp{justify-content:center;padding-inline:14px;} .side-menu__item--whatsapp .side-menu__icon{margin:0;} .side-menu__icon--whatsapp{display:flex;align-items:center;justify-content:center;} .side-menu__icon--whatsapp svg{width:26px;height:26px;fill:#25d366;transition:transform 0.2s ease,opacity 0.2s ease;} .side-menu__item--whatsapp:hover .side-menu__icon--whatsapp svg{opacity:1;transform:scale(1.08);} .side-menu__social-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;padding:10px 14px 12px;margin:0 8px 6px;border-radius:10px;background:rgba(255,255,255,0.06);} .side-menu__social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:rgba(255,255,255,0.85);transition:color 0.2s ease,background 0.2s ease,transform 0.2s ease;} .side-menu__social-link:hover{color:#fff;background:rgba(255,255,255,0.12);transform:scale(1.08);} .side-menu__social-link svg{width:20px;height:20px;fill:currentColor;} .side-menu__social-link--telegram:hover{color:#0088cc;} .side-menu__social-link--facebook:hover{color:#1877f2;} .side-menu__social-link--youtube:hover{color:#ff0000;} .side-menu__social-link--whatsapp:hover{color:#25d366;} .side-menu__social-link--instagram:hover{color:#e4405f;} .button{padding:10px 20px;border-radius:999px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:transform 0.2s ease,box-shadow 0.2s ease;} .button:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(0,0,0,0.12);} .button--primary{background:var(--button-color);color:var(--button-text);} .button--primary:hover{background:var(--button-hover);color:var(--button-text);} .button--ghost{background:transparent;border-color:rgba(55,65,81,0.4);color:var(--primary);} .button--whatsapp{background:#25d366;color:#fff;border-color:transparent;box-shadow:0 12px 20px rgba(37,211,102,0.25);} .page{flex:1;overflow-y:auto;overflow-x:hidden;padding:0.75rem 0 2rem;margin-top:0;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;} body:not(.admin) .page{padding-top:0;min-height:0;} body:not(.admin) .page > .container:not(:first-child):not(.page-flash-bar):not(.dash-page),body:not(.admin) .page > section:not(.container):not(.auth-page):not(.dash-page):not(.page-box){padding-top:calc(var(--topbar-height,70px) + 16px);} body:not(.admin) .page > section.dash-page,body:not(.admin) .page > section.auth-page,body:not(.admin) .page > section.page-box{padding-top:0;margin-top:0;} body:not(.admin) .page,body:not(.admin) .container{max-width:100%;overflow-x:hidden;} body.page-wallet:not(.admin) > header.topbar.topbar--user:not(.global-header),body.page-wallet-method:not(.admin) > header.topbar.topbar--user:not(.global-header),body.page-wallet:not(.admin) main.page .topbar:not(.global-header),body.page-wallet-method:not(.admin) main.page .topbar:not(.global-header),body.page-wallet:not(.admin) main.page .topbar--user:not(.global-header),body.page-wallet-method:not(.admin) main.page .topbar--user:not(.global-header),body.page-wallet:not(.admin) .wallet-page .topbar:not(.global-header),body.page-wallet-method:not(.admin) .wallet-page .topbar:not(.global-header),body.page-wallet:not(.admin) .sc-pay-page .topbar:not(.global-header),body.page-wallet-method:not(.admin) .sc-pay-page .topbar:not(.global-header),body.page-wallet:not(.admin) .payment-header,body.page-wallet:not(.admin) .mobile-user-bar,body.page-wallet:not(.admin) .mobile-header,body.page-wallet:not(.admin) .dash-topbar,body.page-wallet:not(.admin) .user-nav-bar,body.page-wallet:not(.admin) .wallet-topbar{display:none !important;} body.page-wallet:not(.admin) > header.global-header,body.page-wallet-method:not(.admin) > header.global-header,body.page-wallet-pay:not(.admin) > header.global-header{display:block !important;visibility:visible !important;} body.page-wallet:not(.admin) main.page,body.page-wallet-method:not(.admin) main.page,body.page-wallet:not(.admin) .page,body.page-wallet-method:not(.admin) .page{padding-top:0;margin-top:0;min-height:0;} body.page-wallet-pay:not(.admin) main.page,body.page-wallet-pay:not(.admin) .page{padding-top:0;} body.page-wallet:not(.admin) .page > .container,body.page-wallet-method:not(.admin) .page > .container,body.page-wallet:not(.admin) .page > section,body.page-wallet-method:not(.admin) .page > section{padding-top:0;margin-top:0;} body.page-wallet:not(.admin) .wallet-page,body.page-wallet-method:not(.admin) .wallet-page,body.page-wallet:not(.admin) .sc-pay-page,body.page-wallet-method:not(.admin) .sc-pay-page{padding-top:0;margin-top:0;} .main-page-content{padding-top:16px;margin-top:0;} body:not(.admin) .page > .container.page-flash-bar{flex:0 0 auto !important;padding-top:calc(var(--topbar-height,70px) + 8px);padding-bottom:0;margin-bottom:0;} body:not(.admin) .page > .container.page-flash-bar + .container,body:not(.admin) .page > .container.page-flash-bar + section,body:not(.admin) .page > .container.page-flash-bar ~ section.container{padding-top:0 !important;margin-top:0 !important;flex:0 0 auto !important;} .page-flash-bar__note{margin:0;padding:12px 14px;border-radius:12px;font-weight:600;font-size:0.92rem;line-height:1.5;} .page-flash-bar__note--success{background:#d1fae5;border:1px solid #10b981;color:#065f46;} .page-flash-bar__note--warning{background:#fef3c7;border:1px solid #fbbf24;color:#92400e;} .page-flash-bar__note--error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b;} body.page-payments:not(.admin){background:#f4f6fb;} body.page-payments:not(.admin) .page{padding-top:0 !important;min-height:0 !important;display:block;background:#f4f6fb;} body.page-payments:not(.admin) .page > .container,body.page-payments:not(.admin) .page > section{flex:none !important;min-height:0 !important;} body.page-payments:not(.admin) .page > .container.page-flash-bar{padding-top:calc(var(--topbar-height,70px) + 6px);} body.page-payments:not(.admin) .page > .container.page-flash-bar + section.payments-layout{padding-top:0 !important;} body.page-payments:not(.admin) .payments-layout.dash-page{padding-top:0.5rem;padding-bottom:1.25rem;} body.page-payments:not(.admin) .payments-layout .dash-header{margin-bottom:0.75rem;} @media (max-width:720px){body:not(.admin) .page{padding-top:0;padding-bottom:1rem;padding-left:0;padding-right:0;display:flex;flex-direction:column;} body:not(.admin) .page > .container:not(:first-child):not(.page-flash-bar):not(.dash-page),body:not(.admin) .page > section:not(.container):not(.auth-page):not(.dash-page):not(.page-box){padding-top:calc(var(--topbar-height,70px) + 8px);} body:not(.admin) .page > section.dash-page,body:not(.admin) .page > section.auth-page,body:not(.admin) .page > section.page-box{padding-top:0 !important;margin-top:0;} body:not(.admin):is(.page-orders,.page-notifications,.page-telegram-account,.page-login,.page-register,.page-register-country) main.page{padding-top:calc(var(--topbar-height,70px) + 6px) !important;} body:not(.admin):is(.page-wallet,.page-wallet-method,.page-wallet-pay) main.page{padding-top:0 !important;} body.page-wallet:not(.admin) .page > .container,body.page-wallet-method:not(.admin) .page > .container,body.page-wallet:not(.admin) .page > section,body.page-wallet-method:not(.admin) .page > section,body.page-wallet:not(.admin) .page > section:not(.container),body.page-wallet-method:not(.admin) .page > section:not(.container){padding-top:0 !important;margin-top:0;} body.page-payments:not(.admin) .page{padding-top:0 !important;display:block;} body.page-payments:not(.admin) .page > .container,body.page-payments:not(.admin) .page > section{flex:none !important;padding-top:0 !important;} body.page-payments:not(.admin) .page > .container.page-flash-bar{padding-top:calc(var(--topbar-height,70px) + 6px);} body:not(.admin) .page .container{width:100%;max-width:100%;padding-left:8px;padding-right:8px;display:flex;flex-direction:column;flex:1;min-height:0;} body:not(.admin):is(.page-wallet,.page-wallet-method,.page-wallet-pay) main.page > section.wallet-page--neo.container,body:not(.admin):is(.page-wallet,.page-wallet-method,.page-wallet-pay) main.page > section.wallet-page.container{flex:0 0 auto !important;min-height:auto !important;} body:not(.admin) .page > .container.page-flash-bar,body:not(.admin) .page > .container.page-flash-bar + .container,body:not(.admin) .page > .container.page-flash-bar + section{flex:0 0 auto !important;min-height:0 !important;} body:not(.admin) .modal-page:not(:has(.sidebar)){padding-top:0;padding-bottom:0;} body:not(.admin) .modal-page:not(:has(.sidebar)) .container{padding:0;width:100%;} .modal-page:has(.sidebar){position:fixed;top:0;left:0;right:0;bottom:0;min-height:100vh;padding:20px 12px;margin:0;background:rgba(0,0,0,0.6);z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;align-items:flex-start;justify-content:center;} .sidebar{width:100%;max-width:100%;margin:0;padding:20px 16px;border-radius:20px 20px 0 0;max-height:min(96vh,100dvh);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;gap:10px;} .sidebar__item{padding:14px 16px;font-size:15px;min-height:52px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;gap:12px;} .sidebar__icon{font-size:18px;min-width:22px;} .sidebar__text{font-size:15px;} .sidebar__text-group{gap:3px;} .sidebar__text-group strong{font-size:15px;} .sidebar__text-group span,.sidebar__item span:not(.sidebar__icon):not(.sidebar__text){font-size:13px;}} .hero{background:var(--surface);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;align-items:center;} .hero__title{font-size:clamp(26px,3vw,36px);font-weight:800;margin-bottom:14px;color:var(--heading-color);font-family:var(--font-arabic),var(--font-english),sans-serif;} .hero__text{color:var(--text-color);margin-bottom:20px;font-family:var(--font-arabic),var(--font-english),sans-serif;} .hero__actions{display:flex;gap:12px;flex-wrap:wrap;} .hero__card{background:linear-gradient(140deg,rgba(55,65,81,0.12),rgba(107,114,128,0.1));border-radius:var(--radius-md);padding:22px;} .hero__card h4{margin-bottom:12px;color:var(--heading-color);} .hero__card{color:var(--text-color);} .section{margin-top:0;margin-bottom:0;} .section__title{font-size:24px;margin-bottom:0.75rem;margin-top:0;} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;} .site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;} @media (max-width:720px){.search-container{position:fixed;top:var(--topbar-height,70px);left:0;right:0;z-index:90;background:var(--bg);padding:12px 8px;margin-bottom:0;box-shadow:0 2px 8px rgba(0,0,0,0.05);} .home-page .search-container,.guest-page .search-container,.products-page .search-container{position:static;top:auto;left:auto;right:auto;z-index:auto;background:transparent;padding:12px 8px 0;margin-bottom:1rem;box-shadow:none;} body:not(.admin):not(.page-payments):not(.page-favorites) main.page:has(.search-container):not(:has(.home-page)):not(:has(.guest-page)):not(:has(.products-page)){padding-top:calc(var(--topbar-height,70px) + 60px);} body:not(.admin):is(.page-orders,.page-notifications,.page-telegram-account,.page-login,.page-register,.page-register-country,.page-profile,.page-vip,.page-favorites,.page-payments,.page-verify,.page-debts,.page-menu,.page-checkout,.page-order-confirm,.page-order-processing,.page-payment-status,.page-order-detail,.page-products,.page-contact,.page-privacy,.page-terms,.page-2fa,.page-whatsapp-business) main.page{padding-top:calc(var(--topbar-height,56px) + 6px) !important;} body:not(.admin).page-private-chat main.page{padding-top:0 !important;} body:not(.admin):is(.page-wallet,.page-wallet-method,.page-wallet-pay) main.page{padding-top:0 !important;} body.page-payments:not(.admin) .page{padding-top:0 !important;} body:not(.admin) main.page:has(> .page.home-page),body:not(.admin) main.page:has(> .page.guest-page){padding-top:calc(var(--topbar-height,70px) + 14px);} body:not(.admin) main.page > .page.home-page,body:not(.admin) main.page > .page.guest-page{padding-top:0;} body:not(.admin) .page.home-page,body:not(.admin) .page.guest-page{padding-top:calc(var(--topbar-height,70px) + 14px);} body:not(.admin) .page.home-page{overflow-x:hidden;max-width:100%;} body:not(.admin) .page.home-page .home-page__shell > .home-page__banner,body:not(.admin) .page.home-page .home-page__shell > .home-banner-block,body:not(.admin) .page.guest-page > .home-page__banner,body:not(.admin) .page.guest-page .guest-page__shell > .home-banner-block{width:100%;max-width:100%;margin-left:0;margin-right:0;} body:not(.admin) main.page:has(.products-page){padding-top:var(--topbar-height,70px);} .page .site-grid[data-sections="true"]{overflow:visible;max-height:none;flex-shrink:0;margin-top:0;} .page .site-grid[data-products="true"]{grid-template-columns:repeat(2,1fr);gap:12px;align-items:start;} .page .site-grid:not([data-sections="true"]):not([data-products="true"]){grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;margin:0;overflow-y:visible;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex:1;min-height:0;} .page .site-grid[data-products="true"],.page .site-grid[data-products="true"].has-many-products{overflow:visible;overflow-y:visible;overflow-x:hidden;max-height:none;flex:none;min-height:0;} .page .site-grid:not([data-sections="true"]):not([data-products="true"]).has-many-products{overflow-y:auto;max-height:calc(100vh - var(--topbar-height,70px) - 60px - var(--footer-height,120px));-webkit-overflow-scrolling:touch;} .page .site-grid:not([data-sections="true"]) .product-card{width:100%;margin:0;} .page .site-grid[data-sections="true"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:0;align-items:start;} .site-grid[data-sections="true"] .card{width:100%;margin:0;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.1);height:auto;min-height:0;display:flex;flex-direction:column;align-self:start;} .site-grid[data-sections="true"] .card__image{width:100%;height:auto;aspect-ratio:1;min-height:0;border-radius:14px 14px 0 0;padding:0;margin:0;background:transparent;border:none;box-shadow:none;flex-shrink:0;display:block;position:relative;overflow:hidden;} .site-grid[data-sections="true"] .card__image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:13px 13px 0 0;background:transparent;margin:0;padding:0;} .site-grid[data-sections="true"] .card__title,.site-grid[data-sections="true"] .home-section-card__name,.site-grid[data-sections="true"] .guest-section-card__name{padding:10px 8px;font-size:14px;font-weight:700;text-align:center;flex-shrink:0;line-height:1.3;} .site-grid .card{width:100%;margin:0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);height:auto;min-height:0;} .site-grid:not([data-sections="true"]) .card__image{height:140px;width:100%;border-radius:12px 12px 0 0;padding:0;margin:0;background:transparent;border:1px solid rgba(0,0,0,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1),0 2px 6px rgba(0,0,0,0.06);flex-shrink:0;display:block;position:relative;} .site-grid:not([data-sections="true"]) .card__image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:11px 11px 0 0;background:transparent;margin:0;padding:0;} .site-grid .card__title{padding:10px 8px 12px;font-size:13px;font-weight:700;line-height:1.4;display:block;text-align:center;flex-shrink:0;min-height:auto;overflow:visible;word-wrap:break-word;overflow-wrap:break-word;} .page{padding:0.5rem 0;} .container{padding-left:0;padding-right:0;} .page-box{padding:0.75rem 0.5rem;}} .site-grid .card{background:var(--bg-card,#e8eaef);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);text-align:center;transition:transform 0.2s ease;padding:0;margin:0;gap:0;position:relative;cursor:pointer;display:flex;flex-direction:column;height:auto;min-height:0;} body:not(.admin) .site-grid .card{background:var(--bg-card);} .site-grid .card:hover{transform:translateY(-4px);} .site-grid .card__link{position:absolute;inset:0;z-index:5;border:none;background:transparent;cursor:pointer;padding:0;text-decoration:none;display:block;pointer-events:auto;} .site-grid .card__image,.site-grid .card__title,.site-grid .card__image img,.site-grid .section-badge,.site-grid .product-discount-badge,.site-grid .product-card__overlay{pointer-events:none;} .site-grid[data-sections="true"] .card{height:auto;min-height:0;display:flex;flex-direction:column;align-self:start;} .site-grid[data-sections="true"] .card__image{width:100%;height:auto;aspect-ratio:1;min-height:0;overflow:hidden;padding:0;margin:0;border-radius:14px 14px 0 0;position:relative;z-index:2;background:transparent;display:block;flex-shrink:0;border:2px solid rgba(0,0,0,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1),0 2px 8px rgba(0,0,0,0.08);} .site-grid[data-sections="true"] .card__image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:12px 12px 0 0;background:transparent;margin:0;padding:0;} .site-grid[data-sections="true"]{align-items:start;} .site-grid .card__image{width:100%;height:170px;overflow:hidden;padding:0;margin:0;border-radius:14px 14px 0 0;position:relative;z-index:2;background:transparent;display:block;flex-shrink:0;border:2px solid rgba(0,0,0,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1),0 2px 8px rgba(0,0,0,0.08);} .site-grid .card__image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:12px 12px 0 0;background:transparent;margin:0;padding:0;} .site-grid .card__title{padding:10px 10px 12px;font-size:15px;font-weight:700;color:var(--product-name-color);background:var(--product-card-bg);margin:0;word-break:break-word;overflow-wrap:break-word;line-height:1.4;position:relative;z-index:2;overflow:visible;display:block;text-align:center;flex-shrink:0;min-height:auto;font-family:var(--font-arabic),var(--font-english),sans-serif;} .site-grid[data-products="true"]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0 2px;} @media (min-width:600px){.site-grid[data-products="true"]{grid-template-columns:repeat(3,1fr);gap:14px;}} @media (min-width:960px){.site-grid[data-products="true"]{grid-template-columns:repeat(4,1fr);gap:14px;}} .site-grid[data-products="true"] .product-card{display:flex;flex-direction:column;background:var(--product-card-bg);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08);border:1px solid var(--border-color);transition:transform 0.2s ease,box-shadow 0.2s ease;min-height:0;height:auto;font-family:var(--font-arabic),var(--font-english),sans-serif;} .site-grid[data-products="true"] .product-card:hover{transform:none;box-shadow:0 4px 16px rgba(0,0,0,0.1);} .site-grid[data-products="true"] .product-card:active{transform:scale(0.98);} .site-grid[data-products="true"] .product-card .card__image{position:relative;width:100%;aspect-ratio:1;overflow:hidden;padding:0;margin:0;border:none;box-shadow:none;border-radius:16px 16px 0 0;flex-shrink:0;} .site-grid[data-products="true"] .product-card .card__image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;margin:0;padding:0;border-radius:0;background:transparent;} .site-grid[data-products="true"] .product-card .product-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:12px 10px 10px;background:linear-gradient(to top,rgba(0,0,0,0.6),transparent);color:#fff;font-size:0.95rem;font-weight:600;line-height:1.35;text-shadow:0 1px 3px rgba(0,0,0,0.5);z-index:2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .site-grid[data-products="true"] .product-card .card__title{padding:10px 12px 12px;font-size:0.875rem;font-weight:500;color:var(--text-color);background:transparent;margin:0;display:block;overflow:visible;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;} body:not(.admin) .site-grid[data-products="true"],body:not(.admin) .site-grid[data-products="true"].has-many-products,body:not(.admin) .products-page .site-grid[data-products="true"]{overflow:visible;overflow-y:visible;max-height:none;} body:not(.admin) .site-grid[data-sections="true"],body:not(.admin) .site-grid[data-products="true"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;align-items:start;} @media (min-width:600px){body:not(.admin) .site-grid[data-sections="true"],body:not(.admin) .site-grid[data-products="true"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}} @media (min-width:960px){body:not(.admin) .site-grid[data-sections="true"],body:not(.admin) .site-grid[data-products="true"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}} body:not(.admin) .site-grid[data-sections="true"] .card,body:not(.admin) .site-grid[data-products="true"] .card,body:not(.admin) .site-grid[data-products="true"] .product-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08);background:#fff;min-height:0;height:auto;align-self:start;padding:0;margin:0;gap:0;} body:not(.admin) .site-grid[data-sections="true"] .card__image,body:not(.admin) .site-grid[data-products="true"] .card__image,body:not(.admin) .site-grid[data-products="true"] .product-card .card__image,body:not(.admin) .site-grid[data-products="true"] .product-card.category-section-card .card__image{width:100%;height:auto;aspect-ratio:1;padding:0;margin:0;border-radius:14px 14px 0 0;overflow:hidden;flex-shrink:0;display:block;position:relative;background:transparent;border:none;box-shadow:none;} body:not(.admin) .site-grid[data-sections="true"] .card__image img,body:not(.admin) .site-grid[data-products="true"] .card__image img,body:not(.admin) .site-grid[data-products="true"] .product-card .card__image img,body:not(.admin) .site-grid[data-products="true"] .product-card.category-section-card .card__image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;margin:0;padding:0;border-radius:0;background:transparent;} body:not(.admin) .site-grid[data-sections="true"] .card__image,body:not(.admin) .site-grid[data-products="true"] .card__image,body:not(.admin) .site-grid[data-products="true"] .product-card .card__image,body:not(.admin) .site-grid[data-products="true"] .product-card.category-section-card .card__image{background:#f3f4f6;} body:not(.admin) .site-grid[data-sections="true"] .card__image::after,body:not(.admin) .site-grid[data-products="true"] .card__image::after,body:not(.admin) .site-grid[data-products="true"] .product-card .card__image::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0%,transparent 35%,rgba(255,215,0,0.12) 48%,rgba(255,235,150,0.08) 52%,transparent 65%,transparent 100%);background-size:220% 100%;animation:card-image-shimmer 4s ease-in-out infinite;border-radius:inherit;} @keyframes card-image-shimmer{0%{background-position:220% 0;} 100%{background-position:-220% 0;}} body:not(.admin) .site-grid[data-sections="true"] .card__title,body:not(.admin) .site-grid[data-sections="true"] .home-section-card__name,body:not(.admin) .site-grid[data-sections="true"] .guest-section-card__name,body:not(.admin) .site-grid[data-products="true"] .card__title,body:not(.admin) .site-grid[data-products="true"] .product-card .card__title,body:not(.admin) .site-grid[data-products="true"] .product-card__name,body:not(.admin) .site-grid[data-products="true"] .category-section-card__name{padding:10px 10px 12px;font-size:14px;font-weight:600;color:var(--text-color);text-align:center;margin:0;flex-shrink:0;line-height:1.4;display:block;overflow:visible;word-wrap:break-word;overflow-wrap:break-word;background:transparent;} body:not(.admin) .site-grid[data-products="true"] .product-card .product-card__overlay{display:none;} .section-page-critical .site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;} .section-page-critical .product-card,.section-page-critical .category-section-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;position:relative;} .section-page-critical .card__image{position:relative;overflow:hidden;aspect-ratio:1;width:100%;display:block;} .section-page-critical .card__image img{width:100%;height:100%;object-fit:contain;display:block;} .section-page-critical .product-card__overlay{display:none !important;} .section-page-critical .card__title,.section-page-critical .product-card__name,.section-page-critical .category-section-card__name{padding:10px 8px 12px;font-size:14px;font-weight:600;line-height:1.35;text-align:center;color:var(--text-color);background:#fff;margin:0;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;overflow-wrap:break-word;} .section-page-critical .product-unavailable-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.88);z-index:4;} .section-page-critical .search-container{margin-bottom:1rem;} .section-page-critical .search-box{display:flex;align-items:center;gap:8px;background:#e5e7eb;border-radius:999px;padding:10px 14px;} .section-page-critical .search-input{flex:1;border:0;background:transparent;font-size:16px;outline:0;min-width:0;} .home-page .search-container,.guest-page .search-container,.products-page .search-container{margin-bottom:1rem;} body:not(.admin) main.page > .page.guest-page{padding-top:0;} .guest-page__shell > .home-page__banner,.guest-page__shell > .home-banner-block{margin-top:0;padding-top:0;overflow:visible;box-shadow:none;} .guest-page .search-box{background:#fff;border:2px solid #facc15;border-radius:999px;padding:0 16px;box-shadow:0 2px 10px rgba(0,0,0,0.06);} .guest-page .search-box:focus-within{background:#d1d5db;box-shadow:none;} .guest-page .search-input{background:transparent;} .guest-page .search-input::placeholder{color:#6b7280;text-align:right;} .guest-page .search-icon{color:#6b7280;} body:not(.admin) .site-grid.home-sections-grid,body:not(.admin) .site-grid[data-sections="true"].home-sections-grid,body:not(.admin) .site-grid.guest-sections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;align-items:stretch;} @media (min-width:600px){body:not(.admin) .site-grid.home-sections-grid,body:not(.admin) .site-grid.guest-sections-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}} @media (min-width:960px){body:not(.admin) .site-grid.home-sections-grid,body:not(.admin) .site-grid.guest-sections-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}} body:not(.admin) .site-grid.home-sections-grid .home-section-card,body:not(.admin) .site-grid.guest-sections-grid .guest-section-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08);background:#fff;min-height:0;align-self:stretch;padding:0;margin:0;gap:0;transition:transform 0.2s ease,box-shadow 0.2s ease;} @media (hover:hover) and (pointer:fine){body:not(.admin) .site-grid.home-sections-grid .home-section-card:hover,body:not(.admin) .site-grid.guest-sections-grid .guest-section-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(15,23,42,0.12);}} body:not(.admin) .site-grid.home-sections-grid .home-section-card__image,body:not(.admin) .site-grid.guest-sections-grid .guest-section-card__image{width:100%;height:auto;aspect-ratio:1;padding:0;margin:0;border-radius:14px 14px 0 0;overflow:hidden;flex-shrink:0;display:block;position:relative;} body:not(.admin) .site-grid.home-sections-grid .home-section-card__image img,body:not(.admin) .site-grid.guest-sections-grid .guest-section-card__image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;margin:0;padding:0;} body:not(.admin) .site-grid.home-sections-grid .home-section-card__image,body:not(.admin) .site-grid.guest-sections-grid .guest-section-card__image{background:#f3f4f6;} body:not(.admin) .site-grid.home-sections-grid .home-section-card__overlay-title{display:none;} body:not(.admin) .site-grid.home-sections-grid .home-section-card__name,body:not(.admin) .site-grid.guest-sections-grid .guest-section-card__name{padding:10px 8px;font-size:14px;font-weight:600;color:var(--text-color);text-align:center;margin:0;flex-shrink:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} .product-card.is-unavailable .card__image img{filter:grayscale(100%);opacity:0.82;} .product-unavailable-overlay{position:absolute;top:0;right:0;padding:0;display:flex;align-items:flex-start;justify-content:flex-end;z-index:10;pointer-events:none;background:transparent;} .product-unavailable-badge{background:var(--product-unavailable-color,#dc2626);color:#fff;padding:4px 8px;border-radius:0 0 0 8px;font-weight:600;font-size:11px;line-height:1.2;box-shadow:0 1px 4px rgba(0,0,0,0.2);font-family:var(--font-arabic),var(--font-english),sans-serif;} .product-card.is-unavailable{opacity:1;} .product-card.is-unavailable .card__link{cursor:pointer;} .product-unavailable-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,0.62);box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);} .product-unavailable-modal__box{background:linear-gradient(180deg,#fff5f5 0%,#ffffff 100%);border-radius:18px;padding:1.5rem 1.35rem 1.25rem;max-width:360px;width:100%;box-shadow:0 14px 40px rgba(220,38,38,0.18),0 4px 16px rgba(15,23,42,0.12);border:2px solid rgba(220,38,38,0.28);text-align:center;} .product-unavailable-modal__title{margin:0 0 0.85rem;font-size:1.2rem;font-weight:800;line-height:1.45;color:var(--product-unavailable-color,#dc2626) !important;} .product-unavailable-modal__text{margin:0 0 1.25rem;font-size:1rem;line-height:1.75;font-weight:600;color:#b91c1c !important;text-align:center;} .product-unavailable-modal__text br{content:"";display:block;margin-top:0.35rem;} .product-unavailable-modal__actions{display:flex;justify-content:center;} .product-unavailable-modal__close{min-width:132px;min-height:44px;border-radius:12px;font-weight:700;} .product-discount-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:5px 10px;border-radius:20px;font-weight:700;font-size:12px;z-index:4;box-shadow:0 2px 8px rgba(16,185,129,0.35);pointer-events:none;} .product-discount-badge--agent{background:linear-gradient(135deg,#f59e0b,#d97706);top:auto;bottom:8px;} .products-page{background:#f5f5f8;} .card__price{padding:8px 10px 12px;font-size:13px;font-weight:700;color:#0e8066;} .card__meta--compact{padding:6px 10px 12px;justify-content:center;font-size:12px;} .card-favorite-toggle{position:absolute;top:10px;right:10px;z-index:6;pointer-events:auto;border:none;background:rgba(15,23,42,0.55);color:#f8fafc;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;cursor:pointer;transition:color 0.15s ease,background 0.15s ease,transform 0.15s ease;} .card-favorite-toggle.is-active,.card-favorite-toggle.is-favorited-green{color:#22c55e !important;background:rgba(15,23,42,0.72);} .modal-overlay{position:fixed;inset:0;background:rgba(10,12,20,0.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:50;} .modal-overlay.is-open{display:flex;} .product-popup{width:min(560px,94vw);background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow);display:grid;gap:16px;} .product-popup__price{background:linear-gradient(135deg,#4b5563,#374151);color:#fff;padding:8px 14px;border-radius:999px;font-weight:700;width:fit-content;} .product-popup__header{display:flex;align-items:center;justify-content:space-between;gap:12px;} .product-popup__header h3{font-size:20px;font-weight:800;} .product-popup__description{margin:8px 0 12px;font-size:14px;line-height:1.5;color:#6b7280;white-space:pre-wrap;word-break:break-word;} .favorite-toggle{border:1px solid #e1e4ef;background:#f3f4f8;color:#9aa0ad;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;} .favorite-toggle.is-active{background:#ff4d6d;border-color:#ff4d6d;color:#fff;} .favorite-remove{position:absolute;top:12px;left:12px;z-index:4;} .qty-control{display:grid;gap:10px;} .qty-control__label{font-weight:700;} .qty-control__row{display:grid;grid-template-columns:52px 1fr 52px;gap:10px;align-items:center;background:#f2f3f7;border-radius:999px;padding:6px;} .qty-control__row input{text-align:center;border:1px solid #dfe3ef;background:#fff;font-weight:800;font-size:22px;color:#1d1b2a;padding:8px 12px;border-radius:999px;direction:ltr;letter-spacing:0;font-variant-numeric:tabular-nums;caret-color:var(--primary);box-shadow:inset 0 0 0 1px rgba(75,85,99,0.12);box-sizing:border-box;min-width:80px;max-width:100%;width:100%;overflow-x:auto;overflow-y:hidden;text-overflow:clip;-webkit-overflow-scrolling:touch;} .qty-control__row input:focus{outline:none;border-color:rgba(75,85,99,0.5);box-shadow:0 0 0 3px rgba(75,85,99,0.15);} .qty-control__row#popupQtyInputRow{grid-template-columns:52px minmax(0,1fr) 52px;} .qty-control__row .button{width:40px;height:40px;padding:0;border-radius:50%;background:var(--primary);color:#fff;} .card{background:var(--card-bg);padding:20px;border-radius:var(--radius-md);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;border:1px solid var(--border-color);font-family:var(--font-arabic),var(--font-english),sans-serif;} .card__image:not(.site-grid .card__image){width:100%;border-radius:16px;background:transparent;padding:0;margin:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:2px solid rgba(0,0,0,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1),0 2px 8px rgba(0,0,0,0.08);} .card__image:not(.site-grid .card__image) img{width:100%;height:auto;min-height:120px;max-height:200px;object-fit:cover;object-position:center;display:block;border-radius:14px;background:transparent;} .section-badge{position:absolute;top:12px;right:12px;background:rgba(45,49,66,0.85);color:#f9fafb;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:0.5px;z-index:10;pointer-events:none;} .card__image .discount-badge{position:absolute;top:12px;left:12px;} .card__image .discount-badge--agent{left:46px;} .table-thumb{width:56px;height:56px;border-radius:12px;object-fit:contain;background:rgba(75,85,99,0.1);padding:6px;display:block;} .card__title{font-weight:700;font-size:18px;} .card__meta{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--muted);word-break:break-word;overflow-wrap:anywhere;} .api-product-card .card__meta{flex-direction:column;align-items:flex-start;gap:6px;} .api-card__actions{margin-top:6px;} .api-card__actions .button{width:100%;} .pill{padding:4px 10px;border-radius:999px;background:rgba(23,184,144,0.12);color:var(--success);font-weight:600;} .pill--warning{background:rgba(241,143,1,0.12);color:var(--warning);} .note{background:rgba(75,85,99,0.08);border:1px dashed rgba(75,85,99,0.3);padding:18px;border-radius:var(--radius-md);color:var(--text-color);} .price-tiers-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;} .price-tier-item{display:flex;flex-direction:column;align-items:center;background:var(--surface);border:1px solid rgba(75,85,99,0.2);border-radius:var(--radius-md);padding:10px 16px;min-width:80px;} .price-tier-item .tier-qty{font-weight:bold;color:var(--text-color);font-size:0.95rem;} .price-tier-item .tier-price{color:var(--primary);font-weight:bold;font-size:1.1rem;} .progress{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden;margin-top:10px;} .progress__bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));width:0;} .vip-header{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:16px;} .vip-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#f7d26a,#c89a2b);color:#2b1c00;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 18px rgba(200,154,43,0.35);font-size:18px;} .vip-title{font-size:24px;font-weight:900;margin:0 0 6px;} .vip-subtitle{margin:0;color:var(--muted);line-height:1.7;} .vip-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:center;} .vip-step{background:#fff;color:var(--text-color);border-radius:14px;padding:12px;display:grid;gap:8px;font-weight:700;border:1px solid #eef0f6;} .vip-step__icon{font-size:18px;} .vip-step.is-done{color:#0e8066;background:rgba(23,184,144,0.1);border-color:rgba(23,184,144,0.35);} .vip-step.is-current{color:#2b1c00;background:rgba(248,210,106,0.2);border-color:rgba(200,154,43,0.45);} .vip-step.is-next{color:#8b6b15;background:rgba(241,143,1,0.08);border-color:rgba(241,143,1,0.3);} .vip-progress-card{display:grid;gap:12px;} .vip-progress-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--muted);font-weight:600;} .vip-progress-value{font-size:20px;font-weight:800;color:#1f2a44;} .vip-progress-foot{display:flex;flex-wrap:wrap;gap:10px 16px;color:#1f2a44;font-weight:700;} @media (max-width:720px){.vip-track{grid-template-columns:1fr;} .vip-icon{width:56px;height:56px;font-size:16px;} .vip-title{font-size:20px;}} .alert{background:rgba(241,143,1,0.12);border:1px solid rgba(241,143,1,0.35);padding:14px;border-radius:12px;color:#8a4a00;font-weight:600;} body.admin .spinner:not(.admin-content .spinner),body.admin .page-loader,body.admin .page-loader__spinner,body.admin .purchase-loading-overlay,body.admin .modal-overlay:not(.is-open),body.admin [class*="loader"]:not([class*="admin"]),body.admin [class*="overlay"]:not([class*="admin"]):not(.is-open){display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;z-index:-9999 !important;} body.admin #sendNotifModal.send-notif-modal-overlay:not(.is-open){display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;z-index:-1 !important;} body.admin #sendNotifModal.send-notif-modal-overlay.is-open,body.admin #paymentTestModal.send-notif-modal-overlay.is-open{display:flex !important;visibility:visible !important;opacity:1 !important;pointer-events:auto !important;z-index:10050 !important;} body.admin #paymentTestModal.send-notif-modal-overlay:not(.is-open){display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;z-index:-1 !important;} body.admin [style*="position:fixed"][style*="background"][style*="#fff"],body.admin [style*="position:fixed"][style*="background"][style*="white"],body.admin [style*="position:absolute"][style*="background"][style*="#fff"]{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;} .spinner{width:54px;height:54px;border-radius:50%;border:4px solid rgba(75,85,99,0.2);border-top-color:var(--primary);margin:0 auto 16px;animation:spin 0.9s linear infinite;} @keyframes spin{to{transform:rotate(360deg);}} .page-box{background:var(--surface);padding:1.25rem 1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);} @media (max-width:720px){.page-box{padding:1rem 0.75rem;}} body:not(.admin) .container .page-box{background:linear-gradient(180deg,#3d4251 0%,#363b48 100%);color:#f9fafb;border:1px solid rgba(255,255,255,0.06);box-shadow:0 4px 16px rgba(0,0,0,0.15);} body:not(.admin) .container .page-box h2{color:#f9fafb;margin-bottom:1rem;} body:not(.admin) .container .page-box .empty-state{color:#d1d5db;} body:not(.admin) .container .page-box .card{background:linear-gradient(180deg,#3d4251 0%,#363b48 100%);border:1px solid rgba(255,255,255,0.08);color:#f9fafb;box-shadow:0 2px 12px rgba(0,0,0,0.12);} body:not(.admin) .container .page-box .card .card__title{color:#f9fafb;} body:not(.admin) .container .page-box .card .card__meta{color:#e5e7eb;} body:not(.admin) .container .page-box .card .card__meta span{color:inherit;} body:not(.admin) .container .page-box .alert{background:rgba(254,243,199,0.95);color:#92400e;border:1px solid rgba(245,158,11,0.4);} body:not(.admin) .container .page-box .button--ghost{border-color:rgba(255,255,255,0.3);color:#e5e7eb;} body:not(.admin) .container .page-box .button--ghost:hover{background:rgba(255,255,255,0.1);color:#fff;} body:not(.admin) .container .page-box .payment-card{background:linear-gradient(180deg,#3d4251 0%,#363b48 100%);border:1px solid rgba(255,255,255,0.08);} body:not(.admin) .container .page-box .payment-card .card__title{color:#f9fafb;} body:not(.admin) .container .page-box .payment-card .card__meta{color:#e5e7eb;} body:not(.admin) .container .page-box .status-badge--success{background:rgba(5,150,105,0.25);color:#6ee7b7;} body:not(.admin) .container .page-box .status-badge--danger{background:rgba(185,28,28,0.25);color:#fca5a5;} body:not(.admin) .container .page-box .vip-header .vip-title{color:#f9fafb;} body:not(.admin) .container .page-box .vip-subtitle{color:#d1d5db;} body:not(.admin) .container .page-box .vip-progress-meta{color:#d1d5db;} body:not(.admin) .container .page-box .vip-progress-value{color:#f9fafb;} body:not(.admin) .container .page-box .vip-progress-foot{color:#e5e7eb;} body:not(.admin) .container .page-box .vip-progress-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-md);} body:not(.admin) .container .page-box .vip-step{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.12);color:#e5e7eb;} body:not(.admin) .container .page-box .vip-step.is-done{color:#6ee7b7;background:rgba(5,150,105,0.2);border-color:rgba(5,150,105,0.35);} body:not(.admin) .container .page-box .vip-step.is-current{color:#fef3c7;background:rgba(245,158,11,0.2);border-color:rgba(245,158,11,0.4);} body:not(.admin) .container .page-box .vip-step.is-next{color:#d1d5db;background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.1);} body:not(.admin) .container .page-box .progress{background:rgba(255,255,255,0.15);} body:not(.admin) .container .page-box .progress__bar{background:linear-gradient(90deg,#059669,#10b981);} body:not(.admin) .container .page-box .note{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);color:#d1d5db;} .page-box--narrow{max-width:760px;margin:0 auto;} .form-grid{display:grid;gap:16px;margin-top:20px;} .form-field{display:flex;flex-direction:column;gap:6px;} .form-field input,.form-field select,.form-field textarea{padding:12px 14px;border-radius:10px;border:1px solid #e0dff0;font-size:15px;background:#fff;} .form-field textarea{resize:vertical;min-height:90px;} .tier-row{display:flex;gap:10px;align-items:center;margin-bottom:10px;} .tier-row input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #e0dff0;font-size:14px;} .tier-row .remove-tier-btn{padding:8px 12px;font-size:13px;} #priceTiersContainer{margin-bottom:10px;} #addTierBtn{margin-top:5px;} .total-display{background:rgba(75,85,99,0.12);border:1px solid rgba(75,85,99,0.2);color:var(--text-color);font-weight:700;cursor:default;} .phone-group{display:flex;align-items:center;gap:10px;} .phone-prefix{padding:10px 14px;border-radius:10px;background:rgba(75,85,99,0.1);color:var(--primary);font-weight:700;min-width:72px;text-align:center;} .file-input{padding:10px 12px;border-radius:10px;border:1px dashed #c9c7db;background:#fafafe;} .footer{position:fixed;bottom:0;left:0;right:0;background:var(--surface);margin-top:0;padding:26px 0;border-top:1px solid rgba(0,0,0,0.06);z-index:100;flex-shrink:0;box-shadow:0 -2px 8px rgba(0,0,0,0.06);} body:not(.admin) .footer{background:linear-gradient(0deg,#363b48 0%,#3d4251 100%);color:#f9fafb;border-top:none;box-shadow:0 -2px 8px rgba(0,0,0,0.12);} body:not(.admin) .footer__inner,body:not(.admin) .footer__links a{color:#e5e7eb;} body:not(.admin) .footer__links a:hover{color:#fff;} body:not(.admin) .page{padding-bottom:20px;} .footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:14px;} .footer__links{display:flex;gap:16px;flex-wrap:wrap;} .empty-state{text-align:center;color:#6b7280;margin-top:12px;} .card .empty-state,.hero .empty-state{color:var(--text-color);} .badge{background:rgba(255,184,107,0.2);padding:6px 12px;border-radius:10px;font-weight:600;color:#b35a00;display:inline-block;} .discount-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(23,184,144,0.18);color:#0e8066;font-weight:800;font-size:14px;} .discount-text{color:#0e8066;font-weight:700;} .discount-badge--agent{background:rgba(217,119,6,0.18);color:#b45309;} .discount-text--agent{color:#b45309;font-weight:700;} .status-pill{padding:4px 12px;border-radius:999px;font-weight:700;background:rgba(23,184,144,0.12);color:var(--success);font-size:13px;} .status-pill--pending{background:rgba(241,143,1,0.12);color:var(--warning);} .status-pill--rejected{background:rgba(255,90,90,0.15);color:#b52b2b;} .modal-page{min-height:65vh;display:flex;align-items:center;justify-content:center;} .modal-page:has(.sidebar){position:fixed;top:0;left:0;right:0;bottom:0;min-height:100vh;padding:0;margin:0;background:rgba(0,0,0,0.5);z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;} .modal-card{max-width:620px;width:min(620px,92vw);background:var(--surface);border-radius:20px;padding:28px;color:var(--heading-color);box-shadow:var(--shadow);border:1px solid rgba(75,85,99,0.12);} .product-modal{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start;} @media (max-width:720px){.modal-page:has(.product-modal){display:none !important;} .modal-page{min-height:100vh;padding:20px;align-items:center;justify-content:center;margin:0;display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;} .modal-card.product-modal{width:60vw;height:60vh;max-width:60vw;max-height:60vh;border-radius:16px;padding:16px;margin:auto;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,0.3);border:2px solid var(--primary);background:var(--surface);overflow:hidden;position:relative;box-sizing:border-box;min-width:0;min-height:0;} @media (max-width:480px){.modal-card.product-modal{width:90vw;height:85vh;max-width:90vw;max-height:85vh;}} .modal-page .modal-close-btn{position:absolute;top:12px;left:12px;min-width:50px;height:44px;padding:0 14px;border-radius:22px;background:rgba(220,38,38,0.95);color:#fff;border:2px solid #fff;font-size:16px;font-weight:700;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(0,0,0,0.3);touch-action:manipulation;} .modal-page .modal-close-btn::before{content:'✕';font-size:20px;line-height:1;} .modal-page .modal-close-btn::after{content:'إلغاء';font-size:14px;} .modal-page .modal-close-btn:hover,.modal-page .modal-close-btn:active{background:rgba(220,38,38,1);transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,0.4);} .product-modal__body{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch;padding-right:4px;} .product-modal__body::-webkit-scrollbar{width:6px;} .product-modal__body::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:3px;} .product-modal__body::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px;} .product-modal__body h2{font-size:16px;} .product-modal__body .hero__text{font-size:13px;} .product-modal__body .card__meta{font-size:12px;padding:10px;} .product-modal__body .form-field input,.product-modal__body .form-field select{font-size:14px;min-height:44px;padding:10px 12px;} .product-modal__media{width:100%;order:1;flex-shrink:0;} .product-modal__media .card__image{width:100%;height:auto;max-height:25vh;min-height:150px;margin:0;padding:0;border-radius:12px;overflow:hidden;background:transparent;border:2px solid rgba(0,0,0,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1),0 2px 8px rgba(0,0,0,0.08);} .product-modal__media .card__image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:10px;background:transparent;} .product-modal__body{width:100%;order:2;display:flex;flex-direction:column;gap:12px;} .product-modal__body h2{font-size:18px;font-weight:700;margin:0;line-height:1.4;color:var(--text);} .product-modal__body .hero__text{font-size:14px;margin:0;color:var(--muted);line-height:1.6;} .product-modal__body .card__meta{display:flex;flex-direction:column;gap:8px;margin:0;padding:12px;background:#f8f9fa;border-radius:10px;} .product-modal__body .card__meta span{font-size:14px;line-height:1.5;} .product-modal__body .card__meta span:has(strong#totalPriceValue),.product-modal__body .card__meta span:last-child{font-size:18px;font-weight:700;color:#059669;margin-top:4px;} .product-modal__body .card__meta strong#totalPriceValue{font-size:22px;color:#059669;} .product-modal__body .form-field{margin:0;} .product-modal__body .form-field input,.product-modal__body .form-field select,.product-modal__body .form-field textarea{font-size:16px;min-height:48px;padding:12px 16px;border-radius:10px;border:2px solid #e0dff0;width:100%;} .product-modal__body .form-field input:focus,.product-modal__body .form-field select:focus,.product-modal__body .form-field textarea:focus{border-color:var(--primary);outline:none;} .qty-control-wrapper{width:100%;margin:8px 0;} .qty-control-wrapper .form-field{margin-bottom:8px;font-size:15px;font-weight:600;} .qty-control__row{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;margin:0;} .qty-control__row .qty-btn{width:48px;height:48px;font-size:24px;font-weight:700;border-radius:10px;border:2px solid var(--primary);background:#fff;color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;} .qty-control__row .qty-btn:active{transform:scale(0.95);background:var(--primary);color:#fff;} .qty-control__row input#productQtyInput{width:100% !important;min-width:80px;max-width:100%;height:48px;font-size:18px;font-weight:700;text-align:center;border:2px solid var(--primary);border-radius:10px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;text-overflow:clip;-webkit-overflow-scrolling:touch;} .product-modal__actions{flex-direction:column;width:100%;gap:10px;margin-top:auto;padding-top:12px;flex-shrink:0;position:sticky;bottom:0;background:var(--surface);z-index:10;} .product-modal__actions .button{width:100%;padding:16px;font-size:17px;font-weight:700;border-radius:12px;min-height:52px;touch-action:manipulation;} .product-modal__actions .button--primary{background:#10b981;color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(16,185,129,0.3);} .product-modal__actions .button--primary:hover{background:#059669;box-shadow:0 4px 12px rgba(16,185,129,0.4);} .product-modal__actions .button--primary:active{background:#047857;transform:scale(0.98);box-shadow:0 2px 6px rgba(16,185,129,0.3);} .product-modal__actions .button--primary:disabled{background:#9ca3af;color:#fff;cursor:not-allowed;opacity:1;box-shadow:none;} .product-modal__actions .button--primary:disabled:hover{background:#9ca3af;box-shadow:none;} .product-modal__body .favorite-toggle{font-size:32px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;} .product-modal__body .note{font-size:13px;padding:10px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin:0;}} .product-modal__media .card__image{margin:0;} .product-modal__body .hero__text{margin-bottom:12px;} .product-modal__actions{justify-content:flex-start;flex-wrap:wrap;} .sidebar{display:grid;gap:10px;width:min(420px,92vw);margin:0 auto;position:relative;z-index:1001;background:linear-gradient(180deg,#3d4251 0%,#363b48 50%,#2d3142 100%);padding:24px 20px;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,0.2);max-height:min(92vh,100dvh);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;border:1px solid rgba(255,255,255,0.06);} .sidebar__item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(255,255,255,0.08);border-radius:14px;border:1px solid rgba(255,255,255,0.06);font-weight:500;color:#f3f4f6;text-decoration:none;transition:background 0.2s,border-color 0.2s;position:relative;} .sidebar__item::before{display:none;} .sidebar__item:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.1);color:#fff;} .sidebar__item:active{background:rgba(255,255,255,0.1);} .sidebar__item.active{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.12);color:#fff;} .sidebar__item.active::before{display:none;} .sidebar__item.active .sidebar__text,.sidebar__item.active .sidebar__text-group strong{color:#fff;} .sidebar__item.active .sidebar__icon{opacity:1;} .sidebar__icon{font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;min-width:24px;opacity:0.95;transition:transform 0.2s ease;} .sidebar__item:hover .sidebar__icon{transform:scale(1.02);} .sidebar__text{flex:1;color:inherit;font-size:15px;font-weight:500;} .sidebar__text-group{display:flex;flex-direction:column;gap:4px;flex:1;} .sidebar__text-group strong{color:inherit;font-size:15px;font-weight:700;} .sidebar__text-group span{color:rgba(243,244,246,0.85);font-size:13px;font-weight:500;} .sidebar__item span:not(.sidebar__icon):not(.sidebar__text){color:rgba(243,244,246,0.85);font-size:14px;} .sidebar__divider{height:1px;background:rgba(255,255,255,0.12);margin:12px 0;border:none;} .sidebar__item--whatsapp{justify-content:center;padding-inline:18px;} .sidebar__item--whatsapp .sidebar__icon{margin:0;} .sidebar__icon--whatsapp{display:flex;align-items:center;justify-content:center;} .sidebar__icon--whatsapp svg{width:26px;height:26px;fill:#25d366;transition:transform 0.2s ease,opacity 0.2s ease;} .sidebar__item--whatsapp:hover .sidebar__icon--whatsapp svg{opacity:1;transform:scale(1.08);} .sidebar__social-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;padding:10px 14px 12px;margin:8px 12px 10px;border-radius:10px;background:rgba(255,255,255,0.06);} .sidebar__social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:rgba(255,255,255,0.85);transition:color 0.2s ease,background 0.2s ease,transform 0.2s ease;} .sidebar__social-link:hover{color:#fff;background:rgba(255,255,255,0.12);transform:scale(1.08);} .sidebar__social-link svg{width:20px;height:20px;fill:currentColor;} .sidebar__social-link--telegram:hover{color:#0088cc;} .sidebar__social-link--facebook:hover{color:#1877f2;} .sidebar__social-link--youtube:hover{color:#ff0000;} .sidebar__social-link--whatsapp:hover{color:#25d366;} .sidebar__social-link--instagram:hover{color:#e4405f;} .sidebar__item--agent{background:rgba(217,119,6,0.15);border-color:rgba(217,119,6,0.2);} .sidebar__item--agent-link{background:rgba(255,255,255,0.06);} .sidebar__item--agent-link:hover{background:rgba(255,255,255,0.1);} .sidebar__item--clients{background:rgba(5,150,105,0.15);border-color:rgba(5,150,105,0.2);} .sidebar__item--clients-link{background:rgba(255,255,255,0.06);} .sidebar__item--clients-link:hover{background:rgba(255,255,255,0.1);} .sidebar__balance{color:#e5e7eb;font-size:13px;font-weight:600;} .sidebar__item--logout{margin-top:8px;background:rgba(220,38,38,0.12);border-color:rgba(220,38,38,0.2);color:#fca5a5;} .sidebar__item--logout:hover{background:rgba(220,38,38,0.2);border-color:rgba(220,38,38,0.3);color:#f87171;} .error-list{background:rgba(255,90,90,0.1);border:1px solid rgba(255,90,90,0.3);color:#b52b2b;padding:12px 16px;border-radius:12px;margin-bottom:16px;} .profile-card{gap:18px;} .profile-card__header{display:flex;align-items:center;gap:18px;flex-wrap:wrap;} .profile-avatar{width:96px;height:96px;border-radius:50%;background:rgba(75,85,99,0.1);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(75,85,99,0.2);} .profile-avatar img{width:100%;height:100%;object-fit:cover;} .profile-avatar__placeholder{font-weight:800;color:var(--primary);} .profile-card__info{display:grid;gap:6px;} .payment-card{border:1px solid rgba(75,85,99,0.12);background:linear-gradient(140deg,rgba(55,65,81,0.06),rgba(107,114,128,0.06));} .payment-details .card__meta span{font-weight:600;} .admin{background:#1a1d24;color:#e5e7eb;overflow-x:hidden;} html:has(body.admin){overflow-x:hidden;} .admin *{box-sizing:border-box;} .admin .container,.admin .admin-content,.admin .admin-layout,.admin .page-box,.admin .card{max-width:100%;} .admin img,.admin video,.admin table{max-width:100%;} .admin .button--primary{background:linear-gradient(135deg,#059669 0%,#047857 100%);color:#fff;border:none;} .admin .button--primary:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);color:#fff;} .admin .button--ghost{border-color:rgba(255,255,255,0.25);color:#d1d5db;} .admin .button--ghost:hover{background:rgba(255,255,255,0.08);color:#f3f4f6;} .admin .button--danger,.admin .button[type="submit"].btn-danger{background:#b91c1c;color:#fff;border-color:#b91c1c;} .admin .button--danger:hover{background:#991b1b;color:#fff;} .admin-topbar{position:sticky;top:0;z-index:12;background:linear-gradient(180deg,#252830 0%,#1f2229 100%);border-bottom:1px solid rgba(255,255,255,0.06);} .admin-topbar__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 0;gap:12px;} .admin-topbar__menu-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;background:rgba(255,255,255,0.08);border-radius:12px;color:#e5e7eb;cursor:pointer;border:none;} .admin-topbar__menu-btn:hover{background:rgba(255,255,255,0.12);color:#fff;} .admin-topbar__menu-icon{font-size:1.25rem;} .admin-topbar__title{text-align:center;font-weight:700;font-size:1.1rem;color:#f9fafb;} .admin-topbar__brand{justify-self:end;display:flex;align-items:center;gap:12px;} .admin-topbar__notif{display:inline-flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;background:rgba(255,255,255,0.08);border-radius:12px;color:#e5e7eb;text-decoration:none;} .admin-topbar__notif:hover{background:rgba(255,255,255,0.12);color:#fff;} .admin-topbar__notif-badge{position:absolute;top:4px;left:4px;min-width:18px;height:18px;padding:0 5px;background:#059669;color:#fff;font-size:11px;font-weight:700;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;} .admin-topbar__logo{font-weight:800;font-size:1rem;color:#f9fafb;background:rgba(5,150,105,0.2);padding:8px 12px;border-radius:10px;} .admin .container{width:calc(100% - 24px);max-width:1400px;margin:0 auto;} .admin-layout{display:block;position:relative;padding:20px 0 60px;width:100%;min-height:calc(100vh - 80px);overflow:visible;} @media (min-width:1024px){.admin-layout{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:24px;padding:20px 12px 60px;} .admin-sidebar{position:sticky;top:72px;width:260px;min-width:260px;max-width:260px;flex-shrink:0;display:grid;grid-template-rows:auto 1fr auto auto;right:auto;max-height:calc(100vh - 90px);border-radius:14px;} .admin-sidebar-toggle:checked ~ .admin-layout .admin-sidebar{display:none;} .admin-sidebar-overlay{display:none !important;} .admin-content{flex:1;min-width:0;} .admin .container.admin-layout{width:calc(100% - 24px);max-width:1400px;} .admin-card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}} .admin.admin-sidebar-open{overflow:visible;} .admin.admin-sidebar-open body{overflow:visible;} .admin-sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);display:none;z-index:15;} .admin-sidebar-toggle:checked ~ .admin-sidebar-overlay{display:block;} .admin-sidebar-toggle{position:absolute;opacity:0;pointer-events:none;} .admin.sidebar-closed .admin-sidebar{display:none;} .admin-sidebar{background:var(--sidebar-bg);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.35);border:1px solid var(--border-color);padding:16px;display:none;gap:8px;position:fixed;top:76px;right:4vw;width:min(50vw,380px);max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;z-index:20;-webkit-overflow-scrolling:touch;color:var(--sidebar-text);} @media (max-width:599px){.admin-sidebar{width:100vw;max-width:100vw;right:0;left:0;top:0;bottom:0;max-height:100vh;height:100vh;border-radius:0;} .admin .container{width:100%;padding-left:12px;padding-right:12px;} .admin-card-grid{grid-template-columns:1fr;} .admin-stat__value{font-size:20px;}} @media (min-width:600px) and (max-width:1023px){.admin-sidebar{width:min(92vw,400px);right:4vw;max-height:calc(100vh - 90px);} .admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} .admin-sidebar-toggle:checked ~ .admin-layout .admin-sidebar{display:grid;} .admin-sidebar__brand{display:flex;align-items:center;gap:10px;padding:8px 12px 12px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.08);} .admin-sidebar__brand-logo{font-weight:800;font-size:1.1rem;color:#059669;background:rgba(5,150,105,0.15);padding:6px 10px;border-radius:10px;} .admin-sidebar__brand-name{font-weight:700;color:var(--admin-heading,var(--sidebar-text,var(--text-color)));font-size:0.95rem;} .admin-sidebar__section{display:grid;gap:4px;} .admin-sidebar__item{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,0.04);font-weight:500;color:var(--sidebar-text);display:flex;align-items:center;gap:12px;text-decoration:none;border:1px solid transparent;transition:background 0.15s,border-color 0.15s,color 0.15s;font-family:var(--font-arabic),var(--font-english),sans-serif;} .admin-sidebar__icon{font-size:1.1rem;line-height:1;opacity:0.9;flex-shrink:0;color:var(--sidebar-icon);} .admin-sidebar__item:hover{background:var(--sidebar-hover);color:var(--sidebar-text);} .admin-sidebar__item.active{background:var(--sidebar-active);border-color:var(--sidebar-active);color:var(--sidebar-text);} .admin-sidebar__item.active .admin-sidebar__icon{opacity:1;} .admin-sidebar__item--logout{margin-top:8px;background:rgba(185,28,28,0.12);color:#fca5a5;} .admin-sidebar__item--logout:hover{background:rgba(185,28,28,0.2);color:#fecaca;} .admin-sidebar__footer{font-size:11px;color:var(--admin-text-muted,var(--sidebar-text,#9ca3af));padding:12px 14px 0;margin-top:8px;border-top:1px solid var(--admin-sidebar-border,rgba(255,255,255,0.06));} .admin-content{display:grid;gap:18px;min-width:0;width:100%;overflow:visible;} .admin .page-box,.admin .card,.admin .admin-content,.admin .admin-layout{overflow:visible;max-width:100%;} .admin-page-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;} .admin .page-box,.admin .card{max-width:100%;} .admin .hero__actions,.admin .admin-actions{flex-wrap:wrap;gap:10px;} .admin .page-box,.admin .card{background:linear-gradient(180deg,#252830 0%,#22252d 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:0 2px 12px rgba(0,0,0,0.2);color:#e5e7eb;} .admin .page-box h2,.admin .page-box h3,.admin .card .card__title{color:#f9fafb;} .admin .page-box .hero__text,.admin .empty-state{color:#9ca3af;} .admin-table-wrapper{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;} .admin-table{width:100%;min-width:0;border-collapse:collapse;font-size:14px;word-break:break-word;overflow-wrap:anywhere;} .admin-table th,.admin-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,0.06);text-align:right;word-break:break-word;overflow-wrap:anywhere;white-space:normal;color:#e5e7eb;} .admin-table th{background:rgba(255,255,255,0.04);color:#d1d5db;font-weight:600;font-size:13px;} .admin-table tbody tr:hover{background:rgba(255,255,255,0.03);} @media (max-width:768px){.admin .admin-table{border:0;min-width:0 !important;width:100%;max-width:100%;} .admin .admin-table thead{display:none;} .admin .admin-table,.admin .admin-table tbody,.admin .admin-table tr,.admin .admin-table td{display:block;width:100%;} .admin .admin-table tr{background:#252830;border-radius:14px;border:1px solid rgba(255,255,255,0.06);padding:12px;margin-bottom:12px;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;} .admin .admin-table td{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;padding:10px 0;min-width:0;max-width:100%;text-align:right;border-bottom:1px solid rgba(255,255,255,0.06);overflow-wrap:anywhere;word-break:break-word;white-space:normal;} .admin .admin-table td:last-child{border-bottom:0;} .admin .admin-table td::before{content:attr(data-label);font-weight:700;color:var(--muted);flex:0 0 auto;width:100%;max-width:100%;text-align:right;padding-bottom:2px;} .admin .admin-table td > *{max-width:100% !important;width:100%;text-align:right;white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0;box-sizing:border-box;} .admin .admin-table td .button,.admin .admin-table td form,.admin .admin-table td .form-grid,.admin .admin-table td .order-action-form{width:100%;max-width:100%;} .admin .admin-dashboard-page .admin-table td.admin-actions{flex-direction:column;align-items:stretch;gap:10px;} .admin .admin-dashboard-page .admin-table td.admin-actions::before{flex:0 0 auto;} .admin .admin-dashboard-page .admin-table td.admin-actions > *{max-width:100%;text-align:right;} .admin .admin-table td.admin-actions{flex-direction:column;align-items:stretch;gap:10px;} .admin .admin-table td.admin-actions::before{flex:0 0 auto;} .admin .admin-table td.admin-actions .hero__actions,.admin .admin-table td.admin-actions .hero__actions.admin-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;} .admin .admin-shipping-orders-page{overflow-x:hidden;max-width:100%;} .admin .admin-shipping-orders-page .admin-table{min-width:0 !important;} .admin-layout{padding:12px 0 40px;} .admin-topbar__inner{padding:12px 0;font-size:14px;} .admin-topbar__title{font-size:16px;} .admin .container{width:calc(100% - 16px);padding:0 8px;} .admin-content{gap:12px;} .admin-page-top{flex-direction:column;align-items:stretch;} .admin .button{min-height:44px;min-width:44px;font-size:15px;padding:10px 16px;} .admin .admin-actions .button,.admin .hero__actions .button{margin-bottom:8px;}} @media (max-width:480px){.admin{font-size:15px;} .admin .page-box h2,.admin .page-box h3{font-size:1.25rem;} .admin-stat{padding:16px;} .admin-stat__value{font-size:22px;} .admin-sidebar__item{padding:14px 16px;min-height:48px;}} @media (max-width:599px){.admin .modal-page,.admin .modal-card,.admin [role="dialog"]{width:100%;max-width:100%;min-height:80vh;max-height:95vh;} .admin .modal-card{margin:12px;padding:20px;}} @media (min-width:600px){.admin .modal-card{max-width:560px;}} .admin pre.note,.admin .note pre{max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;} .admin-table--wrap th,.admin-table--wrap td{white-space:normal;word-break:break-word;} .admin-table .form-grid{display:block;margin:0;gap:0;} .admin-actions{white-space:normal;} .admin-actions .button,.admin-actions form{display:inline-block;margin:4px 4px 0 0;} .admin-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;} @media (max-width:599px){.admin .admin-card-grid{grid-template-columns:1fr;}} @media (min-width:600px) and (max-width:1023px){.admin .grid:not(.site-grid){grid-template-columns:repeat(2,minmax(0,1fr));}} .admin-stat{padding:20px;border-radius:16px;background:linear-gradient(180deg,#252830 0%,#22252d 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:0 2px 12px rgba(0,0,0,0.2);} .admin-stat__label{color:#9ca3af;font-size:13px;font-weight:500;} .admin-stat__value{font-size:24px;font-weight:800;margin-top:8px;color:#f9fafb;} .admin-stat--online .admin-online-list{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.08);} .admin-online-ul{list-style:none;margin:0;padding:0;font-size:13px;} .admin-online-ul li{padding:6px 0;color:#e5e7eb;} .admin-online-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px 12px;flex-wrap:wrap;width:100%;box-sizing:border-box;} .admin-online-name-row{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:6px 10px;flex:1 1 auto;min-width:min(100%,12rem);max-width:100%;word-break:normal;overflow-wrap:break-word;} .admin-online-name{font-weight:600;color:#f3f4f6;word-break:normal;overflow-wrap:break-word;line-height:1.35;unicode-bidi:plaintext;} .admin-online-id{font-weight:600;color:#a7f3d0;font-size:0.95em;white-space:nowrap;flex-shrink:0;} .admin-online-view-btn{flex:0 0 auto;padding:0.35rem 0.75rem;font-size:12px;line-height:1.25;margin-inline-start:auto;} .admin-online-empty{margin:0;color:#6b7280;font-size:13px;} .admin .admin-dashboard-page{display:flex;flex-direction:column;gap:clamp(14px,2vw,22px);width:100%;min-width:0;} .admin .admin-dashboard-page__stats.page-box,.admin .admin-dashboard-page__orders.page-box{padding:clamp(18px,3vw,26px);border-radius:clamp(14px,2.5vw,18px);border-color:rgba(255,255,255,0.08);} .admin .admin-dashboard-grid{gap:clamp(12px,2vw,18px);grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));} .admin .admin-dashboard-page .admin-stat__label{font-size:clamp(12px,2vw,13px);line-height:1.35;} .admin .admin-dashboard-page .admin-stat__value{font-size:clamp(21px,4vw,28px);line-height:1.15;margin-top:10px;} .admin .admin-dashboard-page .admin-stat--accent-online{border-color:rgba(52,211,153,0.28);background:linear-gradient(165deg,rgba(16,185,129,0.12) 0%,#1e2329 52%,#22252d 100%);box-shadow:0 4px 20px rgba(0,0,0,0.25);grid-column:1 / -1;width:100%;max-width:100%;min-width:0;box-sizing:border-box;} .admin .admin-dashboard-page .admin-stat--accent-online .admin-stat__value{color:#6ee7b7;} .admin .admin-dashboard-page .admin-stat--accent-online .admin-online-list{max-height:min(42vh,260px);overflow-y:auto;overflow-x:hidden;padding-inline-end:4px;scrollbar-color:rgba(16,185,129,0.45) transparent;width:100%;min-width:0;box-sizing:border-box;} .admin .admin-dashboard-page .admin-stat--accent-online .admin-online-ul{font-size:clamp(12px,3.5vw,14px);line-height:1.45;width:100%;} .admin .admin-dashboard-page .admin-stat--accent-customers{border-color:rgba(129,140,248,0.3);background:linear-gradient(165deg,rgba(99,102,241,0.1) 0%,#22252d 100%);} .admin .admin-dashboard-page .admin-stat--accent-customers .admin-stat__value{color:#a5b4fc;} .admin .admin-dashboard-page .admin-stat--accent-products{border-color:rgba(96,165,250,0.28);background:linear-gradient(165deg,rgba(59,130,246,0.1) 0%,#22252d 100%);} .admin .admin-dashboard-page .admin-stat--accent-products .admin-stat__value{color:#93c5fd;} .admin .admin-dashboard-page .admin-stat--accent-sections{border-color:rgba(251,191,36,0.25);background:linear-gradient(165deg,rgba(245,158,11,0.08) 0%,#22252d 100%);} .admin .admin-dashboard-page .admin-stat--accent-sections .admin-stat__value{color:#fcd34d;} .admin .admin-dashboard-page .admin-stat--accent-verifications{border-color:rgba(244,114,182,0.28);background:linear-gradient(165deg,rgba(236,72,153,0.08) 0%,#22252d 100%);} .admin .admin-dashboard-page .admin-stat--accent-verifications .admin-stat__value{color:#f9a8d4;} .admin .admin-dashboard-page__title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .admin .admin-dashboard-page__section-title{margin:0;font-size:clamp(1.1rem,2.6vw,1.38rem);font-weight:700;color:#f9fafb;} .admin .admin-dashboard-page__mode-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:0.03em;padding:5px 12px;border-radius:999px;background:rgba(99,102,241,0.18);color:#e0e7ff;border:1px solid rgba(165,180,252,0.38);line-height:1.2;} .admin .admin-dashboard-page__orders-head{align-items:flex-start;margin-bottom:4px;} .admin .admin-dashboard-page__order-actions{justify-content:flex-end;} .admin .admin-dashboard-table-wrap{margin-top:10px;border-radius:16px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(15,23,42,0.35) 0%,rgba(0,0,0,0.18) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:2px;} .admin .admin-dashboard-orders-table{font-size:13px;width:100%;min-width:0;border-collapse:separate;border-spacing:0;} @media (min-width:769px){.admin .admin-dashboard-orders-table{min-width:860px;}} @media (min-width:1200px){.admin .admin-dashboard-orders-table{font-size:14px;min-width:920px;}} @media (max-width:768px){.admin .admin-dashboard-page .admin-dashboard-page__order-actions{width:100%;justify-content:stretch;flex-direction:column;align-items:stretch;} .admin .admin-dashboard-page .admin-dashboard-page__order-actions .button{flex:1 1 auto;min-width:0;width:100%;text-align:center;justify-content:center;} .admin .admin-dashboard-page .admin-dashboard-orders-table{min-width:0 !important;width:100%;max-width:100%;} .admin .admin-dashboard-page .admin-dashboard-table-wrap{padding:8px;border-radius:16px;} .admin .admin-dashboard-page .admin-dashboard-orders-table tr{padding:14px;gap:0;} .admin .admin-dashboard-page .admin-dashboard-orders-table td{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;padding:10px 0;text-align:right;border-bottom:1px solid rgba(255,255,255,0.07);} .admin .admin-dashboard-page .admin-dashboard-orders-table td::before{content:attr(data-label);font-weight:700;color:#9ca3af;flex:0 0 auto;width:100%;max-width:100%;text-align:right;padding-bottom:2px;} .admin .admin-dashboard-page .admin-dashboard-orders-table td > *{max-width:100% !important;width:100%;text-align:right;white-space:normal;overflow-wrap:anywhere;word-break:break-word;} .admin .admin-dashboard-page .admin-dashboard-orders-table td .status-badge{width:fit-content;max-width:100%;align-self:flex-start;box-sizing:border-box;} .admin .admin-dashboard-page .admin-dashboard-orders-table td.admin-actions{gap:10px;} .admin .admin-dashboard-page .admin-dashboard-orders-table td.admin-actions .order-action-form{width:100%;} .admin .admin-dashboard-page .admin-dashboard-orders-table td.admin-actions .form-field{width:100%;} .admin .admin-dashboard-page .admin-dashboard-orders-table td.admin-actions .form-field input{width:100%;max-width:100%;box-sizing:border-box;} .admin .admin-dashboard-page .admin-dashboard-orders-table td.admin-actions .hero__actions.admin-actions,.admin .admin-dashboard-page .admin-dashboard-orders-table td.admin-actions .hero__actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;} .admin .admin-dashboard-page .admin-dashboard-orders-table td.admin-actions .button{width:100%;margin:0;justify-content:center;}} .admin .status-badge{padding:6px 12px;border-radius:999px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;} .admin .status-badge--success{background:rgba(5,150,105,0.25);color:#34d399;} .admin .status-badge--danger{background:rgba(185,28,28,0.25);color:#fca5a5;} .admin .status-badge--warning{background:rgba(217,119,6,0.25);color:#fcd34d;} .admin .status-badge--info{background:rgba(75,85,99,0.25);color:#d1d5db;} .admin .page-title{font-size:22px;font-weight:800;color:#f9fafb;margin-bottom:14px;text-align:right;} .admin .form-field input,.admin .form-field select,.admin .form-field textarea{background:#374151;color:#f9fafb;border:1px solid rgba(255,255,255,0.12);border-radius:10px;} .admin .form-field input::placeholder,.admin .form-field textarea::placeholder{color:#9ca3af;} .admin .form-field label{color:#d1d5db;} .admin .note{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:#d1d5db;} .order-status-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap;} .order-status-label{color:#4b4a63;font-weight:700;} .admin .order-status-label{color:#d1d5db;} .admin .order-row__label{color:#9ca3af;} .admin .order-row__value{color:#e5e7eb;} .admin .order-row__value--price{color:#34d399;} .admin .order-details-card{background:transparent;border:none;} .status-icon{margin-left:6px;font-size:13px;} .order-details-card{padding:18px 18px 6px;} .order-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f1f6;gap:12px;} .admin .order-row{border-bottom-color:rgba(255,255,255,0.06);} .order-row:last-child{border-bottom:none;} .order-row__label{color:#5b5a77;font-weight:700;min-width:120px;} .order-row__value{color:#1f2437;text-align:left;word-break:break-word;} .order-row__value--mono{font-family:"Courier New",Courier,monospace;letter-spacing:0.5px;} .order-row__value--strong{font-weight:700;} .order-row__value--price{color:#0e8066;font-weight:700;} .order-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;} .order-actions .button[disabled]{opacity:0.6;cursor:not-allowed;} .order-cancel-note,.order-loading,.order-error{margin-top:10px;} .order-error{color:#b52b2b;background:rgba(255,90,90,0.12);} .delivery-code-card{background:linear-gradient(135deg,#0e8066 0%,#10a37f 100%);padding:20px;margin-bottom:16px;border-radius:12px;text-align:center;box-shadow:0 4px 15px rgba(14,128,102,0.3);} .delivery-code-title{color:rgba(255,255,255,0.9);font-size:14px;font-weight:600;margin-bottom:12px;} .delivery-code-value{color:#fff;font-size:22px;font-weight:700;font-family:"Courier New",Courier,monospace;letter-spacing:1.5px;background:rgba(255,255,255,0.15);padding:14px 20px;border-radius:8px;margin-bottom:14px;word-break:break-all;user-select:all;} .delivery-code-card .button{background:rgba(255,255,255,0.2);color:#fff;border:1px solid rgba(255,255,255,0.4);} .delivery-code-card .button:hover{background:rgba(255,255,255,0.3);} .delivery-code-card--pending{background:linear-gradient(135deg,#6c757d 0%,#868e96 100%);box-shadow:0 4px 15px rgba(108,117,125,0.3);} .delivery-content{margin-top:12px;} .delivery-items{display:flex;flex-direction:column;gap:12px;} .delivery-item{background:rgba(255,255,255,0.1);padding:12px 16px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:10px;} .delivery-item--text .delivery-code-value{font-size:18px;font-weight:700;font-family:"Courier New",Courier,monospace;letter-spacing:1px;word-break:break-all;user-select:all;text-align:center;} .delivery-item--image{padding:16px;} .delivery-image{max-width:100%;max-height:400px;border-radius:8px;cursor:pointer;transition:transform 0.2s;} .delivery-image:hover{transform:scale(1.02);} .delivery-item--url .delivery-link{color:#fff;font-size:14px;word-break:break-all;text-decoration:underline;} .delivery-item--keyvalue{flex-direction:row;justify-content:space-between;flex-wrap:wrap;} .delivery-key{font-weight:600;color:rgba(255,255,255,0.8);margin-left:10px;} .delivery-value{font-family:"Courier New",Courier,monospace;font-weight:700;word-break:break-all;} @media (max-width:720px){.order-row{flex-direction:column;align-items:flex-start;} .order-row__value{text-align:right;} .order-actions{flex-direction:column;}} .api-product-card .card__meta{display:grid;gap:8px;font-size:13px;} .api-card__actions{flex-wrap:wrap;gap:8px;} .api-imported-note{margin-top:10px;font-size:13px;color:#2b2f45;display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .notif-card{position:relative;gap:10px;} .notif-card--unread{border:1px solid rgba(75,85,99,0.25);box-shadow:0 6px 14px rgba(0,0,0,0.08);} .notif-card__title{font-weight:800;font-size:16px;} .notif-card__body{color:var(--muted);line-height:1.6;} .notif-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;} .notif-time{font-size:12px;color:#7a7886;} @media (max-width:980px){.admin-sidebar{width:min(92vw,420px);right:4vw;}} @media (max-width:820px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:640px){.site-grid{grid-template-columns:repeat(3,minmax(0,1fr));} .grid{grid-template-columns:repeat(1,minmax(0,1fr));} .site-grid .card__image{height:140px;} .site-grid[data-sections="true"] .card__image{height:auto;aspect-ratio:1;} .card__meta{flex-direction:column;align-items:flex-start;} .admin-page-top{flex-direction:column;align-items:flex-start;} .admin-page-top h2,.admin-page-top h3{font-size:18px;} .admin .hero__actions .button,.admin .admin-actions .button{width:100%;}} @media (max-width:420px){.site-grid:not([data-sections="true"]):not([data-products="true"]){grid-template-columns:repeat(2,minmax(0,1fr));} body:not(.admin) .site-grid[data-sections="true"],body:not(.admin) .site-grid[data-products="true"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}} @media (max-width:340px){.site-grid:not([data-sections="true"]):not([data-products="true"]){grid-template-columns:repeat(1,minmax(0,1fr));} body:not(.admin) .site-grid[data-sections="true"],body:not(.admin) .site-grid[data-products="true"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}} .product-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(8,10,18,0.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);} .product-modal-overlay.is-open{visibility:visible;} .product-modal-overlay.is-open.is-entered{opacity:1;pointer-events:auto;} .product-modal-card.product-modal-card--saleh,.product-modal-card{width:min(92vw,400px);max-width:min(400px,100%);background:linear-gradient(165deg,#2c3142 0%,#242833 55%,#1e222d 100%);border-radius:22px;padding:20px clamp(12px,4vw,18px) 18px;box-shadow:0 4px 24px rgba(0,0,0,0.35),0 0 0 1px rgba(212,175,55,0.28),inset 0 1px 0 rgba(255,255,255,0.06);position:relative;max-height:min(92vh,900px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(212,175,55,0.32);box-sizing:border-box;} @media (min-width:1024px){.product-modal-card.product-modal-card--saleh,.product-modal-card{width:min(480px,calc(100vw - 48px));max-width:480px;min-width:0;padding:24px 22px 20px;}} .product-modal-header{margin-bottom:18px;} .product-modal-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;} .price-badge{background:linear-gradient(180deg,#22c55e 0%,#16a34a 100%);color:#ffffff;padding:9px 16px;border-radius:999px;font-size:16px;font-weight:700;display:inline-flex;align-items:center;box-shadow:0 2px 10px rgba(34,197,94,0.35);} .favorite-btn-modal{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);font-size:22px;line-height:1;color:#e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease,transform 0.15s ease;flex-shrink:0;} .favorite-btn-modal.is-active{background:rgba(255,77,109,0.22);color:#fb7185;border-color:rgba(255,77,109,0.45);} .favorite-btn-modal:active{transform:scale(0.96);} .product-modal-title{font-size:clamp(1.125rem,2.8vw,1.35rem);font-weight:800;margin:0;color:#f9fafb;line-height:1.35;letter-spacing:-0.02em;} .product-modal-description{margin:10px 0 0;font-size:13px;line-height:1.55;color:#a8adb9;white-space:pre-wrap;word-break:break-word;} .product-modal-row{display:flex;align-items:stretch;justify-content:space-between;gap:14px;margin-bottom:16px;padding:14px 12px;background:rgba(0,0,0,0.2);border-radius:16px;border:1px solid rgba(255,255,255,0.07);} .qty-badge-wrapper,.total-badge-wrapper{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;} .qty-badge-label,.total-badge-label{font-size:13px;font-weight:600;color:#d1d5db;} .qty-control-inline{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;} .qty-btn-inline{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;border:none;background:linear-gradient(180deg,#fb923c 0%,#ea580c 100%);color:#ffffff;font-size:22px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 10px rgba(234,88,12,0.45);transition:transform 0.15s ease,filter 0.15s ease;} .qty-btn-inline:active{transform:scale(0.95);filter:brightness(1.05);} .qty-btn-inline:disabled{opacity:0.4;cursor:not-allowed;} .qty-btn-inline.qty-btn-at-limit{transform:scale(0.92);filter:brightness(0.85);} .qty-input-inline{flex:1 1 0%;min-width:80px;max-width:100%;width:auto;height:40px;text-align:center;font-size:16px;font-weight:700;border:1px solid rgba(15,23,42,0.12);border-radius:999px;padding:0 10px;box-sizing:border-box;line-height:38px;background:rgba(255,255,255,0.94);color:var(--heading-color);direction:ltr;overflow-x:auto;overflow-y:hidden;text-overflow:clip;-webkit-overflow-scrolling:touch;} .qty-control-inline--no-buttons .qty-input-inline{flex:1 1 auto;width:100%;} .qty-control-inline:not(.qty-control-inline--no-buttons) .qty-input-inline::-webkit-outer-spin-button,.qty-control-inline:not(.qty-control-inline--no-buttons) .qty-input-inline::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;} .qty-control-inline:not(.qty-control-inline--no-buttons) .qty-input-inline[type="number"]{-moz-appearance:textfield;appearance:textfield;} .qty-fixed{font-size:18px;font-weight:700;color:#f9fafb;} .total-badge-value{font-size:20px;font-weight:700;color:#22c55e;} @media (max-width:1023px){.product-modal-card .product-modal-row{flex-direction:column;align-items:stretch;gap:12px;padding:16px clamp(10px,3vw,14px);} .product-modal-card .qty-badge-wrapper,.product-modal-card .total-badge-wrapper{flex:none;width:100%;min-width:0;} .product-modal-card .qty-control-inline{width:100%;justify-content:space-between;align-items:center;gap:clamp(8px,2.5vw,12px);} .product-modal-card .qty-input-inline{flex:1 1 auto;min-width:0;width:auto;height:48px;font-size:clamp(16px,4.2vw,17px);font-weight:700;line-height:46px;padding:0 clamp(10px,3.5vw,16px);border-radius:999px;} .product-modal-card .qty-btn-inline{width:clamp(44px,11vw,48px);height:clamp(44px,11vw,48px);min-width:clamp(44px,11vw,48px);min-height:clamp(44px,11vw,48px);font-size:clamp(22px,5.5vw,24px);} .product-modal-card .qty-control-inline--no-buttons .qty-input-inline{width:100%;min-height:48px;} .product-modal-card .qty-dropdown{width:100%;min-height:48px;font-size:16px;} .product-modal-card .total-badge-wrapper{flex-direction:row;justify-content:space-between;align-items:center;padding-top:10px;margin-top:2px;border-top:1px solid rgba(255,255,255,0.1);} .product-modal-card .total-badge-value{font-size:clamp(19px,4.5vw,22px);}} @media (min-width:1024px){.product-modal-card .product-modal-row{align-items:flex-end;gap:16px;padding:16px 14px;} .product-modal-card .qty-badge-wrapper{flex:2.1 1 0%;min-width:0;} .product-modal-card .total-badge-wrapper{flex:1 1 0%;min-width:0;max-width:38%;} .product-modal-card .qty-control-inline{width:100%;gap:10px;} .product-modal-card .qty-input-inline{min-width:140px;height:46px;line-height:44px;font-size:17px;padding:0 14px;} .product-modal-card .qty-btn-inline{width:44px;height:44px;min-width:44px;min-height:44px;font-size:24px;}} @media (max-width:360px){.product-modal-card.product-modal-card--saleh,.product-modal-card{padding-left:12px;padding-right:12px;} .product-modal-card .product-modal-actions{gap:8px;} .product-modal-btn{font-size:15px;min-height:48px;}} .product-modal-input-wrapper{margin-bottom:14px;} .product-modal-input{width:100%;min-height:52px;padding:14px 18px;font-size:16px;border:1px solid rgba(255,255,255,0.1);border-radius:999px;background:rgba(255,255,255,0.1);color:#f9fafb;box-sizing:border-box;} .product-modal-input::placeholder{color:#9ca3af;} .product-modal-input:focus{border-color:rgba(212,175,55,0.55);outline:none;background:rgba(255,255,255,0.12);} .product-modal-error{background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.45);color:#dc2626;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;margin:0 0 12px;display:block;white-space:pre-line;line-height:1.45;} .product-modal-actions{display:flex;flex-direction:row;gap:10px;margin-bottom:10px;} .product-modal-btn{flex:1;width:50%;min-height:50px;border-radius:999px;font-size:16px;font-weight:700;cursor:pointer;transition:background 0.2s ease,transform 0.15s ease,box-shadow 0.2s ease;touch-action:manipulation;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;} .product-modal-btn--purchase{background:linear-gradient(180deg,#22c55e 0%,#16a34a 100%);color:#ffffff;border:none;box-shadow:0 2px 12px rgba(34,197,94,0.35);} .product-modal-btn--purchase:hover{filter:brightness(1.05);box-shadow:0 4px 16px rgba(34,197,94,0.45);} .product-modal-btn--purchase:active{transform:scale(0.98);} .product-modal-btn--purchase:disabled{background:#4b5563;color:#d1d5db;cursor:not-allowed;opacity:1;box-shadow:none;filter:none;} .product-modal-btn--purchase:disabled:hover{background:#4b5563;box-shadow:none;} .product-modal-btn--cancel{background:transparent;color:#f87171;border:2px solid #f87171;box-shadow:none;} .product-modal-btn--cancel:hover{background:rgba(248,113,113,0.12);color:#fca5a5;} .product-modal-btn--cancel:active{transform:scale(0.98);} .product-modal-btn--cancel:focus-visible{outline:2px solid rgba(248,113,113,0.8);outline-offset:2px;} .product-modal-balance-error{display:block;color:#f87171;font-size:14px;font-weight:600;text-align:center;padding:6px 4px 10px;margin-bottom:4px;background:transparent;border:none;border-radius:0;} .product-modal-note{text-align:center;font-size:11px;line-height:1.45;color:#8b92a1;margin-top:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.08);} .product-modal-card .qty-dropdown{padding:0.5rem 0.75rem;border-radius:8px;border:1px solid rgba(255,255,255,0.2);font-size:1rem;min-width:120px;background:rgba(255,255,255,0.08);color:#f9fafb;} .product-modal-card .qty-dropdown:focus{border-color:rgba(212,175,55,0.6);outline:none;} .product-modal-card .qty-dropdown option{background:#3d4251;color:#f9fafb;} @media (min-width:1024px){body:not(.admin) .site-grid.home-sections-grid,body:not(.admin) .site-grid.guest-sections-grid{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;} body:not(.admin) .site-grid.home-sections-grid .home-section-card__image,body:not(.admin) .site-grid.guest-sections-grid .guest-section-card__image{max-height:220px;min-height:160px;aspect-ratio:1;} body:not(.admin) .site-grid.home-sections-grid .home-section-card__image img,body:not(.admin) .site-grid.guest-sections-grid .guest-section-card__image img{object-fit:contain;} body:not(.admin) .site-grid.home-sections-grid .home-section-card__name,body:not(.admin) .site-grid.guest-sections-grid .guest-section-card__name{font-size:15px;padding:12px 10px;} .product-modal-overlay{padding:24px;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box;} .product-modal-overlay.is-open{visibility:visible;} .product-modal-overlay.is-open.is-entered{opacity:1;pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;} .product-modal-card.product-modal-card--saleh,.product-modal-card{width:min(480px,calc(100vw - 48px));max-width:480px;min-width:0;min-height:280px;max-height:88vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex-shrink:0;box-sizing:border-box;} .product-modal-header,.product-modal-form{min-height:0;overflow:visible;} .product-modal-description{max-height:none;overflow:visible;} .product-modal-actions,.product-modal-row,.product-modal-input-wrapper{overflow:visible;}} .product-page-mobile{display:none;} @media (min-width:721px){.product-page-mobile{display:block;}} .product-page-header{position:sticky;top:0;left:0;right:0;z-index:100;background:var(--surface);border-bottom:1px solid #e0dff0;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);} .product-back-btn{width:44px;height:44px;border-radius:50%;background:rgba(75,85,99,0.12);color:var(--primary);border:none;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all 0.2s ease;touch-action:manipulation;flex-shrink:0;} .product-back-btn:active{background:rgba(75,85,99,0.22);transform:scale(0.95);} .product-page-title{font-size:18px;font-weight:700;margin:0;flex:1;line-height:1.4;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .product-image-container{width:100%;margin:0;padding:0;} .product-image{width:100%;height:280px;position:relative;overflow:hidden;background:transparent;padding:0;margin:0;border-radius:16px;border:2px solid rgba(0,0,0,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1),0 4px 12px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;} .product-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:14px;background:transparent;} .product-image .section-badge{position:absolute;top:12px;right:12px;background:rgba(0,0,0,0.6);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;z-index:10;} .product-info-section{padding:16px;display:flex;flex-direction:column;gap:12px;} .product-status{display:flex;align-items:center;} .status-badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;} .status-badge.available{background:rgba(23,184,144,0.12);color:#059669;} .status-badge.unavailable{background:rgba(255,90,90,0.15);color:#b52b2b;} .product-price-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .price-label{font-size:16px;font-weight:600;color:var(--text);} .price-value{font-size:24px;font-weight:700;color:#059669;} .discount-badge-small{background:rgba(23,184,144,0.12);color:#059669;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:700;} .price-unavailable{font-size:16px;color:var(--muted);} .inputs-section{padding:16px;background:var(--surface);border-top:1px solid #e0dff0;border-bottom:1px solid #e0dff0;display:flex;flex-direction:column;gap:16px;} .inputs-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px;} .form-field-wrapper{display:flex;flex-direction:column;gap:8px;} .form-label{font-size:15px;font-weight:600;color:var(--text);} .form-input{width:100%;min-height:52px;padding:14px 16px;font-size:16px;border:2px solid #e0dff0;border-radius:12px;background:#fff;box-sizing:border-box;} .form-input:focus{border-color:var(--primary);outline:none;} .quantity-section{padding:16px;background:var(--surface);border-top:1px solid #e0dff0;border-bottom:1px solid #e0dff0;display:flex;flex-direction:column;gap:12px;} .quantity-label{font-size:16px;font-weight:700;color:var(--text);} .quantity-controls{display:flex;align-items:center;justify-content:center;gap:16px;} .qty-btn{width:52px;height:52px;border-radius:12px;border:2px solid var(--primary);background:#fff;color:var(--primary);font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;touch-action:manipulation;} .qty-btn:active{background:var(--primary);color:#fff;transform:scale(0.95);} .qty-btn:disabled{opacity:0.4;cursor:not-allowed;} .qty-input{width:100%;min-width:80px;max-width:100%;height:52px;text-align:center;font-size:20px;font-weight:700;border:2px solid var(--primary);border-radius:12px;padding:0 8px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;text-overflow:clip;-webkit-overflow-scrolling:touch;} .qty-input:focus{outline:none;border-color:var(--primary);} .purchase-button-container{position:sticky;bottom:0;left:0;right:0;padding:16px;background:var(--surface);border-top:1px solid #e0dff0;box-shadow:0 -4px 12px rgba(0,0,0,0.05);z-index:50;} .purchase-button{width:100%;min-height:56px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all 0.2s ease;touch-action:manipulation;display:flex;align-items:center;justify-content:center;gap:8px;} .purchase-button:active{transform:scale(0.98);opacity:0.9;} .purchase-button:disabled{opacity:0.7;cursor:not-allowed;} .alert-box,.error-box{margin:16px;padding:16px;border-radius:12px;font-size:15px;line-height:1.5;} .alert-box{background:rgba(241,143,1,0.12);color:var(--warning);border:1px solid rgba(241,143,1,0.3);} .error-box{background:rgba(255,90,90,0.1);color:#b52b2b;border:1px solid rgba(255,90,90,0.3);} @media (min-width:721px){.product-page-mobile{display:none;} .modal-page:has(.product-modal){display:flex !important;}} *,*::before,*::after{box-sizing:border-box;} *{box-sizing:border-box;} html,body{max-width:100%;overflow-x:hidden;} @media (max-width:720px){html:not(:has(body.admin)),body:not(.admin){height:100vh;height:100dvh;} html:has(body.admin){height:auto;overflow:visible;} body.admin{height:auto;min-height:100vh;overflow:visible;display:block;position:relative;} body:not(.admin){display:flex;flex-direction:column;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;} body:not(.admin) .topbar{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;} body:not(.admin) .page{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:calc(var(--topbar-height,70px) + 8px);padding-bottom:calc(20px + var(--footer-height,120px));margin-top:0;margin-bottom:0;min-height:0;width:100%;} body:not(.admin):is(.page-orders,.page-notifications,.page-telegram-account,.page-login,.page-register,.page-register-country,.page-profile,.page-vip,.page-favorites,.page-payments,.page-verify,.page-debts,.page-menu,.page-checkout,.page-order-confirm,.page-order-processing,.page-payment-status,.page-order-detail,.page-products,.page-contact,.page-privacy,.page-terms,.page-2fa,.page-whatsapp-business) main.page{padding-top:calc(var(--topbar-height,56px) + 6px) !important;} body:not(.admin).page-private-chat main.page{padding-top:0 !important;} body:not(.admin):is(.page-wallet,.page-wallet-method,.page-wallet-pay) main.page{padding-top:0 !important;} body:not(.admin):is(.page-wallet,.page-wallet-method,.page-wallet-pay) main.page > section.wallet-page--neo,body:not(.admin):is(.page-wallet,.page-wallet-method,.page-wallet-pay) main.page > section.wallet-page{flex:0 0 auto !important;min-height:auto !important;margin-top:0 !important;padding-top:0 !important;} body:not(.admin):not(.page-favorites) main.page:has(.search-container):not(:has(.home-page)):not(:has(.guest-page)):not(:has(.products-page)):not(:has(.wallet-page--neo)){padding-top:calc(var(--topbar-height,70px) + 60px) !important;} body:not(.admin) main.page:has(> .page.home-page),body:not(.admin) main.page:has(> .page.guest-page){padding-top:calc(var(--topbar-height,70px) + 14px);} body:not(.admin) main.page > .page.home-page,body:not(.admin) main.page > .page.guest-page{padding-top:0;} body:not(.admin) .footer{position:fixed;bottom:0;left:0;right:0;z-index:100;width:100%;display:none;height:0;padding:0;margin:0;overflow:hidden;} body:not(.admin) .page{padding-bottom:16px;} body:not(.admin) .page,body:not(.admin) .container{max-width:100%;} body:not(.admin) .page *{min-width:0;}} @media (min-width:721px){body:not(.admin){display:flex;flex-direction:column;min-height:100vh;} body:not(.admin) .topbar{position:sticky;top:0;} body:not(.admin) .page{flex:1;overflow-y:auto;overflow-x:hidden;} body:not(.admin) .footer{position:sticky;bottom:0;margin-top:auto;}} *{box-sizing:border-box;} .container{width:100%;max-width:100%;padding-left:12px;padding-right:12px;} @media (max-width:720px){.container{padding-left:8px;padding-right:8px;} .page{padding:16px 0 60px;} .card{width:100%;max-width:100%;} .card__title{font-size:13px;padding:8px 6px;} .site-grid[data-products="true"] .product-card .card__title,.site-grid[data-products="true"] .card__title{overflow:visible;text-overflow:clip;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;padding:10px 8px 12px;} .button{min-height:44px;font-size:15px;padding:12px 16px;touch-action:manipulation;} .form-field input,.form-field select,.form-field textarea{font-size:16px;min-height:44px;}} img,video{max-width:100%;height:auto;display:block;} .page-box,.card,.modal-card{max-width:100%;} .form-grid input,.form-grid select,.form-grid textarea{width:100%;max-width:100%;} .hero__actions,.admin-actions{flex-wrap:wrap;gap:10px;} .modal-card,.product-popup{width:min(94vw,560px);max-height:90vh;overflow-y:auto;} .modal-overlay{padding:12px;} @media (max-width:640px){.card__meta{flex-direction:column;align-items:flex-start;} .hero__actions .button,.admin-actions .button{width:100%;}} @media (max-width:640px){.admin-topbar__inner{grid-template-columns:1fr;text-align:center;} .admin-topbar__brand{justify-self:center;} .admin-sidebar{top:72px;right:4vw;left:auto;width:min(50vw,360px);max-height:calc(100vh - 96px);} .admin-card-grid{grid-template-columns:1fr;} .admin-stat{padding:16px;text-align:center;} .admin-stat__value{font-size:20px;} .admin-stat .button{width:100%;} .admin-table th,.admin-table td{padding:10px;font-size:13px;} .admin-table input,.admin-table select,.admin-table .button{width:100%;min-width:120px;} .admin-actions{display:grid;gap:6px;} .admin-actions .button,.admin-actions form{margin:0;}} @media (max-width:760px){.page{padding:24px 0 60px;} .page-box{padding:22px;} .menu-button{width:100%;justify-content:center;} .grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));} .topbar__inner{justify-content:center;} .navlinks,.auth-actions{justify-content:center;} .hero{padding:26px;} .product-modal{grid-template-columns:1fr;} .product-modal__actions{justify-content:stretch;} .product-modal__actions .button{width:100%;} .site-grid{gap:8px;} .site-grid .card__image{height:110px;} .site-grid[data-sections="true"] .card__image{height:auto;aspect-ratio:1;} .site-grid .card__title{font-size:12px;padding:6px 4px;} .api-card__actions{flex-direction:column;align-items:stretch;} .card .hero__actions{flex-direction:column;align-items:stretch;} .card .hero__actions .button{width:100%;}} @media (min-width:720px){.site-grid{grid-template-columns:repeat(3,minmax(0,1fr));}} @media (min-width:1024px){.site-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}} @media (min-width:1200px){.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));} .site-grid{grid-template-columns:repeat(5,minmax(0,1fr));} .card{padding:24px;gap:14px;} .card__image img{height:150px;}} .search-container{width:100%;max-width:100%;margin:0 auto 0.75rem;padding:0 8px;} .search-box{position:relative;display:flex;align-items:center;background:#ffffff;border:2px solid #facc15;border-radius:999px;padding:0 16px;transition:all 0.2s ease;box-shadow:0 2px 10px rgba(0,0,0,0.06);} .search-box:focus-within{border-color:#fbbf24;box-shadow:0 0 0 3px rgba(250,191,36,0.35);} .search-icon{font-size:18px;color:#f59e0b;margin-left:8px;flex-shrink:0;} .search-input{flex:1;border:none;outline:none;background:transparent;font-size:16px;padding:14px 8px;color:var(--heading-color);font-family:inherit;min-height:48px;} .search-input::placeholder{color:#9ca3af;opacity:0.8;} .search-clear{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:rgba(75,85,99,0.15);color:var(--primary);border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;padding:0;margin-right:4px;transition:all 0.2s ease;flex-shrink:0;touch-action:manipulation;} .search-clear:hover{background:rgba(75,85,99,0.25);transform:scale(1.1);} .search-clear:active{transform:scale(0.95);} .no-results-message{text-align:center;padding:40px 20px;color:var(--muted);font-size:16px;font-weight:600;background:var(--surface);border-radius:12px;margin:20px 0;box-shadow:0 2px 8px rgba(0,0,0,0.05);} @media (max-width:720px){.search-container{padding:0 4px;margin-bottom:0.75rem;} .search-box{padding:0 12px;border-radius:10px;} .search-input{font-size:16px;padding:12px 6px;min-height:44px;} .search-icon{font-size:16px;margin-left:6px;} .search-clear{width:28px;height:28px;font-size:14px;} .no-results-message{padding:30px 16px;font-size:15px;margin:16px 0;}} .blocked-body{background:#f7f7fb;min-height:100vh;} .blocked-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;} .blocked-card{background:#fff;border-radius:24px;padding:40px 32px;box-shadow:var(--shadow);max-width:520px;width:100%;} .blocked-logo{width:96px;height:96px;border-radius:50%;margin:0 auto 20px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;letter-spacing:1px;} .blocked-text{color:#4b5563;line-height:1.9;margin-bottom:24px;font-size:16px;} .blocked-action{display:flex;flex-direction:column;align-items:center;gap:8px;} body:not(.admin) main.page:has(> .page.home-page),body:not(.admin) main.page:has(> .page.guest-page){padding-top:calc(var(--topbar-height,70px) + 14px);} body:not(.admin) main.page > .page.home-page,body:not(.admin) main.page > .page.guest-page{padding-top:0;} body:not(.admin) .page.home-page,body:not(.admin) .page.guest-page{padding-top:calc(var(--topbar-height,70px) + 14px);} .home-page__shell{width:100%;max-width:100%;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:1rem;box-sizing:border-box;} .home-page__content{position:relative;z-index:2;margin-top:0.75rem;isolation:isolate;} .home-page__search{margin-bottom:0.85rem !important;padding:0 !important;} .home-page__shell > .home-page__banner,.home-page__shell > .home-banner-block{margin-top:0;margin-bottom:0;padding-top:0;border-radius:0;overflow:visible;box-shadow:none;} .home-page__banner,.home-banner-block{position:relative;z-index:0;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box;} .home-slider.swiper,.home-slider.swiper.swiper-autoheight,.home-slider .swiper-wrapper,.home-slider__slide.swiper-slide{width:100%;height:auto !important;min-height:0 !important;margin:0;padding:0;} .home-slider.swiper{max-width:100%;overflow:hidden;border-radius:20px;background:transparent;line-height:0;box-sizing:border-box;--swiper-theme-color:#fbbf24;--swiper-pagination-bullet-inactive-color:rgba(255,255,255,0.45);--swiper-pagination-bullet-inactive-opacity:1;} .home-slider .swiper-wrapper{align-items:stretch;} .home-slider__slide.swiper-slide{display:flex;align-items:stretch;justify-content:flex-start;background:transparent;overflow:hidden;border-radius:20px;} .home-slider__link,.home-slider__frame{display:block;width:100%;position:relative;line-height:0;border-radius:20px;overflow:hidden;} .home-slider__img{display:block;width:100%;height:auto;max-width:100%;margin:0;object-fit:cover;object-position:center;background:transparent;-webkit-user-drag:none;user-select:none;vertical-align:top;} .home-slider__overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:flex-start;padding:clamp(0.65rem,2.5vw,1.5rem);background:linear-gradient(100deg,rgba(15,23,42,0.55),rgba(15,23,42,0.12) 55%,transparent);pointer-events:none;border-radius:inherit;} .home-slider__overlay-text{margin:0;color:#fff;font-weight:800;font-size:clamp(0.9rem,3.6vw,1.55rem);line-height:1.5;max-width:min(88%,760px);text-shadow:0 2px 14px rgba(0,0,0,0.5);overflow-wrap:anywhere;} .home-slider__pagination.swiper-pagination{position:relative;bottom:auto;left:auto;right:auto;margin-top:10px;padding:0 6px 2px;line-height:1;} .home-slider__pagination .swiper-pagination-bullet{width:8px;height:8px;opacity:1;transition:width 0.25s ease,background 0.25s ease;} .home-slider__pagination .swiper-pagination-bullet-active{width:22px;border-radius:999px;background:var(--swiper-theme-color,#fbbf24);} @media (max-width:480px){.home-slider.swiper{border-radius:16px;} .home-slider__slide.swiper-slide,.home-slider__link,.home-slider__frame{border-radius:16px;}} @media (min-width:1024px){.home-slider__img{max-height:400px;object-fit:contain;}} .news-bar{width:100%;margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);color:#fff;font-size:15px;line-height:1.55;box-sizing:border-box;overflow:hidden;} .home-banner-block--news-only .news-bar{margin-top:0.4rem;} .news-bar__viewport{overflow:hidden;width:100%;direction:ltr;} .news-bar__track{display:inline-flex;flex-direction:row;flex-wrap:nowrap;width:max-content;max-width:100%;direction:rtl;} .news-bar__track:not(.news-bar__track--scroll){display:block;width:100%;text-align:center;} .news-bar__track--scroll{will-change:transform;animation:homeNewsTicker var(--news-ticker-sec,36s) linear infinite;} @keyframes homeNewsTicker{0%{transform:translate3d(0,0,0);} 100%{transform:translate3d(-50%,0,0);}} .news-bar__text{display:inline-block;flex:0 0 auto;padding-inline-start:2.5rem;white-space:nowrap;direction:rtl;text-align:right;font-weight:600;} .news-bar__track:not(.news-bar__track--scroll) .news-bar__text{padding:0;white-space:normal;overflow-wrap:anywhere;} .news-bar__link{color:inherit;text-decoration:none;} .news-bar__link:hover{text-decoration:underline;} @media (prefers-reduced-motion:reduce){.news-bar__track--scroll{animation:none;} .home-slider.swiper{--swiper-transition-duration:0ms;}} .banners-root{position:relative;width:100%;margin:0;padding:0.75rem 0 0;margin-bottom:0;} .container .banners-root{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;} .home-banners-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:0.85rem;width:100%;align-items:stretch;} .home-banner-tile{min-width:0;} .home-banner-tile__card{height:100%;display:flex;flex-direction:column;} .banners-root--gallery .banner-slide__media{flex:1 1 auto;} .banners-root--gallery .banner-slide__img,.banners-root--gallery .home-banner-tile__img{opacity:1;} .banners-root--gallery .home-banner-tile__link{display:block;line-height:0;position:absolute;inset:0;} @keyframes bannerGoldFramePulse{0%{box-shadow:0 0 0 2px rgba(251,191,59,0.7),0 6px 28px rgba(253,224,138,0.22),inset 0 0 18px rgba(251,191,36,0.06);} 100%{box-shadow:0 0 0 3px rgba(250,204,21,0.95),0 14px 44px rgba(252,211,77,0.32),inset 0 0 26px rgba(251,191,36,0.12);}} .banners-carousel__viewport{overflow:hidden;border-radius:16px;position:relative;touch-action:pan-y;box-shadow:0 4px 20px rgba(0,0,0,0.12);} .banners-carousel__track{display:flex;flex-direction:row;flex-wrap:nowrap;will-change:transform;} .banner-slide{flex-shrink:0;} .banner-slide__card{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#1f2937 0%,#0f172a 100%);isolation:isolate;transition:box-shadow 0.38s ease;} .banner-slide--active .banner-slide__card{animation:bannerGoldFramePulse 1.95s ease-in-out infinite alternate;z-index:1;} .banner-slide__link{display:block;line-height:0;position:absolute;inset:0;} .banner-slide__media{position:relative;width:100%;aspect-ratio:16 / 9;min-height:140px;max-height:220px;overflow:hidden;border-radius:inherit;} @media (min-width:768px){.banner-slide__media{min-height:170px;max-height:280px;}} @keyframes bannerSlideSkeleton{0%{background-position:100% 0;} 100%{background-position:-100% 0;}} .banner-slide__skeleton{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient( 105deg,#1e293b 0%,#334155 22%,#475569 45%,#334155 68%,#1e293b 100% );background-size:200% 100%;animation:bannerSlideSkeleton 1.35s ease-in-out infinite;transition:opacity 0.4s ease,visibility 0.4s ease;} .banner-slide__skeleton--hide{opacity:0;visibility:hidden;} .banner-slide__img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;z-index:1;opacity:0;transition:opacity 0.45s cubic-bezier(0.4,0,0.2,1);} .banner-slide__img.banner-slide__img--ready{opacity:1;} .banner-slide__img.banner-slide__img--error{object-fit:contain;background:#0f172a;} .banner-slide--broken .banner-slide__media{background:linear-gradient(145deg,#1f2937 0%,#0f172a 100%);} .banner-slide__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:1rem 1.1rem;background:linear-gradient(105deg,rgba(15,23,42,0.72) 0%,rgba(15,23,42,0.35) 45%,transparent 78%);pointer-events:none;z-index:2;} .banner-slide__overlay-text{margin:0;color:#fff;font-weight:700;font-size:clamp(0.95rem,3.6vw,1.25rem);line-height:1.55;text-align:right;direction:rtl;text-shadow:0 2px 14px rgba(0,0,0,0.5);max-width:88%;} .banners-carousel__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,0.92);color:#0f172a;font-size:1.35rem;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,0.18);display:flex;align-items:center;justify-content:center;padding:0;} .banners-carousel__btn--prev{right:8px;} .banners-carousel__btn--next{left:8px;} .banners-carousel__btn:hover{background:#fff;} .banners-carousel__dots{display:flex;justify-content:center;gap:6px;padding:0.5rem 0 0;} .banners-carousel__dot{width:7px;height:7px;border-radius:50%;border:none;padding:0;background:rgba(15,23,42,0.25);cursor:pointer;} .banners-carousel__dot.is-active{background:linear-gradient(145deg,#ca8a04,#fcd34d);box-shadow:0 0 10px rgba(251,191,36,0.5);transform:scale(1.2);} .banner-news-ticker{width:100%;margin:0.4rem 0 0.75rem 0;padding:0.55rem 0;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,0.06);box-shadow:0 1px 6px rgba(0,0,0,0.06);overflow:hidden;} .container .banner-news-ticker{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem);border-radius:12px;padding-left:1rem;padding-right:1rem;} .banner-news-ticker__viewport{overflow:hidden;width:100%;direction:ltr;} .banner-news-ticker__track{display:inline-flex;flex-direction:row;flex-wrap:nowrap;width:max-content;will-change:transform;} .banner-news-ticker__track.is-running{animation:bannerNewsTickerMove var(--ticker-sec,42s) linear infinite;} @keyframes bannerNewsTickerMove{0%{transform:translate3d(0,0,0);} 100%{transform:translate3d(-50%,0,0);}} .banner-news-ticker__seg{display:inline-block;flex:0 0 auto;padding-left:3rem;white-space:nowrap;direction:rtl;text-align:right;font-size:0.95rem;font-weight:600;color:var(--heading-color);line-height:1.6;} .banner-news-ticker__link{color:inherit;text-decoration:none;} .banner-news-ticker__link:hover{text-decoration:underline;} @media (prefers-reduced-motion:reduce){.banner-news-ticker__track.is-running{animation:none;} .banner-slide--active .banner-slide__card{animation:none !important;} .section-banner-item.section-banner-item--active .section-banner-img,body:not(.admin) .section-banners-in-section:not(.section-banners-carousel) .section-banner-img{animation:none !important;} .section-banners-carousel .section-banner-item{transition:none;}} .banners-container{width:100%;margin:0;padding:0;margin-bottom:0;} .container .banners-container{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;} .banner-item{width:100%;margin:0 0 0.75rem 0;background:rgba(55,65,81,0.25);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);position:relative;} body:not(.admin) .banner-item{background:rgba(55,65,81,0.35);} .banner-item:last-child{margin-bottom:0;} .banners-carousel{position:relative;overflow:hidden;min-height:140px;} .banners-carousel .banner-item{position:absolute;top:0;left:0;right:0;opacity:0;visibility:hidden;transition:opacity 0.4s ease,visibility 0.4s ease;margin:0;} .banners-carousel .banner-item.banner-item--active{position:relative;opacity:1;visibility:visible;z-index:1;} @media (min-width:768px){.banners-carousel{min-height:180px;}} .banner-image{width:100%;height:auto;display:block;object-fit:cover;object-position:center;max-height:200px;min-height:120px;} @media (min-width:768px){.banner-image{max-height:260px;min-height:150px;}} .banner-text-strip{width:100%;margin:0.35rem 0 0.75rem 0;padding:0.45rem 1rem;border-radius:999px;background:linear-gradient(90deg,#fbbf24,#facc15);color:var(--heading-color);overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.12);} .banner-text-strip__inner{display:inline-block;white-space:nowrap;min-width:100%;font-size:0.95rem;font-weight:700;} .banner-text-strip__inner.is-animated{animation:bannerTicker var(--ticker-duration,20s) linear infinite;} @keyframes bannerTicker{0%{transform:translateX(100%);} 100%{transform:translateX(-100%);}} .banner-link{display:block;text-decoration:none;color:inherit;width:100%;} .banner-text{padding:1.25rem 1.5rem;font-size:1rem;line-height:1.7;color:var(--text,#1d1b2a);text-align:center;border-radius:12px;border:1px solid rgba(0,0,0,0.08);box-shadow:0 1px 4px rgba(0,0,0,0.06);} .banner-item:has(.banner-image) .banner-text{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(45,49,66,0.95),rgba(45,49,66,0.4));color:#f9fafb;padding:1.5rem 1.25rem 1rem;text-align:center;border:none;border-radius:0;box-shadow:none;border-top:1px solid rgba(255,255,255,0.2);} .banner-text-link{color:#6b7280;text-decoration:none;display:block;} .banner-text-link:hover{text-decoration:underline;color:var(--text-color);} .banner-item:has(.banner-image) .banner-text-link{color:#f3f4f6;} .banner-link-only{display:block;padding:1.25rem 1.5rem;text-align:center;background:linear-gradient(180deg,#4b5563 0%,#374151 100%);color:#fff;text-decoration:none;font-weight:500;font-size:1.1rem;transition:background 0.2s;} .banner-link-only:hover{background:linear-gradient(180deg,#374151 0%,#1f2937 100%);} .section-banner-text{padding:0.75rem 1rem;background:var(--card-bg,#f8fafc);border-radius:12px;margin-top:0.65rem;font-size:0.95rem;line-height:1.5;color:var(--text-color,#1e293b);border:1px solid rgba(0,0,0,0.08);box-shadow:0 1px 4px rgba(0,0,0,0.06);} .section-banner-img{width:100%;max-height:240px;min-height:80px;object-fit:cover;object-position:center;border-radius:14px;display:block;vertical-align:top;background:linear-gradient(120deg,#e5e7eb 0%,#f9fafb 50%,#e5e7eb 100%);} @keyframes bannerSectionGoldShine{0%{box-shadow:inset 0 0 22px rgba(251,191,36,0.12),0 0 0 2px rgba(251,191,59,0.7),0 8px 28px rgba(252,211,77,0.2);} 100%{box-shadow:inset 0 0 32px rgba(251,191,36,0.28),0 0 0 3px rgba(250,204,21,0.92),0 14px 36px rgba(253,224,138,0.32);}} .section-banners-carousel{position:relative;overflow:hidden;min-height:120px;border-radius:16px;} .section-banners-carousel .section-banner-item{display:block;margin:0;position:absolute;left:0;top:0;width:100%;padding:0;opacity:0;visibility:hidden;z-index:0;transform:translateZ(0);pointer-events:none;transition:opacity 0.55s cubic-bezier(0.4,0,0.2,1),visibility 0.55s cubic-bezier(0.4,0,0.2,1);} .section-banners-carousel .section-banner-item.section-banner-item--active{position:relative;opacity:1;visibility:visible;z-index:2;pointer-events:auto;} .section-banner-item.section-banner-item--active .section-banner-img{animation:bannerSectionGoldShine 1.95s ease-in-out infinite alternate;} body:not(.admin) .section-banners-in-section:not(.section-banners-carousel) .section-banner-item{display:block;} body:not(.admin) .section-banners-in-section:not(.section-banners-carousel) .section-banner-img{box-shadow:0 0 0 2px rgba(251,191,59,0.6),0 8px 24px rgba(0,0,0,0.1);animation:bannerSectionGoldShine 2.15s ease-in-out infinite alternate;} @media (max-width:720px){.banners-carousel__viewport,.banner-slide__card{border-radius:0;} .banner-item{border-radius:0;margin-left:-8px;margin-right:-8px;width:calc(100% + 16px);} .banner-text{padding:1rem;font-size:0.95rem;} .banner-link-only{padding:1rem;font-size:1rem;}} .blocked-hint{font-size:13px;color:#7c7a8d;} .agent-log-page{background:linear-gradient(180deg,#1f2937 0%,#111827 100%);min-height:100vh;padding:1rem 0 2rem;} .agent-log-page .page-box{max-width:900px;margin:0 auto;padding:1rem 0 2rem;} .agent-log-page .page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;} .agent-log-page .back-btn{width:44px;height:44px;border-radius:50%;background:var(--surface,#1f2937);color:var(--text,#f9fafb);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:background 0.2s,transform 0.2s;} .agent-log-page .back-btn:hover{background:var(--primary,#10b981);transform:scale(1.05);} .agent-log-page .page-title{font-size:1.35rem;font-weight:700;margin:0;color:var(--text,#f9fafb);} .agent-log-page .log-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;background:var(--surface,#1f2937);box-shadow:0 4px 16px rgba(0,0,0,0.2);} .agent-log-page .log-table{width:100%;min-width:600px;border-collapse:collapse;} .agent-log-page .log-table thead{background:rgba(16,185,129,0.2);border-bottom:2px solid rgba(16,185,129,0.4);} .agent-log-page .log-table th{padding:14px 16px;text-align:right;font-weight:700;color:#d1fae5;font-size:0.9rem;} .agent-log-page .log-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,0.06);color:#e5e7eb;font-size:0.95rem;} .agent-log-page .log-table tbody tr:hover{background:rgba(255,255,255,0.04);} .agent-log-page .log-table tbody tr:last-child td{border-bottom:none;} .agent-log-page .log-table .amount--positive,.agent-log-page .log-table .profit-amount,.agent-log-page .log-table .withdrawn-amount{font-weight:700;color:#34d399;} .agent-log-page .log-table .date{color:#9ca3af;font-size:0.9rem;} .agent-log-page .log-table .status-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:0.85rem;font-weight:600;background:rgba(16,185,129,0.25);color:#6ee7b7;} .agent-log-page .empty-state{text-align:center;padding:3rem 1.5rem;background:var(--surface,#1f2937);border-radius:14px;color:#9ca3af;} .agent-log-page .empty-state__icon{font-size:3.5rem;margin-bottom:1rem;opacity:0.9;} .agent-log-page .empty-state__text{font-size:1.05rem;color:#d1d5db;} @media (max-width:720px){.agent-log-page .log-table th,.agent-log-page .log-table td{padding:12px 10px;font-size:0.9rem;} .agent-log-page .page-title{font-size:1.2rem;}} .agent-client-details-page .client-details-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;} .agent-client-details-page .client-detail-card{background:var(--surface,#f3f4f6);border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,0.06);text-align:center;border:1px solid rgba(0,0,0,0.06);} .agent-client-details-page .client-detail-card__icon{display:block;font-size:1.4rem;margin-bottom:6px;} .agent-client-details-page .client-detail-card__label{font-size:0.85rem;color:#4b5563;margin-bottom:6px;font-weight:600;} .agent-client-details-page .client-detail-card__value{font-size:1.15rem;font-weight:700;color:var(--text-color);} .agent-client-details-page .client-detail-card__currency{font-size:0.8rem;font-weight:500;color:#6b7280;} .agent-client-details-page .client-detail-card--paid .client-detail-card__value{color:#059669;} .agent-client-details-page .client-detail-card--shipped .client-detail-card__value{color:#2563eb;} .agent-client-details-page .client-detail-card--rejected .client-detail-card__value{color:#b91c1c;} .agent-client-details-page .client-detail-card--balance .client-detail-card__value{color:#7c3aed;font-size:1.25rem;} .agent-client-details-page .client-api-orders-section{margin-bottom:24px;background:var(--surface,#f3f4f6);border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,0.06);} .agent-client-details-page .client-api-orders-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff;border:none;font-size:1rem;font-weight:600;color:var(--text-color);cursor:pointer;text-align:right;justify-content:flex-end;} .agent-client-details-page .client-api-orders-toggle:hover{background:#f9fafb;} .agent-client-details-page .client-api-orders-toggle__count{background:#e5e7eb;color:var(--text-color);padding:4px 10px;border-radius:20px;font-size:0.9rem;} .agent-client-details-page .client-api-orders-toggle__arrow{font-size:0.75rem;color:#6b7280;} .agent-client-details-page .client-api-orders-list{padding:12px;border-top:1px solid #e5e7eb;max-height:320px;overflow-y:auto;} .agent-client-details-page .client-api-orders-empty{text-align:center;color:#6b7280;padding:1rem;margin:0;} .agent-client-details-page .client-api-orders-ul{list-style:none;margin:0;padding:0;} .agent-client-details-page .client-api-order-item{background:#fff;border-radius:10px;margin-bottom:8px;overflow:hidden;border:1px solid #e5e7eb;} .agent-client-details-page .client-api-order-item:last-child{margin-bottom:0;} .agent-client-details-page .client-api-order-item__head{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;align-items:center;padding:12px 14px;font-size:0.9rem;} .agent-client-details-page .client-api-order-item__id{font-weight:700;color:var(--text-color);} .agent-client-details-page .client-api-order-item__product{color:var(--text-color);} .agent-client-details-page .client-api-order-item__price{font-weight:600;color:#059669;} .agent-client-details-page .client-api-order-item__status{font-size:0.8rem;padding:2px 8px;border-radius:6px;background:#e5e7eb;color:var(--text-color);} .agent-client-details-page .client-api-order-item__status--completed,.agent-client-details-page .client-api-order-item__status--done,.agent-client-details-page .client-api-order-item__status--accept,.agent-client-details-page .client-api-order-item__status--accepted{background:#d1fae5;color:#065f46;} .agent-client-details-page .client-api-order-item__status--rejected,.agent-client-details-page .client-api-order-item__status--reject,.agent-client-details-page .client-api-order-item__status--failed{background:#fee2e2;color:#b91c1c;} .agent-client-details-page .client-api-order-item__date{font-size:0.8rem;color:#6b7280;} .agent-client-details-page .client-api-order-item__details{padding:12px 14px;border-top:1px solid #e5e7eb;background:#f9fafb;} .agent-client-details-page .client-api-order-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:0.9rem;} .agent-client-details-page .client-api-order-dl dt{color:#6b7280;font-weight:600;} .agent-client-details-page .client-api-order-dl dd{margin:0;color:var(--text-color);} @media (max-width:720px){.agent-client-details-page .client-details-cards{grid-template-columns:repeat(2,1fr);gap:10px;} .agent-client-details-page .client-detail-card__value{font-size:1rem;} .agent-client-details-page .client-detail-card--balance .client-detail-card__value{font-size:1.1rem;} .agent-client-details-page .client-api-order-item__head{grid-template-columns:auto 1fr auto auto;gap:6px 8px;} .agent-client-details-page .client-api-order-item__product{grid-column:2 / -1;} .agent-client-details-page .client-api-order-item__date{grid-column:1 / -1;font-size:0.75rem;}} body:not(.admin) .topbar,body:not(.admin) header.global-header,body:not(.admin) .topbar--guest,body:not(.admin) .topbar--user{background:var(--chrome-bg-top,var(--background-color,var(--page-shell-bg))) !important;border-color:var(--border-color-token,var(--border-color)) !important;} body:not(.admin) .brand,body:not(.admin) .brand__name{color:var(--site-text-dark,var(--page-shell-text,#fff)) !important;} body:not(.admin) .brand__logo{background:var(--theme-gradient-primary,linear-gradient(135deg,var(--brand-logo-c1),var(--brand-logo-c2))) !important;color:var(--button-text,#fff) !important;} body:not(.admin) .button--primary,body:not(.admin) .btn-primary,body:not(.admin) .dash-btn--primary{background:var(--theme-gradient-primary,linear-gradient(135deg,var(--button-color),var(--button-hover))) !important;color:var(--button-text,#fff) !important;border-color:transparent !important;} body:not(.admin) .button--ghost{color:var(--page-shell-text,var(--text-color)) !important;border-color:var(--border-color-token,var(--border-color)) !important;} body:not(.admin) .card,body:not(.admin) .page-box,body:not(.admin) .section,body:not(.admin) .product-card,body:not(.admin) .note{background:var(--product-card-bg,var(--card-color,var(--bg-card))) !important;border-color:var(--border-color-token,var(--border-color)) !important;color:var(--page-shell-text,var(--text-color)) !important;} body:not(.admin) .side-menu{background:var(--sidebar-bg) !important;color:var(--sidebar-text) !important;} body:not(.admin) .side-menu__item.is-active,body:not(.admin) .side-menu__item--active{color:var(--sidebar-active) !important;background:var(--sidebar-hover) !important;}