body{background-color:var(--page-bg) !important;color:var(--text-color) !important;position:relative}#top-site-alert{position:fixed;top:-100px;left:0;width:100%;padding:15px 20px;background:#ef4444;color:#fff;text-align:center;font-weight:500;font-size:1rem;z-index:2147483647 !important;transition:top 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 4px 15px rgba(239,68,68,0.4)}#top-site-alert.show{top:0}.site-container{max-width:1140px;margin:0 auto;padding:0 var(--global-padding) 50px var(--global-padding) !important;min-height:calc(100vh - 120px)}.banner-slider-wrapper{position:relative;width:100%;margin-top:10px;margin-bottom:25px;border-radius:var(--slider-radius);overflow:hidden}.swipe-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.swipe-container::-webkit-scrollbar{display:none}.banner-slide{flex:0 0 100%;scroll-snap-align:start;width:100%}.banner-slide img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--slider-radius);pointer-events:none}.unified-grid{margin-top:25px;display:grid !important;grid-template-columns:repeat(var(--grid-cols-pc),minmax(0,1fr)) !important;gap:var(--grid-gap) !important;padding-bottom:40px;align-items:start}.royal-card{display:flex;flex-direction:column;text-decoration:none;background-color:transparent !important;border:none !important;height:100%;transition:transform 0.22s ease,filter 0.22s ease;border-radius:var(--card-radius) !important;overflow:hidden;cursor:pointer;gap:5px;min-width:0}@media (hover:hover) and (pointer:fine){.royal-card:hover{transform:translateY(-4px);filter:saturate(1.04)}}.royal-card:active{transform:scale(0.97)}.royal-img-wrapper{position:relative;width:100%;aspect-ratio:var(--category-aspect-ratio,1 / 1) !important;border-radius:var(--card-radius,8px) !important;overflow:hidden;flex-shrink:0;background-color:transparent !important;border:none !important;box-shadow:none !important;isolation:isolate}.royal-img-wrapper img{width:100%;height:100%;object-fit:var(--category-object-fit,cover) !important;display:block}[data-theme="dark"] .royal-img-wrapper,body.dark-mode .royal-img-wrapper,body.dark-theme .royal-img-wrapper,body.theme-dark .royal-img-wrapper{background-color:transparent !important;border-color:transparent !important;box-shadow:none !important}.text-placeholder-bg{width:100%;height:100%;display:flex !important;align-items:center !important;justify-content:center !important;background:linear-gradient(135deg,var(--auth-color),#2563eb) !important;color:#ffffff !important;font-weight:700 !important;font-size:0.95rem !important;text-align:center !important;padding:12px !important;box-sizing:border-box !important;line-height:1.4}[data-theme="dark"] .text-placeholder-bg{background:linear-gradient(135deg,#111827,#1f2937) !important;color:#e5e7eb !important;border:1px solid var(--border-color) !important}.fav-badge-img{position:absolute;top:8px;left:8px;width:32px;height:32px;background:rgba(255,255,255,0.9);border-radius:50%;display:none;align-items:center;justify-content:center;color:#ef4444;font-size:1.1rem;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,0.15);pointer-events:none}.fav-badge-img.active{display:flex}.unavailable-ribbon{position:absolute;left:8px;right:8px;bottom:8px;z-index:11;background:rgba(239,68,68,0.94);color:#ffffff;border-radius:8px;padding:7px 8px;font-size:0.78rem;font-weight:800;text-align:center;box-shadow:0 8px 18px rgba(239,68,68,0.25)}.royal-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:5px 2px 10px 2px;gap:4px;text-align:center}.royal-title-text{color:var(--prod-title-color) !important;margin:0;font-weight:600 !important;font-size:0.95rem;line-height:1.3;word-break:break-word;overflow-wrap:anywhere;width:100%}.cat-title-text{color:var(--cat-title-color) !important;margin:0;font-weight:600 !important;font-size:0.95rem;line-height:1.3;word-break:break-word;overflow-wrap:anywhere;width:100%}.royal-price-text{color:var(--prod-price-color) !important;margin:0;font-weight:600 !important;font-size:0.9rem;width:100%;text-align:center !important}.search-container{margin-top:22px;width:100%}.search-input-cat{background-color:var(--search-bg) !important;color:var(--text-color) !important;border:1px solid transparent !important;padding:15px 25px !important;font-size:1rem !important;font-family:'Tajawal',sans-serif !important;font-weight:400 !important;border-radius:50px !important;width:100%;outline:none !important;box-shadow:none !important;-webkit-appearance:none;transition:0.3s ease}.search-input-cat::placeholder{color:#9a9a9a !important;font-family:'Tajawal',sans-serif !important;font-weight:400 !important;opacity:1}[data-theme="dark"] .search-input-cat{border:1px solid #1a2f34 !important}[data-theme="dark"] .search-input-cat::placeholder{color:#888888 !important;font-weight:400 !important}.empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#94a3b8;grid-column:1 / -1}.empty-state-box i{font-size:4rem;opacity:0.4;margin-bottom:15px}.empty-state-box h3{font-size:1.3rem;font-weight:800;color:var(--text-color);margin-bottom:5px}.empty-state-box p{font-size:0.95rem;font-weight:500;margin:0}.custom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35) !important;z-index:99999 !important;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.custom-modal-overlay.show-modal{opacity:1;visibility:visible}.custom-modal-content{background-color:var(--modal-bg,var(--page-bg,#ffffff));border:1px solid var(--border-color,#e2e8f0);border-radius:var(--modal-border-radius) !important;width:calc(100% - (var(--modal-side-margin) * 2)) !important;max-width:420px !important;margin:0 auto !important;box-sizing:border-box;padding:25px 20px;position:relative;box-shadow:0 15px 45px rgba(0,0,0,0.18);transform:translateY(30px) scale(0.95);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.custom-modal-overlay.show-modal .custom-modal-content{transform:translateY(0) scale(1)}.success-modal-content{text-align:center;padding:25px 20px !important}.success-icon{font-size:4rem;color:#10b981;margin-bottom:15px}.success-title{font-size:1.4rem;font-weight:700;margin-bottom:8px;color:var(--text-color)}.success-subtitle{font-size:0.9rem;color:var(--modal-muted-text,#64748b);margin-bottom:25px}.success-info-box{background:var(--box-bg,#f8fafc);border:1px dashed var(--border-color,#cbd5e1);border-radius:12px;padding:15px;margin-bottom:25px}.success-info-label{font-size:0.8rem;color:var(--modal-muted-text,#64748b);margin-bottom:6px}.success-info-value{font-size:1.15rem;font-weight:700;color:var(--text-color);direction:ltr}.modal-header-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;direction:rtl}.modal-title-flex{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:500;color:var(--text-color,#1e293b);margin:0;text-align:right}.modal-price-badge{background-color:#0f172a;color:#ffffff;padding:6px 14px;border-radius:8px;font-weight:500;font-size:0.85rem;direction:rtl;text-align:right}.modal-qty-total-row{display:flex;gap:10px;margin-bottom:5px;flex-direction:row}.modal-box-pill,.modal-box-pill-field{flex:1;border:1px solid var(--border-color) !important;border-radius:50px !important;padding:12px 15px;text-align:center;display:flex;flex-direction:column;justify-content:center;position:relative;margin-top:15px;background-color:var(--modal-field-bg,transparent);transition:all 0.3s ease;min-height:55px}.modal-box-pill:focus-within,.modal-box-pill-field:focus-within{border-color:#3b82f6 !important;box-shadow:0 0 5px rgba(59,130,246,0.4)}.modal-box-pill input,.modal-box-pill select,.modal-box-pill-field input{width:100%;background:transparent;border:none;text-align:center;font-size:14px !important;font-weight:500 !important;color:var(--modal-field-text,#666666) !important;outline:none}.modal-box-pill select option{background-color:var(--page-bg);color:#666666}.box-label{box-shadow:none;font-size:0.78rem;font-weight:500;color:var(--modal-muted-text,#64748b);position:absolute;top:0;right:25px;transform:translateY(-50%);background:var(--page-bg);padding:0 8px;z-index:2}.modal-main-input-new{width:100%;background:transparent !important;color:var(--modal-field-text,#666666) !important;border:none !important;padding:3px 0;font-size:14px !important;font-weight:500 !important;outline:none;text-align:center}.modal-btns-flex{display:flex;gap:10px;margin:20px -4px 0;flex-direction:row}.modal-btn-buy{background:var(--auth-color) !important;color:#ffffff;border:none;border-radius:50px !important;height:59px;padding:0 18px;font-size:0.95rem;font-family:'Tajawal',sans-serif !important;font-weight:700;cursor:pointer;flex:1;transition:0.2s;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.modal-btn-buy:hover{opacity:0.85}.modal-btn-buy:disabled{opacity:0.7;cursor:not-allowed}.spinner-loading{width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#fff;animation:spin 0.8s linear infinite;display:none}@keyframes spin{to{transform:rotate(360deg)}}.modal-btn-cancel{background:transparent;color:#ef4444;border:1px solid #ef4444;border-radius:50px !important;height:59px;padding:0 18px;font-size:0.95rem;font-family:'Tajawal',sans-serif !important;font-weight:600;cursor:pointer;flex:1;transition:0.2s;text-decoration:none;display:flex;align-items:center;justify-content:center}.modal-btn-cancel:hover{background:rgba(239,68,68,0.05) !important}.modal-btn-cancel:active{background:rgba(239,68,68,0.15) !important;transform:scale(0.95);box-shadow:0 0 10px rgba(239,68,68,0.3)}.modal-desc-box{margin-top:20px;padding:10px;font-size:0.85rem;color:var(--modal-muted-text,#64748b);text-align:right !important;line-height:1.6;font-weight:500;white-space:pre-wrap;word-wrap:break-word;border-right:2px solid #3b82f6 !important;border-radius:5px !important;max-height:4.9em;overflow-y:auto}[data-theme="dark"] .custom-modal-content{background-color:var(--modal-bg) !important;border-color:var(--border-color) !important;color:var(--text-color) !important}[data-theme="dark"] .modal-box-pill,[data-theme="dark"] .modal-box-pill-field,[data-theme="dark"] .success-info-box{background-color:var(--modal-field-bg) !important;border-color:var(--border-color) !important;color:var(--modal-field-text) !important}[data-theme="dark"] .custom-modal-overlay{background:rgba(0,0,0,0.65) !important}[data-theme="dark"] .success-info-box,[data-theme="dark"] .modal-box-pill,[data-theme="dark"] .modal-box-pill-field{background-color:var(--modal-field-bg) !important;border-color:var(--border-color) !important;color:var(--modal-field-text) !important}[data-theme="dark"] .box-label{background:var(--modal-bg) !important;color:var(--modal-muted-text) !important}[data-theme="dark"] .modal-desc-box{color:var(--modal-muted-text) !important;border-right-color:var(--main-color) !important}[data-theme="dark"] .search-input-cat:focus{background-color:var(--modal-bg) !important;border-color:var(--main-color) !important}[data-theme="dark"] .custom-modal-content,body.dark-mode .custom-modal-content,body.dark-theme .custom-modal-content,body.theme-dark .custom-modal-content{background-color:var(--modal-bg,var(--card-bg,var(--box-bg,#111827))) !important;border-color:var(--border-color,#334155) !important;color:var(--text-color,#f8fafc) !important}[data-theme="dark"] .modal-box-pill,[data-theme="dark"] .modal-box-pill-field,[data-theme="dark"] .success-info-box,body.dark-mode .modal-box-pill,body.dark-mode .modal-box-pill-field,body.dark-mode .success-info-box{background-color:var(--modal-bg,var(--card-bg,var(--box-bg,#111827))) !important;border-color:var(--border-color,#334155) !important}[data-theme="dark"] .box-label,body.dark-mode .box-label{background:var(--card-bg,var(--box-bg,#111827)) !important}@media (max-width:899.98px){.unified-grid{grid-template-columns:repeat(var(--grid-cols-mobile),minmax(0,1fr)) !important}}@media (max-width:600px){.royal-title-text,.cat-title-text{font-size:0.75rem !important;font-weight:600 !important}.royal-price-text{font-size:0.8rem !important}}.custom-modal-content,.custom-modal-content input,.custom-modal-content select,.custom-modal-content textarea,.custom-modal-content button,.custom-modal-content a,.modal-title-flex,.modal-price-badge,.box-label,.modal-desc-box{font-family:'Tajawal',sans-serif !important}.custom-modal-content .modal-box-pill,.custom-modal-content .modal-box-pill-field{background-color:var(--modal-field-bg,#e9ecef) !important;border:none !important;border-radius:50px !important;min-height:56px;padding:13px 16px;box-shadow:none !important;transition:background-color .25s ease,box-shadow .25s ease,transform .2s ease}.custom-modal-content .modal-box-pill:focus-within,.custom-modal-content .modal-box-pill-field:focus-within{background-color:color-mix(in srgb,var(--modal-field-bg,#e9ecef) 92%,var(--auth-color) 8%) !important;border:none !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--auth-color) 12%,transparent) !important;transform:translateY(-1px)}.custom-modal-content .modal-box-pill input,.custom-modal-content .modal-box-pill select,.custom-modal-content .modal-box-pill-field input,.custom-modal-content .modal-main-input-new{background:transparent !important;border:none !important;box-shadow:none !important;color:var(--modal-field-text,#555f6d) !important;font-weight:600 !important;outline:none !important}.custom-modal-content .box-label{background:var(--modal-bg,var(--page-bg,#ffffff)) !important;color:var(--modal-muted-text,#64748b) !important;border-radius:999px;padding:1px 8px}[data-theme="dark"] .custom-modal-content .modal-box-pill,[data-theme="dark"] .custom-modal-content .modal-box-pill-field,body.dark-mode .custom-modal-content .modal-box-pill,body.dark-mode .custom-modal-content .modal-box-pill-field,body.dark-theme .custom-modal-content .modal-box-pill,body.dark-theme .custom-modal-content .modal-box-pill-field,body.theme-dark .custom-modal-content .modal-box-pill,body.theme-dark .custom-modal-content .modal-box-pill-field{background-color:var(--modal-field-bg,#202a38) !important;border:none !important;box-shadow:none !important}[data-theme="dark"] .custom-modal-content .box-label,body.dark-mode .custom-modal-content .box-label,body.dark-theme .custom-modal-content .box-label,body.theme-dark .custom-modal-content .box-label{background:var(--modal-bg,#111827) !important}#modal-dynamic-content>.modal-qty-total-row{margin-bottom:5px !important}#modal-dynamic-content>.modal-box-pill-field{margin-top:25px !important}#modal-dynamic-content>.modal-box-pill-field+.modal-box-pill-field{margin-top:21px !important}@media (max-width:480px){#modal-dynamic-content>.modal-box-pill-field{margin-top:22px !important}.modal-btn-buy,.modal-btn-cancel{height:57px !important}}.ios-device .custom-modal-content .modal-btn-buy,.ios-device .custom-modal-content .modal-btn-cancel{height:63px !important;min-height:63px !important;padding-top:0 !important;padding-bottom:0 !important}@supports (-webkit-touch-callout:none){.custom-modal-content .modal-btn-buy,.custom-modal-content .modal-btn-cancel{height:63px !important;min-height:63px !important}}#custom-purchase-modal .modal-btns-flex{gap:12px}#custom-purchase-modal .modal-btn-buy,#custom-purchase-modal .modal-btn-cancel{position:relative;overflow:hidden;min-height:59px;border-radius:50px !important;font-family:'Tajawal',sans-serif !important;font-weight:700 !important;letter-spacing:0;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:transform .16s ease,background .20s ease,color .20s ease,border-color .20s ease,box-shadow .20s ease,filter .20s ease !important}#custom-purchase-modal .modal-btn-buy{background:linear-gradient( 135deg,color-mix(in srgb,var(--auth-color) 88%,#ffffff 12%),var(--auth-color) ) !important;border:1px solid color-mix(in srgb,var(--auth-color) 82%,transparent) !important;color:#ffffff !important;box-shadow:0 9px 20px color-mix(in srgb,var(--auth-color) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.16)}#custom-purchase-modal .modal-btn-buy:hover{opacity:1 !important;filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 11px 23px color-mix(in srgb,var(--auth-color) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.18)}#custom-purchase-modal .modal-btn-buy:active{transform:translateY(1px) scale(.97) !important;filter:brightness(.94);box-shadow:0 5px 12px color-mix(in srgb,var(--auth-color) 20%,transparent),inset 0 2px 5px rgba(0,0,0,.10)}#custom-purchase-modal .modal-btn-cancel{background:color-mix(in srgb,#ef4444 5%,transparent) !important;color:#ef4444 !important;border:1.5px solid color-mix(in srgb,#ef4444 72%,transparent) !important;box-shadow:0 7px 16px rgba(239,68,68,.08),inset 0 1px 0 rgba(255,255,255,.36)}#custom-purchase-modal .modal-btn-cancel:hover{background:color-mix(in srgb,#ef4444 10%,transparent) !important;color:#dc2626 !important;border-color:#ef4444 !important;transform:translateY(-1px);box-shadow:0 9px 18px rgba(239,68,68,.13)}#custom-purchase-modal .modal-btn-cancel:active,#custom-purchase-modal .modal-btn-cancel.is-pressed{background:#ef4444 !important;color:#ffffff !important;border-color:#ef4444 !important;transform:translateY(1px) scale(.96) !important;filter:brightness(.98);box-shadow:0 6px 15px rgba(239,68,68,.30),inset 0 2px 5px rgba(127,29,29,.16) !important}#custom-purchase-modal .modal-btn-cancel.is-pressed::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(255,255,255,.22),transparent 62%);pointer-events:none}.ios-device #custom-purchase-modal .modal-btn-buy,.ios-device #custom-purchase-modal .modal-btn-cancel{height:64px !important;min-height:64px !important;font-size:.97rem !important}@supports (-webkit-touch-callout:none){#custom-purchase-modal .modal-btn-buy,#custom-purchase-modal .modal-btn-cancel{height:64px !important;min-height:64px !important}}