@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root{--modern-ink:#102c46;--modern-blue:#1377c3;--modern-soft:#eaf5fc;--modern-line:#dbe9f4;--modern-muted:#60798e}
body{background:linear-gradient(180deg,#f7fbfe 0,#fff 42%,#f5f9fd 100%)!important;color:var(--modern-ink)!important;font-family:'IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif!important;line-height:1.65}
button,input,select,textarea{font-family:inherit!important}
.shell{width:min(1320px,calc(100% - 36px))}
header.topbar{padding-top:16px!important;box-shadow:none!important}
.nav{min-height:76px;height:auto;padding:12px 23px;border:1px solid var(--modern-line);border-radius:24px;background:#ffffffed!important;box-shadow:0 15px 45px #133e6711;gap:22px}
.brand{font-size:19px;letter-spacing:0}.brand img{width:47px;height:47px}.brand strong{color:var(--modern-ink)!important}.brand em{color:var(--modern-blue)!important}
.links{gap:21px}.links a{color:#516a80!important;font-size:13px;font-weight:700}.links a:hover,.links a.hot{color:var(--modern-blue)!important}
.moon{border-color:#dce9f3!important;color:#356b97!important}.account-link{background:#edf6fd!important;color:#126dae!important;border:1px solid #cce4f5!important;box-shadow:none;padding:10px 15px}
main.shell{display:flex;flex-direction:column}
main.shell>.hero-banner{order:0;margin:20px 0 10px!important;border:1px solid #d4e7f5;box-shadow:0 15px 42px #1a528314;overflow:hidden;border-radius:22px}
.banner-slide.image-only .hero-banner-img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
main.shell>.hero{order:1;padding:33px 18px 18px!important;background:none!important;text-align:right;overflow:visible}
.hero .eyebrow{font-size:12px;color:#116caf;background:#eaf5fc;border-color:#d5e9f6;padding:6px 13px}
.hero h1{font:700 clamp(28px,3.2vw,44px)/1.35 'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif!important;letter-spacing:0!important;margin:13px 0 8px!important;color:var(--modern-ink)!important}
.hero h1 br{display:none}.hero h1 span{display:inline!important;color:#147cc7!important;background:none!important;margin-right:8px}
.hero p{margin:0!important;max-width:760px!important;color:var(--modern-muted)!important;font-size:14px!important;font-weight:500!important}
.hero .primary{margin-top:16px;background:#147cc7;box-shadow:0 9px 22px #1879bb26;border-radius:12px;padding:10px 17px;font-size:13px}
main.shell>#products{order:2}main.shell>#offers{order:3}main.shell>.trust-row{order:4}main.shell>.payments{order:5}
.section{padding:29px 0!important}.section-title{text-align:right;margin-bottom:17px}.section-title small{font-size:12px;color:#1583bc!important}.section-title h2{font:700 clamp(23px,2.5vw,32px)/1.4 'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif!important;letter-spacing:0!important;margin:3px 0 4px;color:var(--modern-ink)!important}.section-title p{font-size:13px;color:var(--modern-muted)!important}
.searchbox{max-width:none!important;margin:0 0 19px!important;border:1px solid var(--modern-line)!important;border-radius:16px!important;box-shadow:0 8px 22px #174d780c}.searchbox input{font-size:14px}.searchbox button{background:#1377c3!important;border-radius:10px;padding:10px 24px}
.products-layout .category-grid,#products .category-grid{gap:10px!important;margin-bottom:9px!important;padding-bottom:12px!important}.category{min-width:150px;background:#fff!important;border:1px solid var(--modern-line)!important;border-radius:14px!important;padding:10px 14px!important;color:#264963!important;box-shadow:0 5px 17px #1454880b}.category b{width:32px;height:32px;border-radius:9px;font-size:15px;background:#e9f5ff;color:#177ac2}.category small{font-size:10px}.category.active,.category:hover{background:#edf7ff!important;border-color:#8fc7ed!important;transform:none;color:#125d9a!important}.filters{justify-content:flex-start;margin:0 0 15px!important}.filter{padding:7px 14px!important;font-size:12px!important;border:1px solid #e1ecf5!important;background:#fff!important;color:#58758f!important}.filter.active{background:#1477c3!important;color:#fff!important;border-color:#1477c3!important;box-shadow:none!important}
.products{gap:15px!important}.product{background:#fff!important;border:1px solid var(--modern-line)!important;border-radius:19px!important;box-shadow:0 10px 26px #12457210;overflow:hidden;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-4px);box-shadow:0 20px 38px #1245721d}.product-image{height:190px!important;margin:10px!important;background:#f1f7fb!important;border-radius:13px!important}.product-image img{width:100%;height:100%;object-fit:contain;padding:7px}.product-image .fallback{color:#b5d3e8;font-size:36px}.tag{border:1px solid #d0e6f5!important;background:#ffffffed!important;color:#176aa6!important;font-size:10px!important;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-body{padding:3px 15px 15px!important}.product h3{font:700 14px/1.6 'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif!important;min-height:45px!important;color:#153b59!important;margin:0 0 5px}.product p{font-size:11px!important;height:34px!important;line-height:1.5;color:#7b8fa0!important}.product-bottom{border-color:#e6eff6!important}.price b{color:#0b866b!important;font-size:17px}.order-btn{background:#1477c3!important;border-radius:11px!important;width:39px;height:39px}.order-btn:hover{background:#0c609f!important}
#offers{background:#f0f7fd;border:1px solid #e0edf7;border-radius:23px;padding:24px!important;margin:18px 0}.flash-layout{background:#f0f7fd!important;border-color:#daeaf5!important}.flash-card{background:linear-gradient(140deg,#0e528a,#1887c8)!important}#offers .product{min-width:225px!important;max-width:225px!important}#offers .product-image{height:145px!important}
main.shell>.trust-row{margin:25px 0 5px!important}.trust{box-shadow:none!important;background:#fff!important;border:1px solid var(--modern-line)!important;border-radius:17px!important;padding:19px!important}.trust h3{font-size:16px!important}.trust p{font-size:12px!important}
.payments{border-radius:18px!important;background:#fff!important;box-shadow:0 9px 25px #1245720b}.wallet{background:#f8fbfe!important;border-color:#deebf4!important;border-radius:11px!important}
.footer{background:#0f2c45!important;color:#ecf6fd!important;border:0!important;padding:48px 0 20px!important}.footer .brand strong,.footer h4{color:#fff!important}.footer p,.footer li,.footer li a{color:#b6cddd!important}.footer .copyright{border-color:#31506a;color:#9cb7cd}.footer .socials a{border-color:#355773;background:#21415c}.footer .brand em{color:#81c8f4!important}
dialog{border-radius:21px!important;box-shadow:0 25px 80px #143b5852}dialog .order-form h2{font-size:21px}
.support-btn,.fab{box-shadow:0 9px 24px #17679940}
body.theme-dark{--modern-ink:#edf5fb;--modern-line:#304d64;--modern-muted:#a4bbce;background:#0d2031!important;color:#edf5fb!important}
body.theme-dark .nav,body.theme-dark .product,body.theme-dark .category,body.theme-dark .searchbox,body.theme-dark .trust,body.theme-dark .payments{background:#173148!important;border-color:#304d64!important;color:#edf5fb!important}
body.theme-dark .brand strong,body.theme-dark .hero h1,body.theme-dark .section-title h2,body.theme-dark .product h3,body.theme-dark .trust h3{color:#edf5fb!important}
body.theme-dark .links a,body.theme-dark .product p,body.theme-dark .hero p,body.theme-dark .section-title p{color:#adbfcd!important}
body.theme-dark .category.active{background:#214a69!important}.theme-dark .product-image{background:#203b54!important}.theme-dark #offers{background:#152d43;border-color:#304d64}.theme-dark .filter{background:#1b3952!important;color:#b8ccdc!important}.theme-dark .filter.active{background:#1477c3!important;color:#fff!important}.theme-dark .searchbox input{color:#edf5fb!important}.theme-dark .wallet{background:#1c3951!important;color:#edf5fb!important}.theme-dark dialog{background:#173148!important;color:#edf5fb!important}
@media(max-width:900px){.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}.nav{gap:12px}.links{gap:10px}}
@media(max-width:700px){.shell{width:calc(100% - 20px)}header.topbar{padding-top:9px!important}.nav{min-height:66px;border-radius:18px;padding:9px 11px;gap:9px}.brand{font-size:15px}.brand img{width:34px;height:34px}.mobile-menu{background:#e8f3fb!important;color:#176ba6!important}.hero{padding:25px 5px 8px!important}.hero h1{font-size:28px!important}.hero .primary{padding:9px 14px}.section{padding:23px 0!important}.section-title h2{font-size:23px!important}.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.product-image{height:132px!important;margin:7px!important}.product-body{padding:2px 10px 11px!important}.product h3{font-size:12px!important;min-height:40px!important}.product p{display:none!important}.price b{font-size:13px}.order-btn{width:34px;height:34px}.category{min-width:130px;font-size:11px!important}.filter{font-size:11px!important;padding:6px 10px!important}#offers{padding:15px!important}#offers .product{min-width:190px!important;max-width:190px!important}.footer{padding-top:35px!important}}

/* Dhru-inspired digital catalog: compact introduction, clear category navigation, and readable service cards. */
body{font-family:'IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif!important}
main.shell>.hero{padding:27px 18px 14px!important;text-align:right}
main.shell>.hero h1{font-size:clamp(27px,3.5vw,43px)!important;line-height:1.4!important;margin:8px 0!important}
main.shell>.hero p{font-size:14px!important;max-width:780px!important}
main.shell>.hero .primary{margin-top:13px;padding:10px 16px}
main.shell>#products{order:2}
.products-layout{display:block!important}
.products-layout .category-grid{display:flex!important;overflow-x:auto;gap:10px;padding:3px 2px 14px;margin:0 0 12px;scroll-snap-type:x proximity;grid-template-columns:none!important}
.products-layout .category{min-width:145px;flex:0 0 145px;scroll-snap-align:start;display:flex;flex-direction:row;justify-content:flex-start;text-align:right;gap:9px;padding:10px 12px!important}
.products-layout .category b{width:35px;height:35px;flex:0 0 35px}
.products-layout #productGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;gap:15px!important;padding:2px 0}
.products-layout #productGrid .product{min-width:0!important;max-width:none!important;width:auto!important;flex:auto!important;scroll-snap-align:unset}
.products-layout .product-image{height:175px!important}
.products-layout .product h3{font-size:14px!important;min-height:45px!important}
.section-title{text-align:right!important}
.section-title h2{font-family:'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif!important;font-weight:700!important}
.nav .links a,.account-link,.category,.filter,.product h3,.product .price{font-family:inherit!important}
.product .tag{max-width:calc(100% - 20px)}
@media(max-width:1000px){.products-layout #productGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){main.shell>.hero{padding:18px 4px 8px!important}.products-layout .category{min-width:130px;flex-basis:130px}.products-layout #productGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.products-layout .product-image{height:132px!important}}