:root{--red:#E32A27;--red2:#ff2438;--dark:#17223b;--muted:#647085;--border:#e8e8ee;--soft:#fff1f2;--bg:#fff;--shadow:0 10px 28px rgba(16,24,40,.08)}
*{box-sizing:border-box}html,body{margin:0;background:#fff;color:var(--dark);font-family:Arial,'Helvetica Neue',Tahoma,sans-serif;overflow-x:hidden}body.rtl{font-family:Tahoma,Arial,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}.container{width:calc(100% - 40px);max-width:1320px;margin:auto}.site-header{position:sticky;top:0;z-index:60;background:#fff}.desktop-head{height:86px;display:grid;grid-template-columns:190px minmax(360px,1fr) 390px;gap:28px;align-items:center;border-bottom:1px solid #eee}.mobile-head{display:none}.logo-svg{display:flex;flex-direction:column;line-height:1;color:var(--red);font-weight:900}.logo-svg span{font-size:25px;letter-spacing:-1px}.logo-svg small{font-size:8px;letter-spacing:.7px;margin-top:2px}.search-box{height:48px;background:#fff2f3;border:1px solid #f2dadd;border-radius:999px;display:flex;align-items:center;overflow:hidden}.search-box>i{color:#93a0b4;font-size:16px;padding:0 14px}.search-box input{flex:1;height:100%;border:0;outline:0;background:transparent;padding:0 8px;color:#2e3856;font-weight:600}.search-box button{width:132px;height:100%;border:0;border-radius:999px;background:var(--red2);color:#fff;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.head-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;white-space:nowrap;font-size:13px;font-weight:800;color:#fc1f33}.heart,.cart-icon{font-size:22px;color:var(--red);position:relative}.cart-icon b,.floating-cart b{position:absolute;top:-8px;right:-10px;background:var(--red2);color:#fff;font-size:10px;min-width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff}.lang-switch{display:flex;gap:6px;color:#17223b}.lang-switch a{border:1px solid #eee;border-radius:20px;padding:5px 7px;font-size:11px}.main-nav{height:61px;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,.08)}.nav-inner{height:100%;display:flex;align-items:center}.shop-all{min-width:320px;display:flex;align-items:center;gap:11px;font-size:17px;font-weight:900;color:#202a44;background:transparent;border:0;cursor:pointer}.nav-inner>a{height:100%;display:flex;align-items:center;padding:0 27px;border-left:1px solid #eee;font-size:17px;font-weight:500}.nav-inner>a.hot-link{color:var(--red);font-weight:800}.side-drawer{position:fixed;top:0;left:-350px;width:330px;max-width:88vw;height:100vh;background:#fff;z-index:100;box-shadow:var(--shadow);transition:.25s;padding:20px;overflow:auto}.rtl .side-drawer{left:auto;right:-350px}.side-drawer.open{left:0}.rtl .side-drawer.open{right:0}.drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:90}.drawer-backdrop.show{display:block}.drawer-close{float:right;background:var(--red);color:#fff;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.side-drawer a{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:13px 4px;font-weight:700}.hero{margin-top:4px}.hero-swiper{height:310px;border-radius:14px;position:relative;overflow:hidden;background:#dfe2e8}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .55s ease;background:linear-gradient(90deg,#d9dde3 0%,#f0f2f5 48%,#d2d6dc 100%)}.hero-slide.active{opacity:1}.hero-text{position:absolute;left:42px;top:66px;z-index:2}.rtl .hero-text{left:auto;right:42px}.hero-find{font-size:58px;font-weight:900;color:#fff;text-shadow:0 8px 15px rgba(0,0,0,.25);transform:rotate(-5deg);line-height:.9}.hero-every{font-family:Georgia,serif;font-size:84px;color:var(--red2);font-style:italic;line-height:.65;margin-left:10px;text-shadow:0 1px 1px rgba(255,255,255,.6)}.hero-want{font-size:34px;font-weight:900;color:#fff;text-shadow:0 6px 12px rgba(0,0,0,.25);margin-left:190px;margin-top:-4px}.order-btn{margin-top:21px;background:#fff;color:var(--red);border:0;border-radius:999px;padding:9px 18px;font-weight:900;box-shadow:0 10px 20px rgba(0,0,0,.18);display:inline-flex;align-items:center;gap:8px}.hero-products{position:absolute;right:45px;bottom:28px;display:flex;align-items:flex-end;gap:13px}.rtl .hero-products{right:auto;left:45px}.hero-products img{width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.22))}.hero-products img:nth-child(2){width:230px;height:180px}.hero-products img:nth-child(3){width:112px;height:250px}.hero-dots{position:absolute;left:0;right:0;bottom:10px;text-align:center;z-index:5}.hero-dots button{width:10px;height:10px;border:0;border-radius:50%;background:#fff;opacity:.7;margin:0 4px;cursor:pointer}.hero-dots button.active{width:23px;border-radius:20px;background:var(--red2);opacity:1}.section{margin-top:48px}.section-title{text-align:center;font-size:31px;font-weight:900;margin:0 0 30px}.section-title span{color:var(--red2)}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.title-row h2{font-size:24px;margin:0;font-weight:900}.see-all{font-weight:800;color:var(--red);font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:24px}.cat-card{text-align:center}.cat-img{width:118px;height:118px;margin:0 auto 12px;border-radius:50%;background:#f8f8f9;display:grid;place-items:center;overflow:hidden}.cat-img img{width:90%;height:90%;object-fit:contain}.cat-card span{font-size:14px;font-weight:600;line-height:1.25;display:block}.brand-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:18px}.brand-card{text-align:center}.brand-img{height:86px;border-radius:18px;background:#fff;display:grid;place-items:center;border:1px solid #f1f1f5}.brand-img img{max-width:82%;max-height:58px;object-fit:contain}.brand-card span{margin-top:9px;display:block;font-weight:700;font-size:14px}.product-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.p-card{position:relative;background:#fff;min-height:420px;padding:0 0 18px;border-radius:4px;border:1px solid transparent;transition:.15s}.p-card:hover{box-shadow:var(--shadow);border-color:#f1f1f1}.save-badge{position:absolute;top:84px;left:18px;background:var(--red2);color:#fff;padding:6px 10px;border-radius:3px;font-size:12px;font-weight:900;z-index:3}.p-logo{height:38px;display:flex;align-items:center;font-weight:700;font-size:14px}.p-img{height:184px;display:grid;place-items:center;margin-bottom:10px}.p-img img{max-width:95%;max-height:178px;object-fit:contain}.p-title{font-size:15px;line-height:1.38;color:#1e2a46;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:63px}.price-area{margin-top:13px;min-height:47px}.old-price{color:#7a8193;text-decoration:line-through;font-size:14px;margin-bottom:4px}.new-price{font-size:18px;font-weight:800;color:#1e2a46}.add-btn{margin-top:12px;border:0;background:#fff;color:var(--red);font-size:15px;font-weight:900;cursor:pointer;padding:0}.banner-80{height:130px;border-radius:8px;background:linear-gradient(96deg,#f2f4f8,#fff 50%,#ffe2e5);display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:0 42px;margin:34px 0}.banner-80 h2{font-size:34px;color:var(--red);margin:0}.banner-80 p{margin:5px 0 0;color:#4d566d;font-weight:700}.banner-80 img{height:120px;object-fit:contain}.wide-list{display:grid;grid-template-columns:1fr;gap:18px}.wide-card{border-top:1px solid #eee;padding-top:16px}.wide-top{display:flex;gap:12px;font-size:14px;margin-bottom:12px}.new-label{background:var(--red2);color:#fff;border-radius:3px;padding:3px 7px;font-weight:900}.wide-body{display:grid;grid-template-columns:230px 1fr;gap:20px}.wide-img{height:220px;display:grid;place-items:center}.wide-img img{max-width:100%;max-height:210px;object-fit:contain}.wide-title{font-size:17px;font-weight:700;line-height:1.45}.wide-info p{font-size:13px;color:#323b53;line-height:1.45;max-height:120px;overflow:hidden}.wide-price{margin:13px 0}.wide-price strong{font-size:20px}.wide-price span{display:block;color:#777;text-decoration:line-through;margin-top:5px}.form-card,.auth-card{max-width:520px;margin:40px auto;padding:28px;border:1px solid #eee;border-radius:16px;box-shadow:var(--shadow);background:#fff}.form-card input,.form-card select,.form-card textarea,.auth-card input{width:100%;padding:13px;border:1px solid #ddd;border-radius:10px;margin:7px 0 14px}.primary-btn{background:var(--red);color:#fff;border:0;border-radius:999px;padding:13px 22px;font-weight:900;cursor:pointer}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.rtl .table th,.rtl .table td{text-align:right}.footer-benefits{border-top:1px solid #eee;border-bottom:1px solid #eee;margin-top:48px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);height:74px;align-items:center;text-align:center}.benefits-grid div{font-weight:700}.benefits-grid i{color:#2864ff;margin-right:9px;font-size:22px}.footer{padding:32px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr 1fr;gap:28px}.footer h3{font-size:16px;margin:0 0 12px}.footer a,.footer p{display:block;color:#4c566f;font-size:14px;line-height:1.8;margin:0}.copyright{text-align:center;color:#7d8496;border-top:1px solid #eee;margin-top:25px;padding-top:15px}.cookie{position:fixed;left:16px;bottom:16px;z-index:80;background:#fff;border:1px solid #e8e8ef;box-shadow:var(--shadow);border-radius:12px;width:386px;padding:13px;display:flex;gap:12px;align-items:center}.cookie p{margin:0;font-size:12px;color:#4c566f;line-height:1.45}.cookie button{border:0;border-radius:8px;padding:9px 13px;font-weight:800;cursor:pointer}.cookie .dark{background:#17223b;color:#fff}.floating-cart{position:fixed;right:18px;bottom:18px;width:56px;height:56px;background:#111b31;color:#fff;border-radius:17px;display:grid;place-items:center;z-index:70;font-size:22px;box-shadow:var(--shadow)}.toast{position:fixed;right:18px;bottom:86px;background:#17223b;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);font-weight:800;display:none;z-index:9999}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-side{background:#111827;color:#fff;padding:20px}.admin-side a{display:block;padding:12px;color:#e5e7eb;border-radius:10px}.admin-side a:hover{background:#1f2937}.admin-main{padding:24px;background:#f6f7fb}.admin-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:20px;margin-bottom:18px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#f1f5f9;font-weight:800;font-size:12px}
@media(max-width:1050px){.desktop-head{grid-template-columns:1fr;height:auto;padding:16px 0}.head-actions{justify-content:flex-start}.main-nav{overflow:auto}.nav-inner{min-width:900px}.hero-products{transform:scale(.72);transform-origin:bottom right}.category-grid{grid-template-columns:repeat(4,1fr)}.brand-strip{grid-template-columns:repeat(4,1fr)}.product-row{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.wide-body{grid-template-columns:1fr}.wide-img{height:190px}}
@media(max-width:620px){.container{width:calc(100% - 22px)}.desktop-head{display:none}.mobile-head{display:flex;height:66px;align-items:center;justify-content:space-between}.round-menu{background:var(--red);color:#fff;border:0;border-radius:50%;width:38px;height:38px}.logo-svg span{font-size:18px}.main-nav{height:54px}.nav-inner{overflow:auto}.hero-swiper{height:220px}.hero-text{left:22px;top:50px}.hero-find{font-size:34px}.hero-every{font-size:42px}.hero-want{font-size:20px;margin-left:85px}.hero-products{opacity:.45;right:5px}.section-title{font-size:26px}.category-grid{grid-template-columns:repeat(2,1fr);gap:16px}.product-row{grid-template-columns:1fr}.brand-strip{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:1fr;height:auto;padding:16px;gap:14px}.footer-grid{grid-template-columns:1fr}.cookie{left:10px;right:10px;width:auto;flex-direction:column;align-items:flex-start}.wide-info p{max-height:none}.admin-layout{display:block}.admin-side{position:relative}.banner-80{height:auto;padding:20px;display:block;text-align:center}.banner-80 img{margin:auto}}


/* ===== Tariq Alagha Electro-style refinement v9 ===== */
:root{--red:#E32A27;--red2:#ff2438;--blue:#5d7fbd;--dark:#17223b;--muted:#667085;--border:#e8e8ee;--soft:#fff1f2;--bg:#fff;--shadow:0 10px 28px rgba(16,24,40,.08)}
html,body,button,input,select,textarea{font-family:'Alexandria',Arial,Tahoma,sans-serif!important}
body.rtl{font-family:'Alexandria',Tahoma,Arial,sans-serif!important}.site-header{box-shadow:none}.desktop-head{border-bottom:1px solid #eeeeee}.logo-svg span{color:var(--red);font-weight:900;letter-spacing:-.8px}.search-box{background:#fff1f2;border-color:#f1dfe1}.search-box input::placeholder{color:#9199ab}.search-box button{background:var(--red2)}
.electro-drawer{width:min(980px,94vw);left:-1050px;padding:0;border-radius:0 18px 18px 0}.rtl .electro-drawer{left:auto;right:-1050px;border-radius:18px 0 0 18px}.electro-drawer.open{left:0}.rtl .electro-drawer.open{right:0}.drawer-grid{display:grid;grid-template-columns:1fr 1.25fr .8fr;gap:22px;padding:28px}.drawer-col h3{font-size:18px;margin:0 0 10px;font-weight:900;color:var(--dark)}.drawer-col a{display:flex;align-items:center;justify-content:space-between;border-bottom:0;padding:7px 2px;font-weight:500;color:#18223b;font-size:14px}.drawer-col a:hover{color:var(--red)}.main-cats a{font-weight:600}.sub-cats{border-inline-start:1px solid #eee;padding-inline-start:22px}.brand-cats{border-inline-start:1px solid #eee;padding-inline-start:22px}.drawer-close{position:absolute;top:14px;inset-inline-end:14px;float:none}
.hero-swiper{box-shadow:none;border-radius:16px;height:310px}.hero-slide{background:linear-gradient(90deg,#d9dde3 0%,#f7f8fa 50%,#d6d9de 100%)}.rtl .hero-every{font-size:74px}.rtl .hero-want{margin-right:170px;margin-left:0}.rtl .hero-find{transform:rotate(5deg)}.hero-products img{background:transparent!important}.hero-products img:nth-child(1){width:94px;height:135px}.hero-products img:nth-child(2){width:240px;height:160px}.hero-products img:nth-child(3){width:115px;height:245px}.hero-products img:nth-child(4){width:120px;height:110px}.hero-products img:nth-child(5){width:180px;height:115px}
.section-title{font-size:31px;font-weight:900}.section-title span,.section-title .accent{color:var(--red2)}.category-grid{grid-template-columns:repeat(8,1fr);gap:22px}.cat-img{width:122px;height:122px;background:#fafafa;box-shadow:inset 0 0 0 1px #f4f4f4}.cat-card span{font-weight:500;color:#1f2940}.title-row h2{font-weight:800}.product-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.new-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.p-card{min-height:428px;padding:0 2px 18px;background:#fff;border-radius:8px}.p-card:hover{box-shadow:0 12px 28px rgba(18,28,45,.08)}.p-logo{font-size:13px;height:34px;color:#27324d}.p-img{height:190px;background:#fff}.p-title{font-size:14px;line-height:1.55;min-height:67px}.new-price{font-size:17px}.old-price{font-size:13px}.add-btn{color:var(--red);font-size:14px}.save-badge{background:var(--red2)}
.category-showcase{margin-top:42px}.category-banner{position:relative;width:100%;height:210px;border-radius:0;overflow:hidden;background:#f8f8f8;margin-bottom:22px}.banner80-section .category-banner{height:240px}.category-banner img{width:100%;height:100%;object-fit:cover}.category-banner-caption{position:absolute;inset-inline-end:6%;top:50%;transform:translateY(-50%);text-align:inherit;color:#5d7fbd;display:none}.category-banner-caption h2{font-size:44px;margin:0;font-weight:900}.category-banner-caption p{font-size:18px;margin:6px 0 0}.title-row.compact{margin-top:10px}.banner-80{display:none!important}.wide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.wide-card{border:1px solid #f0f0f0;border-radius:12px;padding:16px}.wide-body{grid-template-columns:180px 1fr}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-form label{font-weight:800;color:#374151}.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px}.admin-form textarea{min-height:90px}.admin-form .primary-btn{grid-column:1/-1}.admin-thumb{width:52px;height:52px;object-fit:contain;border:1px solid #eee;border-radius:8px;background:#fff}.admin-banner-thumb{width:150px;height:45px;object-fit:cover;border-radius:6px;border:1px solid #eee}.footer-benefits{background:#fff}.cookie{z-index:88}
@media(max-width:1050px){.drawer-grid{grid-template-columns:1fr}.sub-cats,.brand-cats{border-inline-start:0;padding-inline-start:0}.product-row,.new-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,1fr)}.category-banner{height:170px}.banner80-section .category-banner{height:190px}.category-banner-caption h2{font-size:28px}.admin-form{grid-template-columns:1fr}.wide-list{grid-template-columns:1fr}}
@media(max-width:620px){.product-row,.new-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.p-card{min-height:345px}.p-img{height:135px}.p-title{font-size:12px;min-height:58px}.new-price{font-size:14px}.p-logo{font-size:11px}.category-grid{grid-template-columns:repeat(2,1fr)}.cat-img{width:112px;height:112px}.category-banner{height:118px}.banner80-section .category-banner{height:135px}.hero-products{transform:scale(.52);opacity:.55}.rtl .hero-text{right:20px}.rtl .hero-want{margin-right:85px}.electro-drawer{width:94vw}.drawer-grid{padding:22px}.admin-banner-thumb{width:110px}.wide-list{grid-template-columns:1fr}}

/* ===== Speed + ElectroMall-like refinement ===== */
html,body,button,input,select,textarea{font-family:'Alexandria',Arial,Tahoma,sans-serif!important}.rtl{font-family:'Alexandria',Tahoma,Arial,sans-serif!important}.p-img img,.cat-img img,.brand-img img,.wide-img img,.hero-products img{content-visibility:auto}.p-card{contain:layout paint style}.product-row{align-items:stretch}.category-banner img{image-rendering:auto}.admin-side a{display:block;padding:10px 8px;border-radius:8px}.admin-side a:hover{background:#fff1f2;color:#E32A27}.admin-card code{word-break:break-all;white-space:normal}.admin-form select{background:#fff}
@media(max-width:620px){.p-card{contain:layout paint}.product-row{grid-template-columns:repeat(2,minmax(0,1fr))}.p-img img{max-width:92%;max-height:128px}}

/* ===== Professional updates v30 ===== */
html,body,button,input,select,textarea{font-family:'Alexandria',Arial,Tahoma,sans-serif!important}.desktop-head{grid-template-columns:220px minmax(380px,1fr) 460px}.head-actions{gap:14px}.search-box{height:44px}.language-dropdown{position:relative}.language-current{display:flex;align-items:center;gap:7px;border:0;background:#fff;color:#17223b;font-weight:800;cursor:pointer;padding:6px 8px;border-radius:999px}.flag-circle{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f5f6f8;border:1px solid #e5e7eb}.language-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;background:#fff;border:1px solid #eceef3;border-radius:14px;box-shadow:0 18px 45px rgba(16,24,40,.12);min-width:155px;padding:8px;display:none;z-index:100}.language-dropdown.open .language-menu{display:block}.language-menu a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;color:#17223b;font-weight:700}.language-menu a:hover{background:#fff1f2;color:var(--red)}.lang-switch{display:none!important}.shop-all{color:#17223b!important;background:transparent!important}.rtl .nav-inner{justify-content:flex-start}.rtl .shop-all{direction:rtl}.hero-swiper{height:320px}.hero-slide{transition:opacity .42s ease,transform .42s ease!important;transform:translateX(70px)}.hero-slide.active{transform:translateX(0)}.hero-slide.leaving{transform:translateX(-70px)}.hero-arrow{position:absolute;top:50%;z-index:7;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--red);box-shadow:0 8px 18px rgba(0,0,0,.12);cursor:pointer}.hero-prev{left:18px}.hero-next{right:18px}.p-card.electro-product-card{padding:0 4px 18px;border-radius:10px;min-height:430px;background:#fff;border:1px solid transparent}.p-card.electro-product-card:hover{box-shadow:0 18px 35px rgba(16,24,40,.09);border-color:#f3f4f6}.p-logo{padding-inline:4px;color:#2a3350}.p-img{height:205px}.p-title{padding-inline:4px;font-weight:500;color:#17223b}.save-badge{top:48px;left:12px;background:var(--red2);border-radius:5px;color:#fff}.rtl .save-badge{left:auto;right:12px}.add-btn{padding-inline:4px}.cart-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.cart-items{display:grid;gap:12px}.cart-item{display:grid;grid-template-columns:95px 1fr 130px 80px 140px;gap:14px;align-items:center;background:#fff;border:1px solid #eee;border-radius:16px;padding:12px;box-shadow:0 8px 20px rgba(16,24,40,.04)}.cart-img{width:90px;height:90px;display:grid;place-items:center;background:#fafafa;border-radius:12px}.cart-img img{max-width:88px;max-height:88px;object-fit:contain}.cart-info{display:grid;gap:5px}.cart-info span{font-size:13px;color:#647085}.remove-link{color:var(--red);font-weight:800;font-size:13px}.qty-input{width:70px;border:1px solid #ddd;border-radius:10px;padding:10px;text-align:center}.cart-summary,.checkout-summary,.checkout-card{background:#fff;border:1px solid #eee;border-radius:18px;padding:20px;box-shadow:0 12px 28px rgba(16,24,40,.06)}.summary-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:12px 0}.summary-row.grand{font-size:20px;color:var(--red);border-bottom:0}.checkout-btn{display:block;text-align:center;margin-top:12px}.empty-cart-card{text-align:center;background:#fff;border:1px solid #eee;border-radius:20px;padding:45px;box-shadow:0 12px 28px rgba(16,24,40,.06)}.empty-cart-card i{font-size:50px;color:var(--red);margin-bottom:12px}.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.checkout-card input,.checkout-card select,.checkout-card textarea{width:100%;border:1px solid #ddd;border-radius:12px;padding:14px;margin:7px 0 14px}.checkout-card textarea{min-height:100px}.admin-body{background:#f6f7fb}.pro-admin{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.pro-admin .admin-side{position:sticky;top:0;height:100vh;background:#121a2f;color:#fff;padding:24px 16px}.pro-admin .admin-side h2{margin:0;color:#fff}.pro-admin .admin-side small{display:block;color:#aeb8d0;margin-bottom:20px}.pro-admin .admin-side a{color:#dbe3f7;display:flex;align-items:center;gap:10px;margin:6px 0;padding:12px;border-radius:12px}.pro-admin .admin-side a:hover{background:#e32a27;color:#fff}.admin-main{padding:26px}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.admin-stat{background:#fff;border:1px solid #eee;border-radius:18px;padding:20px;box-shadow:0 12px 25px rgba(16,24,40,.05)}.admin-stat i{font-size:25px;color:var(--red);margin-bottom:10px}.admin-stat span{display:block;color:#647085}.admin-stat strong{font-size:25px}.order-detail-grid{display:grid;grid-template-columns:1fr 360px;gap:18px}.whats{background:#22c55e!important}.toast{position:fixed;right:18px;bottom:86px;background:#17223b;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);font-weight:800;display:none;z-index:9999}.rtl .toast{right:auto;left:18px}.floating-cart{z-index:70}@media(max-width:1050px){.desktop-head{grid-template-columns:1fr}.head-actions{justify-content:center}.cart-layout,.checkout-layout,.order-detail-grid{grid-template-columns:1fr}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.pro-admin{grid-template-columns:1fr}.pro-admin .admin-side{position:relative;height:auto}}@media(max-width:700px){.cart-item{grid-template-columns:80px 1fr;}.cart-price,.cart-line{font-weight:800}.admin-stats-grid{grid-template-columns:1fr}.product-row,.new-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p-img{height:140px}.p-card.electro-product-card{min-height:360px}.desktop-head{display:none}.mobile-head{display:flex}}


/* ===== Language dropdown fix only ===== */
.language-dropdown{position:relative!important;display:inline-block!important}
.language-current{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border:0!important;
  background:#fff!important;
  color:#17223b!important;
  font-weight:800!important;
  cursor:pointer!important;
  padding:6px 8px!important;
  border-radius:999px!important;
  user-select:none!important;
}
.language-current::-webkit-details-marker{display:none!important}
.language-current::marker{content:""!important}
.language-menu{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  inset-inline-end:0!important;
  background:#fff!important;
  border:1px solid #eceef3!important;
  border-radius:14px!important;
  box-shadow:0 18px 45px rgba(16,24,40,.12)!important;
  min-width:165px!important;
  padding:8px!important;
  display:none!important;
  z-index:99999!important;
}
.language-dropdown[open] .language-menu,
.language-dropdown.open .language-menu{display:block!important}
.language-menu a{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  color:#17223b!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.language-menu a:hover{background:#fff1f2!important;color:var(--red)!important}


/* =========================================================
   UNIVERSAL RESPONSIVE UPDATE v40
   يجعل جميع صفحات الموقع ولوحة الإدارة مناسبة للهاتف والتابلت
   ========================================================= */
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
}
body{
  min-width:0!important;
  overflow-x:hidden!important;
}
.container{
  width:min(1320px, calc(100% - 32px))!important;
}
img, svg, video, canvas{
  max-width:100%!important;
  height:auto;
}
input, select, textarea, button{
  max-width:100%;
  font-size:16px; /* يمنع تكبير الشاشة في iPhone عند التركيز */
}
.mobile-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.mobile-search-box{
  display:none;
}
.table{
  width:100%;
  border-collapse:collapse;
}
.table-wrap,
.admin-card{
  max-width:100%;
}
.cart-layout,
.checkout-layout,
.order-detail-grid,
.wide-body{
  min-width:0;
}

/* تحسين كروت المنتجات على كل الشاشات */
.product-row,
.new-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:18px;
}
.p-card,
.electro-product-card{
  width:100%;
  min-width:0;
}
.p-title{
  word-break:break-word;
}
.p-img img{
  object-fit:contain;
}

/* تحسين الهيدر في الشاشات المتوسطة */
@media (max-width:1200px){
  .desktop-head{
    grid-template-columns:190px minmax(300px,1fr) auto!important;
    gap:16px!important;
  }
  .head-actions{
    gap:10px!important;
    font-size:12px!important;
  }
  .search-box button{
    width:105px!important;
    font-size:14px!important;
  }
  .nav-inner>a{
    padding:0 18px!important;
    font-size:15px!important;
  }
  .shop-all{
    min-width:250px!important;
    font-size:15px!important;
  }
}

/* تابلت */
@media (max-width:992px){
  .container{
    width:min(100% - 24px, 960px)!important;
  }
  .desktop-head{
    display:none!important;
  }
  .mobile-head{
    display:flex!important;
    height:64px!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .mobile-search-box{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 auto 10px!important;
    height:44px!important;
    background:#fff2f3!important;
    border:1px solid #f2dadd!important;
    border-radius:999px!important;
    overflow:hidden!important;
  }
  .mobile-search-box>i{
    color:#93a0b4!important;
    padding-inline-start:14px!important;
  }
  .mobile-search-box input{
    flex:1!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    height:100%!important;
    min-width:0!important;
  }
  .mobile-search-box button{
    height:100%!important;
    border:0!important;
    background:var(--red2)!important;
    color:#fff!important;
    font-weight:900!important;
    padding:0 18px!important;
    border-radius:999px!important;
  }
  .site-header{
    box-shadow:0 2px 12px rgba(0,0,0,.06)!important;
  }
  .main-nav{
    height:auto!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .nav-inner{
    width:100%!important;
    min-width:max-content!important;
    overflow:visible!important;
    height:54px!important;
  }
  .nav-inner>a{
    padding:0 18px!important;
    font-size:14px!important;
    white-space:nowrap!important;
  }
  .shop-all{
    min-width:auto!important;
    padding-inline:12px 18px!important;
    font-size:14px!important;
    white-space:nowrap!important;
  }
  .hero-swiper{
    min-height:280px!important;
    border-radius:14px!important;
  }
  .hero-slide{
    min-height:280px!important;
    padding:24px!important;
  }
  .hero-products{
    width:48%!important;
    transform:scale(.82)!important;
    transform-origin:center bottom!important;
  }
  .hero-find{font-size:42px!important}
  .hero-every{font-size:58px!important}
  .hero-want{
    font-size:24px!important;
    margin-inline-start:80px!important;
  }
  .category-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .product-row,
  .new-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .brand-strip{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px!important;
  }
  .benefits-grid{
    grid-template-columns:1fr!important;
    height:auto!important;
    padding:16px 0!important;
    gap:12px!important;
  }
  .cart-layout,
  .checkout-layout,
  .order-detail-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .cart-summary,
  .checkout-summary{
    position:static!important;
    width:100%!important;
  }
  .wide-body{
    grid-template-columns:1fr!important;
  }
  .wide-img{
    height:260px!important;
  }
  .category-banner{
    height:170px!important;
  }
}

/* هواتف كبيرة */
@media (max-width:700px){
  .container{
    width:calc(100% - 20px)!important;
  }
  .logo-svg span{
    font-size:17px!important;
    letter-spacing:-.3px!important;
  }
  .logo-svg small{
    font-size:6.5px!important;
  }
  .round-menu{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
  .mobile-actions{
    gap:7px!important;
  }
  .mobile-language .language-current{
    padding:4px 6px!important;
    gap:5px!important;
  }
  .mobile-language .flag-circle{
    width:24px!important;
    height:24px!important;
  }
  .mobile-language .language-current span:not(.flag-circle){
    font-size:11px!important;
  }
  .mobile-search-box{
    height:42px!important;
    margin-bottom:8px!important;
  }
  .mobile-search-box button{
    padding:0 14px!important;
    font-size:13px!important;
  }
  .main-nav{
    border-bottom:1px solid #eee!important;
  }
  .nav-inner{
    height:50px!important;
  }
  .nav-inner>a,
  .shop-all{
    font-size:13px!important;
    padding-inline:12px!important;
  }
  .hero-swiper{
    min-height:230px!important;
    margin-top:8px!important;
    border-radius:12px!important;
  }
  .hero-slide{
    min-height:230px!important;
    padding:18px!important;
  }
  .hero-text{
    max-width:60%!important;
  }
  .hero-find{
    font-size:30px!important;
  }
  .hero-every{
    font-size:39px!important;
  }
  .hero-want{
    font-size:18px!important;
    margin-inline-start:55px!important;
  }
  .hero-banner-title{
    font-size:14px!important;
    margin-top:8px!important;
  }
  .hero-banner-sub{
    display:none!important;
  }
  .order-btn{
    margin-top:10px!important;
    padding:8px 14px!important;
    font-size:12px!important;
  }
  .hero-products{
    position:absolute!important;
    inset-inline-end:-22px!important;
    bottom:20px!important;
    width:62%!important;
    height:160px!important;
    transform:scale(.62)!important;
    opacity:.58!important;
    gap:8px!important;
  }
  .hero-arrow{
    display:none!important;
  }
  .hero-dots{
    bottom:8px!important;
  }
  .section{
    margin-top:28px!important;
  }
  .section-title{
    font-size:23px!important;
    margin-bottom:18px!important;
  }
  .title-row{
    align-items:flex-start!important;
    gap:12px!important;
    flex-wrap:wrap!important;
  }
  .title-row h2{
    font-size:20px!important;
  }
  .title-row form{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .title-row form input,
  .title-row form select,
  .title-row form button{
    width:100%!important;
    height:44px!important;
  }
  .category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .cat-img{
    width:86px!important;
    height:86px!important;
  }
  .cat-card span{
    font-size:12px!important;
    line-height:1.35!important;
  }
  .product-row,
  .new-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .p-card,
  .p-card.electro-product-card{
    min-height:315px!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  .p-logo{
    height:24px!important;
    font-size:10px!important;
    margin-bottom:6px!important;
  }
  .save-badge{
    font-size:10px!important;
    padding:5px 7px!important;
    top:40px!important;
    inset-inline-start:auto!important;
    inset-inline-end:9px!important;
  }
  .p-img{
    height:118px!important;
    margin-bottom:6px!important;
  }
  .p-img img{
    max-height:112px!important;
  }
  .p-title{
    font-size:12px!important;
    line-height:1.45!important;
    min-height:50px!important;
    -webkit-line-clamp:3!important;
  }
  .price-area{
    min-height:38px!important;
    margin-top:7px!important;
  }
  .old-price{
    font-size:11px!important;
  }
  .new-price{
    font-size:13px!important;
    line-height:1.3!important;
  }
  .add-btn{
    width:100%!important;
    min-height:38px!important;
    border-radius:999px!important;
    background:var(--red2)!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
    margin-top:8px!important;
    padding:8px 10px!important;
  }
  .brand-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .brand-img{
    height:72px!important;
  }
  .category-banner{
    height:125px!important;
    border-radius:14px!important;
  }
  .category-banner-caption{
    padding:10px!important;
  }
  .category-banner-caption h2{
    font-size:20px!important;
  }
  .category-banner-caption p{
    font-size:12px!important;
  }
  .banner80-section .category-banner{
    height:135px!important;
  }
  .footer-grid{
    grid-template-columns:1fr!important;
  }
  .footer{
    padding-bottom:85px!important;
  }
  .cookie{
    left:10px!important;
    right:10px!important;
    bottom:12px!important;
    width:auto!important;
    max-width:calc(100% - 20px)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    z-index:80!important;
  }
  .cookie div{
    display:flex!important;
    gap:8px!important;
  }
  .cookie button{
    flex:1!important;
  }
  .floating-cart{
    width:52px!important;
    height:52px!important;
    bottom:18px!important;
    inset-inline-end:14px!important;
    border-radius:16px!important;
  }
  .side-drawer{
    width:92vw!important;
    max-width:360px!important;
  }
  .drawer-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:10px 0!important;
  }
  .drawer-col{
    border:0!important;
    padding:0!important;
  }
  .cart-item{
    display:grid!important;
    grid-template-columns:74px 1fr!important;
    gap:10px!important;
    align-items:center!important;
  }
  .cart-img{
    width:74px!important;
    height:74px!important;
  }
  .cart-price,
  .cart-line,
  .qty-input{
    grid-column:2!important;
  }
  .qty-input{
    width:90px!important;
  }
  .checkout-card,
  .cart-summary,
  .checkout-summary{
    padding:16px!important;
    border-radius:16px!important;
  }
  .checkout-card input,
  .checkout-card select,
  .checkout-card textarea{
    width:100%!important;
    min-height:44px!important;
  }
  .wide-body[style]{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .wide-body .cat-img{
    height:260px!important;
  }
}

/* هواتف صغيرة جداً */
@media (max-width:430px){
  .container{
    width:calc(100% - 16px)!important;
  }
  .mobile-head{
    height:60px!important;
  }
  .logo-svg span{
    font-size:15px!important;
  }
  .logo-svg small{
    display:none!important;
  }
  .mobile-language .language-current span:not(.flag-circle){
    display:none!important;
  }
  .cart-icon{
    font-size:20px!important;
  }
  .hero-swiper,
  .hero-slide{
    min-height:205px!important;
  }
  .hero-text{
    max-width:68%!important;
  }
  .hero-find{
    font-size:25px!important;
  }
  .hero-every{
    font-size:34px!important;
  }
  .hero-want{
    font-size:16px!important;
    margin-inline-start:46px!important;
  }
  .hero-products{
    transform:scale(.52)!important;
    opacity:.45!important;
    inset-inline-end:-42px!important;
  }
  .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .product-row,
  .new-grid{
    gap:10px!important;
  }
  .p-card,
  .p-card.electro-product-card{
    min-height:300px!important;
    padding:8px!important;
  }
  .p-img{
    height:105px!important;
  }
  .p-img img{
    max-height:100px!important;
  }
  .p-title{
    font-size:11.5px!important;
  }
  .new-price{
    font-size:12px!important;
  }
  .add-btn{
    min-height:36px!important;
    font-size:11.5px!important;
  }
}

/* لوحة الإدارة على الهاتف */
@media (max-width:900px){
  .admin-body{
    overflow-x:hidden!important;
  }
  .pro-admin,
  .admin-layout{
    display:block!important;
  }
  .admin-side{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
    padding:10px!important;
    white-space:nowrap!important;
    border-radius:0!important;
  }
  .admin-side h2,
  .admin-side small{
    display:none!important;
  }
  .admin-side a{
    flex:0 0 auto!important;
    padding:10px 12px!important;
    border-radius:999px!important;
    background:#fff1f2!important;
    color:#17223b!important;
    font-size:13px!important;
  }
  .admin-main{
    padding:14px!important;
    width:100%!important;
  }
  .admin-main h1{
    font-size:22px!important;
  }
  .admin-stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .admin-stat{
    padding:14px!important;
  }
  .admin-form{
    grid-template-columns:1fr!important;
  }
  .admin-form input,
  .admin-form select,
  .admin-form textarea,
  .admin-form button{
    width:100%!important;
  }
  .table{
    display:block!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .table th,
  .table td{
    padding:9px 10px!important;
    font-size:13px!important;
  }
}
@media (max-width:520px){
  .admin-stats-grid{
    grid-template-columns:1fr!important;
  }
  .admin-card{
    padding:14px!important;
    border-radius:14px!important;
  }
}