@property --amng-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes amng-spin{to{--amng-a:360deg}}
@keyframes amng-pulse{0%{box-shadow:0 0 0 0 rgba(34,211,238,.5)}100%{box-shadow:0 0 0 18px rgba(34,211,238,0)}}
/* ---- Header ---- */
html[data-am-ng] .et_pb_section_0_tb_header{background:#01142F!important}
html[data-am-ng] .et_pb_section_1_tb_header{position:relative;z-index:100;background:linear-gradient(90deg,#021E44,#022B5C 55%,#021E44)!important;border-bottom:1px solid rgba(125,211,252,.16)}
html[data-am-ng] .et_pb_section_1_tb_header .et_pb_menu{background:transparent!important}
html[data-am-ng] .et_pb_menu_0_tb_header .et_pb_menu__logo img{content:url("https://almouallem.com/wp-content/uploads/2026/11/almouallem-logo-horizontal-white-2x.png")}
html[data-am-ng] .et_pb_menu_0_tb_header .et-menu>li{padding-left:2px!important;padding-right:2px!important}
html[data-am-ng] .et_pb_menu_0_tb_header .et-menu:not(#am-ng-x)>li>a{color:#DCE8F5!important;padding:9px 14px!important;border-radius:999px;font-weight:500;opacity:1!important;transition:background .2s,color .2s,box-shadow .2s}
html[data-am-ng] .et_pb_menu_0_tb_header .et-menu:not(#am-ng-x)>li.menu-item-has-children>a{padding-right:30px!important}
html[data-am-ng] .et_pb_menu_0_tb_header .et-menu>li.menu-item-has-children>a::after{right:12px!important;color:inherit!important;transition:transform .2s}
/* :not(#am-ng-x) out-ranks Divi's own current-item rules (.et_pb_menu_0_tb_header.et_pb_menu ul:not(.sub-menu)>li.current-menu-ancestor>a
   in et-critical-inline-css), which tie with these and win when Divi's CSS comes after this file. */
html[data-am-ng] .et_pb_menu_0_tb_header .et-menu:not(#am-ng-x)>li>a:hover,
html[data-am-ng] .et_pb_menu_0_tb_header .et-menu:not(#am-ng-x)>li.am-ng-open>a,
html[data-am-ng] .et_pb_menu_0_tb_header .et-menu:not(#am-ng-x)>li.current-menu-item>a{background:linear-gradient(90deg,#0670C4,#1E9BD8)!important;color:#fff!important;box-shadow:0 6px 18px rgba(6,112,196,.45)}
html[data-am-ng] .et_pb_menu_0_tb_header .et-menu>li.am-ng-open>a::after{transform:rotate(180deg)}
html[data-am-ng] .et_pb_menu_0_tb_header .et_pb_menu__cart-button::after,
html[data-am-ng] .et_pb_menu_0_tb_header .mobile_menu_bar::before{color:#fff!important}
html[data-am-ng] .et_pb_menu_0_tb_header .am-fx-pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28);color:#fff}
html[data-am-ng] .et_pb_menu_0_tb_header .am-fx-pill:hover,html[data-am-ng] .et_pb_menu_0_tb_header .am-fx-pill[aria-expanded="true"]{border-color:#22D3EE}
.am-ng-cta{display:none}
html[data-am-ng] .am-ng-cta{display:inline-flex;align-items:center;margin-left:14px;padding:9px 18px;border-radius:999px;background:#22D3EE;color:#021E44!important;font:600 14px/1.2 Inter,sans-serif;white-space:nowrap;text-decoration:none;box-shadow:0 0 18px rgba(34,211,238,.35);transition:transform .15s,box-shadow .15s}
html[data-am-ng] .am-ng-cta:hover{transform:translateY(-1px);box-shadow:0 0 26px rgba(34,211,238,.55)}
html[data-am-ng] .et_pb_menu_0_tb_header .et_mobile_menu{border-top-color:#22D3EE!important}
@media (max-width:980px){html[data-am-ng] .am-ng-cta{display:none}}
/* ---- Wide panels (desktop) ---- */
html[data-am-ng] .et-menu>li.am-ng-has>ul.sub-menu{display:none!important}
.am-ng-mega{display:none}
html[data-am-ng] .am-ng-mega{display:grid;position:absolute;left:50%;top:calc(100% - 2px);z-index:200;width:min(980px,94vw);gap:26px;padding:26px;border-radius:18px;box-sizing:border-box;transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;background:linear-gradient(140deg,rgba(6,58,122,.94),rgba(2,30,68,.96) 60%,rgba(5,80,154,.93));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(125,211,252,.22);box-shadow:0 30px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);font-family:Inter,sans-serif;text-align:left}
html[data-am-ng] .am-ng-mega.svc{grid-template-columns:1.15fr 1fr .95fr}
html[data-am-ng] .am-ng-mega.co{width:min(640px,94vw);grid-template-columns:1fr 1fr}
html[data-am-ng] .am-ng-mega.on{opacity:1;visibility:visible;transform:translate(-50%,0)}
html[data-am-ng] .am-ng-col+.am-ng-col{border-left:1px solid rgba(255,255,255,.12);padding-left:26px}
html[data-am-ng] .am-ng-h{margin:0 0 12px;font:600 11.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:#22D3EE}
html[data-am-ng] a.am-ng-mi{display:flex;gap:12px;padding:9px 10px;margin:0 -10px;border-radius:12px;color:#fff;text-decoration:none;transition:background .15s}
html[data-am-ng] a.am-ng-mi:hover,html[data-am-ng] a.am-ng-mi:focus-visible{background:rgba(255,255,255,.08)}
html[data-am-ng] .am-ng-mi i{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(34,211,238,.12);color:#22D3EE}
html[data-am-ng] .am-ng-mi i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-am-ng] .am-ng-mi b{display:block;font:600 14.5px/1.3 Inter,sans-serif;color:#fff}
html[data-am-ng] .am-ng-mi span{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:#A9C3DE}
html[data-am-ng] .am-ng-mi em{font:700 9.5px/1 Inter,sans-serif;letter-spacing:.06em;padding:3px 6px;border-radius:999px;margin-left:6px;vertical-align:2px;background:#22D3EE;color:#021E44;font-style:normal}
html[data-am-ng] .am-ng-feat{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(125,211,252,.2)}
html[data-am-ng] .am-ng-feat canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.8;pointer-events:none}
html[data-am-ng] .am-ng-feat>*:not(canvas){position:relative}
html[data-am-ng] .am-ng-feat strong{font:700 18px/1.25 Manrope,Inter,sans-serif;color:#fff}
html[data-am-ng] .am-ng-feat p{margin:0;padding:0;font-size:13.5px;line-height:1.45;color:#CFE3F6}
html[data-am-ng] .am-ng-feat a{font:600 13.5px/1.2 Inter,sans-serif;padding:9px 14px;border-radius:999px;text-decoration:none;background:#22D3EE;color:#021E44!important}
html[data-am-ng] .am-ng-feat a.ghost{background:none;color:#fff!important;border:1px solid rgba(255,255,255,.35)}
@media (max-width:980px){html[data-am-ng] .am-ng-mega{display:none!important}}
/* ---- Home hero ---- */
html[data-am-ng] .home .et_pb_section_0{position:relative;overflow:hidden;background:radial-gradient(1200px 520px at 70% 60%,#05509A 0,#023774 45%,#021E44 80%)!important}
html[data-am-ng] .home .et_pb_section_0>.et_pb_row{position:relative;z-index:1}
html[data-am-ng] .home .et_pb_section_0 canvas.am-ng-inf{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
html[data-am-ng] form.am-ng-ask{position:relative;display:flex;align-items:center;gap:10px;max-width:560px;margin:22px 0 0;padding:5px 5px 5px 16px;border-radius:999px;border:2px solid transparent;background:linear-gradient(#061D44,#061D44) padding-box,conic-gradient(from var(--amng-a),#22D3EE,#0670C4,#7DD3FC,#60A5FA,#22D3EE) border-box;animation:amng-spin 5s linear infinite;isolation:isolate;box-sizing:border-box}
html[data-am-ng] form.am-ng-ask::after{content:"";position:absolute;inset:-8px;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--amng-a),#22D3EE,#0670C4,#7DD3FC,#60A5FA,#22D3EE);filter:blur(18px);opacity:.45;animation:amng-spin 5s linear infinite;transition:opacity .2s}
html[data-am-ng] form.am-ng-ask:focus-within::after{opacity:.85}
html[data-am-ng] form.am-ng-ask svg{width:20px;height:20px;flex:none;fill:none;stroke:#22D3EE;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
html[data-am-ng] form.am-ng-ask input{flex:1;min-width:0;margin:0;padding:10px 0!important;border:0!important;outline:0;background:none!important;box-shadow:none!important;color:#fff!important;font:500 16px/1.3 Inter,sans-serif}
html[data-am-ng] form.am-ng-ask input::placeholder{color:#A9C3DE;opacity:1}
html[data-am-ng] form.am-ng-ask button{flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:linear-gradient(135deg,#22D3EE,#0670C4);box-shadow:0 0 18px rgba(34,211,238,.6)}
html[data-am-ng] form.am-ng-ask button svg{stroke:#fff}
html[data-am-ng] .am-ng-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px;max-width:600px}
html[data-am-ng] .am-ng-chips button{margin:0;font:500 13px/1.3 Inter,sans-serif;color:#DCE8F5;padding:6px 12px;border-radius:999px;border:1px solid rgba(125,211,252,.3);background:rgba(255,255,255,.04);cursor:pointer;transition:.2s}
html[data-am-ng] .am-ng-chips button::before{content:"✦ ";color:#22D3EE}
html[data-am-ng] .am-ng-chips button:hover{border-color:#22D3EE;background:rgba(34,211,238,.12);color:#fff}
.am-ng-ask,.am-ng-chips{display:none}
/* ---- "Ask us" bubble (snippet #19) ---- */
html[data-am-ng] #am-ai .am-ai-fab,html[data-am-ng] #am-ai .am-ai-fab:hover{border:2px solid transparent;background:linear-gradient(135deg,#0670C4,#023774) padding-box,conic-gradient(from var(--amng-a),#22D3EE,rgba(34,211,238,0) 30%,#7DD3FC 55%,rgba(34,211,238,0) 80%,#22D3EE) border-box;animation:amng-spin 3.5s linear infinite,amng-pulse 2.6s ease-out infinite}
html[data-am-ng] #am-ai .am-ai-fab svg{color:#22D3EE}
@media (max-width:767px){html[data-am-ng] form.am-ng-ask input{font-size:15px}html[data-am-ng] .am-ng-chips button{font-size:12.5px}}
@media (prefers-reduced-motion:reduce){html[data-am-ng] form.am-ng-ask,html[data-am-ng] form.am-ng-ask::after,html[data-am-ng] #am-ai .am-ai-fab{animation:none!important}}