/* Wateen storefront identity — reversible presentation only */
:root{--color-primary:#00646b;--color-primary-dark:#004b52;--color-primary-light:#eef7f5;--w-gold:#b49253;--w-ink:#173e43;--w-paper:#faf9f5}
body{background:var(--w-paper);color:var(--w-ink)}
.store-header{border-bottom:1px solid #e4e8e1;background:#fff}
.store-footer{background:#edf4f1;border-top:1px solid #dce7df}
body.index main{display:flex;flex-direction:column}
body.index main>section{width:100%;order:10}
body.index main>section[component-id="1607680592"]{order:1}
body.index main>section[component-id="1686352870"]{order:2}
body.index main>section[component-id="1686744287"]{order:3}
body.index main>section[component-id="26497697"]{order:4}
body.index .s-block{margin-top:42px}
body.index .s-block--fixed-banner .banner{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:340px;padding:58px 7%;border-radius:26px;isolation:isolate;box-shadow:0 18px 48px #163f4310;text-decoration:none}
body.index .s-block--fixed-banner picture{display:none}
body.index section[component-id="1607680592"] .banner{color:#fff;background:radial-gradient(circle at 10% 10%,#b4925350,transparent 34%),linear-gradient(120deg,#073e46,#087981)}
body.index section[component-id="1607680592"] .banner:before{content:"الوتين | مكتبتك الرقمية";font-size:clamp(27px,4vw,48px);line-height:1.6;font-weight:800;max-width:75%;white-space:pre-line}
body.index section[component-id="1607680592"] .banner:after{content:"ملفات تعليمية وإدارية تُرتّب إنجازك\A اكتشفي أحدث الملفات  ←";white-space:pre-line;font-size:clamp(16px,1.8vw,22px);line-height:2.2;color:#edf5e9;margin-top:13px;max-width:80%}
body.index section[component-id="1686352870"]{margin-top:20px}
body.index section[component-id="1686352870"] .banner{min-height:165px;padding:30px 7%;background:linear-gradient(110deg,#e8f2ee,#f4edde);border:1px solid #dce5db;color:#173e43}
body.index section[component-id="1686352870"] .banner:before{content:"مساحة للإنجاز… وتفاصيل تستحقّها";font-size:clamp(21px,2.6vw,32px);font-weight:800;line-height:1.7}
body.index section[component-id="1686352870"] .banner:after{content:"تصفّحي عروض الوتين  ←";font-size:17px;margin-top:12px;color:#6e5830}
.s-block__title h2,.s-slider-block__title h2{font-weight:800!important;color:#174f54}
body.index .s-block--categories .s-slider-swiper-wrapper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px;transform:none!important;width:100%!important;height:auto!important}
body.index .s-block--categories .swiper{overflow:visible;padding-top:18px}
body.index .s-block--categories .swiper-slide{width:auto!important;margin:0!important;height:auto}
body.index .s-block--categories .s-slider-block__title-nav{display:none}
body.index .slide--cat-entry{position:relative;min-height:170px;height:100%;padding:32px 18px 24px;border:1px solid #d6e3dc;border-radius:0 17px 17px 17px;background:linear-gradient(145deg,#fff,#eaf3ee);box-shadow:0 10px 22px #174e4310;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;overflow:visible;transition:transform .2s,box-shadow .2s}
body.index .slide--cat-entry:before{content:"";position:absolute;top:-13px;right:-1px;width:44%;height:16px;border:1px solid #d6e3dc;border-bottom:0;border-radius:10px 10px 0 0;background:#e6eee6}
body.index .slide--cat-entry:after{content:"تصفّحي الملفات  ←";font-size:12px;color:#917541}
body.index .slide--cat-entry>img,body.index .slide--cat-entry>i{display:none}
body.index .slide--cat-entry h2{font-size:18px;line-height:1.8;font-weight:800;color:#174f54;text-align:center;margin:0}
body.index .slide--cat-entry:hover{transform:translateY(-5px);box-shadow:0 15px 30px #174e4320}
body.index .s-block--categories .swiper-slide:nth-child(3n+2) .slide--cat-entry{background:linear-gradient(145deg,#fff,#f3eddf)}
.s-product-card-entry{border:1px solid #e1e6df;border-radius:18px!important;overflow:hidden;box-shadow:0 8px 22px #123c4209;background:#fff}
.s-product-card-image{background:linear-gradient(145deg,#f6f1e6,#edf4ef);padding:22px 18px 16px;position:relative}
.s-product-card-image a{display:block;border-radius:4px 13px 13px 4px;background:white;box-shadow:5px 5px 0 #d2ddd3,9px 9px 0 #e6e9df;border-inline-start:7px solid #00646b;overflow:hidden;transform:rotate(-2deg)}
.s-product-card-image img{object-fit:contain!important;background:#fff}
.s-product-card-content-title a{font-weight:700;color:#173e43;line-height:1.7}
.s-product-card-sale-price h4{color:#00646b!important}
.s-button-element{border-radius:10px}
@media(min-width:768px){body.index .s-products-list-horizontal-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}body.index .s-product-card-horizontal{display:flex!important;flex-direction:column!important}body.index .s-product-card-horizontal .s-product-card-image{width:100%!important;max-width:100%!important;height:250px!important}body.index .s-product-card-horizontal .s-product-card-content{width:100%;flex:1;padding:22px}body.index .s-product-card-image a{height:100%}body.index .s-product-card-image img{height:100%;width:100%}}
@media(max-width:767px){body.index .s-block{margin-top:28px}body.index .s-block--fixed-banner .banner{min-height:260px;padding:30px 25px;border-radius:20px}body.index .s-block--fixed-banner .banner:before,body.index .s-block--fixed-banner .banner:after{max-width:100%}body.index section[component-id="1686352870"] .banner{min-height:150px}body.index .s-block--categories .s-slider-swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}body.index .slide--cat-entry{min-height:145px;padding:24px 12px 18px}body.index .slide--cat-entry h2{font-size:15px}body.index .s-product-card-image{padding:15px 12px}}








/* Decorative file illustration, drawn without replacing stored images */
body.index section[component-id="1607680592"] .banner picture{display:block;position:absolute;left:7%;top:26%;width:24%;height:55%;border-radius:5px 20px 20px 20px;background:linear-gradient(145deg,#fffdf7,#e5decb);transform:rotate(-7deg);box-shadow:10px 12px 0 #ffffff22,20px 24px 0 #ffffff0c;z-index:-1}
body.index section[component-id="1607680592"] .banner picture img{display:none}
body.index section[component-id="1607680592"] .banner picture:before{content:"";position:absolute;right:0;top:-19px;width:46%;height:24px;border-radius:13px 13px 0 0;background:#ece5d5}
body.index section[component-id="1607680592"] .banner picture:after{content:"ملفات الوتين\A ــــــــــــــ\A تفاصيل تصنع الفرق";white-space:pre-line;display:flex;align-items:center;justify-content:center;text-align:center;height:100%;font-size:clamp(13px,1.6vw,21px);font-weight:700;line-height:2;color:#28575a;border-inline-start:12px solid #b49253;border-radius:5px 20px 20px 20px}
@media(min-width:768px){body.index section[component-id="1607680592"] .banner:before,body.index section[component-id="1607680592"] .banner:after{max-width:62%}}
@media(max-width:767px){body.index section[component-id="1607680592"] .banner picture{display:none}}








/* Wateen — refined deep teal and antique gold */
:root{--color-primary:#144b4b;--color-primary-dark:#082e32;--w-gold:#c2a36b;--w-ink:#153f41;--w-paper:#f8f6f0}
body{background:#f8f6f0}
.store-header{background:#fffdf8;border-bottom:1px solid #c6ab7438}
body.index .s-block--fixed-banner .banner{border-radius:8px;box-shadow:0 22px 45px #06333717}
body.index section[component-id="1607680592"]{margin-top:28px}
body.index section[component-id="1607680592"] .banner{min-height:440px;padding:65px 7%;border:1px solid #af955a;background:repeating-linear-gradient(135deg,transparent 0,transparent 68px,#cfb67908 69px,transparent 70px),radial-gradient(ellipse at 8% 10%,#c2a36b3d,transparent 50%),linear-gradient(115deg,#072b30,#145659);outline:1px solid #d9c29155;outline-offset:-12px;overflow:hidden}
body.index section[component-id="1607680592"] .banner:before{content:"لإنجازٍ يليق بكِ";font-size:clamp(38px,5.4vw,70px);font-weight:800;line-height:1.55;letter-spacing:-1px;color:#fff9eb;max-width:62%;text-shadow:0 4px 20px #0002}
body.index section[component-id="1607680592"] .banner:after{content:"الوتين · تفاصيل تُلهم، وملفات تصنع الفرق\A مجموعات تعليمية وإدارية بعناية\A اكتشفي مجموعتنا  ←";font-size:clamp(16px,1.65vw,22px);line-height:2.1;color:#decca8;max-width:63%;margin-top:18px}
body.index section[component-id="1607680592"] .banner picture{display:block;left:8%;top:23%;width:25%;height:57%;transform:rotate(-9deg);border:1px solid #ddc998;border-radius:5px 22px 22px 5px;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 5px),linear-gradient(135deg,#eadcbf,#b79b63);box-shadow:8px 10px 0 #f7e9c36b,17px 20px 0 #d9c29133,28px 33px 30px #0004}
body.index section[component-id="1607680592"] .banner picture:before{height:23px;top:-23px;width:46%;border:1px solid #d8c49b;border-bottom:0;background:linear-gradient(135deg,#e9d7b3,#c2a36b);border-radius:10px 10px 0 0}
body.index section[component-id="1607680592"] .banner picture:after{content:"الـوتـيـن\A ─────\A مكتبتك للإنجاز";border:1px solid #8e743c77;border-inline-start:9px solid #876a36;border-radius:5px 22px 22px 5px;color:#244547;font-size:clamp(17px,2vw,26px);line-height:2.1;text-shadow:0 1px #fff6;box-shadow:inset 0 0 0 12px #fffcf12b}
body.index section[component-id="1686352870"] .banner{min-height:145px;background:linear-gradient(110deg,#efe7d6,#fffcf5 55%,#f0eadc);border:1px solid #d8c8a6;border-radius:8px;outline:1px solid #b99e672c;outline-offset:-8px;padding:30px 7%}
body.index section[component-id="1686352870"] .banner:before{content:"اختيارات تُثري يومكِ… وتُبرز إنجازكِ";font-size:clamp(22px,2.5vw,33px);color:#20494b}
body.index section[component-id="1686352870"] .banner:after{content:"اكتشفي عروض الوتين  ←";color:#927340;letter-spacing:.2px}
body.index .s-block--categories{padding:20px 0 35px}
body.index .s-block--categories .s-slider-block__title{justify-content:center;margin-bottom:40px;text-align:center}
body.index .s-block--categories .s-slider-block__title h2{font-size:30px;line-height:1.6;letter-spacing:-.5px;color:#163f41}
body.index .s-block--categories .s-slider-block__title h2:after{content:"مجموعات مختارة لكل دورٍ وإنجاز";display:block;font-size:14px;font-weight:400;letter-spacing:0;color:#9d814c;margin-top:9px}
body.index .s-block--categories .s-slider-swiper-wrapper{gap:35px 24px;counter-reset:wateen-folders}
body.index .slide--cat-entry{counter-increment:wateen-folders;min-height:205px;padding:38px 18px 28px;gap:20px;border:1px solid #bda36b8c;border-radius:0 14px 14px 14px;background:repeating-linear-gradient(125deg,transparent 0 38px,#ffffff03 39px 40px),linear-gradient(145deg,#205a59,#0d353c)!important;box-shadow:6px 7px 0 #e5dcc9,0 18px 30px #123b3a17;outline:1px solid #d8bb772b;outline-offset:-9px}
body.index .slide--cat-entry:before{content:"الوتين";display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:1px;top:-19px;right:-1px;width:42%;height:20px;border:1px solid #c1a56c;border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(115deg,#d9c292,#b89a60);color:#244344}
body.index .slide--cat-entry:after{content:counter(wateen-folders,decimal-leading-zero) "  ·  استكشفي المجموعة  ←";font-size:11px;letter-spacing:.3px;color:#dbc698;border-top:1px solid #cdb37542;padding-top:15px;width:85%;text-align:center}
body.index .slide--cat-entry h2{color:#fff8e8;font-size:19px;font-weight:700;line-height:1.9}
body.index .slide--cat-entry:hover{transform:translateY(-6px);box-shadow:6px 10px 0 #d7c6a5,0 25px 35px #123b3a24}
.s-product-card-entry{border:1px solid #dfd4be;border-radius:8px!important;box-shadow:0 10px 24px #153b3c0a}
.s-product-card-image{background:linear-gradient(135deg,#f3ecdd,#f9f7f0);padding:27px 22px 24px}
.s-product-card-image a{border-inline-start:9px solid #164b4d;border-radius:3px 9px 9px 3px;box-shadow:5px 6px 0 #c7b07d,10px 11px 0 #e8dcc5;transform:rotate(-3deg)}
.s-product-card-content-title a{font-size:16px;color:#163f41}
.s-button-element{border-radius:6px}
.store-footer{background:#10393d;color:#f6f0e3;border-top:3px solid #b59a61}
.store-footer h3,.store-footer a{color:inherit}
@media(max-width:767px){body.index section[component-id="1607680592"] .banner{min-height:430px;padding:34px 27px;justify-content:flex-start;outline-offset:-9px}body.index section[component-id="1607680592"] .banner:before{max-width:100%;font-size:38px;line-height:1.6}body.index section[component-id="1607680592"] .banner:after{max-width:100%;font-size:14px;line-height:2;margin-top:9px}body.index section[component-id="1607680592"] .banner picture{display:block;top:auto;bottom:29px;left:32px;width:145px;height:113px;transform:rotate(-8deg);box-shadow:5px 7px 0 #f7e9c36b,11px 14px 0 #d9c29133,18px 21px 25px #0003}body.index section[component-id="1607680592"] .banner picture:after{font-size:14px;line-height:1.8;box-shadow:inset 0 0 0 7px #fffcf12b}body.index section[component-id="1607680592"] .banner picture:before{top:-14px;height:15px}body.index section[component-id="1686352870"] .banner{padding:28px 25px;min-height:155px}body.index section[component-id="1686352870"] .banner:before{font-size:23px}body.index section[component-id="1686352870"] .banner:after{font-size:14px}body.index .s-block--categories .s-slider-block__title h2{font-size:25px}body.index .s-block--categories .s-slider-block__title h2:after{font-size:12px}body.index .s-block--categories .s-slider-swiper-wrapper{gap:34px 18px}body.index .slide--cat-entry{min-height:175px;padding:29px 12px 22px;gap:13px}body.index .slide--cat-entry h2{font-size:15px}body.index .slide--cat-entry:after{font-size:9px;letter-spacing:0;width:95%;padding-top:11px}.s-product-card-image{padding:21px 17px}}
/* Wateen luminous backgrounds and animated promotions */
body{background:radial-gradient(ellipse at 95% 10%,#e1eeea 0,transparent 38%),radial-gradient(ellipse at 0 45%,#f4e5dd 0,transparent 32%),#fbf8f2!important;background-attachment:fixed!important}
.store-header{background:#fffdf8ed!important;box-shadow:0 5px 30px #153f4108}
body.index section[component-id="1607680592"] .banner{border-radius:24px!important;background:radial-gradient(ellipse at 18% 20%,#b79c6570,transparent 40%),radial-gradient(ellipse at 85% 90%,#308f8877,transparent 48%),linear-gradient(120deg,#092f39,#185d61,#174749)!important;background-size:160% 160%!important;animation:wateen-aurora 14s ease-in-out infinite alternate;box-shadow:0 24px 55px #153f4120!important;outline-offset:-14px}
body.index section[component-id="1607680592"] .banner picture{animation:wateen-float 7s ease-in-out infinite}
body.index section[component-id="1686352870"] .banner{min-height:185px!important;border-radius:20px!important;background:radial-gradient(circle at 10% 50%,#d9c29175,transparent 25%),linear-gradient(110deg,#f1dfd6,#fffaf0 50%,#e0eee7)!important;background-size:160% 160%!important;animation:wateen-aurora 12s ease-in-out infinite alternate;overflow:hidden;box-shadow:0 12px 35px #84654112!important;align-items:center!important;text-align:center;outline-offset:-9px}
body.index section[component-id="1686352870"] .banner:before{content:"ملفات إنجاز تُبرز تميّزكِ";animation:wateen-ad-copy 18s infinite;font-size:clamp(22px,3vw,38px)!important;max-width:100%;line-height:1.8!important}
body.index section[component-id="1686352870"] .banner:after{content:"اكتشفي اختيارات الوتين والعروض المتاحة ←"!important;color:#80613a!important;background:#fff9edb3;border:1px solid #ba995449;border-radius:50px;padding:7px 22px;font-size:15px!important;max-width:100%}
body.index .slide--cat-entry{border-radius:0 20px 20px 20px!important;background:radial-gradient(ellipse at 0 0,#4e8a8133,transparent 60%),linear-gradient(145deg,#276565,#103c48)!important;box-shadow:5px 7px 0 #e6dac4,0 14px 30px #183e4110!important}
body.index .s-block--categories .swiper-slide:nth-child(3n+2) .slide--cat-entry{background:radial-gradient(circle at 10% 10%,#f9e6c9,transparent 60%),linear-gradient(135deg,#f6eee0,#e7dac4)!important;outline-color:#9c7d4140}
body.index .s-block--categories .swiper-slide:nth-child(3n+2) .slide--cat-entry h2{color:#284b4a!important}
body.index .s-block--categories .swiper-slide:nth-child(3n+2) .slide--cat-entry:after{color:#82683d!important;border-color:#a88a5140}
body.index .s-block--categories .swiper-slide:nth-child(3n) .slide--cat-entry{background:radial-gradient(circle at 10% 10%,#f8e8e0,transparent 65%),linear-gradient(135deg,#efded5,#e3cbc0)!important;outline-color:#9b796140}
body.index .s-block--categories .swiper-slide:nth-child(3n) .slide--cat-entry h2{color:#513c36!important}
body.index .s-block--categories .swiper-slide:nth-child(3n) .slide--cat-entry:after{color:#805e4b!important;border-color:#98765a40}
.s-product-card-image{background:radial-gradient(ellipse at 15% 20%,#f0e0cc,transparent 65%),linear-gradient(135deg,#f7f0e8,#eaf1ec)!important}
.s-product-card-entry{border-radius:17px!important;transition:box-shadow .3s,transform .3s}
@media(hover:hover){.s-product-card-entry:hover{transform:translateY(-4px);box-shadow:0 20px 38px #173e4117!important}}
@keyframes wateen-aurora{from{background-position:0% 30%}to{background-position:100% 75%}}
@keyframes wateen-float{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-12px) rotate(-6deg)}}
@keyframes wateen-ad-copy{0%,29%{content:"ملفات إنجاز تُبرز تميّزكِ";opacity:1;transform:translateY(0)}31%{opacity:0;transform:translateY(-10px)}34%,62%{content:"شواهد أداء مرتّبة… لإنجازٍ أجمل";opacity:1;transform:translateY(0)}64%{opacity:0;transform:translateY(-10px)}67%,95%{content:"للتوجيه والإدارة… تفاصيل تصنع الفرق";opacity:1;transform:translateY(0)}98%{opacity:0;transform:translateY(-10px)}100%{content:"ملفات إنجاز تُبرز تميّزكِ";opacity:1;transform:translateY(0)}}
@media(max-width:767px){body.index section[component-id="1607680592"] .banner{border-radius:19px!important}body.index section[component-id="1686352870"] .banner{min-height:210px!important;padding:30px 22px!important}body.index section[component-id="1686352870"] .banner:before{font-size:22px!important}body.index section[component-id="1686352870"] .banner:after{font-size:12px!important;padding:7px 12px}body.index .slide--cat-entry{min-height:175px!important}}
@media(prefers-reduced-motion:reduce){body.index section[component-id="1607680592"] .banner,body.index section[component-id="1607680592"] .banner picture,body.index section[component-id="1686352870"] .banner,body.index section[component-id="1686352870"] .banner:before{animation:none!important}}




/* Formal white, black and green */
:root{--color-primary:#166147;--color-primary-dark:#103d2e;--color-primary-light:#eef5f1;--w-gold:#166147;--w-ink:#171d1a;--w-paper:#ffffff}
body{background:#fff!important;color:#171d1a!important}
.store-header{background:#fff!important;border-bottom:1px solid #e4e9e6!important;box-shadow:none!important}
body.index .s-block__title h2,body.index .s-slider-block__title h2{color:#171d1a!important}
body.index section[component-id="1607680592"] .banner{background:radial-gradient(ellipse at 12% 20%,#287b5d55,transparent 48%),linear-gradient(115deg,#111916,#0d392a)!important;background-size:160% 160%!important;border:1px solid #244b3c!important;outline-color:#ffffff22!important;border-radius:14px!important;box-shadow:0 18px 45px #14281d16!important}
body.index section[component-id="1607680592"] .banner:before{color:#fff!important;letter-spacing:0!important}
body.index section[component-id="1607680592"] .banner:after{color:#d6e8de!important}
body.index section[component-id="1607680592"] .banner picture{background:linear-gradient(135deg,#fff,#dfece4)!important;border:1px solid #d6e5dc!important;box-shadow:8px 10px 0 #ffffff28,17px 20px 0 #ffffff12,25px 30px 30px #0003!important}
body.index section[component-id="1607680592"] .banner picture:before{background:#e7f1eb!important;border-color:#cfdfd5!important}
body.index section[component-id="1607680592"] .banner picture:after{color:#163c2c!important;text-shadow:none!important;border-color:#c6dace!important;border-inline-start:9px solid #166147!important;box-shadow:inset 0 0 0 12px #ffffff40!important}
body.index section[component-id="1686352870"] .banner{background:radial-gradient(ellipse at 0 10%,#d5e9dc,transparent 60%),linear-gradient(110deg,#eef5f0,#fff 55%,#eaf3ee)!important;background-size:160% 160%!important;border:1px solid #d6e4db!important;outline-color:#b3cebe66!important;border-radius:12px!important;box-shadow:none!important}
body.index section[component-id="1686352870"] .banner:before{color:#151f19!important}
body.index section[component-id="1686352870"] .banner:after{color:#145039!important;background:#fff!important;border-color:#bcd4c5!important}
body.index .s-block--categories .s-slider-block__title h2:after{color:#557462!important}
body.index .slide--cat-entry,body.index .s-block--categories .swiper-slide:nth-child(3n+2) .slide--cat-entry,body.index .s-block--categories .swiper-slide:nth-child(3n) .slide--cat-entry{background:linear-gradient(145deg,#fff,#f0f6f2)!important;border:1px solid #ceded4!important;outline:none!important;border-radius:0 12px 12px 12px!important;box-shadow:4px 5px 0 #e2ece6,0 10px 24px #12382108!important}
body.index .slide--cat-entry h2,body.index .s-block--categories .swiper-slide:nth-child(3n+2) .slide--cat-entry h2,body.index .s-block--categories .swiper-slide:nth-child(3n) .slide--cat-entry h2{color:#17241c!important}
body.index .slide--cat-entry:before{background:#166147!important;color:#fff!important;border-color:#166147!important;letter-spacing:0!important}
body.index .slide--cat-entry:after,body.index .s-block--categories .swiper-slide:nth-child(3n+2) .slide--cat-entry:after,body.index .s-block--categories .swiper-slide:nth-child(3n) .slide--cat-entry:after{color:#346b4e!important;border-color:#d2e0d7!important}
.s-product-card-entry{border-color:#dfe7e2!important;box-shadow:0 8px 22px #11291c06!important;border-radius:12px!important}
.s-product-card-image{background:linear-gradient(145deg,#f3f7f4,#fff)!important}
.s-product-card-image a{border-inline-start-color:#166147!important;box-shadow:5px 6px 0 #c5dacc,10px 11px 0 #e8f0eb!important;transform:rotate(-1deg)!important}
.s-product-card-content-title a{color:#17241c!important}
.s-product-card-sale-price h4{color:#166147!important}
.store-footer{background:#131e18!important;color:#f4f8f5!important;border-top:3px solid #166147!important}
/* Photographic hero */
body.index section[component-id="1607680592"] .banner{display:block!important;padding:0!important;min-height:0!important;background:#fff!important;border:0!important;outline:0!important;animation:none!important;overflow:hidden;border-radius:16px!important;box-shadow:0 16px 40px #173e4110!important}
body.index section[component-id="1607680592"] .banner:before,body.index section[component-id="1607680592"] .banner:after{display:none!important;content:none!important}
body.index section[component-id="1607680592"] .banner picture{display:block!important;position:static!important;width:100%!important;height:auto!important;transform:none!important;animation:none!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.index section[component-id="1607680592"] .banner picture:before,body.index section[component-id="1607680592"] .banner picture:after{display:none!important;content:none!important}
body.index section[component-id="1607680592"] .banner picture img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
@media(max-width:767px){body.index section[component-id="1607680592"] .banner{min-height:0!important;padding:0!important}body.index section[component-id="1607680592"] .banner picture{width:100%!important;height:auto!important}}
/* Illustrated file collection and coupon ticker */
body.index section[component-id="1686352870"] .banner{min-height:350px!important;padding:40px 5%!important;padding-left:54%!important;align-items:flex-start!important;text-align:right!important;background:linear-gradient(120deg,#f5f9f6,#fff)!important;outline:none!important;border:1px solid #dce7df!important;animation:none!important}
body.index section[component-id="1686352870"] .banner:before{font-size:clamp(22px,2.5vw,34px)!important;line-height:1.9!important}
body.index section[component-id="1686352870"] .banner:after{font-size:13px!important;padding:9px 16px!important}
body.index section[component-id="1686352870"] .banner picture{display:block!important;position:absolute!important;left:0!important;top:0!important;width:48%!important;height:100%!important;margin:0!important;overflow:hidden}
body.index section[component-id="1686352870"] .banner picture img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.s-advertisement-content{position:relative;overflow:hidden!important;background:#123e2c!important;color:#fff!important;min-height:44px!important}
.s-advertisement-content-main{display:block!important;width:calc(100% - 56px)!important;overflow:hidden!important;text-align:center!important;margin:auto!important}
.s-advertisement-content-main .s-advertisement-content-icon{display:none!important}
.s-advertisement-content-main a{display:block!important;font-size:0!important;white-space:nowrap!important;animation:wateen-coupon-walk 16s linear infinite!important;will-change:transform;color:#fff!important;line-height:44px!important}
.s-advertisement-content-main a:after{content:"استخدمي كود الخصم F10 عند إتمام الطلب  ✦  اكتشفي ملفات الوتين";font-size:15px;font-weight:700;color:#fff;letter-spacing:0}
.s-advertisement-content:hover .s-advertisement-content-main a{animation-play-state:paused!important}
.s-advertisement-action{z-index:2;background:#123e2c!important;color:#fff!important}
@keyframes wateen-coupon-walk{0%{transform:translateX(85%)}100%{transform:translateX(-85%)}}
@media(max-width:767px){body.index section[component-id="1686352870"] .banner{min-height:0!important;padding:0 0 24px!important;align-items:center!important;text-align:center!important}body.index section[component-id="1686352870"] .banner picture{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;order:-1!important;margin-bottom:20px!important}body.index section[component-id="1686352870"] .banner picture img{height:auto!important;object-fit:contain!important}body.index section[component-id="1686352870"] .banner:before{font-size:21px!important;padding:0 16px!important}body.index section[component-id="1686352870"] .banner:after{font-size:11px!important;margin:12px 14px 0!important}.s-advertisement-content-main a:after{font-size:13px}.s-advertisement-content-main a{animation-duration:13s!important}}
@media(prefers-reduced-motion:reduce){.s-advertisement-content-main a{animation:none!important;white-space:normal!important;line-height:1.8!important}.s-advertisement-content-main a:after{font-size:12px}}