:root{--deep:#160f2d;--royal:#7038ff;--violet:#9b5cff;--emerald:#00d0a2;--amber:#ffbc42;--coral:#ff5c77;--ink:#1c1b2f;--muted:#6b6880;--ice:#f6fbff;--cream:#fff8ea;--white:#fff;--line:rgba(28,27,47,.11);--shadow:0 24px 70px rgba(22,15,45,.16);--radius:28px;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 5% 3%,rgba(112,56,255,.12),transparent 24%),radial-gradient(circle at 95% 0,rgba(0,208,162,.13),transparent 25%),linear-gradient(180deg,#fff 0%,#f7fbff 50%,#fff8ea 100%);overflow-x:hidden}body.lang-en{font-family:Inter,Arial,sans-serif}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.progress{position:fixed;top:0;inset-inline-start:0;height:4px;background:linear-gradient(90deg,var(--coral),var(--amber),var(--emerald),var(--royal));z-index:9999;width:0}.loader{position:fixed;inset:0;background:#fff;z-index:10000;display:grid;place-items:center;align-content:center;gap:12px;transition:.4s}.loader.hide{opacity:0;visibility:hidden}.loader div{width:64px;height:64px;border:7px solid #eee;border-top-color:var(--royal);border-right-color:var(--emerald);border-radius:50%;animation:spin 1s linear infinite}.topbar{background:linear-gradient(90deg,var(--deep),#2b164f,var(--royal));color:#fff;font-weight:800;font-size:14px}.topbar-grid{display:flex;justify-content:space-between;gap:14px;padding:10px 0}.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 14px 45px rgba(22,15,45,.08);border-bottom:1px solid rgba(112,56,255,.11)}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--deep);font-weight:900}.brand span:last-child{max-width:270px;line-height:1.25}.logo{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;color:#fff;background:conic-gradient(from 180deg,var(--royal),var(--emerald),var(--amber),var(--coral),var(--royal));box-shadow:0 18px 36px rgba(112,56,255,.23)}.menu{display:flex;align-items:center;gap:8px}.menu a,.dropdown>button{border:0;background:transparent;color:var(--deep);text-decoration:none;font-weight:900;padding:12px 13px;border-radius:14px;font-family:inherit;cursor:pointer}.menu a:hover,.dropdown>button:hover{background:#f2edff;color:var(--royal)}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:calc(100% + 10px);inset-inline-start:0;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:var(--shadow)}.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{display:grid}.dropdown-menu a{display:block}.nav-actions{display:flex;align-items:center;gap:10px}.lang-toggle{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 14px;font-weight:900;cursor:pointer}.hamb{display:none;background:var(--deep);color:#fff;border:0;border-radius:14px;padding:10px 13px;font-size:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:14px 22px;text-decoration:none;font-weight:900;font-family:inherit;cursor:pointer;transition:.25s}.btn.small{padding:11px 16px}.primary{background:linear-gradient(135deg,var(--royal),#3867ff 48%,var(--emerald));color:#fff;box-shadow:0 18px 34px rgba(112,56,255,.25)}.glass{background:rgba(255,255,255,.76);color:var(--deep);border:1px solid rgba(255,255,255,.8);box-shadow:0 12px 30px rgba(22,15,45,.08)}.light{background:#fff;color:var(--deep)}.whatsapp{background:linear-gradient(135deg,#25d366,#0b9a62);color:#fff}.btn:hover{transform:translateY(-3px)}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#160f2d 0%,#32206b 42%,#fff7e8 42%,#eefcff 100%);min-height:calc(100vh - 124px)}.hero-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 25%,rgba(255,188,66,.28),transparent 22%),radial-gradient(circle at 77% 24%,rgba(0,208,162,.22),transparent 24%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px}.hero-shell{position:relative;z-index:1;padding:72px 0 86px}.hero-slide{display:none;grid-template-columns:1fr 1fr;align-items:center;gap:44px}.hero-slide.active{display:grid;animation:fadeUp .6s ease}.hero-copy{background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.7);border-radius:38px;padding:34px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.eyebrow{display:inline-flex;gap:8px;align-items:center;border-radius:999px;padding:10px 15px;background:linear-gradient(135deg,#f0ebff,#e8fff9);color:var(--royal);font-weight:900;border:1px solid rgba(112,56,255,.12)}.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px rgba(255,188,66,.18)}h1{font-size:clamp(38px,5.8vw,72px);line-height:1.05;margin:18px 0;color:var(--deep);letter-spacing:-.7px}h2{font-size:clamp(30px,4.2vw,52px);line-height:1.12;color:var(--deep);margin:14px 0}p{line-height:1.85;color:var(--muted);font-size:18px}.hero-copy p{font-size:21px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media{position:relative}.hero-media img,.page-grid img{width:100%;height:560px;object-fit:cover;border-radius:40px;border:8px solid rgba(255,255,255,.75);box-shadow:0 38px 90px rgba(22,15,45,.28)}.media-badge{position:absolute;bottom:25px;inset-inline-start:25px;background:rgba(255,255,255,.9);border-radius:22px;padding:16px 20px;box-shadow:var(--shadow);display:grid}.media-badge strong{font-size:25px;color:var(--deep)}.hero-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.68);padding:8px 12px;border-radius:999px;backdrop-filter:blur(10px)}.hero-controls button{width:42px;height:42px;border-radius:50%;border:0;background:var(--deep);color:#fff;font-size:24px;cursor:pointer}.dots{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:99px;background:#bfb4dd}.dot.active{width:32px;background:linear-gradient(90deg,var(--royal),var(--emerald))}.quick-panel{margin-top:-45px;position:relative;z-index:3}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:#fff;border-radius:30px;padding:20px;box-shadow:var(--shadow);border:1px solid var(--line)}.quick-grid div{display:grid;place-items:center;text-align:center;border-radius:22px;background:linear-gradient(135deg,#faf8ff,#edfffa);padding:18px}.quick-grid strong{font-size:31px;color:var(--royal)}.section{padding:92px 0}.section-title{text-align:center;max-width:880px;margin:0 auto 42px}.section-title.light h2,.section-title.light p{color:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 16px 45px rgba(22,15,45,.10);border:1px solid var(--line);transition:.3s}.service-card:hover{transform:translateY(-9px);box-shadow:var(--shadow)}.service-card img{width:100%;height:240px;object-fit:cover}.service-card div{padding:24px}.pill,.tag{display:inline-block;border-radius:999px;background:#fff1d2;color:#9a5b00;padding:8px 12px;font-weight:900;font-size:13px}.text-link{color:var(--royal);font-weight:900;text-decoration:none}.text-link:after{content:" ↗"}.showcase-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mosaic img{width:100%;height:230px;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.mosaic img:nth-child(2),.mosaic img:nth-child(3){transform:translateY(34px)}.check-list,.feature-list{list-style:none;margin:22px 0;padding:0;display:grid;gap:12px}.check-list li,.feature-list li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;font-weight:900;box-shadow:0 10px 24px rgba(22,15,45,.06)}.check-list li:before,.feature-list li:before{content:"✓";color:var(--emerald);font-weight:900;margin-inline-end:8px}.purple{background:radial-gradient(circle at 12% 12%,rgba(255,188,66,.22),transparent 30%),linear-gradient(135deg,#160f2d,#3b2083 55%,#7038ff);overflow:hidden}.gallery-slider{overflow:hidden}.gallery-track{display:flex;gap:18px;animation:marquee 28s linear infinite}.gallery-track img{width:320px;height:260px;object-fit:cover;border-radius:28px;border:6px solid rgba(255,255,255,.7);box-shadow:0 20px 60px rgba(0,0,0,.25);flex:0 0 auto}.gallery-track.static{animation:none;flex-wrap:wrap}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.why-card{background:#fff;border-radius:30px;padding:28px;border:1px solid var(--line);box-shadow:0 14px 38px rgba(22,15,45,.08)}.why-card span{font-size:45px;font-weight:900;color:#eee}.why-card h3{font-size:24px;color:var(--deep)}.areas-section{background:linear-gradient(180deg,#fff,#f2fffb)}.area-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.area-cloud span{padding:12px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:900;box-shadow:0 10px 25px rgba(22,15,45,.06)}.faq{max-width:900px;margin:auto;display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 22px;box-shadow:0 10px 28px rgba(22,15,45,.06)}.faq summary{font-weight:900;cursor:pointer;color:var(--deep)}.brand-marquee{overflow:hidden;background:#fff;border-radius:26px;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px}.brand-marquee div{display:flex;gap:18px;animation:marquee 24s linear infinite}.brand-marquee span{min-width:140px;text-align:center;background:linear-gradient(135deg,#f4efff,#eafff9);border-radius:18px;padding:16px;font-weight:900;color:var(--deep)}.map-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center}.map-grid iframe,.contact-grid iframe{width:100%;min-height:390px;border:0;border-radius:30px;box-shadow:var(--shadow)}.final-cta{padding-top:20px}.cta-box{background:radial-gradient(circle at 18% 20%,rgba(0,208,162,.25),transparent 26%),linear-gradient(135deg,#160f2d,#7038ff 70%,#00d0a2);border-radius:42px;padding:52px;color:#fff;text-align:center;box-shadow:var(--shadow)}.cta-box h2,.cta-box p{color:#fff}.page-hero{padding:80px 0;background:radial-gradient(circle at 12% 18%,rgba(255,188,66,.18),transparent 25%),linear-gradient(135deg,#f7f4ff,#f0fffb 60%,#fff8ea)}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.article-layout{display:grid;grid-template-columns:1fr 330px;gap:32px;align-items:start}.article,.side,.form-box{background:#fff;border:1px solid var(--line);border-radius:30px;padding:32px;box-shadow:0 16px 45px rgba(22,15,45,.08)}.article h2{margin-top:34px}.process{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.process div{background:linear-gradient(135deg,#fbf8ff,#effffa);border-radius:22px;padding:20px}.process b{font-size:34px;color:var(--royal)}.related{display:flex;flex-wrap:wrap;gap:12px}.related a{padding:12px 15px;background:#f3efff;border-radius:999px;color:var(--royal);text-decoration:none;font-weight:900}.side{position:sticky;top:110px}.side img{width:100%;height:210px;object-fit:cover;border-radius:22px}.side .btn{width:100%;margin-top:12px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.form-box{display:grid;gap:14px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:18px;padding:15px 16px;font-family:inherit;font-size:16px;background:#fbfdff}textarea{min-height:130px}.footer{background:linear-gradient(135deg,#100a22,#24124a,#160f2d);color:#eae6ff;padding:72px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;gap:30px}.footer a{display:block;color:#eae6ff;text-decoration:none;margin:10px 0}.foot-brand span:last-child{color:#fff}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:20px}.floating{position:fixed;z-index:1000;inset-inline-end:18px;bottom:18px;display:grid;gap:12px}.floating a,.floating button{width:58px;height:58px;border-radius:50%;border:0;display:grid;place-items:center;box-shadow:var(--shadow);overflow:hidden;background:#fff;color:#fff;font-weight:900}.floating img{width:100%;height:100%}.to-top{display:none;background:linear-gradient(135deg,var(--royal),var(--emerald))!important}.to-top.show{display:grid}.reveal{opacity:0;transform:translateY(26px);transition:.7s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{from{opacity:.2;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:1050px){.hamb{display:block}.menu{position:fixed;top:125px;inset-inline:16px;background:#fff;border-radius:26px;box-shadow:var(--shadow);padding:14px;display:none;flex-direction:column;align-items:stretch}.menu.open{display:flex}.dropdown-menu{position:static;box-shadow:none;background:#f8f5ff}.hero-slide,.showcase-grid,.map-grid,.page-grid,.article-layout,.contact-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.why-grid,.quick-grid{grid-template-columns:1fr 1fr}.side{position:static}.hero-media img,.page-grid img{height:430px}.nav-actions .btn{display:none}}@media(max-width:680px){.topbar-grid{display:block;text-align:center}.brand span:last-child{font-size:14px;max-width:190px}.hero{min-height:auto}.hero-shell{padding:42px 0 80px}.hero-copy{padding:24px;border-radius:28px}h1{font-size:38px}.hero-copy p{font-size:18px}.hero-media img,.page-grid img{height:300px;border-radius:28px}.quick-grid,.service-grid,.why-grid,.footer-grid,.process{grid-template-columns:1fr}.section{padding:62px 0}.mosaic{grid-template-columns:1fr}.mosaic img,.mosaic img:nth-child(2),.mosaic img:nth-child(3){transform:none;height:240px}.gallery-track img{width:270px;height:230px}.cta-box{padding:30px}.nav{min-height:76px}.logo{width:50px;height:50px}.article,.side,.form-box{padding:23px}.menu{top:102px}}


/* === Final production polish: spacing, section distinction, gallery title, footer form, dropdown indicators === */
html, body { max-width: 100%; overflow-x: hidden; }
section { position: relative; }
.hero { padding-bottom: 42px; }
.hero-shell { padding-bottom: 118px; }
.hero-controls { bottom: 34px; z-index: 6; }
.quick-panel { margin-top: 0; padding: 38px 0; background: linear-gradient(180deg, #f8f5ff 0%, #ffffff 70%); }
.quick-grid { transform: none; margin-top: 0; }
main > section:nth-of-type(3) { background: linear-gradient(180deg, #ffffff 0%, #fff8ea 100%); }
main > section:nth-of-type(4) { background: radial-gradient(circle at 88% 10%, rgba(255,188,66,.18), transparent 26%), linear-gradient(135deg, #f0fffb 0%, #ffffff 72%); }
main > section:nth-of-type(5) { background: linear-gradient(180deg, #ffffff 0%, #f7f4ff 100%); }
.dropdown > button { display: inline-flex; align-items: center; gap: 8px; }
.dropdown > button::after { content: '⌄'; font-size: 16px; line-height: 1; transition: transform .25s ease; opacity: .85; }
.dropdown.open > button::after, .dropdown:hover > button::after { transform: rotate(180deg); }
.dropdown-menu a { display: flex; align-items: center; gap: 10px; }
.dropdown-menu a::before { content: '›'; width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, var(--royal), var(--emerald)); color: #fff; font-weight: 900; }
html[dir='rtl'] .dropdown-menu a::before { content: '‹'; }
.section-title { padding: 0 8px; min-height: auto !important; background: transparent !important; box-shadow: none !important; border: 0 !important; }
.section-title .eyebrow { margin-bottom: 12px; }
.section-title h2 { margin-top: 12px; }
.purple { padding: 96px 0; background: radial-gradient(circle at 12% 12%, rgba(255,188,66,.28), transparent 28%), radial-gradient(circle at 90% 30%, rgba(0,208,162,.22), transparent 28%), linear-gradient(135deg, #160f2d 0%, #2c185e 42%, #7038ff 100%) !important; }
.purple .section-title { max-width: 920px; margin-bottom: 34px; color: #fff; }
.purple .section-title h2, .purple .section-title p { color: #fff !important; text-shadow: 0 8px 24px rgba(0,0,0,.16); }
.purple .eyebrow { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.22); color: #fff; backdrop-filter: blur(10px); }
.gallery-slider { padding: 22px 0 6px; }
.gallery-track { gap: 24px; align-items: stretch; }
.gallery-track img { width: 360px; height: 285px; border-radius: 32px; border: 7px solid rgba(255,255,255,.72); background: #fff; }
.footer-grid form { display: grid; grid-template-columns: 1fr; gap: 14px; align-items: stretch; max-width: 360px; }
.footer-grid input { height: 58px; border-radius: 18px; }
.footer-grid form .btn { width: max-content; min-width: 150px; padding-inline: 26px; }
.footer p { color: rgba(234,230,255,.72); }
.btn { min-height: 48px; text-align: center; white-space: normal; line-height: 1.25; }
.hero-actions, .cta-box, .page-hero .page-grid > div:first-child { gap: 12px; }
.hero-actions .btn, .cta-box .btn, .page-hero .btn { margin: 4px 4px; }
.service-card h3, .why-card h3, .article h2, .article h3 { word-break: normal; overflow-wrap: anywhere; }
.service-card img, .mosaic img, .gallery-track img, .hero-media img, .page-grid img, .side img { background: #f6fbff; }
.article-layout { align-items: start; }
.article, .side, .form-box, .service-card, .why-card, .quick-grid { overflow: hidden; }
.contact-grid .form-box .btn { width: max-content; }
.floating { bottom: 22px; inset-inline-end: 22px; z-index: 1100; }
.floating a, .floating button { width: 56px; height: 56px; border: 2px solid rgba(255,255,255,.9); }

@media (max-width: 1180px) {
  .container { width: min(100% - 36px, var(--max)); }
  .hero-slide { gap: 30px; }
  .service-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .why-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px; }
}
@media (max-width: 1050px) {
  .hero-shell { padding: 50px 0 96px; }
  .hero-slide { grid-template-columns: 1fr; }
  .hero-copy { max-width: 820px; margin: 0 auto; }
  .hero-media { max-width: 820px; margin: 0 auto; width: 100%; }
  .menu { z-index: 1200; max-height: calc(100vh - 145px); overflow: auto; }
  .nav { flex-wrap: nowrap; }
  .page-grid { grid-template-columns: 1fr; }
  .article-layout { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .container { width: min(100% - 24px, var(--max)); }
  .topbar-grid { display: grid; gap: 5px; text-align: center; }
  .nav { min-height: 74px; gap: 8px; }
  .brand { gap: 8px; min-width: 0; }
  .brand span:last-child { max-width: 175px; font-size: 13px; }
  .logo { width: 46px; height: 46px; border-radius: 16px; }
  .lang-toggle { padding: 9px 11px; font-size: 13px; }
  .hamb { padding: 9px 11px; font-size: 19px; }
  .menu { top: 92px; inset-inline: 12px; border-radius: 22px; }
  .hero { background: linear-gradient(180deg, #160f2d 0%, #2c185e 38%, #fff8ea 38%, #eefcff 100%); }
  .hero-shell { padding: 34px 0 88px; }
  .hero-copy { padding: 22px; border-radius: 24px; }
  h1 { font-size: clamp(32px, 10vw, 42px); }
  h2 { font-size: clamp(27px, 8vw, 36px); }
  p, .hero-copy p { font-size: 16.5px; line-height: 1.8; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; margin: 0; }
  .hero-media img, .page-grid img { height: 300px; border-radius: 24px; border-width: 5px; }
  .media-badge { bottom: 15px; inset-inline-start: 15px; padding: 12px 14px; border-radius: 18px; }
  .hero-controls { bottom: 22px; gap: 8px; padding: 7px 9px; }
  .hero-controls button { width: 36px; height: 36px; font-size: 20px; }
  .quick-panel { padding: 28px 0; }
  .quick-grid { grid-template-columns: 1fr 1fr; padding: 12px; gap: 10px; border-radius: 22px; }
  .quick-grid div { padding: 14px 8px; border-radius: 18px; }
  .quick-grid strong { font-size: 24px; }
  .quick-grid span { font-size: 13px; }
  .section { padding: 58px 0; }
  .service-grid, .why-grid, .footer-grid, .process, .contact-grid { grid-template-columns: 1fr !important; }
  .service-card img { height: 230px; }
  .mosaic { grid-template-columns: 1fr; }
  .mosaic img, .mosaic img:nth-child(2), .mosaic img:nth-child(3) { height: 235px; transform: none; }
  .purple { padding: 60px 0; }
  .gallery-track { gap: 14px; }
  .gallery-track img { width: 268px; height: 220px; border-radius: 24px; border-width: 5px; }
  .map-grid iframe, .contact-grid iframe { min-height: 300px; }
  .cta-box { padding: 26px 18px; border-radius: 26px; }
  .cta-box .btn { width: 100%; margin: 6px 0; }
  .article, .side, .form-box { padding: 22px; border-radius: 24px; }
  .side .btn, .contact-grid .form-box .btn, .footer-grid form .btn { width: 100%; }
  .footer { padding: 54px 0 22px; }
  .footer-grid form { max-width: 100%; }
  .floating { inset-inline-end: 14px; bottom: 14px; gap: 9px; }
  .floating a, .floating button { width: 50px; height: 50px; }
}
@media (max-width: 430px) {
  .quick-grid { grid-template-columns: 1fr; }
  .brand span:last-child { max-width: 150px; }
  .hero-media img, .page-grid img { height: 255px; }
  .gallery-track img { width: 235px; height: 195px; }
}


/* === Riyadh production performance + button split fixes === */
img { max-width: 100%; height: auto; }
.hero-media img, .page-grid img, .service-card img, .mosaic img, .gallery-track img, .side img { content-visibility: auto; }
.dropdown > button::after { content: "▾" !important; display: inline-block; font-size: 15px; transform-origin: center; }
html[dir="rtl"] .dropdown > button::after { margin-inline-start: 6px; }
.floating { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 18px !important; inset-inline-end: auto !important; display: block !important; pointer-events: none; z-index: 1100; }
.floating a, .floating button { pointer-events: auto; position: fixed; bottom: 18px; width: 56px; height: 56px; border-radius: 50%; border: 2px solid rgba(255,255,255,.92); box-shadow: 0 14px 35px rgba(22,15,45,.20); overflow: hidden; }
.floating a[href^="tel:"] { left: 18px; right: auto; background: #fff; }
.floating a[href*="wa.me"] { right: 18px; left: auto; background: #fff; }
.floating .to-top { left: 50%; right: auto; transform: translateX(-50%); bottom: 20px; }
.floating img { width: 100%; height: 100%; display: block; }
@media (max-width: 760px) {
  .floating { bottom: 14px !important; }
  .floating a, .floating button { width: 50px; height: 50px; bottom: 14px; }
  .floating a[href^="tel:"] { left: 14px; }
  .floating a[href*="wa.me"] { right: 14px; }
}

/* === Washing machine SEO page improvements === */
.cta-card {
  margin-top: 32px;
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(43,22,79,.96), rgba(25,118,132,.92));
  color: #fff;
  box-shadow: 0 24px 70px rgba(22,15,45,.22);
  overflow: hidden;
  position: relative;
}
.cta-card::after {
  content: "";
  position: absolute;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  inset-inline-end: -70px;
  top: -70px;
  background: rgba(255,255,255,.12);
}
.cta-card h2,
.cta-card p { color: #fff; position: relative; z-index: 1; }
.cta-card .btn { position: relative; z-index: 1; margin-inline-end: 10px; margin-top: 10px; }
.article .feature-list li,
.article .check-list li { margin-bottom: 10px; }
@media (max-width: 760px) {
  .cta-card { padding: 24px 18px; border-radius: 24px; }
  .cta-card .btn { width: 100%; margin: 8px 0 0; }
}