/* A.M Olympus Group — shared styles (one source of truth for all pages) */
html{scroll-behavior:smooth}
body{background:#0a0a0c;color:#e9e9ee;font-family:'Inter',sans-serif;overflow-x:hidden}
h1,h2,h3,.font-display{font-family:'Saira Condensed',sans-serif;letter-spacing:.01em}
html[dir="rtl"] body{font-family:'Noto Naskh Arabic','Inter',sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .font-display{font-family:'Noto Naskh Arabic',sans-serif;letter-spacing:0}
.container-x{max-width:1240px;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}
.eyebrow{letter-spacing:.3em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:#e2231a}
.carbon{background:radial-gradient(120% 80% at 50% -10%, rgba(226,35,26,.16), transparent 55%),repeating-linear-gradient(45deg,#0c0c0f 0 2px,#0a0a0c 2px 6px)}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;border-radius:.5rem;transition:.2s;white-space:nowrap;cursor:pointer}
.btn-red{background:linear-gradient(135deg,#e2231a,#b3140d);color:#fff;box-shadow:0 12px 26px -10px rgba(226,35,26,.7)}
.btn-red:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-ghost{border:1px solid rgba(255,255,255,.22);color:#fff}
.btn-ghost:hover{border-color:#e2231a;color:#ff5a50}
.btn-dark{background:#1b1b20;border:1px solid rgba(255,255,255,.1);color:#fff}
.btn-dark:hover{border-color:#e2231a}
header.scrolled{top:0;background:rgba(8,8,10,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,35,26,.25)}
.nav-link{position:relative;padding:.25rem 0}
.nav-link::after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:0;background:#e2231a;transition:.25s}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.biz-card{background:linear-gradient(180deg,#141417,#0d0d10);border:1px solid rgba(255,255,255,.08);border-radius:1rem;overflow:hidden;transition:.3s;position:relative}
.biz-card:hover{border-color:rgba(226,35,26,.6);transform:translateY(-5px);box-shadow:0 24px 50px -24px rgba(226,35,26,.4)}
.biz-img{height:190px;width:100%;object-fit:cover}
.biz-tab{position:absolute;top:0;inset-inline-start:0;background:#e2231a;color:#fff;padding:.55rem .7rem;border-end-end-radius:.7rem;z-index:2}
.tick{color:#e2231a}
.lang{display:inline-flex;border:1px solid rgba(255,255,255,.16);border-radius:.5rem;overflow:hidden}
.langbtn{padding:.3rem .5rem;font-size:.72rem;font-weight:800;color:rgba(255,255,255,.6);transition:.2s;line-height:1;cursor:pointer}
.langbtn.active{background:#e2231a;color:#fff}
.red-rule{height:2px;background:linear-gradient(90deg,transparent,#e2231a,transparent)}
.dd:hover .dd-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dd-menu{opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
/* ===== logo watermark (test) ===== */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url("olympus-logo.jpg") center 44% no-repeat;background-size:min(86vw,920px);opacity:.2;mix-blend-mode:screen}
/* hero photo: clean rectangle on mobile, blend-into-text edge fade on desktop only */
.hero-photo{-webkit-mask-image:none;mask-image:none}
@media(min-width:1024px){.hero-photo{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}}
.float-wa{position:fixed;inset-inline-start:18px;bottom:18px;z-index:60}
.float-wa a{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#25D366;color:#04130c;box-shadow:0 12px 26px -8px rgba(37,211,102,.7)}
/* ===== social icons ===== */
.social-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;border:1px solid rgba(255,255,255,.18);color:#fff;transition:background-color .2s,border-color .2s}
.social-ic:hover{background:#e2231a;border-color:#e2231a;color:#fff}
/* ===== AI chatbot ===== */
.cb-btn{position:fixed;inset-inline-end:20px;bottom:20px;z-index:70;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#e2231a,#b3140d);color:#fff;display:grid;place-items:center;cursor:pointer;border:none;box-shadow:0 12px 26px -8px rgba(226,35,26,.7)}
.cb-btn:hover{filter:brightness(1.08);transform:translateY(-2px);transition:.2s}
.cb-panel{position:fixed;inset-inline-end:20px;bottom:90px;z-index:71;width:min(384px,calc(100vw - 32px));height:min(560px,calc(100vh - 130px));height:min(560px,calc(100dvh - 130px));background:#0d0d10;border:1px solid rgba(255,255,255,.12);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.85)}
.cb-panel.hidden{display:none}
.cb-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#e2231a,#b3140d)}
.cb-logo{width:34px;height:34px;border-radius:8px;object-fit:contain;background:#000;flex-shrink:0}
.cb-title{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.05rem;line-height:1.05;color:#fff}
.cb-sub{font-size:.7rem;color:rgba(255,255,255,.82)}
.cb-x{margin-inline-start:auto;color:#fff;background:transparent;border:none;cursor:pointer;padding:2px}
.cb-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.cb-msg{max-width:86%;padding:.6rem .85rem;border-radius:14px;font-size:.9rem;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.cb-bot{background:#1b1b20;color:#e9e9ee;align-self:flex-start;border-end-start-radius:4px}
.cb-user{background:linear-gradient(135deg,#e2231a,#b3140d);color:#fff;align-self:flex-end;border-end-end-radius:4px}
.cb-typing{display:flex;gap:5px;align-items:center}
.cb-typing span{width:7px;height:7px;border-radius:50%;background:#9a9aa2;animation:cbblink 1.2s infinite}
.cb-typing span:nth-child(2){animation-delay:.18s}.cb-typing span:nth-child(3){animation-delay:.36s}
@keyframes cbblink{0%,60%,100%{opacity:.25}30%{opacity:1}}
.cb-form{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(255,255,255,.1);background:#0a0a0c}
.cb-input{flex:1;background:#141417;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.6rem .8rem;color:#fff;font-size:.9rem;outline:none}
.cb-input:focus{border-color:#e2231a}
.cb-send{width:42px;flex-shrink:0;border-radius:10px;background:linear-gradient(135deg,#e2231a,#b3140d);color:#fff;border:none;display:grid;place-items:center;cursor:pointer}
.modal-open{overflow:hidden}
.field{width:100%;background:#0a0a0c;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.65rem 1rem;font-size:.875rem;color:#fff;outline:none}
.field:focus{border-color:#e2231a}
.page-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(226,35,26,.25)}
.page-hero>img{opacity:.68}
.svc-row{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 0;border-bottom:1px solid rgba(255,255,255,.07)}
.work-tile{position:relative;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0d0d10}
.work-tile img{width:100%;height:340px;object-fit:cover;display:block;transition:.5s}
.work-tile:hover img{transform:scale(1.06)}
.work-tile figcaption{position:absolute;inset-inline:0;bottom:0;padding:.85rem 1.1rem;font-size:.82rem;color:#e9e9ee;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.35) 60%,transparent)}