@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap");

:root{--navy:#103746;--navy2:#092c3a;--teal:#19a7b4;--teal2:#55c2ca;--pink:#e96e94;--ink:#173643;--muted:#70828b;--line:#e1ebed;--bg:#f5f9fa;--white:#fff;--radius:22px;--shadow:0 18px 50px rgba(15,51,65,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Tahoma,Arial,sans-serif;color:var(--ink);line-height:1.65}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffbd68;outline-offset:3px}::selection{background:#b3ebea}
.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.mini-top{background:#082c3a;color:#c1d6de;font-size:12px}.mini-top .container{display:flex;justify-content:space-between;padding:7px 0;gap:10px}.mini-top a:hover{color:white}.header{background:#fff;border-bottom:1px solid #edf2f3;position:sticky;top:0;z-index:20;box-shadow:0 5px 25px rgba(16,55,70,.045)}.header-inner{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-icon{width:43px;height:43px;display:grid;place-items:center;background:linear-gradient(135deg,#16b2be,#086e82);color:white;border-radius:14px;font:bold 27px Arial;box-shadow:0 8px 18px #1aa9b32b;transform:skew(-6deg)}.brand-name{line-height:1.02;display:flex;flex-direction:column;letter-spacing:.5px}.brand-name strong{font:800 25px Arial,sans-serif;color:#2a4450;letter-spacing:1.5px}.brand-name small{font:800 11px Arial,sans-serif;letter-spacing:3px;color:#14a6b5;margin-top:5px}.nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:bold;color:#355361}.nav a:hover,.nav a.active{color:#0e9bad}.header-actions{display:flex;gap:9px;align-items:center}.lang{border:1px solid #d9e8eb;color:#234554;border-radius:12px;background:#fff;padding:8px 12px;font-weight:bold;font-size:12px;min-width:47px}.pill{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 20px;font-size:14px;font-weight:bold;transition:transform .2s,background .2s,box-shadow .2s}.pill:hover{transform:translateY(-2px)}.pill.primary{background:#1aaab5;color:#fff;box-shadow:0 12px 25px #11a3b32c}.pill.primary:hover{background:#108b99}.pill.dark{background:#103746;color:white}.pill.outline{border:1px solid #cde1e5;background:#fff;color:#244953}.menu-btn{display:none;background:none;border:1px solid #d4e4e8;border-radius:12px;padding:8px 11px;font-size:20px}.status-ribbon{background:#e6f7f7;color:#26737c;border-bottom:1px solid #cce8e9;font-size:12px}.status-ribbon .container{padding:6px 0;text-align:center}.status-ribbon strong{color:#0b7e8b}
.hero{position:relative;background:radial-gradient(circle at 17% 22%,#286478 0,transparent 39%),linear-gradient(110deg,#092b3b 0%,#103e51 100%);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;width:600px;height:600px;right:-200px;bottom:-360px;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 0 0 65px #ffffff06,0 0 0 130px #ffffff04}.hero:after{content:"";position:absolute;width:220px;height:220px;left:40%;top:-150px;background:#20c4c833;filter:blur(75px)}.hero .container{min-height:500px;display:grid;grid-template-columns:1.03fr .97fr;gap:24px;align-items:center;position:relative;z-index:1}.hero-copy{padding:75px 0 80px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#8de0e2;letter-spacing:.9px;font:700 12px Arial,Tahoma,sans-serif}.eyebrow:before{content:"";width:22px;height:2px;background:#47c1c8;border-radius:5px}.hero h1{font-size:clamp(31px,4.15vw,56px);line-height:1.32;letter-spacing:-1.6px;margin:17px 0 20px;font-weight:800}.hero h1 span{color:#7de0df}.hero p{color:#c3d9de;font-size:16px;max-width:540px;line-height:2;margin-bottom:27px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.hero .ghost{color:#fff;border-color:#7597a3;background:transparent}.hero-stats{display:flex;gap:25px;margin-top:41px;color:#bbd6de;font-size:12px}.hero-stats>div{display:flex;gap:9px;align-items:center;border-inline-start:1px solid #ffffff2a;padding-inline-start:17px}.hero-stats strong{font-size:19px;color:#fff}.hero-stats>div:first-child{border:0;padding:0}.dot{width:8px;height:8px;background:#4bd3ce;border-radius:50%;box-shadow:0 0 0 6px #4bd3ce18}
.hero-art{min-height:430px;position:relative;display:flex;align-items:center;justify-content:center}.hero-orbit{position:absolute;width:400px;height:400px;border:1px solid #ffffff1e;border-radius:50%;box-shadow:0 0 0 60px #ffffff07,0 0 0 120px #ffffff06}.hero-glow{width:270px;height:230px;position:absolute;background:#1fd3ce5e;filter:blur(85px);border-radius:100%}.art-platform{position:absolute;bottom:64px;width:380px;height:42px;border-radius:50%;background:#061c2b7d;filter:blur(12px)}.pack{--pc:#31b7bc;--pl:#e8ffff;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:linear-gradient(104deg,#e3edec,#fff 25%,#fff 74%,#bbd7d6);box-shadow:15px 17px 35px #061f2c7e, inset -6px 0 10px #8badad1c;color:#193c4a;border-radius:11px 11px 17px 17px;text-align:center;isolation:isolate}.pack:after{content:"";position:absolute;width:100%;height:42%;left:0;bottom:0;background:var(--pc);opacity:.14;z-index:-1;border-radius:0 0 16px 16px}.pack .pack-brand{font:900 10px Arial;letter-spacing:2px;color:#5d7380;margin-top:23%}.pack .pack-stripe{width:62%;height:7px;background:var(--pc);margin:12% 0 10%;border-radius:30px}.pack .pack-title{font:800 12px/1.5 Arial;letter-spacing:.1px;max-width:85%}.pack .pack-note{font:700 7px Arial;color:#56818a;margin-top:11%}.pack .pack-bottom{position:absolute;bottom:13px;font:700 8px Arial;color:var(--pc)}.pack.tall{height:320px;width:155px;transform:rotate(7deg) translateY(4px);z-index:2}.pack.center{height:375px;width:181px;transform:translateY(-15px);z-index:3}.pack.side{height:295px;width:145px;transform:rotate(-9deg) translateY(14px);z-index:1}.pack.center .pack-brand{font-size:12px}.pack.center .pack-title{font-size:16px}.pack.center .pack-stripe{height:9px}.hero-packs{display:flex;align-items:center;justify-content:center;direction:ltr;transform:perspective(800px) rotateY(-7deg)}.floating-label{position:absolute;background:#ffffffef;color:#18404c;border:1px solid #ffffffb8;border-radius:15px;padding:10px 15px;box-shadow:0 13px 35px #00192744;backdrop-filter:blur(8px);z-index:4;font-size:11px;font-weight:bold}.floating-label i{display:inline-block;width:8px;height:8px;background:#24b9b4;border-radius:50%;margin-inline-end:6px}.floating-label.one{top:70px;right:35px}.floating-label.two{bottom:93px;left:0}
.section{padding:79px 0}.section.white{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:29px}.kicker{color:#0e9aa8;font-size:12px;font-weight:bold;letter-spacing:1px}.section h2{font-size:clamp(25px,2.6vw,37px);letter-spacing:-.8px;margin:7px 0 10px;line-height:1.45;color:var(--navy)}.section-sub{max-width:650px;color:#74838c;font-size:14px;margin:0}.text-link{color:#0b929e;font-size:14px;font-weight:bold;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.cat-card{min-height:165px;border:1px solid #e6eff0;background:#fff;border-radius:20px;padding:24px 22px;transition:.2s;display:flex;flex-direction:column;align-items:flex-start;text-align:start;box-shadow:0 7px 25px #0b405009}.cat-card:hover{transform:translateY(-5px);border-color:#8bd0d5;box-shadow:var(--shadow)}.cat-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:#e6f7f7;color:#1297a4;font-size:24px;margin-bottom:14px}.cat-card strong{font-size:17px;color:#1c414d}.cat-card small{font-size:12px;color:#8a989d;margin-top:4px}.cat-arrow{margin-top:12px;color:#20a5b0}
.catalog{background:#f2f8f9}.catalog-tools{background:#fff;border:1px solid #e2eded;border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px;margin-bottom:24px;box-shadow:0 9px 30px #0c3b4908}.search-wrap{position:relative;flex:1;min-width:180px}.search-wrap span{position:absolute;right:16px;top:11px;color:#7f969d;font-size:18px}.search-wrap input{height:48px;padding:0 45px 0 18px;border-radius:11px;border:1px solid #dce9ea;width:100%;background:#f9fbfb;color:#28434c;outline:none}.search-wrap input:focus{border-color:#19a5b2}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{border:1px solid #dbe9ec;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:bold;background:#fff;color:#59727c}.filter.active{background:#0f9daa;color:white;border-color:#0f9daa}.results-count{font-size:12px;color:#82949b;margin-bottom:14px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e5eff0;transition:.2s}body:not([data-page="product"]) .product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#badce0}.product-art{height:232px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 35% 30%,var(--light),#f4f9fa 66%)}.product-art:before{content:"";position:absolute;width:200px;height:200px;border:1px solid #ffffffa1;border-radius:50%;box-shadow:0 0 0 30px #ffffff5c,0 0 0 70px #ffffff38}.product-art .mini-pack{--c:#13a8ab;width:103px;height:165px;border-radius:6px 6px 11px 11px;background:linear-gradient(100deg,#dae8e8,#fff 22%,#fff 72%,#d6e8e8);box-shadow:12px 13px 20px #38616b24;transform:rotate(-5deg);z-index:2;display:flex;align-items:center;flex-direction:column;text-align:center;overflow:hidden;position:relative;padding-top:25px}.mini-pack:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:39%;background:var(--c);opacity:.17}.mini-pack .name{font:900 10px Arial;letter-spacing:1.7px;color:#7c949c}.mini-pack .stripe{height:5px;width:60%;border-radius:10px;background:var(--c);margin:21px 0 13px}.mini-pack .product-name{font:900 12px/1.25 Arial;max-width:85%;color:#33515c}.mini-pack .sub-name{font:700 8px Arial;color:#4c7d87;margin-top:9px;max-width:80%}.product-badge{position:absolute;top:16px;right:16px;z-index:2;background:#ffffffdc;border:1px solid #dce9e8;border-radius:25px;padding:4px 11px;font-size:11px;color:#637984}.product-info{padding:18px 21px 22px}.product-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#0e9fae;font-weight:bold}.product-info h3{margin:8px 0 5px;font-size:19px;color:#1b3d48;font-family:Arial,Tahoma,sans-serif;direction:ltr;text-align:start}.product-info p{font-size:12px;color:#7c8c94;margin:0 0 15px;min-height:42px}.product-cta{border-top:1px solid #e9eff0;padding-top:13px;display:flex;justify-content:space-between;align-items:center}.product-cta button{background:none;color:#0b97a3;font-size:13px;font-weight:bold;border:0;padding:3px}.no-results{grid-column:1/-1;background:white;border-radius:17px;text-align:center;padding:40px;color:#71858a}
.brands{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brand-feature{border-radius:24px;background:linear-gradient(125deg,#0b3545,#186177);padding:36px;min-height:266px;color:white;position:relative;overflow:hidden}.brand-feature:after{content:"K";font:900 290px Arial;position:absolute;left:-10px;bottom:-125px;color:#ffffff10}.brand-feature .tiny{color:#8adfe1;font-size:12px;font-weight:bold}.brand-feature h3{font:900 42px Arial;margin:9px 0 6px}.brand-feature p{max-width:330px;color:#d1e5e8;font-size:14px}.brand-note{border:1px solid #e4ecef;background:#f7fafb;border-radius:24px;padding:33px;display:flex;flex-direction:column;justify-content:center}.brand-note h3{font-size:22px;margin:0 0 9px}.brand-note p{font-size:14px;color:#738891;margin:0 0 20px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-list div{background:white;border-radius:12px;padding:11px 13px;font-size:12px;color:#395967}.feature-list b{color:#0799a8;margin-inline-end:7px}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-art{height:360px;border-radius:26px;background:radial-gradient(circle at 33% 24%,#b4f1ef,#56b6c1 47%,#0d5b70);position:relative;overflow:hidden;display:grid;place-items:center}.about-art:after{content:"";width:280px;height:280px;position:absolute;border:1px solid #ffffff88;border-radius:50%;box-shadow:0 0 0 45px #ffffff28,0 0 0 95px #ffffff19}.about-symbol{font:bold 110px Arial;color:#ffffffed;transform:rotate(-5deg);z-index:1;letter-spacing:-8px}.about-mini{position:absolute;bottom:24px;right:24px;z-index:2;background:#fffffff0;border-radius:14px;padding:12px 18px;color:#245463;font-weight:bold;font-size:13px;box-shadow:0 8px 20px #16425029}.about-text p{color:#738792;font-size:15px;line-height:2.15}.about-points{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}.about-points span{background:#e8f8f8;color:#187682;border-radius:20px;font-size:12px;padding:8px 13px;font-weight:bold}
.contact-band{background:#0c3446;color:#fff;padding:53px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-inner h2{color:white;font-size:28px;margin:0 0 7px}.contact-inner p{color:#b9d4dc;font-size:14px;margin:0}.contact-actions{display:flex;gap:11px;flex-wrap:wrap}.footer{background:#082735;color:#a8bfca;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer .brand-name strong{color:#fff}.footer p{font-size:13px;max-width:350px;line-height:2}.footer h4{color:#fff;font-size:15px;margin:0 0 16px}.footer-links{display:grid;gap:10px;font-size:13px}.footer-links a:hover{color:white}.copyright{border-top:1px solid #ffffff21;padding-top:20px;margin-top:34px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#819faa}
.modal-backdrop{position:fixed;inset:0;background:#031e2bc9;z-index:50;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}.modal-backdrop.open{display:flex}.modal{width:min(740px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;position:relative;box-shadow:0 20px 70px #001b2b63}.close-modal{position:absolute;top:16px;left:16px;z-index:1;width:37px;height:37px;border:1px solid #dee9eb;background:white;border-radius:10px;font-size:20px}.modal-content{display:grid;grid-template-columns:40% 60%}.modal-visual{min-height:330px;display:grid;place-items:center;background:var(--light)}.modal-visual .mini-pack{width:130px;height:218px;transform:rotate(-5deg);background:linear-gradient(110deg,#d8e8e8,#fff 22%,#fff 77%,#d1e0e3);box-shadow:15px 18px 29px #1a4a5e22;border-radius:9px;display:flex;align-items:center;flex-direction:column;padding-top:36px;position:relative;overflow:hidden}.modal-visual .mini-pack:after{content:"";background:var(--c);height:35%;opacity:.2;position:absolute;bottom:0;width:100%}.modal-visual .name{font:900 12px Arial;letter-spacing:1px;color:#6d8791}.modal-visual .stripe{background:var(--c);height:8px;border-radius:30px;width:62%;margin:35px 0 15px}.modal-visual .product-name{font:900 15px/1.3 Arial;text-align:center;color:#33515c;max-width:85%}.modal-visual .sub-name{font:700 9px Arial;text-align:center;margin-top:10px;color:#4c7d87}.modal-detail{padding:50px 37px 36px}.modal-detail small{color:#0d9eab;font-weight:bold}.modal-detail h3{font-size:26px;direction:ltr;text-align:start;line-height:1.3;margin:11px 0}.modal-detail p{color:#70848e;font-size:14px}.modal-info{font-size:13px;color:#566d75;background:#f3f8f9;border-radius:12px;padding:13px 16px;margin:17px 0}.modal-detail .pill{margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
html[dir=ltr] .search-wrap span{right:auto;left:16px}html[dir=ltr] .search-wrap input{padding:0 18px 0 45px}html[dir=ltr] .product-badge{right:auto;left:16px}html[dir=ltr] .close-modal{left:auto;right:16px}html[dir=ltr] .eyebrow:before{order:-1}html[dir=ltr] .mini-pack .product-name{text-align:center}
@media(max-width:960px){.nav{gap:15px}.hero .container{grid-template-columns:1fr .9fr}.hero-packs{transform:scale(.8)}.hero h1{font-size:36px}.hero-art{min-height:360px}.floating-label.one{right:0}.floating-label.two{left:-10px}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.container{width:min(100% - 30px,1180px)}.mini-top{display:none}.header-inner{min-height:68px}.brand-name strong{font-size:21px}.brand-name small{font-size:9px}.brand-icon{width:37px;height:37px}.menu-btn{display:block}.header-actions .header-contact{display:none}.nav{display:none;position:absolute;top:67px;left:0;right:0;background:white;padding:15px 24px 23px;flex-direction:column;align-items:stretch;border-top:1px solid #edf3f3;box-shadow:0 18px 30px #12384719;gap:0}.nav.open{display:flex}.nav a{padding:12px;border-bottom:1px solid #f0f4f5}.hero .container{grid-template-columns:1fr}.hero-copy{padding:60px 0 0}.hero h1{font-size:37px;letter-spacing:-1px}.hero p{font-size:14px}.hero-art{min-height:330px;margin-top:-30px}.hero-packs{transform:scale(.71)}.hero-orbit{width:290px;height:290px}.art-platform{bottom:15px}.floating-label.one{top:25px;right:10px}.floating-label.two{bottom:18px;left:5px}.hero-stats{margin-top:23px;gap:10px;font-size:10px;flex-wrap:wrap}.hero-stats strong{font-size:16px}.section{padding:55px 0}.section-head{align-items:start;flex-direction:column;gap:9px}.catalog-tools{align-items:stretch;flex-direction:column}.filters{gap:6px}.filter{flex:1;padding:10px 8px}.products{grid-template-columns:1fr 1fr;gap:12px}.product-art{height:160px}.product-info{padding:12px}.product-info h3{font-size:15px}.product-info p{font-size:11px;min-height:55px}.product-meta{font-size:10px}.product-art .mini-pack{transform:scale(.76) rotate(-5deg)}.brands,.about-layout{grid-template-columns:1fr}.about-art{height:270px}.about-layout{gap:25px}.contact-inner{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.modal-content{grid-template-columns:1fr}.modal-visual{min-height:230px}.modal-visual .mini-pack{transform:scale(.77)}.modal-detail{padding:22px}.modal-detail h3{font-size:22px}}
@media(max-width:420px){.categories{gap:10px}.cat-card{padding:17px;min-height:150px}.cat-card strong{font-size:14px}.cat-icon{height:43px;width:43px;font-size:22px}.hero h1{font-size:32px}.hero-stats{gap:7px}.hero-stats>div{padding-inline-start:10px}.products{grid-template-columns:1fr}.product-art{height:190px}.product-info p{min-height:0}.product-art .mini-pack{transform:scale(.9) rotate(-5deg)}.feature-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}

.header-actions .lang span[lang=ar],[lang=ar] body{font-family:Cairo,Tahoma,Arial,sans-serif}.hero-art.has-slides,.about-art.has-slides{position:relative;min-height:0;height:auto;display:block;background:transparent;touch-action:pan-y}.has-slides::after{display:none}.has-slides img{display:block;width:100%;aspect-ratio:2.6;object-fit:contain;border-radius:14px}.about-art.has-slides img{aspect-ratio:16/10;background:#e6f1f3}.about-layout{align-items:start}.slide-arrow{position:absolute;inset-block:0;width:44px;border:0;background:transparent;color:white;text-shadow:0 1px 6px #092c3a;font-size:24px;opacity:0}.slide-arrow.left{left:0}.slide-arrow.right{right:0}.slide-arrow:hover,.slide-arrow:focus-visible{opacity:1}.pages,.inquiry,#socialLinks,.agency-actions,.tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pages{justify-content:center;margin-top:20px}.pages[hidden]{display:none}.pages [aria-current],.tabs [aria-selected=true]{background:#0b7688;color:white}.product-link{display:flex;flex-direction:column;min-width:0}.product-info{display:flex;flex-direction:column;flex:1;overflow-wrap:anywhere}.product-info p{flex:1}.product-cta{margin-top:auto;color:#08758a;font-weight:bold}.product-art img{width:100%;height:100%;object-fit:contain;position:relative}.stock{align-self:start;display:inline-block;padding:4px 10px;margin-bottom:10px;border-radius:20px;font-weight:bold}.stock.available{background:#def4e5;color:#155832}.stock.unavailable{background:#ffe1e3;color:#8f2030}.stock.soon{background:#deedff;color:#174f8b}.agency-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:white;border:1px solid var(--line);border-top:4px solid var(--pink);border-radius:20px;padding:16px;min-width:0;overflow-wrap:anywhere;transition:transform .2s,box-shadow .2s}.agency-card:hover,.agency-card:focus-within{transform:translateY(-4px);box-shadow:var(--shadow)}.agency-logo-box{display:grid;place-items:center;background:var(--bg);border-radius:10px;width:100%;height:90px}.agency-logo-box img{width:80%;height:65px;object-fit:contain}.agency-actions{margin-top:auto;justify-content:center}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#footerContacts a{display:block;width:fit-content}#socialLinks a,#socialLinks span{border:1px solid #7897a2;border-radius:8px;min-width:34px;text-align:center;padding:4px}.contact-band{position:relative;overflow:hidden;isolation:isolate}.contact-band:before{content:"";position:absolute;inset:auto -30px -70px auto;width:clamp(220px,36vw,540px);aspect-ratio:3/2;background:url(assets/contact-v.svg) center/contain no-repeat;z-index:-1}.wa{background:#25D366;color:#103746}.detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:20px}.tabs{padding:12px;border-bottom:1px solid var(--line)}.tabs button{padding:8px;border:1px solid var(--line);border-radius:8px}.detail-panel{padding:20px;white-space:pre-wrap}.nutrition{overflow:auto}.nutrition table{border-collapse:collapse;width:100%}.nutrition td,.nutrition th{text-align:start;border-bottom:1px solid var(--line);padding:9px}.nutrition th{background:#fff3ee;color:#963c2b}.member-grid,.admin-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin-block:14px}.member-card{padding:12px}.member-card img,.admin-photo{width:100%;height:90px;object-fit:contain}.member-card input{width:70px}#editor details{border:1px solid var(--line);padding:10px;margin-block:8px;background:#fff;border-radius:10px}#editor label{display:grid;gap:4px;margin-block:5px}#editor textarea,#editor select{width:100%;font:inherit;padding:6px}#editor button,#tabs button{margin:4px}.header-actions .pill{padding-inline:8px;font-size:12px}#products{scroll-margin-top:90px}.cat-icon svg{width:32px;height:32px}.cat-card{transition:transform .2s}.cat-card:hover .cat-icon{background:#087b90;color:white}.cat-card[data-goto-filter=skincare] .cat-icon,.cat-card[data-goto-filter=beauty] .cat-icon{background:#fcecf2;color:#af2f60}.cat-card[data-goto-filter=skincare]:hover .cat-icon,.cat-card[data-goto-filter=beauty]:hover .cat-icon{background:#af2f60;color:white}
@media(max-width:720px){.products,.categories,.brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.product-art{height:clamp(105px,35vw,180px)}.agency-actions .pill{width:100%;padding-inline:6px}.agency-card{padding:10px}.slide-arrow{opacity:1}.header-inner{gap:6px}.header .brand img{width:82px}.header-actions{gap:5px}}
@media(hover:none){.slide-arrow{opacity:1}}
@media(prefers-reduced-motion:reduce){.agency-card,.cat-card{transition:none}}

#productGrid .product-art,.detail-grid .product-art{grid-template:minmax(0,1fr)/minmax(0,1fr);padding:18px;background:radial-gradient(circle at 50% 50%,var(--light,#e0f3f4),#f4f9fa 75%)}
#productGrid .product-art img,.detail-grid .product-art img{display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain;z-index:1}
#productGrid .product-badge{z-index:2;inset-inline-start:16px;inset-inline-end:auto}
@media(max-width:720px){#productGrid .product-art{padding:28px 8px 8px}#productGrid .product-badge{inset-inline-start:8px;top:6px}}

#products .section-head h2::after{content:"";display:block;width:46px;height:4px;border-radius:4px;background:var(--pink);margin-block:10px 0}
#productGrid .product-art{padding:0;background:radial-gradient(circle at 35% 30%,var(--light,#e0f3f4),#f4f9fa 66%)}
#productGrid .product-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 8px}
#productGrid .stock{font-size:13px;padding:5px 12px}
@media(max-width:720px){#productGrid .product-art{padding:17px 5px 3px}}

.product-page{padding-block:32px 64px}.catalog-back{margin-block-end:14px}

.agency-card{transition:transform .2s,box-shadow .2s,border-top-color .2s}.agency-card:is(:hover,:focus-within){border-top-color:#24acc4}.slide-arrow{display:grid;place-items:center;direction:ltr}.slide-arrow svg{width:32px;height:32px;filter:drop-shadow(0 1px 3px #082b3b)}.inquiry .pill{padding-inline:15px;color:#fff}.inquiry .wa{background:#25d366}.inquiry .primary{background:#087b90}.inquiry svg,#socialLinks svg{width:23px;height:23px}#socialLinks :is(a,span){display:grid;place-items:center;width:38px;height:38px}#socialLinks span{opacity:.6}#categories{background:#f3f7f8}#categories .section-head{justify-content:center;text-align:center}#categories h2::after{content:"";display:block;width:46px;height:4px;background:var(--pink);border-radius:4px;margin:10px auto}#categories .cat-card{min-width:0;min-height:300px;align-items:center;text-align:center;border-radius:24px;--accent:#087b90}#categories .cat-card:is([data-goto-filter=beauty],[data-goto-filter=skincare]){--accent:#af2f60}#categories .cat-icon{width:76px;height:76px;border-radius:23px;transition:color .2s,background .2s,transform .2s}#categories .cat-card:is(:hover,:focus-visible) .cat-icon{background:var(--accent);color:white;transform:scale(1.06)}#categories .cat-card:is(:hover,:focus-visible){border-color:var(--accent)}#categories .cat-arrow{margin-top:auto;padding-top:16px;color:var(--accent);font-weight:bold}.field-direction::after{content:"→"}[dir=rtl] .field-direction::after{content:"←"}@media(max-width:720px){#categories .cat-card{min-height:220px;padding:14px 9px}#categories .cat-icon{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){#categories .cat-icon,.agency-card{transition:none;transform:none!important}}
.detail-grid .detail-summary{margin:0 0 14px;color:#45616d;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:3.2em;overflow-wrap:anywhere}

html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select,.lang [lang=ar]{font-family:Cairo,Tahoma,Arial,sans-serif}
.product-info h3,.detail-grid h1{direction:inherit;text-align:start;font-family:inherit}
.hero .eyebrow{gap:10px;font-family:inherit;letter-spacing:0}.hero .eyebrow strong{font-size:clamp(18px,2vw,25px);font-weight:800;color:#a0e6eb}.hero .eyebrow small{font-size:12px;color:#c7dce4}
.search-wrap .search-icon,html[dir=ltr] .search-wrap .search-icon{position:absolute;inset:auto;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:23px;height:23px;color:#456c7b;pointer-events:none}
.search-icon svg{display:block;width:100%;height:100%}
.slide-arrow svg{width:38px;height:38px}
@media(max-width:720px){.slide-arrow svg{width:30px;height:30px}}

.slide-arrow svg{width:40px;height:40px;stroke-width:1.96;filter:drop-shadow(0 0 2px #ffffff61) drop-shadow(0 1px 2px #082b3b90)}
@media(max-width:720px){.slide-arrow svg{width:32px;height:32px}}

.detail-grid{grid-template-columns:minmax(0, .86fr) minmax(0, 1.14fr)}.detail-grid .product-art{height:clamp(300px,32vw,410px);padding:12px}.detail-grid .detail-summary{max-height:none;display:block;white-space:pre-line}.inquiry .pdf-download{background:#425b74}@media(max-width:720px){.detail-grid{grid-template-columns:1fr}.detail-grid .product-art{height:clamp(245px,72vw,370px)}}