/* Category destinations: a compact introduction and readable product rows. */
.category-page{position:relative;isolation:isolate;background:#f3f7fc;min-height:100vh}
.category-backdrop{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,#edf4fac4,#f3f7fce8 30%,#f3f7fcdd 78%,#e6eff6ae),var(--category-art);background-position:center,center 180px;background-size:auto,980px auto;background-repeat:repeat,repeat-y;opacity:.9;pointer-events:none}
.category-heading-shell{max-width:1180px;padding:24px 24px 0;margin:auto}
.category-breadcrumb{font-size:13px;display:flex;gap:10px;color:#536c8d;margin-bottom:14px}.category-breadcrumb a{color:#0755e6;font-weight:700}
.category-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;border-bottom:1px solid #cfdeed;padding:0 0 12px;min-height:138px}
.category-heading>div{max-width:690px}.category-kicker{color:var(--category-accent,#0755e6);font-weight:800;font-size:13px;margin:0 0 8px}
.category-heading h1{font-size:clamp(27px,3.6vw,43px);line-height:1.15;margin:0 0 10px;letter-spacing:-.7px}
.category-heading p:last-child{margin:0;color:#5b718c;font-size:15px;line-height:1.55}.category-heading>img{width:220px;height:140px;object-fit:cover;border-radius:20px;mix-blend-mode:multiply;flex:none}
.category-brands{display:flex;direction:ltr;align-items:center;gap:24px;overflow:hidden;padding:15px 0;color:var(--category-accent,#0755e6);opacity:.66;font:800 12px/1.2 Arial,sans-serif;letter-spacing:1.6px}
.category-page .catalog-products-shell{padding-top:0;position:relative}
.category-page .catalog-toolbar{background:rgba(243,247,252,.95);border-radius:14px;padding:10px 0;top:var(--header-height,128px);gap:16px}
.category-page .search-box{max-width:none;height:48px}.category-page .catalog-toolbar>strong{font-size:14px}
.category-controls{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:4px 0 20px;flex-wrap:wrap}
.category-controls label{display:flex;align-items:center;gap:8px;color:#55708d;font-size:13px}.category-controls select{font:700 14px Tajawal,Arial,sans-serif;border:1px solid #ccdbed;border-radius:10px;padding:10px 30px 10px 12px;background:#fff;color:#1c3c61;max-width:230px;min-height:44px}
.category-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.category-page .product-card{display:grid;grid-template-columns:126px minmax(0,1fr);border-radius:18px;background:#fffffff5;border-color:#d6e3f2;box-shadow:0 4px 20px #14386806;min-width:0}
.category-page .product-card:hover{transform:translateY(-3px);border-color:var(--category-accent,#0755e6)}
.category-page .product-visual{height:100%;min-height:172px;background:linear-gradient(160deg,color-mix(in srgb,var(--category-accent,#0755e6) 11%,#fff),#f7fbff)}
.category-page .visual-code{width:77px;height:77px;border-radius:20px;box-shadow:none}.category-page .visual-code b{font-size:19px}.category-page .visual-code span{display:none}
.category-page .product-visual:before,.category-page .product-visual:after{display:none}.category-page .stock-pill{inset:auto 7px 12px;font-size:10px;text-align:center;padding:6px}
.category-page .product-card-body{padding:17px;min-width:0}.category-page .product-card-body>small{font-size:11px;color:var(--category-accent,#0755e6)}
.category-page .product-card h3{font-size:17px;min-height:0;margin:8px 0 13px;line-height:1.4;overflow-wrap:anywhere}.category-page .product-card-footer{padding-top:9px;align-items:center;flex-direction:row;border-color:#edf1f6}.category-page .product-card-footer>b{font-size:19px;white-space:nowrap}.category-page .product-card-footer>a{display:inline-block;font-size:12px;white-space:nowrap}
.category-page .quick-add{margin-top:12px;background:var(--category-accent,#0755e6);color:white;border:0;min-height:42px;font-size:14px;border-radius:10px}.category-page .quick-add:hover{filter:brightness(1.1)}
.category-request{display:block;margin:24px 0 12px;padding:20px;border:1px dashed #9ebcdf;border-radius:14px;background:#eff6ff;color:#124b91;font-weight:700;line-height:1.5}
.category-tile-art{width:96px;height:96px;object-fit:cover;mix-blend-mode:multiply;border-radius:15px}.category-card{grid-template-columns:96px 1fr 28px;align-items:center;min-height:160px;gap:16px}.category-card>strong{align-self:start}.category-card p{font-size:13px}
.category-filters>a{display:inline-flex;align-items:center;gap:7px;border:1px solid #d4e2f2;background:white;padding:11px 16px;border-radius:30px;font-size:14px;white-space:nowrap}.category-filters>a.active{background:#0755e6;color:white;border-color:#0755e6}.category-filters>a .yk-icon{width:18px;height:18px}.category-filters>a small{opacity:.65}
.services-page{--listing-art:none;background:#f1f6fd;position:relative;isolation:isolate}.services-page:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#f1f6fdee,#f1f6fdf5),var(--listing-art);background-position:center,center top;background-size:auto,1100px auto;background-repeat:repeat,repeat-y}
.services-page .service-page-hero{min-height:0;padding:35px max(24px,calc((100vw - 1132px)/2)) 25px;background:transparent;color:#071d43;overflow:visible}.services-page .service-page-hero:after{display:none}.services-page .service-page-hero>p{color:var(--service-accent);font-size:13px}.services-page .service-page-hero h1{font-size:42px;line-height:1.15}.services-page .service-page-hero>span{color:#5b718c;margin-top:12px;font-size:15px;max-width:720px}.services-page .service-type-nav{margin:0 auto;padding-top:4px}.services-page .service-type-nav a{min-height:48px;font-size:14px;border-radius:12px;box-shadow:none}.services-page .digital-list-shell{padding-top:24px}.services-page .digital-list-shell>.mini-section-head{display:none}
.category-controls select:focus-visible,.category-request:focus-visible,.category-filters a:focus-visible{outline:3px solid #0755e6;outline-offset:3px}
@media(max-width:800px){.category-page .product-grid{grid-template-columns:1fr}.category-heading>img{width:170px;height:127px}.category-card{grid-template-columns:76px 1fr 22px;padding:15px;gap:12px;min-height:130px}.category-tile-art{width:76px;height:76px}.category-card h3{font-size:18px}}
@media(max-width:600px){.category-heading-shell{padding:17px 16px 0}.category-breadcrumb{margin-bottom:10px;font-size:12px}.category-heading{min-height:120px;gap:10px;padding-bottom:10px}.category-heading>div{position:relative;z-index:1;width:70%}.category-heading h1{font-size:28px;letter-spacing:-.4px}.category-heading p:last-child{font-size:12px;line-height:1.5}.category-kicker{font-size:11px;margin-bottom:7px}.category-heading>img{width:100px;height:112px;object-fit:cover}.category-brands{gap:19px;font-size:10px;padding:12px 0;letter-spacing:1px}.category-page .catalog-toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:7px 0}.category-page .search-box{width:100%;height:46px;flex:auto;grid-column:auto}.category-page .catalog-toolbar>strong{font-size:12px;line-height:1.2}.category-controls{gap:7px;margin:7px 0 14px;flex-wrap:nowrap;align-items:stretch}.category-controls label{flex:1;min-width:0;display:block}.category-controls label>span{display:none}.category-controls select{font-size:12px;width:100%;max-width:none;padding-inline:9px;min-height:40px}.category-page .product-card{grid-template-columns:92px minmax(0,1fr);border-radius:16px}.category-page .product-visual{min-height:177px}.category-page .product-card-body{padding:13px}.category-page .visual-code{width:61px;height:61px;border-radius:16px}.category-page .visual-code b{font-size:16px}.category-page .product-card h3{font-size:16px;margin:7px 0 11px}.category-page .product-card-footer>b{font-size:18px}.category-page .product-card-footer>a{font-size:11px}.category-page .stock-pill{font-size:9px;inset-inline:4px}.category-request{font-size:14px;padding:15px}.services-page .service-page-hero{padding:23px 16px 18px}.services-page .service-page-hero h1{font-size:31px}.services-page .service-page-hero>span{font-size:13px}.services-page .service-type-nav{display:flex;overflow-x:auto;scrollbar-width:none;padding-inline:16px;gap:7px}.services-page .service-type-nav a{flex:0 0 auto;min-height:42px;padding:10px 13px;font-size:12px;display:flex;gap:6px}.services-page .digital-list-shell{padding-top:17px}.services-page .digital-card-rich{min-height:0}.category-page .catalog-products-shell{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.category-page .product-card:hover{transform:none}}