@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--red:#e33137;--ink:#202327;--muted:#72777d;--line:#e8e6e3;--paper:#fff;--wash:#f7f6f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'IBM Plex Sans Arabic',Manrope,Arial,sans-serif}.announcement{height:34px;background:#1e2022;color:#f7f7f7;padding:0 max(calc((100vw - 1260px)/2),24px);display:flex;justify-content:space-between;align-items:center;font-size:12px}.announcement a{color:#ddd;text-decoration:none}.site-head{max-width:1260px;height:94px;margin:auto;padding:12px 24px;display:grid;grid-template-columns:210px minmax(250px,1fr) 270px;gap:28px;align-items:center}.logo img{display:block;width:176px;height:auto;max-height:64px;object-fit:contain}.search{height:46px;border:1px solid #d9dadd;border-radius:5px;display:flex;overflow:hidden}.search input{border:0;outline:0;padding:0 15px;flex:1;min-width:0;font:inherit}.search button{border:0;background:#f7f7f7;font-size:28px;width:52px;cursor:pointer}.head-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px}.head-tools button{height:40px;background:white;border:1px solid var(--line);border-radius:4px;padding:0 13px;font:600 13px inherit;cursor:pointer}.head-tools #langBtn{font-family:Manrope,sans-serif}.head-tools .basket{background:var(--red);color:white;border-color:var(--red);font-family:inherit}.basket b{display:inline-grid;place-items:center;background:white;color:var(--red);border-radius:99px;width:21px;height:21px;margin-inline-start:6px}.categories{height:52px;border-block:1px solid var(--line);display:flex;align-items:center;gap:34px;padding:0 max(calc((100vw - 1260px)/2),24px);white-space:nowrap;overflow:auto}.categories a{color:#282a2c;text-decoration:none;font-size:14px;font-weight:600;transition:color .2s}.categories a:hover{color:var(--red)}.categories .deals{color:var(--red)}.categories .deals span{font-size:9px;background:#fff0ef;border-radius:10px;padding:3px 7px;margin-inline-start:5px}.hero{position:relative;max-width:1260px;min-height:455px;margin:28px auto 0;overflow:hidden;background:#f0efed;display:grid;grid-template-columns:48% 52%;align-items:center}.hero-copy{padding:52px 64px;position:relative;z-index:1}.kicker{font:800 11px Manrope,sans-serif;letter-spacing:2px;color:var(--red)}h1{font-size:clamp(40px,5.5vw,70px);line-height:1.06;letter-spacing:-2px;margin:17px 0 14px;font-weight:700}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy p{font-size:16px;color:#555b61;line-height:1.9;max-width:440px}.primary,.outline{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;margin-top:14px;min-height:49px;background:var(--red);color:white;border:1px solid var(--red);padding:0 19px;text-decoration:none;border-radius:3px;font:700 14px inherit;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.primary:hover{background:#c8232a;box-shadow:0 8px 20px #e3313730;transform:translateY(-2px)}.hero-points{display:flex;gap:17px;flex-wrap:wrap;margin-top:28px;color:#62666a;font-size:11px}.hero-visual{height:100%;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#fff 0,#e8e6e3 66%,#ddd 100%)}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f0efed 0,transparent 24%)}.hero-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.06);padding:28px}.hero-index{position:absolute;bottom:16px;left:24px;font:700 10px Manrope;color:#56595d;letter-spacing:2px}.hero-index i{display:inline-block;width:56px;height:1px;background:#9c9b99;vertical-align:middle;margin:0 10px}.trust-row{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:23px 45px}.trust-row div{display:flex;flex-direction:column;border-inline-start:1px solid var(--line);padding-inline-start:25px}.trust-row div:first-child{border:0}.trust-row b{font-size:14px}.trust-row small{color:var(--muted);margin-top:4px}.catalog{max-width:1260px;margin:68px auto;padding:0 18px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.section-head h2{font-size:31px;margin:7px 0 0;letter-spacing:-.6px}.filters{display:flex;gap:7px}.filter{border:1px solid var(--line);background:white;padding:9px 15px;border-radius:3px;font:600 12px inherit;cursor:pointer}.filter:hover,.filter.active{color:var(--red);border-color:var(--red);background:#fffafa}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product{border:1px solid var(--line);background:#fff;min-width:0;transition:box-shadow .2s,transform .2s}.product:hover{box-shadow:0 12px 30px #20232712;transform:translateY(-3px)}.product-image{height:225px;background:#f4f3f1;position:relative;display:grid;place-items:center}.product-image img{width:100%;height:100%;object-fit:contain;padding:18px;mix-blend-mode:multiply}.tag{position:absolute;top:13px;right:13px;background:white;color:var(--red);font-size:10px;padding:5px 8px;border-radius:2px}.product-body{padding:16px}.product-brand{font:700 9px Manrope,sans-serif;color:#898b8c;letter-spacing:1px}.product h3{font-size:15px;min-height:42px;margin:7px 0 11px;line-height:1.55}.product-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font:800 16px Manrope,sans-serif}.price small{font:500 10px 'IBM Plex Sans Arabic';color:#777}.add{height:37px;background:var(--ink);color:white;border:0;padding:0 12px;border-radius:3px;font:600 12px inherit;cursor:pointer;transition:.2s}.add:hover{background:var(--red)}.market{margin-top:12px;padding-top:10px;border-top:1px solid #f0efed;color:#74787c;font-size:10px;display:flex;justify-content:space-between}.market strong{font-family:Manrope,sans-serif;color:#555}.track-banner{max-width:1260px;margin:0 auto 75px;background:#202327;color:#fff;min-height:280px;padding:42px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.track-banner:after{content:'3';position:absolute;left:30%;top:-120px;font:800 400px Manrope;color:#ffffff08}.track-banner>div:first-child{z-index:1}.track-banner h2{font-size:35px;line-height:1.25;margin:11px 0}.track-banner p{color:#b7b8bb}.outline{background:transparent;color:white;border-color:#777;min-height:43px}.outline:hover{border-color:var(--red);background:var(--red)}.steps{display:flex;gap:18px;z-index:1}.step{display:grid;justify-items:center;gap:10px;color:#aeb1b4;font-size:11px;position:relative}.step:not(:last-child):after{content:'';position:absolute;height:1px;width:35px;background:#555;left:-27px;top:17px}.step i{width:35px;height:35px;border:1px solid #72777d;border-radius:50%;display:grid;place-items:center;font:700 12px Manrope;font-style:normal}.step.done i{background:var(--red);border-color:var(--red);color:white}.step.done{color:white}footer{max-width:1260px;margin:auto;border-top:1px solid var(--line);padding:24px 15px;display:flex;align-items:center;justify-content:space-between;color:#767a7e;font-size:12px}footer .logo img{width:130px;max-height:45px}dialog{border:0;border-radius:6px;box-shadow:0 24px 90px #17191d40;width:min(640px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:25px}dialog::backdrop{background:#17191d80;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}.dialog-head h2{margin:4px 0}.x{border:0;background:transparent;font-size:28px;cursor:pointer}.cart-line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-line small{display:block;color:var(--muted);margin-top:5px}.cart-line button{border:1px solid var(--line);background:white;border-radius:3px;padding:4px 9px;cursor:pointer}.cart-total{display:flex;justify-content:space-between;padding:16px 0;font-weight:700}.cart-total b{font:800 20px Manrope;color:var(--red)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{font-size:12px;color:#656a70}.form-grid input,.track-form input{width:100%;height:40px;border:1px solid #d9dbdd;border-radius:3px;padding:0 10px;margin-top:5px;font:inherit}.form-grid .wide{grid-column:1/-1}fieldset{margin:14px 0;border:1px solid var(--line);border-radius:4px;display:flex;gap:16px;flex-wrap:wrap}fieldset label{font-size:12px}.notice{padding:10px;background:#fff7e8;border-right:3px solid #e6aa31;color:#73571b;font-size:11px}.full{width:100%;justify-content:center}.track-form{display:flex;gap:8px}.track-form .primary{margin:0;white-space:nowrap}.tracking{margin-top:20px}.tracking h3{font-size:14px}.track-status{display:flex;justify-content:space-between;position:relative;margin:25px 0 12px}.track-status:before{content:'';height:2px;background:#ddd;position:absolute;top:11px;right:0;left:0}.track-status span{position:relative;background:white;padding-top:25px;font-size:10px;color:#777}.track-status span:before{content:'';position:absolute;top:4px;right:0;width:14px;height:14px;border-radius:50%;background:#ddd}.track-status span.done:before{background:var(--red)}.toast{position:fixed;bottom:25px;left:25px;background:#202327;color:white;padding:12px 18px;border-radius:4px;opacity:0;transform:translateY(10px);transition:.25s;z-index:20;pointer-events:none}.toast.show{opacity:1;transform:none}.empty{padding:40px;text-align:center;color:var(--muted);grid-column:1/-1}@media(max-width:850px){.site-head{grid-template-columns:140px 1fr;gap:12px;height:auto;padding-block:14px}.logo img{width:135px}.head-tools{grid-column:1/-1;justify-content:space-between}.categories{gap:22px}.hero{margin:14px 12px 0;min-height:370px;grid-template-columns:1fr 1fr}.hero-copy{padding:28px}.hero-visual img{padding:12px}.trust-row,.catalog,.track-banner,footer{margin-inline:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-banner{padding:30px;flex-direction:column;align-items:flex-start}.steps{align-self:stretch;justify-content:space-between}.step:not(:last-child):after{width:calc((100vw - 160px)/5);left:-30px}}@media(max-width:520px){.announcement{padding:0 12px;font-size:10px}.announcement a{font-size:9px}.site-head{grid-template-columns:100px 1fr;padding:10px 12px}.logo img{width:100px}.search{height:40px}.head-tools button{padding:0 10px;height:36px;font-size:11px}.categories{padding-inline:12px;height:46px}.hero{display:flex;min-height:590px;flex-direction:column-reverse;margin-inline:0}.hero-visual{height:255px;width:100%;flex:none}.hero-copy{padding:24px;width:100%}.hero h1{font-size:49px}.trust-row{padding:16px 5px;gap:8px}.trust-row div{padding-inline-start:10px}.trust-row b{font-size:11px}.trust-row small{font-size:9px}.catalog{margin-block:48px;padding:0 2px}.section-head{align-items:flex-start;gap:15px;flex-direction:column}.section-head h2{font-size:27px}.filters{max-width:100%;overflow:auto}.filter{padding:8px 12px;white-space:nowrap}.product-grid{gap:8px}.product-image{height:150px}.product-body{padding:10px}.product h3{font-size:12px}.price{font-size:13px}.add{padding:0 8px;font-size:10px}.market{font-size:9px}.track-banner{margin-bottom:45px;padding:25px 18px}.track-banner h2{font-size:29px}.step{font-size:8px}.step:not(:last-child):after{width:calc((100vw - 95px)/5);left:-25px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}fieldset{gap:8px}footer{flex-wrap:wrap;gap:12px}.track-form{flex-direction:column}.track-form .primary{width:100%}}
button{font-family:inherit}.primary,.outline{font-family:inherit;font-size:14px;font-weight:700}.filter,.add{font-family:inherit;font-weight:600}.head-tools button{font-family:inherit;font-weight:600}
/* Product-led rotating hero and customer fit helper */
.product-hero{grid-template-columns:52% 48%;min-height:480px;background:linear-gradient(125deg,#fbfaf8,#f1efec);border:1px solid #e8e6e3}.product-hero .hero-copy{padding:50px 58px}.product-hero h1{font-size:clamp(30px,4vw,56px);line-height:1.17;letter-spacing:-1px;overflow-wrap:anywhere}.product-hero .hero-visual{background:radial-gradient(ellipse at 50% 50%,#fff 0,#f2f0ed 72%,#e9e7e4 100%);min-height:480px;cursor:pointer}.product-hero .hero-visual:after{background:linear-gradient(90deg,#f9f8f6 0,transparent 25%)}.product-hero .hero-visual img{padding:42px;mix-blend-mode:multiply;transition:opacity .25s,transform .45s}.product-hero .hero-visual img:hover{transform:scale(1.035)}.hero-buy{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-buy .primary{margin-top:13px}.hero-buy .price{font-size:22px;color:#202327}.hero-date{display:block;color:#858585;font-size:11px;margin-top:9px}.hero-controls{position:absolute;bottom:18px;right:26px;display:flex;align-items:center;gap:8px;z-index:2}.hero-controls>button{width:34px;height:34px;border:1px solid #d9d7d4;background:#fff;color:#292b2d;border-radius:50%;font-size:18px;cursor:pointer;transition:.2s}.hero-controls>button:hover{background:var(--red);border-color:var(--red);color:#fff}.hero-controls .hero-dots{display:flex;gap:5px}.hero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:9px;background:#aaa;cursor:pointer}.hero-dots button.active{width:22px;background:var(--red)}.product-hero .hero-index{bottom:29px;left:auto;right:235px}.fit-guide{max-width:1260px;margin:0 auto 64px;padding:36px 42px;display:grid;grid-template-columns:1fr minmax(330px,.85fr);gap:38px;background:#f7f6f4;border:1px solid var(--line)}.fit-guide h2{font-size:30px;line-height:1.35;margin:9px 0}.fit-guide p{color:#62666a;line-height:1.8}.fit-guide small{display:block;color:#777;line-height:1.8}.fit-guide small a{color:var(--red)}.fit-guide form{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.fit-guide label{font-size:12px;color:#555}.fit-guide input,.fit-guide select{display:block;width:100%;height:42px;margin-top:5px;padding:0 10px;border:1px solid #d9dadd;border-radius:3px;background:#fff;font:inherit}.fit-guide form>.primary{margin:0;justify-content:center}.fit-guide #fitResult{grid-column:1/-1;min-height:40px;padding:10px 13px;background:#fff;border-inline-start:3px solid var(--red);font-size:13px}.fit-guide #fitResult:empty{display:none}.fit-guide #fitResult small{margin-top:4px;font-size:11px}
@media(max-width:850px){.product-hero{grid-template-columns:1fr 1fr;min-height:400px}.product-hero .hero-visual{min-height:400px}.product-hero .hero-copy{padding:28px}.product-hero .hero-index{right:auto;left:24px;bottom:18px}.fit-guide{margin-inline:12px;grid-template-columns:1fr;padding:28px;gap:20px}}
@media(max-width:520px){.product-hero{min-height:0;flex-direction:column-reverse;display:flex}.product-hero .hero-visual{height:255px;min-height:255px;width:100%;flex:none}.product-hero .hero-visual img{padding:20px}.product-hero .hero-copy{padding:22px 20px 54px}.product-hero h1{font-size:32px;margin:12px 0}.product-hero .hero-buy .price{font-size:18px}.product-hero .hero-points{margin-top:16px}.product-hero .hero-controls{bottom:14px;right:15px}.product-hero .hero-index{left:17px;bottom:21px}.fit-guide{padding:23px 16px;margin-inline:12px}.fit-guide h2{font-size:24px}.fit-guide form{grid-template-columns:1fr}.fit-guide #fitResult{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.product-hero .hero-visual img,.hero-controls>button{transition:none}}
/* Refined customer footer */
.site-footer{display:block!important;margin:70px 0 0!important;padding:0 max(calc((100% - 1260px)/2),24px)!important;background:#17191c;color:#fff;border-top:2px solid #4b4d50}.footer-main{display:grid;grid-template-columns:1.25fr .8fr .85fr 1.2fr;gap:42px;padding:42px 0 34px}.site-footer .logo img{width:146px;height:auto}.footer-brand p,.footer-promise p{max-width:270px;color:#b8bbc0;line-height:1.8;font-size:13px}.footer-location{color:#a8abb0;font-size:11px}.site-footer h3{font-size:14px;margin:2px 0 15px}.site-footer .footer-main>div:not(.footer-brand):not(.footer-promise) a,.site-footer .footer-main>div:not(.footer-brand):not(.footer-promise) button{display:block;color:#c7c9cc;text-decoration:none;background:none;border:0;padding:7px 0;font:inherit;font-size:12px;cursor:pointer}.site-footer a:hover,.site-footer button:hover{color:#ff555a!important}.footer-promise{padding:18px;background:#222529;border:1px solid #36393d;border-radius:5px}.footer-promise .kicker{color:#ff5258;font-size:10px;letter-spacing:1.4px}.footer-promise h3{font-size:20px;margin:10px 0}.footer-cta{margin-top:12px;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:space-between;background:#e33137;padding:11px 13px;border-radius:3px;font-size:12px}.footer-bottom{min-height:54px;border-top:1px solid #36393d;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#a9acb0;font-size:10px}.footer-bottom a{color:#d5d6d8;text-decoration:none}@media(max-width:850px){.footer-main{grid-template-columns:1fr 1fr;gap:25px}.site-footer{padding-inline:22px!important}}@media(max-width:520px){.footer-main{grid-template-columns:1fr 1fr;gap:18px;padding:30px 0 22px}.footer-brand,.footer-promise{grid-column:1/-1}.site-footer .logo img{width:125px}.footer-bottom{padding:13px 0;align-items:flex-start;flex-direction:column;gap:7px}}
.service-promo{max-width:1260px;margin:0 auto 54px;padding:32px 36px;background:#f7f6f4;border:1px solid #e7e5e1;display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center}.service-intro h2{font-size:28px;line-height:1.35;margin:9px 0}.service-intro p{color:#686d72;line-height:1.8;font-size:13px}.service-cta{display:inline-flex;gap:24px;align-items:center;background:#e33137;color:white;text-decoration:none;padding:12px 15px;border-radius:3px;font-size:12px;font-weight:700}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.service-cards article{min-height:138px;background:#fff;border:1px solid #e5e3df;padding:16px;display:flex;flex-direction:column;gap:10px}.service-cards article span{font-size:10px;color:#e33137;font-weight:800;letter-spacing:1px}.service-cards article b{font-size:13px}.service-cards article small{color:#777;line-height:1.7;font-size:10px}@media(max-width:850px){.service-promo{margin-inline:12px;grid-template-columns:1fr;padding:25px}}@media(max-width:520px){.service-promo{padding:20px 15px}.service-intro h2{font-size:23px}.service-cards{grid-template-columns:1fr}.service-cards article{min-height:0}}
