*{box-sizing:border-box}body{margin:0;font-family:'Cairo',Tahoma,Arial,sans-serif;color:#1d344b;background:#fff;direction:rtl;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.inner{width:min(1240px,calc(100% - 60px));margin:auto}
header{height:80px;border-bottom:1px solid #e8eef2;background:#fff;position:sticky;top:0;z-index:10}
header .inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
header img{width:150px;height:65px;object-fit:contain}header nav{display:flex;gap:25px;align-items:center}header nav a{font-size:11px;font-weight:600;color:#69839a}header nav a:hover{color:#1d598d}
header .home-link{border:1px solid #d7e5ef;padding:10px 19px;border-radius:40px;color:#27618e;font-size:11px;font-weight:700;white-space:nowrap}
.breadcrumb{font-size:10px;color:#8da2b3;padding-top:28px}.breadcrumb a{color:#4a779d}
.category-hero{min-height:590px;display:grid;grid-template-columns:43% 57%;align-items:center;gap:30px;padding:30px 0 70px}
.copy .eyebrow{font:600 10px 'DM Sans',Arial,sans-serif;letter-spacing:2px;color:#7393ad;direction:ltr;text-align:right}
.copy h1{font-size:clamp(45px,5vw,78px);line-height:1.45;font-weight:500;margin:18px 0 4px;letter-spacing:-1.5px}.copy h1 em{font-style:normal;color:#6486a2;font-weight:300}
.copy p{font-size:13px;color:#7d91a3;line-height:2.2;max-width:370px;margin:15px 0 27px}
.actions{display:flex;gap:11px;flex-wrap:wrap}.actions a{background:#174c7b;color:white;border-radius:50px;padding:13px 25px;font-size:12px;font-weight:700}.actions a+ a{background:#fff;color:#225c88;border:1px solid #cfdde9}
.product{height:min(68vh,630px);min-height:410px;background:radial-gradient(ellipse at center,#f4f8fb 0,#fff 72%);position:relative;display:flex;align-items:center;justify-content:center}
.product:after{content:'';position:absolute;bottom:5%;width:60%;height:20px;background:#335b8122;filter:blur(14px);border-radius:50%;z-index:-1}
.product>img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}
.product.tv-product{height:auto;min-height:420px}
.tv-product .tv-frame{width:min(95%,550px);aspect-ratio:16/9;background:linear-gradient(160deg,#69a4b8,#e9b59f 50%,#233e5e);border:8px solid #131d24;border-bottom-width:13px;box-shadow:0 20px 40px #162f4b2b;border-radius:5px;position:relative;overflow:hidden}
.tv-frame:before{content:'';position:absolute;inset:30% -5% -15%;background:#24485f;clip-path:polygon(0 70%,26% 6%,44% 70%,65% 20%,100% 85%,100% 100%,0 100%)}.tv-frame:after{content:'';position:absolute;inset:45% -2% -20%;background:#142d42;clip-path:polygon(0 75%,38% 10%,54% 68%,76% 0,100% 60%,100% 100%,0 100%)}
.category-strip{padding:55px 0 75px;border-top:1px solid #e8eef2}.category-strip h2{font-size:22px;font-weight:500;margin:0 0 25px}.strip-links{display:flex;gap:9px;flex-wrap:wrap}.strip-links a{font-size:11px;border:1px solid #e2ebf1;color:#4d7596;padding:10px 18px;border-radius:30px;background:#fbfcfe}.strip-links a:hover{border-color:#77a2c7}
footer{background:#f5f8fa;padding:30px;text-align:center;font-size:10px;color:#8699a8}
@media(max-width:750px){header{height:68px}header .inner{width:calc(100% - 30px)}header img{width:115px}header nav{display:none}.inner{width:calc(100% - 35px)}.category-hero{grid-template-columns:1fr;gap:0;padding-top:5px;padding-bottom:50px}.copy h1{font-size:41px}.copy p{font-size:12px}.product{height:430px;min-height:0}.product.tv-product{min-height:315px}.breadcrumb{padding-top:18px}.category-strip{padding:35px 0}}