/* Fast Fix Kuwait — Complete RTL redesign, July 2026 */
@font-face{font-family:Cairo;src:url('../fonts/cairo-arabic-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url('../fonts/cairo-arabic-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url('../fonts/cairo-arabic-800-normal.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

:root{
  --ff2-navy:#061d3a;--ff2-blue:#0769da;--ff2-sky:#0ea5e9;--ff2-cyan:#25d4e5;
  --ff2-ink:#10243d;--ff2-muted:#64748b;--ff2-line:#dce8f3;--ff2-soft:#f3f8fc;
  --ff2-white:#fff;--ff2-green:#16a765;--ff2-shadow:0 18px 55px rgba(6,29,58,.09);
  --ff2-radius:18px;--ff2-ease:cubic-bezier(.22,1,.36,1)
}

html{direction:rtl;scroll-behavior:smooth;overflow-x:hidden}
body.ff-v2{direction:rtl;text-align:right;margin:0!important;background:#fff!important;color:var(--ff2-ink)!important;font-family:Cairo,Tahoma,sans-serif!important;font-size:15px!important;line-height:1.85!important;overflow-x:hidden}
body.ff-v2 *{box-sizing:border-box}
body.ff-v2 h1,body.ff-v2 h2,body.ff-v2 h3,body.ff-v2 h4,body.ff-v2 h5,body.ff-v2 h6,body.ff-v2 p,body.ff-v2 a,body.ff-v2 span,body.ff-v2 button,body.ff-v2 input,body.ff-v2 textarea,body.ff-v2 li{font-family:Cairo,Tahoma,sans-serif!important}
body.ff-v2 h1,body.ff-v2 h2,body.ff-v2 h3,body.ff-v2 h4{color: black !important;letter-spacing:-.02em;text-transform:none!important}
body.ff-v2 p{color:#4c6279;font-size:15px!important;line-height:1.9!important}
body.ff-v2 a{text-decoration:none!important;transition:.25s ease}
body.ff-v2 img{max-width:100%;height:auto}
body.ff-v2 ul{padding-right:0}
body.ff-v2 ::selection{background:var(--ff2-cyan);color:var(--ff2-navy)}
.ff2-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.ff2-section{padding:82px 0}
.ff2-section--soft{background:var(--ff2-soft)}
.ff2-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}
.ff2-section-head>div{max-width:700px}
.ff2-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--ff2-blue)!important;font-size:13px!important;font-weight:800}
.ff2-kicker:before{content:"";width:22px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--ff2-blue),var(--ff2-cyan))}
.ff2-section-head h2{margin:0 0 8px!important;font-size:clamp(27px,3vw,40px)!important;line-height:1.4!important;font-weight:800!important}
.ff2-section-head p{margin:0!important;max-width:620px}
.ff2-link{display:inline-flex;align-items:center;gap:8px;color:var(--ff2-blue)!important;font-size:14px;font-weight:800;white-space:nowrap}
.ff2-link:hover{gap:13px}
.ff2-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 20px;border:0;border-radius:12px;font-size:14px!important;font-weight:800;cursor:pointer}
.ff2-button--primary{background:linear-gradient(135deg,var(--ff2-blue),#0757b5);color:#fff!important;box-shadow:0 13px 30px rgba(7,105,218,.22)}
.ff2-button--primary:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(7,105,218,.30)}
.ff2-button--whatsapp{background:#fff;color:#087843!important;border:1px solid #cfe7db}
.ff2-button--whatsapp:hover{background:#effcf5;transform:translateY(-3px)}

/* Compact global header */
.ff2-topbar{background:var(--ff2-navy);color:#ddecfa;font-size:12px}
.ff2-topbar .ff2-container{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ff2-topbar-list{display:flex;align-items:center;gap:22px}
.ff2-topbar a,.ff2-topbar span{color:#ddecfa!important;font-size:12px!important}
.ff2-topbar i{margin-left:6px;color:var(--ff2-cyan)}
.ff2-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid #e4edf5;backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(6,29,58,.055)}
.ff2-nav{min-height:76px;display:flex;align-items:center;gap:32px}
.ff2-logo{display:flex;align-items:center;flex:0 0 auto}
.ff2-logo img{display:block;width:auto!important;height:56px!important;max-width:142px!important;object-fit:contain;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
.ff2-menu{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;margin:0!important;padding:0!important;list-style:none}
.ff2-menu li{margin:0!important}
.ff2-menu a{display:block;padding:10px 12px;border-radius:9px;color:#233b55!important;font-size:13px!important;font-weight:700}
.ff2-menu a:hover,.ff2-menu a[aria-current="page"]{background:#edf6ff;color:var(--ff2-blue)!important}
.ff2-nav-actions{display:flex;gap:8px;flex:0 0 auto}
.ff2-nav-actions .ff2-button{min-height:44px;padding:8px 15px}
.ff2-menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center; margin-right: 70% !important; border:1px solid var(--ff2-line);border-radius:10px;background:#fff;color:var(--ff2-navy);font-size:19px}

/* Homepage hero — correct RTL desktop split */
.ff2-hero{position:relative;isolation:isolate;padding:70px 0 92px;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);overflow:hidden}
.ff2-hero:before{content:"";position:absolute;z-index:-1;width:520px;height:520px;top:-280px;right:-160px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.16),transparent 68%)}
.ff2-hero:after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(7,105,218,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(7,105,218,.032) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.ff2-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);align-items:center;gap:70px}
.ff2-hero-copy{order:1;max-width:650px}
.ff2-hero-media{order:2;position:relative;min-width:0}
.ff2-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:17px;padding:7px 12px;border:1px solid #d8e9f7;border-radius:100px;background:#fff;color:var(--ff2-blue);font-size:12px;font-weight:800;box-shadow:0 8px 25px rgba(6,29,58,.05)}
.ff2-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#1bc474;box-shadow:0 0 0 5px rgba(27,196,116,.12)}
.ff2-hero h1{max-width:660px;margin:0 0 18px!important;font-size:clamp(36px,4.4vw,56px)!important;line-height:1.32!important;font-weight:800!important}
.ff2-hero h1 span{color:var(--ff2-blue)}
.ff2-hero-copy>p{max-width:590px;margin:0 0 25px!important;font-size:16px!important;line-height:2!important}
.ff2-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.ff2-trust{display:flex;flex-wrap:wrap;gap:15px 22px;margin:0;padding:0;list-style:none}
.ff2-trust li{display:flex;align-items:center;gap:7px;margin:0!important;color:#425d77;font-size:12px;font-weight:700}
.ff2-trust i{color:var(--ff2-green)}
.ff2-hero-photo{position:relative;overflow:hidden;border:8px solid #fff;border-radius:24px;box-shadow:0 30px 80px rgba(6,29,58,.18)}
.ff2-hero-photo img{display:block;width:100%;height:470px;object-fit:cover}
.ff2-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(6,29,58,.26))}
.ff2-service-chip{position:absolute;right:-25px;bottom:30px;z-index:2;width:235px;display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid rgba(255,255,255,.8);border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 18px 45px rgba(6,29,58,.17);backdrop-filter:blur(12px)}
.ff2-service-chip i{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#e8f5ff;color:var(--ff2-blue);font-size:18px}
.ff2-service-chip strong{display:block;color:var(--ff2-navy);font-size:13px}.ff2-service-chip small{display:block;color:var(--ff2-muted);font-size:10px}
.ff2-hero-number{position:absolute;left:-22px;top:30px;z-index:2;padding:12px 15px;border-radius:12px;background:var(--ff2-navy);color:#fff;box-shadow:0 16px 36px rgba(6,29,58,.20)}
.ff2-hero-number span{display:block;color:var(--ff2-cyan)!important;font-size:10px!important}.ff2-hero-number strong{font-size:17px}

/* Quick services */
.ff2-quick{position:relative;z-index:5;margin-top:-43px}
.ff2-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--ff2-line);border-radius:17px;background:#fff;box-shadow:var(--ff2-shadow)}
.ff2-quick-item{min-height:105px;display:flex;align-items:center;gap:13px;padding:20px;border-left:1px solid var(--ff2-line)}
.ff2-quick-item:last-child{border-left:0}
.ff2-quick-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#eaf5ff;color:var(--ff2-blue);font-size:19px}
.ff2-quick-item strong{display:block;margin-bottom:2px;color:var(--ff2-navy);font-size:13px}.ff2-quick-item small{display:block;color:var(--ff2-muted);font-size:11px;line-height:1.65}

/* Services and brand grids */
.ff2-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ff2-service-card{position:relative;min-height:220px;padding:25px;border:1px solid var(--ff2-line);border-radius:var(--ff2-radius);background:#fff;box-shadow:0 12px 38px rgba(6,29,58,.055);overflow:hidden}
.ff2-service-card:after{content:"";position:absolute;width:110px;height:110px;left:-35px;bottom:-48px;border-radius:50%;background:#e9f6ff;transition:.35s var(--ff2-ease)}
.ff2-service-card:hover{transform:translateY(-6px);border-color:#b9daf5;box-shadow:var(--ff2-shadow)}
.ff2-service-card:hover:after{transform:scale(1.3)}
.ff2-service-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:18px;border-radius:13px;background:linear-gradient(135deg,var(--ff2-blue),var(--ff2-sky));color:#fff;font-size:21px}
.ff2-service-card h3{margin:0 0 7px!important;font-size:18px!important;font-weight:800!important}.ff2-service-card p{margin:0!important;font-size:13px!important}.ff2-service-card a{position:relative;z-index:2;display:inline-flex;margin-top:12px;color:var(--ff2-blue)!important;font-size:12px;font-weight:800}
.ff2-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ff2-brand-card{overflow:hidden;border:1px solid var(--ff2-line);border-radius:var(--ff2-radius);background:#fff;box-shadow:0 12px 38px rgba(6,29,58,.055)}
.ff2-brand-card:hover{transform:translateY(-6px);box-shadow:var(--ff2-shadow)}
.ff2-brand-media{height:auto;overflow:hidden;background:#eaf2f8}
.ff2-brand-media img{display:block;width:100%;height:100%;object-fit:cover;transition:.6s var(--ff2-ease)}
.ff2-brand-card:hover .ff2-brand-media img{transform:scale(1.045)}
.ff2-brand-body{padding:18px 19px 20px}
.ff2-brand-name{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.ff2-brand-name h3{margin:0!important;font-size:17px!important;font-weight:800!important}.ff2-brand-name span{padding:4px 8px;border-radius:6px;background:#edf7ff;color:var(--ff2-blue);font-size:9px;font-weight:800}
.ff2-brand-body p{min-height:50px;margin:0 0 10px!important;font-size:12px!important;line-height:1.8!important}

/* Steps / stats / areas */
.ff2-process{background: linear-gradient(347deg, #416da4, #4892e1); color:#fff}
.ff2-process .ff2-section-head h2,.ff2-process .ff2-section-head p{color:#fff!important}.ff2-process .ff2-kicker{color:var(--ff2-cyan)!important}
.ff2-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}
.ff2-process-card{position:relative;padding:23px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.055);counter-increment:step}
.ff2-process-card:before{content:"0" counter(step);display:block;margin-bottom:18px;color:var(--ff2-cyan);font-size:23px;font-weight:800}
.ff2-process-card h3{margin:0 0 6px!important;color:#fff!important;font-size:16px!important;font-weight:800!important}.ff2-process-card p{margin:0!important;color:#cbdbea!important;font-size:12px!important}
.ff2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px;padding-top:30px;border-top:1px solid rgba(255,255,255,.12)}
.ff2-stat{text-align:center}.ff2-stat strong{display:block;color:#fff;font-size:27px;font-weight:800}.ff2-stat span{color:#bad0e3!important;font-size:11px!important}
.ff2-area-wrap{display:grid;grid-template-columns:350px 1fr;gap:32px;align-items:start}
.ff2-area-panel{position:sticky;top:110px;padding:27px;border-radius:17px;background: linear-gradient(347deg, #416da4, #4892e1); color:#fff;box-shadow:0 22px 55px rgba(7,105,218,.20)}
.ff2-area-panel h2{margin:0 0 9px!important;color:#fff!important;font-size:27px!important;font-weight:800!important}.ff2-area-panel p{margin:0 0 17px!important;color:#dbeeff!important;font-size:13px!important}.ff2-area-panel .ff2-button{width:100%;background:#fff;color:var(--ff2-blue)!important}
.ff2-area-grid{display:flex;flex-wrap:wrap;gap:9px}
.ff2-area-grid a{padding:8px 12px;border:1px solid var(--ff2-line);border-radius:9px;background:#fff;color:#36526e!important;font-size:12px!important;font-weight:700}
.ff2-area-grid a:hover{border-color:#9cccf2;background:#eef8ff;color:var(--ff2-blue)!important;transform:translateY(-2px)}

/* SEO-friendly FAQ: compact, indexable and visually calm */
.ff2-faq{padding-top:30px}
.ff2-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.ff2-faq details{overflow:hidden;border:1px solid var(--ff2-line);border-radius:13px;background:#fff}
.ff2-faq summary{position:relative;padding:16px 18px 16px 48px;color:var(--ff2-navy);font-size:13px;font-weight:800;cursor:pointer;list-style:none}
.ff2-faq summary::-webkit-details-marker{display:none}
.ff2-faq summary:after{content:"+";position:absolute;left:17px;top:50%;width:23px;height:23px;display:grid;place-items:center;transform:translateY(-50%);border-radius:7px;background:#ebf6ff;color:var(--ff2-blue);font-size:16px}
.ff2-faq details[open] summary:after{content:"−"}
.ff2-faq details p{margin:0!important;padding:0 18px 17px;font-size:12px!important}

/* Equal article cards */
.ff2-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ff2-article-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ff2-line);border-radius:var(--ff2-radius);background:#fff;box-shadow:0 12px 38px rgba(6,29,58,.055)}
.ff2-article-card:hover{transform:translateY(-6px);box-shadow:var(--ff2-shadow)}
.ff2-article-card>img{display:block;width:100%;height:195px;object-fit:cover}
.ff2-article-body{display:flex;flex:1;flex-direction:column;padding:18px}
.ff2-article-body span{color:var(--ff2-blue)!important;font-size:10px!important;font-weight:800}.ff2-article-body h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:52px;margin:6px 0 8px!important;font-size:16px!important;line-height:1.65!important;font-weight:800!important}.ff2-article-body p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0 0 12px!important;font-size:12px!important}.ff2-article-body a{margin-top:auto;color:var(--ff2-blue)!important;font-size:12px;font-weight:800}

/* Reviews and CTA */
.ff2-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ff2-review{padding:22px;border:1px solid var(--ff2-line);border-radius:15px;background:#fff}
.ff2-stars{margin-bottom:10px;color:#f5b800;font-size:12px}.ff2-review p{margin:0 0 14px!important;font-size:13px!important}.ff2-review strong{display:block;color:var(--ff2-navy);font-size:13px}.ff2-review small{color:var(--ff2-muted);font-size:10px}
.ff2-cta{padding:0 0 82px}.ff2-cta-box{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:38px 42px;border-radius:20px;background: linear-gradient(347deg, #416da4, #4892e1);box-shadow:0 24px 60px rgba(6,29,58,.18)}
.ff2-cta-box:after{content:"";position:absolute;width:260px;height:260px;left:-70px;top:-140px;border:55px solid rgba(37,212,229,.09);border-radius:50%}.ff2-cta-box h2{margin:0 0 7px!important;color:#fff!important;font-size:29px!important;font-weight:800!important}.ff2-cta-box p{margin:0!important;color:#d8e9f7!important;font-size:13px!important}.ff2-cta-actions{position:relative;z-index:2;display:flex;gap:9px;flex:0 0 auto}.ff2-cta-actions .ff2-button--whatsapp{border:0}

/* Clean compact footer */
.ff2-footer{background: linear-gradient(347deg, #416da4, #4892e1); color:#b8ccdf}
.ff2-footer-main{display:grid;grid-template-columns:1.3fr .8fr .95fr;gap:50px;padding:52px 0 38px}
.ff2-footer-logo{width:auto!important;height:57px!important;margin-bottom:13px;object-fit:contain;border:0!important;border-radius:0!important;background:transparent!important}
.ff2-footer p{max-width:430px;margin:0!important;color:#b8ccdf!important;font-size:12px!important}.ff2-footer h3{margin:0 0 15px!important;color:#fff!important;font-size:14px!important;font-weight:800!important}.ff2-footer ul{margin:0;padding:0;list-style:none}.ff2-footer li{margin:0 0 8px!important}.ff2-footer a{color:#cfe0ef!important;font-size:12px!important}.ff2-footer a:hover{color:var(--ff2-cyan)!important}.ff2-contact-list i{width:20px;color:var(--ff2-cyan)}
.ff2-footer-bottom{padding:17px 0;border-top:1px solid rgba(255,255,255,.09)}.ff2-footer-bottom .ff2-container{display:flex;align-items:center;justify-content:space-between;gap:20px}.ff2-footer-bottom span{color:#8fa8bf!important;font-size:10px!important}

/* Inner pages — new shell over all retained SEO content */
body.ff-v2.ff2-inner{background:#f5f9fc!important}
body.ff-v2.ff2-inner>.ff2-header+*{margin-top:0}
.ff2-inner-intro{padding:44px 0 35px;    background: linear-gradient(71deg, #e2efff, #4892e1);;color:#fff}
.ff2-inner-intro .ff2-container{max-width:920px}.ff2-inner-intro span{color:var(--ff2-cyan)!important;font-size:11px!important;font-weight:800}.ff2-inner-intro h1{margin:7px 0 8px!important;color:#fff!important;font-size:clamp(27px,3.4vw,40px)!important;line-height:1.5!important;font-weight:800!important}.ff2-inner-intro p{margin:0!important;color:#d8e8f7!important;font-size:13px!important}
body.ff-v2.ff2-inner .slider-area2,body.ff-v2.ff2-inner .slider-area,body.ff-v2.ff2-inner .hero-area,body.ff-v2.ff2-inner .breadcrumb-area{display:none!important}
body.ff-v2.ff2-inner .ff2-retained-content{width:min(980px,calc(100% - 40px));margin:36px auto 55px;padding:34px;border:1px solid var(--ff2-line);border-radius:18px;background:#fff;box-shadow:0 12px 42px rgba(6,29,58,.06)}
body.ff-v2.ff2-inner .ff2-retained-content>.ff-link-hub{margin-inline:-34px;margin-bottom:-34px}
body.ff-v2.ff2-inner h1{font-size:clamp(27px,3.3vw,40px)!important;line-height:1.5!important;font-weight:800!important}
body.ff-v2.ff2-inner h2{margin:26px 0 10px!important;font-size:clamp(21px,2.4vw,29px)!important;line-height:1.6!important;font-weight:800!important}
body.ff-v2.ff2-inner h3{font-size:18px!important;line-height:1.65!important;font-weight:800!important}
body.ff-v2.ff2-inner p,body.ff-v2.ff2-inner li{font-size:14px!important;line-height:2!important}
body.ff-v2.ff2-inner .container{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
body.ff-v2.ff2-inner .section-padding,body.ff-v2.ff2-inner .services-area,body.ff-v2.ff2-inner .blog_area,body.ff-v2.ff2-inner .about-area,body.ff-v2.ff2-inner .about-low-area{padding:0!important;margin:0!important;background:transparent!important}
body.ff-v2.ff2-inner article img,body.ff-v2.ff2-inner .ff2-retained-content>img,body.ff-v2.ff2-inner .blog_details img{display:block;width:100%;max-height:480px;object-fit:cover;margin:18px 0;border-radius:13px!important}
body.ff-v2.ff2-inner .btn,body.ff-v2.ff2-inner .hero-btn,body.ff-v2.ff2-inner .boxed-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:9px 15px!important;border:0!important;border-radius:9px!important;background:var(--ff2-blue)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:0!important}

/* Articles listing page: 260 legacy cards become a disciplined grid */
body.ff-v2.ff2-listing .ff2-retained-content{width:min(1180px,calc(100% - 40px));max-width:1180px;padding:26px}
body.ff-v2.ff2-listing .blog_area .row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0!important}
body.ff-v2.ff2-listing .blog_area .row>[class*=col-]{width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;margin:0!important;float:none!important}
body.ff-v2.ff2-listing .card{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:0!important;border:1px solid var(--ff2-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 9px 30px rgba(6,29,58,.055)!important}
body.ff-v2.ff2-listing .card:hover{transform:translateY(-5px);box-shadow:var(--ff2-shadow)!important}
body.ff-v2.ff2-listing .card>img,body.ff-v2.ff2-listing .card-img,body.ff-v2.ff2-listing .card-img-top{width:100%!important;height:auto!important;display:block!important;object-fit:cover!important;margin:0!important;border:0!important;border-radius:0!important}
body.ff-v2.ff2-listing .card-body{display:flex!important;flex:1!important;flex-direction:column!important;padding:17px!important;text-align:right!important}
body.ff-v2.ff2-listing .card-title{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;min-height:53px!important;margin:0 0 8px!important;font-size:16px!important;line-height:1.65!important;font-weight:800!important}
body.ff-v2.ff2-listing .card-text{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;margin:0!important;font-size:12px!important;line-height:1.85!important}
body.ff-v2.ff2-listing .card-text .btn,body.ff-v2.ff2-listing .card-body>.btn{align-self:flex-start;margin-top:auto!important}

/* Compact internal links */
.ff-link-hub{padding:55px 0!important;background:var(--ff2-navy)!important;color:#fff!important}
.ff-link-hub .ff-hub-inner{ margin-right: 5%; width:min(1180px,calc(100% - 40px))!important}
.ff-link-hub h2{margin:0 0 8px!important;color:#fff!important;font-size:26px!important}.ff-link-hub p{margin:0 0 20px!important;color:#cfe0ef!important;font-size:12px!important}
.ff-hub-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.ff-hub-grid a{min-height:45px!important;padding:8px 11px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:9px!important;background:rgba(255,255,255,.055)!important;color:#fff!important;font-size:11px!important}.ff-hub-grid a:hover{background:rgba(255,255,255,.11)!important}

/* Floating conversion controls */
.ff2-float{position:fixed;z-index:1200;left:15px;bottom:15px;display:flex;gap:8px}
.ff2-float a{width:49px;height:49px;display:grid;place-items:center;border-radius:13px;color:#fff!important;font-size:19px;box-shadow:0 12px 28px rgba(6,29,58,.20)}
.ff2-float-call{background:var(--ff2-blue)}.ff2-float-wa{background:#15a85f}.ff2-float a:hover{transform:translateY(-4px)}
.ff2-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ff2-ease),transform .65s var(--ff2-ease)}.ff2-reveal.ff2-visible{opacity:1;transform:none}

@media(max-width:1100px){
  .ff2-hero-grid{grid-template-columns:1fr 430px;gap:45px}.ff2-menu{gap:0}.ff2-menu a{padding:9px 8px;font-size:12px!important}.ff2-nav-actions .ff2-button--whatsapp{display:none}.ff2-area-wrap{grid-template-columns:300px 1fr}
}
@media(max-width:900px){
  .ff2-topbar{display:none}.ff2-nav{min-height:68px}.ff2-logo img{height:49px!important}.ff2-menu-toggle{display:flex}.ff2-menu{position:absolute;top:68px;right:20px;left:20px;display:none;flex-direction:column;align-items:stretch;padding:10px!important;border:1px solid var(--ff2-line);border-radius:13px;background:#fff;box-shadow:var(--ff2-shadow)}.ff2-menu.ff2-open{display:flex}.ff2-menu a{padding:10px!important}.ff2-nav-actions{margin-right:auto}.ff2-nav-actions .ff2-button--primary{display:none}
  .ff2-hero{padding-top:45px}.ff2-hero-grid{grid-template-columns:1fr;gap:35px}.ff2-hero-copy{max-width:none;text-align:center}.ff2-hero-copy>p{margin-inline:auto!important}.ff2-hero-actions,.ff2-trust{justify-content:center}.ff2-hero-media{width:min(680px,100%);margin-inline:auto}.ff2-hero-photo img{height:410px}
  .ff2-quick-grid{grid-template-columns:1fr 1fr}.ff2-quick-item:nth-child(2){border-left:0}.ff2-quick-item:nth-child(-n+2){border-bottom:1px solid var(--ff2-line)}
  .ff2-service-grid,.ff2-brand-grid,.ff2-article-grid,.ff2-review-grid{grid-template-columns:repeat(2,1fr)}.ff2-process-grid,.ff2-stats{grid-template-columns:1fr 1fr}.ff2-area-wrap{grid-template-columns:1fr}.ff2-area-panel{position:static}
  .ff2-cta-box{align-items:flex-start;flex-direction:column}.ff2-footer-main{grid-template-columns:1fr 1fr}.ff2-footer-about{grid-column:1/-1}
  body.ff-v2.ff2-listing .blog_area .row{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-hub-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:600px){
  body.ff-v2{font-size:14px!important}.ff2-container{width:min(100% - 26px,1180px)}.ff2-section{padding:58px 0}.ff2-section-head{align-items:flex-start;flex-direction:column;margin-bottom:24px}.ff2-section-head h2{font-size:27px!important}.ff2-section-head .ff2-link{display:none}
  .ff2-hero{padding:35px 0 75px}.ff2-hero h1{font-size:33px!important;line-height:1.45!important}.ff2-hero-copy>p{font-size:14px!important}.ff2-hero-actions{display:grid;grid-template-columns:1fr}.ff2-trust{display:grid;grid-template-columns:1fr 1fr;text-align:right}.ff2-hero-photo{border-width:5px;border-radius:17px}.ff2-hero-photo img{height:285px}.ff2-hero-number{left:8px;top:12px}.ff2-service-chip{right:8px;bottom:12px;width:210px;padding:10px}.ff2-service-chip i{width:37px;height:37px}
  .ff2-quick{margin-top:-33px}.ff2-quick-grid{grid-template-columns:1fr}.ff2-quick-item{min-height:82px;padding:14px 16px;border-left:0!important;border-bottom:1px solid var(--ff2-line)!important}.ff2-quick-item:last-child{border-bottom:0!important}
  .ff2-service-grid,.ff2-brand-grid,.ff2-article-grid,.ff2-review-grid,.ff2-process-grid,.ff2-stats,.ff2-faq-grid{grid-template-columns:1fr}.ff2-brand-media{height:auto}.ff2-area-grid a{font-size:11px!important}.ff2-stat{text-align:right}.ff2-stats{grid-template-columns:1fr 1fr}
  .ff2-cta{padding-bottom:58px}.ff2-cta-box{padding:27px 22px}.ff2-cta-box h2{font-size:24px!important}.ff2-cta-actions{width:100%;display:grid;grid-template-columns:1fr}
  .ff2-footer-main{grid-template-columns:1fr;gap:27px;padding-top:40px}.ff2-footer-about{grid-column:auto}.ff2-footer-bottom .ff2-container{align-items:flex-start;flex-direction:column;gap:5px}
  body.ff-v2.ff2-inner .ff2-retained-content,body.ff-v2.ff2-listing .ff2-retained-content{width:min(100% - 22px,1180px);margin-top:18px;padding:18px;border-radius:13px}.ff2-inner-intro{padding:33px 0 27px}.ff2-inner-intro h1{font-size:26px!important}
  body.ff-v2.ff2-listing .blog_area .row{grid-template-columns:1fr}.ff-hub-grid{grid-template-columns:1fr!important}.ff-link-hub{padding:42px 0!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ff2-reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition-duration:.01ms!important}}

.blog_item_img .blog_item_date {

    display: none !important;
}
.blog-head{
  color : black !important;
}

/* =========================================================
   FAST FIX - GOOGLE REVIEW SECTION
========================================================= */

.ff-google-review-section {
    --ff-primary: #e5252a;
    --ff-primary-dark: #b9151a;
    --ff-dark: #101820;
    --ff-text: #2d3540;
    --ff-muted: #6f7782;
    --ff-yellow: #fbbc04;
    --ff-green: #1fa463;
    --ff-white: #ffffff;

    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(229, 37, 42, 0.08), transparent 30%),
        radial-gradient(circle at 90% 80%, rgba(66, 133, 244, 0.08), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #ffffff 100%);
    font-family: inherit;
}

.ff-google-review-section::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.35;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(16, 24, 32, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16, 24, 32, 0.025) 1px, transparent 1px);
    background-size: 35px 35px;
}

.ff-review-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(10px);
    pointer-events: none;
}

.ff-review-glow-one {
    width: 260px;
    height: 260px;
    top: -120px;
    right: -80px;
    background: rgba(229, 37, 42, 0.08);
}

.ff-review-glow-two {
    width: 300px;
    height: 300px;
    bottom: -170px;
    left: -100px;
    background: rgba(66, 133, 244, 0.08);
}

/* المحتوى */

.ff-review-content {
    position: relative;
    z-index: 2;
    padding-left: 25px;
}

.ff-review-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    padding: 7px 16px 7px 18px;
    color: var(--ff-primary);
    background: rgba(229, 37, 42, 0.08);
    border: 1px solid rgba(229, 37, 42, 0.14);
    border-radius: 50px;
    font-size: 14px;
    font-weight: 800;
}

.ff-review-label-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: var(--ff-white);
    background: var(--ff-primary);
    border-radius: 50%;
    box-shadow: 0 7px 18px rgba(229, 37, 42, 0.25);
}

.ff-review-title {
    max-width: 570px;
    margin: 0 0 20px;
    color: var(--ff-dark);
    font-size: 46px;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: -1px;
}

.ff-review-title span {
    position: relative;
    display: inline-block;
    color: var(--ff-primary);
}

.ff-review-title span::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 100%;
    height: 8px;
    z-index: -1;
    background: rgba(229, 37, 42, 0.12);
    border-radius: 20px;
}

.ff-review-description {
    max-width: 590px;
    margin: 0 0 28px;
    color: var(--ff-muted);
    font-size: 17px;
    line-height: 2;
}

.ff-review-description strong {
    color: var(--ff-dark);
}

/* التقييم والنجوم */

.ff-review-rating-box {
    display: flex;
    align-items: center;
    gap: 18px;
    max-width: 470px;
    margin-bottom: 25px;
    padding: 15px 18px;
    background: var(--ff-white);
    border: 1px solid #edf0f3;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(16, 24, 32, 0.07);
}

.ff-review-stars {
    display: flex;
    direction: ltr;
    gap: 4px;
    color: var(--ff-yellow);
    font-size: 20px;
    white-space: nowrap;
}

.ff-review-stars i {
    animation: ffStarFloat 2.5s ease-in-out infinite;
}

.ff-review-stars i:nth-child(2) {
    animation-delay: 0.15s;
}

.ff-review-stars i:nth-child(3) {
    animation-delay: 0.3s;
}

.ff-review-stars i:nth-child(4) {
    animation-delay: 0.45s;
}

.ff-review-stars i:nth-child(5) {
    animation-delay: 0.6s;
}

.ff-review-rating-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ff-review-rating-text strong {
    color: var(--ff-dark);
    font-size: 15px;
    font-weight: 900;
}

.ff-review-rating-text span {
    color: var(--ff-muted);
    font-size: 12px;
}

/* زر Google */

.ff-review-button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    max-width: 470px;
    min-height: 75px;
    padding: 12px 18px;
    overflow: hidden;
    color: var(--ff-white);
    background: linear-gradient(
        135deg,
        var(--ff-primary) 0%,
        var(--ff-primary-dark) 100%
    );
    border-radius: 20px;
    text-decoration: none !important;
    box-shadow: 0 18px 40px rgba(229, 37, 42, 0.28);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.ff-review-button::before {
    content: "";
    position: absolute;
    top: -80%;
    right: -40%;
    width: 80px;
    height: 220%;
    opacity: 0.2;
    background: #ffffff;
    transform: rotate(25deg);
    transition: right 0.6s ease;
}

.ff-review-button:hover {
    color: var(--ff-white);
    transform: translateY(-4px);
    box-shadow: 0 24px 45px rgba(229, 37, 42, 0.35);
}

.ff-review-button:hover::before {
    right: 115%;
}

.ff-google-icon {
    position: relative;
    z-index: 2;
    display: inline-flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: #4285f4;
    background: var(--ff-white);
    border-radius: 15px;
    font-size: 23px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

.ff-review-button-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
    text-align: right;
}

.ff-review-button-text strong {
    font-size: 16px;
    font-weight: 900;
}

.ff-review-button-text small {
    opacity: 0.82;
    font-size: 12px;
}

.ff-review-button-arrow {
    position: relative;
    z-index: 2;
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: var(--ff-white);
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transition: transform 0.3s ease;
}

.ff-review-button:hover .ff-review-button-arrow {
    transform: translateX(-5px);
}

.ff-review-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 18px;
    color: var(--ff-muted);
    font-size: 12px;
    font-weight: 700;
}

.ff-review-trust span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.ff-review-trust i {
    color: var(--ff-green);
}

/* =========================================================
   MAP CARD
========================================================= */

.ff-review-map-card {
    position: relative;
    z-index: 2;
    display: block;
    overflow: hidden;
    color: inherit;
    background: var(--ff-white);
    border: 1px solid rgba(16, 24, 32, 0.08);
    border-radius: 28px;
    text-decoration: none !important;
    box-shadow: 0 30px 70px rgba(16, 24, 32, 0.15);
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.ff-review-map-card:hover {
    color: inherit;
    transform: translateY(-8px) rotate(-0.5deg);
    box-shadow: 0 38px 85px rgba(16, 24, 32, 0.2);
}

.ff-map-top-bar,
.ff-map-bottom-bar {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 20px;
    background: rgba(255, 255, 255, 0.97);
}

.ff-map-top-bar {
    border-bottom: 1px solid #edf0f3;
}

.ff-map-bottom-bar {
    border-top: 1px solid #edf0f3;
    color: var(--ff-muted);
    font-size: 13px;
    font-weight: 800;
}

.ff-map-bottom-bar > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ff-map-bottom-bar > div i {
    color: var(--ff-primary);
}

.ff-map-brand {
    display: flex;
    align-items: center;
    gap: 11px;
}

.ff-map-brand-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    color: var(--ff-white);
    background: linear-gradient(135deg, #4285f4, #1d61c5);
    border-radius: 13px;
    font-size: 18px;
    box-shadow: 0 8px 18px rgba(66, 133, 244, 0.25);
}

.ff-map-brand div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ff-map-brand strong {
    color: var(--ff-dark);
    font-size: 15px;
    font-weight: 900;
}

.ff-map-brand span {
    color: var(--ff-muted);
    font-size: 11px;
}

.ff-map-status {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    color: #168551;
    background: rgba(31, 164, 99, 0.1);
    border-radius: 30px;
    font-size: 11px;
    font-weight: 800;
}

.ff-map-status span {
    width: 7px;
    height: 7px;
    background: var(--ff-green);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(31, 164, 99, 0.12);
}

/* منطقة الخريطة */

.ff-map-area {
    position: relative;
    min-height: 390px;
    overflow: hidden;
    background-color: #e9f1ea;
    background-image:
        linear-gradient(30deg, rgba(255, 255, 255, 0.3) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, 0.3) 87.5%),
        linear-gradient(150deg, rgba(255, 255, 255, 0.3) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, 0.3) 87.5%),
        linear-gradient(30deg, rgba(255, 255, 255, 0.3) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, 0.3) 87.5%),
        linear-gradient(150deg, rgba(255, 255, 255, 0.3) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, 0.3) 87.5%);
    background-position: 0 0, 0 0, 40px 70px, 40px 70px;
    background-size: 80px 140px;
}

.ff-map-area::before {
    content: "";
    position: absolute;
    top: 40px;
    right: 30px;
    width: 120px;
    height: 80px;
    opacity: 0.75;
    background: #c7dfbf;
    border-radius: 60% 40% 55% 45%;
    transform: rotate(-10deg);
}

.ff-map-area::after {
    content: "";
    position: absolute;
    bottom: 35px;
    left: 15px;
    width: 150px;
    height: 100px;
    opacity: 0.8;
    background: #c7dfbf;
    border-radius: 40% 60% 48% 52%;
    transform: rotate(12deg);
}

/* شوارع الخريطة */

.ff-map-road {
    position: absolute;
    z-index: 1;
    display: block;
    background: #ffffff;
    border: 1px solid rgba(190, 198, 205, 0.6);
    box-shadow:
        0 0 0 3px rgba(255, 255, 255, 0.55),
        0 3px 7px rgba(16, 24, 32, 0.08);
}

.ff-map-road-one {
    top: 48%;
    left: -10%;
    width: 120%;
    height: 18px;
    transform: rotate(-13deg);
}

.ff-map-road-two {
    top: -5%;
    right: 26%;
    width: 17px;
    height: 115%;
    transform: rotate(20deg);
}

.ff-map-road-three {
    top: 18%;
    left: -5%;
    width: 80%;
    height: 12px;
    transform: rotate(23deg);
}

.ff-map-road-four {
    bottom: 9%;
    right: -10%;
    width: 90%;
    height: 12px;
    transform: rotate(8deg);
}

/* أسماء على الخريطة */

.ff-map-place {
    position: absolute;
    z-index: 2;
    padding: 5px 9px;
    color: #748078;
    background: rgba(255, 255, 255, 0.76);
    border-radius: 7px;
    font-size: 9px;
    font-weight: 800;
    backdrop-filter: blur(5px);
}

.ff-map-place-one {
    top: 70px;
    left: 35px;
}

.ff-map-place-two {
    top: 175px;
    right: 25px;
}

.ff-map-place-three {
    bottom: 42px;
    right: 60px;
}

/* ماركر الموقع */

.ff-location-marker {
    position: absolute;
    top: 45%;
    right: 44%;
    z-index: 4;
    width: 75px;
    height: 75px;
    transform: translate(50%, -50%);
}

.ff-location-pulse {
    position: absolute;
    inset: 0;
    background: rgba(229, 37, 42, 0.18);
    border-radius: 50%;
    animation: ffMapPulse 2s ease-out infinite;
}

.ff-location-pin {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    color: var(--ff-white);
    background: linear-gradient(135deg, var(--ff-primary), var(--ff-primary-dark));
    border: 5px solid var(--ff-white);
    border-radius: 50% 50% 50% 10%;
    font-size: 17px;
    box-shadow: 0 15px 30px rgba(229, 37, 42, 0.38);
    transform: translate(-50%, -55%) rotate(-45deg);
}

.ff-location-pin i {
    transform: rotate(45deg);
}

/* نافذة التقييم */

.ff-map-review-popup {
    position: absolute;
    right: 25px;
    bottom: 25px;
    z-index: 5;
    width: 245px;
    padding: 17px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 19px;
    box-shadow: 0 20px 45px rgba(16, 24, 32, 0.22);
    backdrop-filter: blur(12px);
    transition: transform 0.35s ease;
}

.ff-review-map-card:hover .ff-map-review-popup {
    transform: translateY(-6px);
}

.ff-popup-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ff-popup-logo {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #4285f4;
    background: #f4f7fb;
    border-radius: 11px;
    font-size: 19px;
}

.ff-popup-header div {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ff-popup-header strong {
    color: var(--ff-dark);
    font-size: 14px;
    font-weight: 900;
}

.ff-popup-header small {
    color: var(--ff-muted);
    font-size: 10px;
}

.ff-popup-stars {
    display: flex;
    direction: ltr;
    gap: 3px;
    margin: 13px 0;
    color: var(--ff-yellow);
    font-size: 14px;
}

.ff-popup-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    color: var(--ff-white);
    background: var(--ff-primary);
    border-radius: 11px;
    font-size: 11px;
    font-weight: 900;
}

.ff-open-map-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: var(--ff-dark);
    background: #f3f5f7;
    border-radius: 10px;
}

/* الحركات */

@keyframes ffMapPulse {
    0% {
        opacity: 0.8;
        transform: scale(0.4);
    }

    100% {
        opacity: 0;
        transform: scale(1.25);
    }
}

@keyframes ffStarFloat {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {
    .ff-google-review-section {
        padding: 70px 0;
    }

    .ff-review-content {
        padding-left: 0;
        text-align: center;
    }

    .ff-review-title,
    .ff-review-description,
    .ff-review-rating-box,
    .ff-review-button {
        margin-right: auto;
        margin-left: auto;
    }

    .ff-review-rating-box {
        justify-content: center;
        text-align: right;
    }

    .ff-review-trust {
        justify-content: center;
    }

    .ff-map-area {
        min-height: 380px;
    }
}

@media (max-width: 575.98px) {
    .ff-google-review-section {
        padding: 55px 0;
    }

    .ff-review-title {
        font-size: 31px;
        line-height: 1.45;
    }

    .ff-review-description {
        font-size: 15px;
        line-height: 1.9;
    }

    .ff-review-rating-box {
        gap: 12px;
        padding: 13px;
    }

    .ff-review-stars {
        font-size: 16px;
    }

    .ff-review-button {
        min-height: 70px;
        padding: 11px 13px;
        border-radius: 17px;
    }

    .ff-google-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        border-radius: 13px;
        font-size: 20px;
    }

    .ff-review-button-text strong {
        font-size: 14px;
    }

    .ff-review-button-arrow {
        display: none;
    }

    .ff-review-trust {
        gap: 10px;
    }

    .ff-review-map-card {
        border-radius: 22px;
    }

    .ff-map-top-bar,
    .ff-map-bottom-bar {
        padding: 14px;
    }

    .ff-map-status {
        padding: 6px 8px;
        font-size: 9px;
    }

    .ff-map-area {
        min-height: 340px;
    }

    .ff-map-review-popup {
        right: 15px;
        bottom: 18px;
        width: calc(100% - 30px);
    }

    .ff-location-marker {
        top: 36%;
        right: 50%;
    }

    .ff-map-bottom-bar {
        font-size: 11px;
    }
}

/* تقليل الحركة حسب إعداد الجهاز */

@media (prefers-reduced-motion: reduce) {
    .ff-review-stars i,
    .ff-location-pulse {
        animation: none;
    }

    .ff-review-button,
    .ff-review-map-card,
    .ff-map-review-popup {
        transition: none;
    }
}

/* =========================================================
   GOOGLE BUSINESS HEADER
========================================================= */

.ff4-google-brandbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 17px;
    padding: 11px 13px;
    border: 1px solid #dce6ef;
    border-radius: 14px;
    background: rgba(255, 255, 255, .9);
}

.ff4-google-brand-main {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ff4-google-g {
    display: inline-flex;
    flex: 0 0 39px;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border: 1px solid #e2e8ee;
    border-radius: 11px;
    background: #fff;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 900;

    background-image: linear-gradient(
        90deg,
        #4285f4 0%,
        #4285f4 28%,
        #ea4335 28%,
        #ea4335 49%,
        #fbbc05 49%,
        #fbbc05 70%,
        #34a853 70%,
        #34a853 100%
    );

    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.ff4-google-brand-main > div {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ff4-google-brand-main strong {
    color: var(--ff4-navy);
    font-size: 13px;
    font-weight: 900;
}

.ff4-google-brand-main span {
    overflow: hidden;
    margin-top: 2px;
    color: var(--ff4-muted);
    font-size: 9px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ff4-google-services {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.ff4-google-service {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    border-radius: 8px;
    color: #315a83;
    background: #edf5fc;
    font-size: 8px;
    font-weight: 900;
    white-space: nowrap;
}

.ff4-google-service i {
    color: #4285f4;
    font-size: 10px;
}

.ff4-google-service--maps {
    color: #8b322b;
    background: #fff1ef;
}

.ff4-google-service--maps i {
    color: #ea4335;
}

/* =========================================================
   TITLE
========================================================= */

.ff4-review-panel h2 {
    margin-bottom: 6px;
    font-size: clamp(25px, 3vw, 34px);
}

.ff4-review-intro {
    margin-bottom: 17px !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

/* =========================================================
   GOOGLE STATISTICS
========================================================= */

.ff4-review-stats {
    margin-bottom: 17px;
}

.ff4-review-stat {
    position: relative;
    align-items: center;
    min-height: 100px;
    padding: 13px 8px;
    text-align: center;
}

.ff4-review-stat strong {
    font-size: 24px;
}

.ff4-review-stat strong small {
    color: var(--ff4-muted);
    font-size: 11px;
    font-weight: 800;
}

.ff4-review-stat span:last-child {
    font-size: 9px;
}

.ff4-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    margin-bottom: 5px;
    border-radius: 8px;
    color: #f5b301;
    background: #fff8df;
    font-size: 11px;
}

.ff4-stat-icon--comment {
    color: #1769aa;
    background: #eaf3fb;
}

.ff4-review-stat--average {
    border-color: #efd471;
    background: linear-gradient(145deg, #fffdf5 0%, #fff8df 100%);
}

.ff4-average-stars {
    display: flex;
    direction: ltr;
    justify-content: center;
    gap: 2px;
    margin: 5px 0 2px;
    color: var(--ff4-gold);
    font-size: 10px;
}

/* =========================================================
   USER RATING
========================================================= */

.ff4-rating-head > div {
    display: flex;
    flex-direction: column;
}

.ff4-rating-head strong {
    font-size: 14px;
}

.ff4-rating-head small {
    margin-top: 3px;
    color: var(--ff4-muted);
    font-size: 9px;
    font-weight: 700;
}

.ff4-your-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 3px 0 10px;
    padding: 8px 10px;
    border-radius: 10px;
    background: var(--ff4-blue-soft);
}

.ff4-your-rating span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--ff4-muted);
    font-size: 10px;
    font-weight: 800;
}

.ff4-your-rating span i {
    color: #34a853;
}

.ff4-your-rating strong {
    direction: ltr;
    color: var(--ff4-navy);
    font-size: 14px;
    font-weight: 900;
}

.ff4-rating-note {
    font-size: 10px;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575.98px) {
    .ff4-google-brandbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .ff4-google-services {
        justify-content: flex-start;
        width: 100%;
    }

    .ff4-google-brand-main span {
        white-space: normal;
    }

    .ff4-review-stat {
        min-height: 93px;
    }

    .ff4-review-stat strong {
        font-size: 19px;
    }

    .ff4-average-stars {
        font-size: 8px;
    }
}