/* ══════════════════════════════════════════════════════════════════
   SwiftPlus Premium Theme  —  swiftplus-premium.css
   Drop-in visual overhaul. Keeps SwiftPlus blue identity + all content.
   Elevated with LinStar's premium design language:
   glassy utility bar, floating search, dynamic gradients, rich motion.
   LOAD THIS LAST (after index-style.css and style.css).
   ══════════════════════════════════════════════════════════════════ */

:root{
  --sp-navy:#0B1120;
  --sp-navy-2:#0F172A;
  --sp-blue:#2563EB;
  --sp-blue-2:#3B82F6;
  --sp-blue-lt:#60A5FA;
  --sp-cyan:#06B6D4;
  --sp-green:#22C55E;
  --sp-green-2:#16A34A;
  --sp-grad:linear-gradient(120deg,#3B82F6 0%,#2563EB 55%,#1D4ED8 100%);
  --sp-grad-cyan:linear-gradient(120deg,#22D3EE,#2563EB);
  --sp-ink:#0F172A;
  --sp-line:#E7ECF3;
  --sp-paper:#F4F8FF;
  --sp-shadow:0 10px 40px rgba(15,23,42,.10);
  --sp-shadow-blue:0 12px 34px rgba(37,99,235,.28);
}

/* ══ UTILITY STRIP — REMOVED to match LinStar (no black bar) ══
   The JS still injects it, so we hide it entirely. Navbar sits at very top. */
.lx-utility{display:none !important}

/* ══ LinStar-style header icon group (account · wishlist · cart) ══ */
.lx-icons{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.lx-ic{position:relative;width:42px;height:42px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  color:#E8EEF9;transition:all .18s;text-decoration:none}
.lx-ic:hover{background:rgba(59,130,246,.16);color:#fff}
.lx-ic svg{width:22px;height:22px;stroke:currentColor;fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lx-cart-badge{position:absolute;top:5px;inset-inline-end:5px;min-width:16px;height:16px;
  padding:0 4px;background:var(--sp-blue);color:#fff;border-radius:99px;
  font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:center;
  line-height:1}
/* desktop: full text nav is visible, so hide the icon group to avoid duplication */
@media(min-width:969px){.lx-icons{display:none !important}}
/* mobile/tablet: icons + hamburger show (nav text is hidden by SwiftPlus) */
@media(max-width:968px){
  .lx-icons{order:2;margin-inline-start:auto}
  .sp-hamburger{order:3;margin-inline-start:6px}
}
@media(max-width:640px){
  .lx-ic{width:38px;height:38px}
  .lx-ic svg{width:20px;height:20px}
  .lx-icons{gap:2px}
}

/* ══ Desktop text-nav "Cart" link badge (same count, inline pill instead of absolute dot) ══ */
.sp-nav-cart-link{display:inline-flex !important;align-items:center;gap:6px}
.lx-cart-badge-nav{position:static !important;display:inline-flex !important;
  min-width:17px;height:17px;padding:0 5px;background:var(--sp-blue);color:#fff;
  border-radius:99px;font-size:10px;font-weight:800;align-items:center;justify-content:center;
  line-height:1}
/* hide the redundant desktop badge on mobile/tablet where the icon badge takes over */
@media(max-width:968px){.lx-cart-badge-nav{display:none !important}}

/* ══ NAVBAR — glassy premium reskin, sits at the very top (no black bar) ══ */
.sp-navbar{
  top:0 !important;height:70px !important;
  background:#0A0E16 !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
  padding:0 20px !important;
  transition:height .25s ease,background .25s ease !important}
.sp-navbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(59,130,246,.55),transparent)}
.sp-navbar.scrolled{height:62px !important;background:#000000 !important;
  box-shadow:0 8px 40px rgba(0,0,0,.55) !important}

.sp-logo img{height:42px !important;border-radius:10px !important;
  box-shadow:0 4px 14px rgba(0,0,0,.3)}
.sp-logo:hover img{transform:scale(1.06) rotate(-1deg) !important}
.sp-logo-text{font-size:22px !important;letter-spacing:-.03em !important}
.sp-logo-text span{background:var(--sp-grad);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent}

.sp-nav a{font-size:13px !important;font-weight:600 !important;
  color:rgba(226,235,250,.72) !important;padding:8px 14px !important;
  border-radius:9px !important;position:relative}
.sp-nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;
  background:var(--sp-grad);border-radius:2px;transform:scaleX(0);transform-origin:left;
  transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.sp-nav a:hover{color:#fff !important;background:rgba(59,130,246,.10) !important}
.sp-nav a:hover::after{transform:scaleX(1)}
.sp-nav a.active{color:#fff !important;background:rgba(37,99,235,.22) !important}
.sp-nav a.nav-cta::after{display:none}

.sp-nav a.nav-cta{
  background:linear-gradient(135deg,#16A34A,#22C55E) !important;
  padding:9px 20px !important;border-radius:11px !important;font-weight:700 !important;
  box-shadow:0 4px 16px rgba(34,197,94,.36) !important;color:#fff !important;
  position:relative;overflow:hidden}
.sp-nav a.nav-cta::before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.4),transparent);
  transform:skewX(-20deg);animation:lxShine 3.4s ease-in-out infinite}
@keyframes lxShine{0%,60%{left:-60%}100%{left:130%}}
.sp-nav a.nav-cta:hover{transform:translateY(-2px) !important;
  box-shadow:0 8px 24px rgba(34,197,94,.55) !important}

/* dropdown premium */
.sp-dropdown-menu{background:rgba(17,25,42,.97) !important;
  backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.09) !important;
  border-radius:18px !important;box-shadow:0 30px 60px rgba(0,0,0,.5) !important}
.sp-dropdown-menu a:hover{background:linear-gradient(90deg,rgba(37,99,235,.22),transparent) !important;
  color:#fff !important;padding-left:18px !important}
.sp-dropdown-menu a{transition:all .18s !important}

/* hamburger premium */
.sp-hamburger{background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(255,255,255,.05)) !important;
  border:1px solid rgba(59,130,246,.3) !important;border-radius:12px !important;
  width:44px !important;height:44px !important}
.sp-hamburger:hover{background:rgba(59,130,246,.26) !important;
  box-shadow:0 4px 16px rgba(37,99,235,.35)}
.sp-hamburger span{background:#fff !important;height:2.5px !important;width:21px !important}

@media(max-width:968px){.sp-navbar{height:64px !important}}
@media(max-width:640px){
  .sp-navbar{top:0 !important;height:60px !important;padding:0 14px !important}
}

/* ══ MOBILE DRAWER — white, professional, light-blue hover/selected state ══ */
.sp-mobile-nav-drawer{
  background:#ffffff !important;
  border-left:1px solid #e6ebf3 !important;
  box-shadow:-20px 0 60px rgba(15,23,42,.18)}
.sp-drawer-header{border-bottom:1px solid #eef1f7 !important;
  background:#ffffff !important}
.sp-drawer-brand span{background:var(--sp-grad);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent}
.sp-drawer-links a{border-radius:10px !important;font-weight:600 !important;
  color:#334155 !important}
.sp-drawer-links a:hover,.sp-drawer-links a:active,.sp-drawer-links a.active{
  background:#eaf2ff !important;color:#2563eb !important;
  transform:translateX(2px)}
.sp-drawer-cat-link:hover,.sp-drawer-cat-link:active{
  background:#eaf2ff !important;color:#2563eb !important}
.sp-drawer-cat-link:hover .sp-drawer-sub-toggle{
  background:rgba(37,99,235,.14) !important;color:#2563eb !important}
.sp-drawer-sub-list a:hover{background:#eaf2ff !important;color:#2563eb !important}
.sp-drawer-close{border-radius:10px !important}
.drawer-cta{background:linear-gradient(135deg,#16A34A,#22C55E) !important;
  box-shadow:0 6px 18px rgba(34,197,94,.34) !important}

/* ══ HERO — same size, richer frame.
   NOTE: the shared header (.sp-hdr in navbar.php) is position:sticky, so it
   already sits in normal document flow. The old margin-top offset below was
   written for a position:fixed navbar + a utility strip that no longer exist,
   so it was adding a large empty gap under the header. Fixed to 0. ══ */
.sp-hero-outer{padding:26px 24px 0 !important;margin-top:0 !important;
  background:linear-gradient(180deg,#F4F8FF,#fff) !important}
@media(max-width:968px){.sp-hero-outer{margin-top:0 !important}}
@media(max-width:640px){.sp-hero-outer{margin-top:0 !important;padding:20px 14px 0 !important}}
.sp-hero{border-radius:22px !important;
  box-shadow:0 20px 60px rgba(37,99,235,.16),0 4px 14px rgba(15,23,42,.08) !important;
  border:1px solid rgba(37,99,235,.08)}
.sp-hero::after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);z-index:11}
.sp-slide-bg{border-radius:22px !important}
.sp-slider-arrow{width:46px !important;height:46px !important;
  background:rgba(255,255,255,.9) !important;backdrop-filter:blur(10px);
  box-shadow:0 6px 22px rgba(0,0,0,.18) !important}
.sp-slider-arrow:hover{background:var(--sp-blue) !important;
  box-shadow:0 8px 28px rgba(37,99,235,.5) !important;
  transform:translateY(-50%) scale(1.12) !important}
.sp-slider-dot{background:rgba(255,255,255,.5) !important}
.sp-slider-dot.active{width:26px !important;border-radius:4px !important;
  background:#fff !important;box-shadow:0 0 12px rgba(255,255,255,.6)}

/* subtle floating scan accent on hero */
.sp-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:12;
  background:linear-gradient(90deg,transparent,rgba(96,165,250,.9),transparent);
  animation:lxScan 5s ease-in-out infinite;pointer-events:none;border-radius:22px 22px 0 0}
@keyframes lxScan{0%,100%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}

/* ══ CATEGORY CARDS — premium (compact, uniform sizing, readable) ══ */
.sp-categories-section{background:#fff !important}
.sp-category-card{width:132px !important;min-width:132px !important;max-width:132px !important;height:152px !important;
  border:1.5px solid var(--sp-line) !important;border-radius:16px !important;
  padding:16px 8px 12px !important;position:relative;overflow:hidden;
  transition:all .35s cubic-bezier(.2,.8,.2,1) !important}
.sp-category-card::before{content:"";position:absolute;inset:0;
  background:linear-gradient(160deg,rgba(37,99,235,.06),transparent 60%);
  opacity:0;transition:opacity .35s}
.sp-category-card:hover{transform:translateY(-6px) !important;border-color:var(--sp-blue) !important;
  box-shadow:0 16px 36px rgba(37,99,235,.16) !important}
.sp-category-card:hover::before{opacity:1}
.sp-category-icon{width:62px !important;height:62px !important;
  background:linear-gradient(135deg,#EFF6FF,#DBEAFE) !important;
  border:2px solid rgba(37,99,235,.12) !important;
  box-shadow:0 8px 20px rgba(37,99,235,.10)}
.sp-category-icon img{width:66% !important;height:66% !important;object-fit:contain !important}
.sp-category-card:hover .sp-category-icon{transform:scale(1.06) rotate(-3deg);
  box-shadow:0 0 0 5px rgba(37,99,235,.08),0 8px 18px rgba(37,99,235,.20) !important}
.sp-category-title{font-weight:800 !important;letter-spacing:-.02em;font-size:12.5px !important}
@media(max-width:768px){
  .sp-category-card{width:112px !important;min-width:112px !important;max-width:112px !important;height:132px !important}
  .sp-category-icon{width:52px !important;height:52px !important}
}
@media(max-width:480px){
  .sp-category-card{width:100px !important;min-width:100px !important;max-width:100px !important;height:122px !important}
  .sp-category-icon{width:46px !important;height:46px !important}
}

/* ══ SEARCH — LinStar style: pinned directly under the header, always visible ══ */
.sp-search-section{background:#fff !important;
  padding:14px 20px !important;border-bottom:1px solid var(--sp-line) !important;
  position:fixed !important;left:0 !important;right:0 !important;top:70px !important;
  z-index:85 !important;margin:0 !important;
  -webkit-transform:translateZ(0);transform:translateZ(0);
  box-shadow:0 4px 16px rgba(15,23,42,.06)}
@media(max-width:968px){.sp-search-section{top:64px !important}}
@media(max-width:640px){.sp-search-section{top:60px !important;padding:11px 14px !important}}
.sp-search-container{max-width:480px !important}
.sp-search-box{background:#fff;border-radius:100px;
  box-shadow:0 6px 22px rgba(37,99,235,.14),0 2px 8px rgba(15,23,42,.05);
  padding:3px;transition:box-shadow .3s,transform .3s}
.sp-search-box:focus-within{transform:translateY(-1px);
  box-shadow:0 12px 34px rgba(37,99,235,.22)}
.sp-search-input{border:2px solid transparent !important;background:#fff !important;
  padding:11px 58px 11px 18px !important;font-weight:500 !important;font-size:13.5px !important;
  box-shadow:none !important;border-radius:100px !important}
.sp-search-input:focus{border-color:rgba(37,99,235,.3) !important;
  animation:none !important;box-shadow:0 0 0 4px rgba(37,99,235,.10) !important}
/* search submit button (in HTML) — square, blue, icon-only */
.lx-search-go{position:absolute;right:4px;top:50%;transform:translateY(-50%);
  background:var(--sp-grad);color:#fff;border:none;height:38px;width:38px;padding:0;
  border-radius:12px;cursor:pointer;z-index:3;
  box-shadow:var(--sp-shadow-blue);transition:all .2s;display:inline-flex;
  align-items:center;justify-content:center}
.lx-search-go svg{width:17px;height:17px;flex-shrink:0}
.lx-search-go:hover{transform:translateY(-50%) translateY(-1px);filter:brightness(1.06)}
@media(max-width:600px){
  .lx-search-go{height:34px;width:34px;border-radius:10px}
  .lx-search-go svg{width:16px;height:16px}
}
.sp-search-results{border-radius:20px !important;
  box-shadow:0 24px 60px rgba(15,23,42,.18) !important;border-color:var(--sp-line) !important}

/* ══ SECTION TITLES — premium with icon chips ══ */
.sp-dynamic-section,.sp-products-section{
  background:linear-gradient(180deg,#F0F7FF,#F7FBFF) !important}
.section-title,.our-products-title{position:relative}
.section-header .view-all{border-radius:100px !important;font-weight:700 !important;
  border:1.5px solid var(--sp-line) !important;padding:8px 20px !important}
.section-header .view-all:hover{background:var(--sp-blue) !important;
  box-shadow:var(--sp-shadow-blue) !important;transform:translateY(-1px)}

/* ══ PRODUCT CARD — premium lift (keeps 3D) ══ */
.sp-card{border-radius:18px !important;border:1.5px solid var(--sp-line) !important;
  box-shadow:0 4px 16px rgba(15,23,42,.05) !important}
.sp-card:hover{
  transform:translateY(-10px) !important;
  box-shadow:0 26px 56px rgba(37,99,235,.16),0 10px 20px rgba(15,23,42,.08) !important;
  border-color:rgba(37,99,235,.35) !important}
.sp-img-box{background:linear-gradient(160deg,#F8FBFF,#EEF4FC) !important}
.sp-card:hover .sp-img-box img{transform:scale(1.08) !important}
.sp-card-category{background:rgba(37,99,235,.10) !important;font-weight:800 !important;
  border-radius:100px !important}
.sp-card-body h3{font-weight:700 !important;letter-spacing:-.01em}

/* Add-to-cart / buy buttons premium (targets common sp button classes) */
.sp-card .sp-add-btn,.sp-card .sp-buy-btn,.sp-add-cart,.sp-buy-now,
.sp-card button[onclick*="addToCart"],.sp-card button[onclick*="buyNow"]{
  border-radius:11px !important;font-weight:700 !important;transition:all .2s !important}
.sp-card button[onclick*="addToCart"]{
  background:var(--sp-grad) !important;color:#fff !important;border:none !important;
  box-shadow:0 4px 14px rgba(37,99,235,.28) !important}
.sp-card button[onclick*="addToCart"]:hover{transform:translateY(-2px) !important;
  box-shadow:0 8px 22px rgba(37,99,235,.45) !important;filter:brightness(1.05)}
.sp-card button[onclick*="buyNow"]{
  background:#0F172A !important;color:#fff !important;border:none !important}
.sp-card button[onclick*="buyNow"]:hover{background:#1E293B !important;transform:translateY(-2px) !important}

/* price accent */
.sp-new-price,.sp-price,.sp-current-price{color:var(--sp-blue) !important;font-weight:900 !important}

/* ══ PROJECTS — richer glass ══ */
.sp-project-card{border-radius:18px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.09) !important}
.sp-project-card:hover{transform:translateY(-8px) !important;
  border-color:rgba(59,130,246,.5) !important;
  box-shadow:0 26px 64px rgba(0,0,0,.45),0 0 30px rgba(37,99,235,.15) !important}
.sp-project-tag{background:rgba(6,182,212,.14) !important;border-radius:100px !important}
.sp-proj-dot.active{background:var(--sp-blue) !important;
  box-shadow:0 0 12px rgba(37,99,235,.6) !important}

/* ══ FOOTER — premium ══ */
.sp-footer{background:linear-gradient(165deg,#060B16 0%,#0A1120 55%,#0B1426 100%) !important;
  border-top:1px solid rgba(59,130,246,.14) !important;position:relative}
.sp-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(59,130,246,.6),transparent)}
.sp-footer-brand span{background:var(--sp-grad);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent}
.sp-footer-links a:hover{color:var(--sp-blue-lt) !important;transform:translateX(3px)}
.sp-footer-col-title{color:rgba(148,180,240,.5) !important}

/* ══ WHATSAPP FLOAT — premium pulse ══ */
.sp-wa-float{box-shadow:0 8px 30px rgba(37,211,102,.5) !important}
.sp-wa-float::before{content:"";position:absolute;inset:-6px;border-radius:50%;
  border:2px solid rgba(37,211,102,.4);animation:lxWa 2s ease-out infinite}
@keyframes lxWa{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.35);opacity:0}}

/* ══ TOAST — premium ══ */
.sp-toast{background:rgba(17,25,42,.98) !important;
  border:1px solid rgba(59,130,246,.25) !important;border-radius:14px !important;
  box-shadow:0 24px 50px rgba(0,0,0,.5) !important;backdrop-filter:blur(12px)}

/* ══ SCROLL REVEAL (JS-driven) ══ */
.lx-reveal{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.lx-reveal.lx-in{opacity:1;transform:none}

/* ══ SCROLLBAR ══ */
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#EEF3FA}
::-webkit-scrollbar-thumb{background:linear-gradient(#93B4E8,#6C8FD8);border-radius:10px;
  border:2px solid #EEF3FA}
::-webkit-scrollbar-thumb:hover{background:var(--sp-blue)}
::selection{background:rgba(37,99,235,.18)}

@media(prefers-reduced-motion:reduce){
  *{animation:none !important}.lx-reveal{opacity:1;transform:none}}
/* ══════════════════════════════════════════════════════════════════
   SWIFTPLUS — DEMO/JARIR SKIN v2  (loads last, wins by cascade)
   ══════════════════════════════════════════════════════════════════ */
:root{--d-ink:#0f172a;--d-blue:#2f5bff;--d-grad:linear-gradient(120deg,#4f46e5,#2f5bff 55%,#3b82f6);--d-line:#e6ebf3;--d-slate:#64748b}
body{font-family:'Inter',system-ui,sans-serif;color:var(--d-ink)}
h1,h2,h3,.sp-section-header h2,.sp-projects-title{font-family:'Plus Jakarta Sans','Inter',sans-serif}

/* ── HEADER / NAV ── */
.sp-navbar{background:#fff !important;border-bottom:1px solid var(--d-line)}
.sp-logo-text{color:var(--d-ink) !important}.sp-logo-text span{color:var(--d-blue) !important}
.sp-nav a{color:#334155 !important;font-weight:600}.sp-nav a:hover,.sp-nav a.active{color:var(--d-blue) !important}
.sp-nav .nav-cta{background:var(--d-grad) !important;color:#fff !important;border-radius:999px;padding:9px 16px !important}
.lx-ic{color:#334155 !important}.lx-ic:hover{background:rgba(47,91,255,.10) !important;color:var(--d-blue) !important}
.lx-cart-badge{background:var(--d-blue) !important}
.sp-search-box{border:1.5px solid var(--d-line) !important;border-radius:999px !important;background:#fff !important}
.sp-search-box:focus-within{border-color:var(--d-blue) !important}
.lx-search-go{background:var(--d-grad) !important;border-radius:999px !important}

/* ── SECTION HEADERS ── */
.sp-section-header{display:flex !important;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto 14px;padding:0 20px}
.sp-section-header h2{font-weight:800 !important;font-size:22px !important;color:var(--d-ink) !important;-webkit-text-fill-color:initial !important;background:none !important}
.sp-section-header p{display:none}
.sp-view-all{color:var(--d-blue) !important;font-weight:700;font-size:13px;text-decoration:none;background:none !important;-webkit-text-fill-color:initial !important}

/* ── PREMIUM HERO ARROWS (PC) ── */
.sp-slider-arrow{width:48px !important;height:48px !important;border-radius:50% !important;
  background:rgba(255,255,255,.92) !important;border:0 !important;box-shadow:0 8px 22px rgba(15,23,42,.22) !important;
  display:flex !important;align-items:center;justify-content:center;color:#0f172a;transition:transform .15s,background .15s}
.sp-slider-arrow:hover{background:#fff !important;transform:translateY(-50%) scale(1.08)}
.sp-slider-arrow svg{width:20px;height:20px;stroke:#0f172a;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* ── UNIVERSAL JARIR RAIL ARROWS (category, brand, projects) ── */
.sp-rail-arrow,.sp-slider-prev,.sp-slider-next,.sp-proj-nav-btn{
  position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:42px;height:42px;border-radius:50%;
  background:#fff !important;border:1px solid var(--d-line) !important;box-shadow:0 6px 18px rgba(15,23,42,.15) !important;
  display:flex !important;align-items:center;justify-content:center;cursor:pointer;color:#0f172a;
  transition:transform .15s,box-shadow .15s,background .15s;font-size:0}
.sp-rail-arrow:hover,.sp-slider-prev:hover,.sp-slider-next:hover,.sp-proj-nav-btn:hover{
  background:var(--d-blue) !important;border-color:var(--d-blue) !important;transform:translateY(-50%) scale(1.07)}
.sp-rail-arrow svg,.sp-slider-prev svg,.sp-slider-next svg,.sp-proj-nav-btn svg{width:18px;height:18px;stroke:#0f172a;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.sp-rail-arrow:hover svg,.sp-slider-prev:hover svg,.sp-slider-next:hover svg,.sp-proj-nav-btn:hover svg{stroke:#fff}
.sp-rail-prev{left:2px}.sp-rail-next{right:2px}
@media(max-width:768px){.sp-rail-arrow{display:none !important}}

/* ── JARIR-STYLE CATEGORY TILES (big image, small text, colorful) ── */
.sp-categories-section{background:#fff}
.sp-cat-slider-wrap{position:relative;max-width:1280px;margin:0 auto;padding:0 46px}
.sp-cat-slider{display:flex !important;gap:14px;overflow-x:auto;scroll-behavior:smooth;padding:6px 2px;scrollbar-width:none}
.sp-cat-slider::-webkit-scrollbar{display:none}
.sp-category-card{flex:0 0 auto !important;width:152px !important;min-height:178px;border-radius:18px !important;
  padding:16px 12px 14px !important;display:flex;flex-direction:column;align-items:center;gap:12px;
  text-decoration:none;border:1px solid rgba(15,23,42,.04) !important;box-shadow:none !important;transition:transform .18s,box-shadow .18s}
.sp-category-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px -18px rgba(15,23,42,.28) !important}
.sp-category-icon{width:104px !important;height:104px !important;border-radius:14px !important;background:rgba(255,255,255,.7) !important;
  display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 !important}
.sp-category-icon img{width:100% !important;height:100% !important;object-fit:contain !important;padding:8px;border-radius:12px !important}
.sp-category-icon span{font-size:44px !important}
.sp-category-title{font-size:11px !important;font-weight:600 !important;color:var(--d-ink) !important;text-align:center;line-height:1.25;margin:0 !important}
.sp-category-count{display:none !important}
.sp-category-card:nth-child(8n+1){background:#eef4ff}
.sp-category-card:nth-child(8n+2){background:#fdeff4}
.sp-category-card:nth-child(8n+3){background:#eafaef}
.sp-category-card:nth-child(8n+4){background:#fff6e8}
.sp-category-card:nth-child(8n+5){background:#f2efff}
.sp-category-card:nth-child(8n+6){background:#e8fbff}
.sp-category-card:nth-child(8n+7){background:#fef1ee}
.sp-category-card:nth-child(8n+0){background:#eef7f2}

/* ── PRODUCT CARDS ── */
.sp-card{background:#fff !important;border:1px solid var(--d-line) !important;border-radius:16px !important;box-shadow:0 2px 12px rgba(15,23,42,.05);transition:transform .18s,box-shadow .18s,border-color .18s}
.sp-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -20px rgba(15,23,42,.22);border-color:rgba(47,91,255,.3) !important}
.sp-discount-badge{background:#ef4444 !important;color:#fff !important;font-weight:800 !important;border-radius:8px !important}
.sp-price{color:var(--d-blue) !important;font-weight:800 !important}
.sp-btn-add{background:var(--d-grad) !important;color:#fff !important;border-radius:10px !important;font-weight:700 !important}
.sp-btn-buy{border:1.5px solid var(--d-blue) !important;color:var(--d-blue) !important;background:#fff !important;border-radius:10px !important;font-weight:700 !important}

/* ── STATS BAND (real numbers) ── */
.sp-stats{max-width:1280px;margin:26px auto;padding:0 20px}
.sp-stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:#fff;border:1px solid var(--d-line);border-radius:18px;padding:22px;box-shadow:0 10px 40px rgba(15,23,42,.06)}
.sp-stat{text-align:center}
.sp-stat-num{display:block;font-family:'Plus Jakarta Sans';font-weight:800;font-size:28px;background:var(--d-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sp-stat-label{display:block;color:var(--d-slate);font-size:12.5px;font-weight:600;margin-top:2px}
@media(max-width:560px){.sp-stats-inner{grid-template-columns:repeat(2,1fr)}.sp-stat-num{font-size:24px}}

/* ── TRUST STRIP ── */
.sp-trust-strip{max-width:1280px;margin:22px auto 4px;padding:0 20px}
.sp-trust-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:#fff;border:1px solid var(--d-line);border-radius:18px;padding:18px 20px;box-shadow:0 10px 40px rgba(15,23,42,.06)}
.sp-trust-item{display:flex;align-items:center;gap:12px;min-width:0}
.sp-trust-ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(47,91,255,.12),rgba(59,130,246,.18))}
.sp-trust-ic svg{width:22px;height:22px;stroke:var(--d-blue);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sp-trust-title{font-weight:700;font-size:14px;color:var(--d-ink);line-height:1.2}
.sp-trust-sub{font-size:12px;color:var(--d-slate);line-height:1.3;margin-top:2px}
@media(max-width:860px){.sp-trust-inner{grid-template-columns:repeat(2,1fr)}}

/* ── PROJECTS (dark) ── */
.sp-projects{background:linear-gradient(135deg,#0a0e1a 0%,#111731 60%,#16204a 100%) !important}
.sp-projects-title{color:#fff !important}.sp-projects-sub{color:#8fa5cc !important}
.sp-project-card{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:16px !important;overflow:hidden}
.sp-project-body h3{color:#fff !important}.sp-project-body p{color:#a9b6d3 !important}
.sp-project-tag{color:#8fb0ff !important}.sp-project-meta span{color:#93a5c9 !important}

/* ── WHY CHOOSE (dark) ── */
.sp-why{max-width:1280px;margin:34px auto;padding:0 20px}
.sp-why-inner{background:linear-gradient(135deg,#0a0e1a,#131a37 60%,#16204a);border-radius:22px;padding:30px 28px;position:relative;overflow:hidden;box-shadow:0 12px 34px rgba(47,91,255,.2)}
.sp-why-head h2{color:#fff;font-weight:800;font-size:22px}.sp-why-head p{color:#9fb3d6;font-size:13px;margin-top:4px}
.sp-why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:22px}
.sp-why-ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.16);border:1px solid rgba(96,165,250,.25)}
.sp-why-ic svg{width:20px;height:20px;stroke:#8ab4ff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sp-why-t{color:#eaf1ff;font-weight:700;font-size:13px;display:block;margin-top:8px}
.sp-why-s{color:#93a5c9;font-size:11.5px;display:block}
@media(max-width:1024px){.sp-why-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.sp-why-grid{grid-template-columns:repeat(2,1fr)}}

/* ── BRANDS ── */
.sp-brand-slider-wrap{padding:0 46px}
.sp-brand-card{background:#fff !important;border:1px solid var(--d-line) !important;border-radius:14px !important}

/* ── FOOTER (dark + newsletter) ── */
.sp-footer{background:linear-gradient(135deg,#0a0e1a,#111731) !important;color:#c6d2ea !important}
.sp-footer-brand{color:#fff !important}.sp-footer-brand span{color:#5b8cff !important}
.sp-footer-tagline,.sp-footer-phone{color:#9fb0d4 !important}
.sp-footer-col-title{color:#fff !important}
.sp-footer-links a{color:#a9b6d3 !important}.sp-footer-links a:hover{color:#fff !important}
.sp-footer-bottom{border-top:1px solid rgba(255,255,255,.08) !important;color:#8296bb !important}
.sp-newsletter{grid-column:1/-1;background:rgba(47,91,255,.10);border:1px solid rgba(120,150,255,.22);border-radius:16px;padding:20px 22px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.sp-newsletter h3{color:#fff;font-size:16px;font-weight:800;margin:0}.sp-newsletter p{color:#9fb0d4;font-size:12.5px;margin-top:3px}
.sp-newsletter form{display:flex;gap:8px;flex:1;max-width:420px;min-width:240px}
.sp-newsletter input{flex:1;padding:11px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:13px;outline:none}
.sp-newsletter input::placeholder{color:#8ea3c9}
.sp-newsletter button{padding:11px 20px;border-radius:999px;border:0;background:var(--d-grad);color:#fff;font-weight:700;font-size:13px;cursor:pointer}
.sp-footer-social{display:flex;gap:10px;margin-top:12px}
.sp-footer-social a{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.sp-footer-social svg{width:16px;height:16px;stroke:#c6d2ea;fill:none;stroke-width:2}
.sp-footer-social a:hover{background:rgba(47,91,255,.25)}


/* ══ ARROW FIX v2 — Jarir side arrows on product & brand rails, premium look on projects ══ */
.sp-cat-slider-wrap,.sp-product-slider-wrap,.sp-brand-slider-wrap{position:relative}

/* shared premium circle look (product/brand/projects use text/SVG -> keep icon visible) */
.sp-slider-controls .sp-slider-prev,.sp-slider-controls .sp-slider-next,.sp-proj-nav-btn{
  width:42px;height:42px;border-radius:50%;padding:0;
  background:#fff !important;color:#0f172a !important;border:1px solid var(--d-line) !important;
  box-shadow:0 6px 18px rgba(15,23,42,.15) !important;display:flex !important;align-items:center;justify-content:center;
  transition:transform .15s,box-shadow .15s,background .15s;cursor:pointer;font-size:0}
.sp-slider-controls .sp-slider-prev svg,.sp-slider-controls .sp-slider-next svg,.sp-proj-nav-btn svg{
  width:18px;height:18px;stroke:#0f172a;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.sp-slider-controls .sp-slider-prev:hover,.sp-slider-controls .sp-slider-next:hover,.sp-proj-nav-btn:hover{
  background:var(--d-blue) !important;border-color:var(--d-blue) !important}
.sp-slider-controls .sp-slider-prev:hover svg,.sp-slider-controls .sp-slider-next:hover svg,.sp-proj-nav-btn:hover svg{stroke:#fff}

/* PRODUCT + BRAND rails: pull the control bar buttons out to the sides, vertically centred */
.sp-slider-controls{position:static !important;margin:0 !important;height:0;justify-content:flex-end}
.sp-slider-controls .sp-slider-prev,.sp-slider-controls .sp-slider-next{
  position:absolute;top:50%;transform:translateY(-50%);z-index:7}
.sp-slider-controls .sp-slider-prev:hover,.sp-slider-controls .sp-slider-next:hover{transform:translateY(-50%) scale(1.07)}
.sp-slider-controls .sp-slider-prev{left:8px;right:auto}
.sp-slider-controls .sp-slider-next{right:8px;left:auto}

/* let arrows sit over the edge without being clipped by the wrap */
.sp-product-slider-wrap{overflow:visible !important}

/* CATEGORY side arrows already positioned via .sp-rail-prev/.sp-rail-next */
.sp-rail-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:7}
.sp-rail-arrow:hover{transform:translateY(-50%) scale(1.07)}

@media(max-width:768px){
  .sp-slider-controls .sp-slider-prev,.sp-slider-controls .sp-slider-next,.sp-rail-arrow{display:none !important}
}

/* ══════════════════════════════════════════════════════════════════
   MOBILE + CONSISTENCY FIXES v3  (append; wins by order)
   ══════════════════════════════════════════════════════════════════ */

/* ── HEADER: consistent WHITE on all states (kills white→black scroll flip) ── */
.sp-navbar,.sp-navbar.scrolled{
  background:#ffffff !important;border-bottom:1px solid #e9edf5 !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  box-shadow:0 1px 0 rgba(15,23,42,.05) !important}
.sp-navbar.scrolled{box-shadow:0 6px 22px rgba(15,23,42,.08) !important}
.sp-logo-text{color:#0f172a !important}.sp-logo-text span{color:#2f5bff !important}
.sp-logo img{background:transparent !important;box-shadow:none !important;border-radius:8px}
.sp-hamburger{background:#eef2fb !important;border:1px solid #e3e9f3 !important}
.sp-hamburger span{background:#0f172a !important}
.lx-icons .lx-ic,.lx-icons .lx-ic svg{color:#334155 !important;stroke:#334155 !important}
.sp-nav a{color:#334155 !important}

/* ── UNIVERSAL RAIL ARROWS: SHOW on mobile too (category, brand, product, projects) ── */
@media (max-width:768px){
  .sp-rail-arrow,
  .sp-slider-controls .sp-slider-prev,
  .sp-slider-controls .sp-slider-next,
  .sp-proj-nav-btn{display:flex !important;width:34px !important;height:34px !important}
  .sp-rail-arrow svg,
  .sp-slider-controls .sp-slider-prev svg,
  .sp-slider-controls .sp-slider-next svg,
  .sp-proj-nav-btn svg{width:15px !important;height:15px !important}
  .sp-rail-prev{left:2px !important}.sp-rail-next{right:2px !important}
  .sp-slider-controls .sp-slider-prev{left:2px !important}
  .sp-slider-controls .sp-slider-next{right:2px !important}
  .sp-cat-slider-wrap,.sp-brand-slider-wrap{padding-left:8px;padding-right:8px}
  /* HERO arrows remain PC-only (per request) */
  .sp-slider-arrow{display:none !important}
}

/* ── CATEGORY: square, compact on mobile ── */
@media (max-width:768px){
  .sp-category-card{width:112px !important;min-height:0 !important;padding:8px 7px !important;gap:6px;border-radius:14px !important}
  .sp-category-icon{width:70px !important;height:70px !important;border-radius:12px !important}
  .sp-category-icon img{padding:5px}
  .sp-category-title{font-size:10.5px !important;line-height:1.15}
}
@media (max-width:400px){
  .sp-category-card{width:100px !important}
  .sp-category-icon{width:64px !important;height:64px !important}
}

/* ── TRUST / PROMISES: Jarir compact, icon-on-top, 4 side-by-side ── */
.sp-trust-item{flex-direction:column !important;align-items:center;text-align:center;gap:7px}
.sp-trust-txt{align-items:center;text-align:center}
.sp-trust-title{font-size:13px}.sp-trust-sub{font-size:11px;margin-top:1px}
@media (max-width:768px){
  .sp-trust-strip{padding:0 10px;margin:14px auto 2px}
  .sp-trust-inner{grid-template-columns:repeat(4,1fr) !important;gap:6px;padding:12px 8px;border-radius:14px}
  .sp-trust-ic{width:36px;height:36px;border-radius:10px}
  .sp-trust-ic svg{width:18px;height:18px}
  .sp-trust-title{font-size:10px;line-height:1.15}
  .sp-trust-sub{font-size:8.5px;line-height:1.2}
}

/* ── STATS: compact 4-across on mobile ── */
@media (max-width:768px){
  .sp-stats{padding:0 10px}
  .sp-stats-inner{grid-template-columns:repeat(4,1fr) !important;gap:6px;padding:14px 8px}
  .sp-stat-num{font-size:18px}
  .sp-stat-label{font-size:9px;line-height:1.15}
}

/* ── WHY CHOOSE: compact 3-across on mobile ── */
@media (max-width:768px){
  .sp-why{padding:0 10px;margin:22px auto}
  .sp-why-inner{padding:20px 14px;border-radius:18px}
  .sp-why-grid{grid-template-columns:repeat(3,1fr) !important;gap:12px}
  .sp-why-ic{width:34px;height:34px}.sp-why-ic svg{width:17px;height:17px}
  .sp-why-t{font-size:10.5px;margin-top:6px}.sp-why-s{font-size:9px}
  .sp-why-head h2{font-size:18px}.sp-why-head p{font-size:11.5px}
}

/* ── PROJECTS: solid black background ── */
.sp-projects{background:#0a0a0f !important;background-image:none !important}
.sp-proj-controls{position:relative;z-index:6}

/* ── FOOTER: solid black ── */
.sp-footer{background:#0a0a0f !important;background-image:none !important}
.sp-footer-bottom{border-top:1px solid rgba(255,255,255,.08) !important}

/* ── FOOTER COLOR: premium navy→blue gradient (match reference) ── */
.sp-footer{
  background:linear-gradient(118deg,#101a44 0%,#182a72 52%,#213594 100%) !important;
  background-image:linear-gradient(118deg,#101a44 0%,#182a72 52%,#213594 100%) !important;
  position:relative;overflow:hidden}
.sp-footer::before{content:"";position:absolute;inset:0;
  background:radial-gradient(700px 240px at 82% 0%,rgba(80,120,255,.22),transparent 70%);
  pointer-events:none}
.sp-footer .sp-footer-inner,.sp-footer .sp-footer-bottom{position:relative;z-index:1}
.sp-footer-bottom{border-top:1px solid rgba(255,255,255,.12) !important}

/* ══════════════════════════════════════════════════════════════════
   FINAL OVERRIDE v4  — decisive: navy top bar, black content bands,
   fixed project controls, compact trust/why. (last in file = wins)
   ══════════════════════════════════════════════════════════════════ */

/* (1) TOP BAR — deep navy blue, consistent on all states */
.sp-navbar,.sp-navbar.scrolled{
  background:#0d1640 !important;background-image:none !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 2px 18px rgba(0,0,0,.22) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.sp-logo-text{color:#ffffff !important}.sp-logo-text span{color:#5b8cff !important}
.sp-logo img{background:transparent !important;box-shadow:none !important}
.sp-hamburger{background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.2) !important}
.sp-hamburger span{background:#ffffff !important}
.lx-icons .lx-ic,.lx-icons .lx-ic svg{color:#ffffff !important;stroke:#ffffff !important}
.sp-nav a{color:#e6eaf6 !important}
.sp-nav a:hover,.sp-nav a.active{color:#8ab4ff !important}

/* (2) FOOTER — deep navy blue gradient (keep), remove any stray newsletter */
.sp-footer{background:linear-gradient(118deg,#0c1338 0%,#152462 52%,#1c2f86 100%) !important;
  background-image:linear-gradient(118deg,#0c1338 0%,#152462 52%,#1c2f86 100%) !important}
.sp-newsletter{display:none !important}

/* (3) PROJECTS — black, COMPACT, fixed centered controls */
.sp-projects{background:#0a0a0f !important;background-image:none !important;padding:24px 14px !important}
.sp-projects::before{display:none !important}
.sp-project-card{background:rgba(255,255,255,.05) !important;min-width:230px !important;width:230px !important}
.sp-project-img{height:130px !important}
.sp-proj-slider-wrap{overflow:hidden !important}
/* undo the broken absolute positioning — keep nav buttons in the centered bar */
.sp-proj-controls{position:relative !important;top:auto !important;margin-top:16px !important;display:flex !important;
  align-items:center;justify-content:center;gap:12px}
.sp-proj-nav-btn{position:static !important;top:auto !important;left:auto !important;right:auto !important;
  transform:none !important;width:38px !important;height:38px !important;border-radius:50% !important;
  background:#ffffff !important;border:1px solid #e6ebf3 !important;box-shadow:0 4px 14px rgba(0,0,0,.3) !important;
  display:flex !important;align-items:center;justify-content:center}
.sp-proj-nav-btn svg{stroke:#0f172a !important;width:16px;height:16px}
.sp-proj-nav-btn:hover{background:#2f5bff !important;border-color:#2f5bff !important}
.sp-proj-nav-btn:hover svg{stroke:#fff !important}

/* (5) TRUST / PROMISES — BLACK, compact, icon-on-top, 4 side-by-side */
.sp-trust-strip{max-width:1280px;margin:18px auto;padding:0 14px}
.sp-trust-inner{background:#0a0a0f !important;border:1px solid rgba(255,255,255,.09) !important;
  grid-template-columns:repeat(4,1fr) !important;gap:10px;box-shadow:none !important}
.sp-trust-item{flex-direction:column !important;align-items:center !important;text-align:center !important;gap:8px}
.sp-trust-txt{align-items:center !important;text-align:center !important}
.sp-trust-ic{background:rgba(91,140,255,.16) !important}
.sp-trust-ic svg{stroke:#7aa0ff !important}
.sp-trust-title{color:#ffffff !important}
.sp-trust-sub{color:#98a4c0 !important}

/* (5) WHY CHOOSE — solid BLACK, compact */
.sp-why-inner{background:#0a0a0f !important;background-image:none !important;box-shadow:none !important;border:1px solid rgba(255,255,255,.08)}
.sp-why-inner::before{display:none !important}

/* STATS bar — keep light card, compact 4-across */
.sp-stats-inner{grid-template-columns:repeat(4,1fr) !important}

/* Mobile tuning for the black bands */
@media (max-width:768px){
  .sp-trust-inner{grid-template-columns:repeat(4,1fr) !important;gap:6px;padding:12px 8px}
  .sp-trust-ic{width:34px;height:34px}.sp-trust-ic svg{width:17px;height:17px}
  .sp-trust-title{font-size:10px}.sp-trust-sub{font-size:8.5px;line-height:1.2}
  .sp-why-grid{grid-template-columns:repeat(3,1fr) !important;gap:12px}
  .sp-projects{padding:20px 12px !important}
  .sp-project-card{min-width:210px !important;width:210px !important}
}

/* ══════════════════════════════════════════════════════════════════
   FINAL OVERRIDE v5  —  requested fixes (loads last = wins):
   1) "Our Promises" strip rebuilt Jarir-style (white cards, icon-in-
      circle-on-top) recolored to the SwiftPlus logo blue.
   2) Footer recolored to the deep navy/black shown in the reference
      screenshot (matches the mobile drawer tone).
   3) "Why Choose SwiftPlus" recolored to the SwiftPlus logo blue
      (was pure black in v4 — brought back the blue identity).
   4) Desktop nav made compact (smaller text/padding/gaps) so the
      WhatsApp Us button no longer gets clipped; "Home" link removed
      from the desktop nav via HTML (kept in the mobile drawer).
   ══════════════════════════════════════════════════════════════════ */

/* ── (1) "OUR PROMISES" — Jarir-style white cards, SwiftPlus-blue icon circle ── */
.sp-trust-strip{max-width:1280px;margin:26px auto;padding:0 20px}
.sp-trust-inner{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:16px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important}
.sp-trust-item{
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  gap:12px !important;
  background:#F4F8FF !important;
  border:1px solid #E7ECF3 !important;
  border-radius:16px !important;
  padding:24px 12px !important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s}
.sp-trust-item:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(37,99,235,.35) !important;
  box-shadow:0 16px 32px rgba(37,99,235,.14) !important}
.sp-trust-txt{align-items:center !important;text-align:center !important;flex-direction:column !important}
.sp-trust-ic{
  width:54px !important;height:54px !important;border-radius:50% !important;
  background:linear-gradient(120deg,#3B82F6 0%,#2563EB 55%,#1D4ED8 100%) !important;
  display:flex !important;align-items:center;justify-content:center;
  box-shadow:0 10px 22px rgba(37,99,235,.32) !important;flex-shrink:0}
.sp-trust-ic svg{width:25px !important;height:25px !important;stroke:#ffffff !important;fill:none;stroke-width:1.9}
.sp-trust-title{color:#0F172A !important;font-weight:800 !important;font-size:14px !important;line-height:1.25}
.sp-trust-sub{color:#64748B !important;font-size:12px !important;line-height:1.35;margin-top:2px}

@media (max-width:768px){
  .sp-trust-strip{margin:18px auto 4px;padding:0 12px}
  .sp-trust-inner{gap:8px !important}
  .sp-trust-item{padding:16px 8px !important;border-radius:14px !important;gap:8px !important}
  .sp-trust-ic{width:40px !important;height:40px !important}
  .sp-trust-ic svg{width:19px !important;height:19px !important}
  .sp-trust-title{font-size:10.5px !important;line-height:1.2}
  .sp-trust-sub{font-size:9px !important;line-height:1.25}
}

/* ── (2) FOOTER — deep navy/black, matches the reference screenshot tone ── */
.sp-footer{
  background:linear-gradient(165deg,#0F172A 0%,#0A0F1E 60%,#0B1224 100%) !important;
  background-image:linear-gradient(165deg,#0F172A 0%,#0A0F1E 60%,#0B1224 100%) !important;
  border-top:1px solid rgba(59,130,246,.16) !important}
.sp-footer::before{
  background:radial-gradient(700px 240px at 82% 0%,rgba(59,130,246,.16),transparent 70%) !important}
.sp-footer-brand{color:#ffffff !important}
.sp-footer-brand span{background:linear-gradient(120deg,#3B82F6,#60A5FA) !important;
  -webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
.sp-footer-tagline,.sp-footer-phone{color:#93A5C9 !important}
.sp-footer-col-title{color:#ffffff !important}
.sp-footer-links a{color:#A9B6D3 !important}
.sp-footer-links a:hover{color:#7aa0ff !important}
.sp-footer-social a{background:rgba(59,130,246,.10) !important;border:1px solid rgba(59,130,246,.22) !important}
.sp-footer-social a:hover{background:rgba(37,99,235,.28) !important}
.sp-footer-social svg{stroke:#c6d2ea !important}
.sp-footer-bottom{border-top:1px solid rgba(255,255,255,.10) !important;color:#8296bb !important}

/* ── (3) WHY CHOOSE SWIFTPLUS — recolored to the SwiftPlus logo blue ── */
.sp-why-inner{
  background:linear-gradient(135deg,#0B1120 0%,#0F1E45 55%,#15295E 100%) !important;
  background-image:linear-gradient(135deg,#0B1120 0%,#0F1E45 55%,#15295E 100%) !important;
  border:1px solid rgba(59,130,246,.24) !important;
  box-shadow:0 14px 36px rgba(37,99,235,.18) !important}
.sp-why-head h2{color:#ffffff !important}
.sp-why-head p{color:#9fb3d6 !important}
.sp-why-ic{background:rgba(59,130,246,.18) !important;border:1px solid rgba(96,165,250,.32) !important}
.sp-why-ic svg{stroke:#7aa0ff !important}
.sp-why-t{color:#eaf1ff !important}
.sp-why-s{color:#93a5c9 !important}

/* ── (4) DESKTOP NAV — compact spacing so the WhatsApp Us button always fits ── */
@media(min-width:969px){
  .sp-navbar{padding:0 16px !important}
  .sp-logo{gap:7px !important}
  .sp-logo img{height:34px !important}
  .sp-logo-text{font-size:18px !important}
  .sp-nav{gap:0 !important;flex-wrap:nowrap !important}
  .sp-nav a{
    font-size:12px !important;
    padding:6px 8px !important;
    letter-spacing:0 !important}
  .sp-dropdown > a{padding:6px 8px !important;gap:3px !important}
  .sp-nav a.sp-nav-cart-link{padding:6px 8px !important;gap:4px !important}
  .sp-nav a.nav-cta{
    font-size:12px !important;
    padding:7px 12px !important;
    margin-left:4px !important;
    white-space:nowrap !important;
    flex-shrink:0 !important}
  .lx-cart-badge-nav{min-width:15px !important;height:15px !important;font-size:9px !important}
}
@media(min-width:969px) and (max-width:1160px){
  .sp-nav a{font-size:11.5px !important;padding:6px 6px !important}
  .sp-nav a.nav-cta{padding:7px 10px !important;font-size:11.5px !important}
}

/* ══════════════════════════════════════════════════════════════════
   FINAL OVERRIDE v6  —  fixes the "Our Promises" run-together text.
   ROOT CAUSE: in the HTML, title and sub are sibling <span> tags with
   no whitespace between them:
     <span class="sp-trust-title">100% Genuine</span><span class="sp-trust-sub">Authentic products only</span>
   <span> is inline by default, so with no display:block anywhere in
   the cascade they render glued onto one line — "100% GenuineAuthentic
   products only" — which then wraps mid-word. Forcing both to
   display:block puts them on their own lines, exactly like Jarir's
   card (bold title on top, smaller line below).
   ══════════════════════════════════════════════════════════════════ */

.sp-trust-title{display:block !important;width:100%}
.sp-trust-sub{display:block !important;width:100%}
.sp-trust-txt{display:flex !important;flex-direction:column !important;align-items:center !important;width:100%}
.sp-trust-item{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important}

/* Roomier, cleaner mobile sizing so nothing feels cramped or clipped */
@media (max-width:768px){
  .sp-trust-strip{margin:16px auto 4px;padding:0 10px}
  .sp-trust-inner{gap:8px !important}
  .sp-trust-item{padding:16px 6px 14px !important;border-radius:14px !important;gap:9px !important;min-height:0 !important}
  .sp-trust-ic{width:44px !important;height:44px !important}
  .sp-trust-ic svg{width:21px !important;height:21px !important}
  .sp-trust-title{font-size:10.5px !important;line-height:1.25 !important}
  .sp-trust-sub{font-size:8.5px !important;line-height:1.3 !important;margin-top:2px !important}
}
@media (max-width:400px){
  .sp-trust-item{padding:13px 5px 12px !important}
  .sp-trust-ic{width:38px !important;height:38px !important}
  .sp-trust-ic svg{width:18px !important;height:18px !important}
  .sp-trust-title{font-size:9.5px !important}
  .sp-trust-sub{font-size:8px !important}
}

/* ══════════════════════════════════════════════════════════════════
   FINAL OVERRIDE v7  —  requested follow-up fixes:
   1) "Our Promises" heading added above the strip (title + subtitle),
      matching Jarir's section header, in the SwiftPlus ink/blue tone.
   2) Desktop nav: v5's gap:0 packed every link edge-to-edge with no
      breathing room. Restored a real gap between links at comfortable
      widths, and only tighten further on narrower desktop widths
      where the WhatsApp button was actually at risk of clipping.
   ══════════════════════════════════════════════════════════════════ */

/* ── (1) "OUR PROMISES" heading ── */
.sp-trust-heading{max-width:1280px;margin:0 auto;padding:0 20px;text-align:left}
.sp-trust-heading h2{font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-size:24px;font-weight:800;color:#0F172A;margin:0 0 4px;letter-spacing:-.02em}
.sp-trust-heading p{font-size:13.5px;color:#64748B;margin:0 0 16px}
@media (max-width:768px){
  .sp-trust-heading{padding:0 16px;margin-top:4px}
  .sp-trust-heading h2{font-size:19px}
  .sp-trust-heading p{font-size:12px;margin-bottom:12px}
}

/* ── (2) DESKTOP NAV — real spacing restored, tightened only where needed ── */
@media(min-width:1281px){
  .sp-navbar{padding:0 24px !important}
  .sp-logo{gap:9px !important}
  .sp-logo img{height:38px !important}
  .sp-logo-text{font-size:20px !important}
  .sp-nav{gap:5px !important}
  .sp-nav a{font-size:13px !important;padding:8px 13px !important}
  .sp-dropdown > a{padding:8px 13px !important;gap:4px !important}
  .sp-nav a.sp-nav-cart-link{padding:8px 13px !important;gap:6px !important}
  .sp-nav a.nav-cta{font-size:13px !important;padding:9px 18px !important;margin-left:8px !important}
  .lx-cart-badge-nav{min-width:17px !important;height:17px !important;font-size:10px !important}
}
@media(min-width:969px) and (max-width:1280px){
  .sp-navbar{padding:0 16px !important}
  .sp-logo{gap:7px !important}
  .sp-logo img{height:34px !important}
  .sp-logo-text{font-size:18px !important}
  .sp-nav{gap:2px !important;flex-wrap:nowrap !important}
  .sp-nav a{font-size:12.5px !important;padding:7px 10px !important;letter-spacing:0 !important}
  .sp-dropdown > a{padding:7px 10px !important;gap:3px !important}
  .sp-nav a.sp-nav-cart-link{padding:7px 10px !important;gap:5px !important}
  .sp-nav a.nav-cta{font-size:12.5px !important;padding:8px 14px !important;margin-left:5px !important;
    white-space:nowrap !important;flex-shrink:0 !important}
  .lx-cart-badge-nav{min-width:16px !important;height:16px !important;font-size:9.5px !important}
}
@media(min-width:969px) and (max-width:1120px){
  .sp-nav a{font-size:11.5px !important;padding:6px 8px !important}
  .sp-dropdown > a{padding:6px 8px !important}
  .sp-nav a.sp-nav-cart-link{padding:6px 8px !important}
  .sp-nav a.nav-cta{padding:7px 11px !important;font-size:11.5px !important;margin-left:3px !important}
}

/* ══════════════════════════════════════════════════════════════════
   FINAL OVERRIDE v8  —  the run-together text you saw was a stale
   CSS cache (the stylesheet <link> in index.php still pointed at
   ?v=sp12, so the browser kept serving the pre-fix file even after
   it was replaced on the server — fixed by bumping it to ?v=sp14
   in index.php). This block also rebuilds the cards themselves:
   smaller, tighter, SQUARE, matching Jarir's compact sizing.
   ══════════════════════════════════════════════════════════════════ */

/* ── SQUARE, compact "Our Promises" tiles ── */
.sp-trust-strip{margin:20px auto !important}
.sp-trust-inner{gap:10px !important}
.sp-trust-item{
  aspect-ratio:1/1 !important;
  height:auto !important;
  min-height:0 !important;
  padding:14px 8px !important;
  gap:6px !important;
  border-radius:14px !important;
  justify-content:center !important}
.sp-trust-ic{width:38px !important;height:38px !important;box-shadow:0 6px 14px rgba(37,99,235,.28) !important}
.sp-trust-ic svg{width:18px !important;height:18px !important}
.sp-trust-title{
  display:block !important;width:100% !important;
  font-size:11.5px !important;line-height:1.2 !important;
  white-space:normal !important}
.sp-trust-sub{
  display:block !important;width:100% !important;
  font-size:9.5px !important;line-height:1.25 !important;margin-top:1px !important;
  white-space:normal !important}
.sp-trust-txt{
  display:flex !important;flex-direction:column !important;
  align-items:center !important;width:100% !important;gap:0 !important}

@media (max-width:768px){
  .sp-trust-strip{margin:14px auto 4px !important}
  .sp-trust-inner{gap:7px !important}
  .sp-trust-item{padding:10px 5px !important;border-radius:12px !important;gap:5px !important}
  .sp-trust-ic{width:30px !important;height:30px !important}
  .sp-trust-ic svg{width:15px !important;height:15px !important}
  .sp-trust-title{font-size:9px !important;line-height:1.15 !important}
  .sp-trust-sub{font-size:7.5px !important;line-height:1.2 !important}
}
@media (max-width:400px){
  .sp-trust-item{padding:8px 4px !important;border-radius:10px !important}
  .sp-trust-ic{width:26px !important;height:26px !important}
  .sp-trust-ic svg{width:13px !important;height:13px !important}
  .sp-trust-title{font-size:8.3px !important}
  .sp-trust-sub{font-size:7px !important}
}

/* Heading stays comfortably sized, above the now-smaller tiles */
.sp-trust-heading{margin-bottom:2px !important}

/* ══════════════════════════════════════════════════════════════════
   FINAL OVERRIDE v9  —  the small SQUARE tiles from v8 were meant for
   mobile (confirmed perfect there) but had no media-query guard, so
   they were also shrinking the desktop cards into odd little squares.
   Desktop/tablet now gets Jarir's actual proportions back: tall
   rectangular cards, a big icon, and a real title size — square
   shape stays mobile-only (≤768px).
   ══════════════════════════════════════════════════════════════════ */
@media(min-width:769px){
  .sp-trust-strip{margin:28px auto !important}
  .sp-trust-inner{gap:18px !important}
  .sp-trust-item{
    aspect-ratio:auto !important;
    height:auto !important;
    min-height:230px !important;
    padding:32px 18px 26px !important;
    gap:16px !important;
    border-radius:18px !important;
    justify-content:center !important}
  .sp-trust-ic{width:64px !important;height:64px !important;
    box-shadow:0 10px 22px rgba(37,99,235,.30) !important}
  .sp-trust-ic svg{width:30px !important;height:30px !important}
  .sp-trust-title{font-size:17px !important;line-height:1.28 !important}
  .sp-trust-sub{font-size:13px !important;line-height:1.4 !important;margin-top:4px !important}
}
@media(min-width:1200px){
  .sp-trust-item{min-height:264px !important;padding:36px 20px 30px !important}
  .sp-trust-ic{width:72px !important;height:72px !important}
  .sp-trust-ic svg{width:34px !important;height:34px !important}
  .sp-trust-title{font-size:18px !important}
  .sp-trust-sub{font-size:13.5px !important}
}

/* ══ OUR PROMISES — compact SwiftPlus indigo band (desktop compact, mobile icon-on-top) ══ */
.sp-trust-heading{max-width:1280px;margin:20px auto 10px;padding:0 20px}
.sp-trust-heading h2{font-size:18px !important;font-weight:800 !important;color:#0f172a !important;margin:0}
.sp-trust-heading p{font-size:12px !important;color:#64748b !important;margin-top:2px}
.sp-trust-strip{max-width:1280px;margin:0 auto 10px !important;padding:0 20px !important}
.sp-trust-inner{background:linear-gradient(120deg,#3b32b0,#4b3fe0 55%,#5b52ff) !important;
  background-image:linear-gradient(120deg,#3b32b0,#4b3fe0 55%,#5b52ff) !important;
  border:0 !important;border-radius:16px !important;grid-template-columns:repeat(4,1fr) !important;
  gap:10px !important;padding:14px 16px !important;box-shadow:0 10px 30px -12px rgba(75,63,224,.5) !important}
.sp-trust-item{flex-direction:row !important;align-items:center !important;text-align:left !important;gap:10px !important}
.sp-trust-txt{align-items:flex-start !important;text-align:left !important}
.sp-trust-ic{width:38px !important;height:38px !important;background:rgba(255,255,255,.16) !important;border-radius:10px !important}
.sp-trust-ic svg{stroke:#ffffff !important;width:19px;height:19px}
.sp-trust-title{color:#ffffff !important;font-size:13px !important;font-weight:700 !important}
.sp-trust-sub{color:rgba(255,255,255,.82) !important;font-size:10.5px !important}
@media(max-width:768px){
  .sp-trust-heading h2{font-size:16px !important}
  .sp-trust-item{flex-direction:column !important;align-items:center !important;text-align:center !important;gap:6px !important}
  .sp-trust-txt{align-items:center !important;text-align:center !important}
  .sp-trust-inner{gap:6px !important;padding:12px 8px !important}
  .sp-trust-ic{width:32px !important;height:32px !important}.sp-trust-ic svg{width:16px;height:16px}
  .sp-trust-title{font-size:10px !important}.sp-trust-sub{font-size:8.5px !important;line-height:1.2}
}

/* ══════════════════════════════════════════════════════════════════
   v5 FIXES — Promises (white Jarir tiles on indigo), Projects contained,
   Stats + Footer = SwiftPlus logo indigo. (last in file → wins)
   ══════════════════════════════════════════════════════════════════ */

/* (2) OUR PROMISES — indigo band, white Jarir-style tiles (fixes invisible text/odd borders) */
.sp-trust-heading{max-width:1200px;margin:22px auto 12px;padding:0 20px}
.sp-trust-heading h2{font-size:20px !important;font-weight:800 !important;color:#0f172a !important;margin:0}
.sp-trust-heading p{font-size:12.5px !important;color:#64748b !important;margin-top:2px}
.sp-trust-strip{max-width:1200px !important;margin:0 auto 12px !important;padding:0 20px !important;background:none !important}
.sp-trust-inner{
  background:linear-gradient(120deg,#3b32b0,#4b3fe0 55%,#5b52ff) !important;
  background-image:linear-gradient(120deg,#3b32b0,#4b3fe0 55%,#5b52ff) !important;
  border:0 !important;border-radius:20px !important;
  grid-template-columns:repeat(4,1fr) !important;gap:14px !important;padding:20px !important;
  box-shadow:0 14px 34px -14px rgba(75,63,224,.5) !important}
.sp-trust-item{
  background:#ffffff !important;border:0 !important;border-radius:14px !important;
  flex-direction:column !important;align-items:center !important;text-align:center !important;
  gap:10px !important;padding:18px 14px !important;box-shadow:0 4px 14px rgba(15,23,42,.08) !important}
.sp-trust-txt{align-items:center !important;text-align:center !important;flex-direction:column !important;display:flex}
.sp-trust-ic{width:46px !important;height:46px !important;border-radius:12px !important;
  background:rgba(75,63,224,.12) !important;display:flex;align-items:center;justify-content:center}
.sp-trust-ic svg{stroke:#4b3fe0 !important;fill:none;width:22px;height:22px;stroke-width:1.9}
.sp-trust-title{color:#0f172a !important;font-size:13.5px !important;font-weight:700 !important;line-height:1.2}
.sp-trust-sub{color:#64748b !important;font-size:11px !important;line-height:1.3;margin-top:2px}
@media(max-width:768px){
  .sp-trust-inner{grid-template-columns:repeat(2,1fr) !important;gap:10px !important;padding:14px !important;border-radius:16px}
  .sp-trust-item{padding:14px 10px !important}
  .sp-trust-ic{width:40px !important;height:40px !important}.sp-trust-ic svg{width:19px;height:19px}
  .sp-trust-title{font-size:12px !important}.sp-trust-sub{font-size:10px !important}
}

/* (3) PROJECTS — black contained to a rounded panel (not edge-to-edge) */
.sp-projects{background:transparent !important;background-image:none !important;padding:22px 20px !important}
.sp-projects::before{display:none !important}
.sp-projects-inner{background:#0a0a0f !important;border-radius:22px !important;
  padding:28px 24px !important;max-width:1240px;margin:0 auto}
@media(max-width:768px){.sp-projects{padding:16px 12px !important}.sp-projects-inner{padding:20px 14px !important;border-radius:18px}}

/* (4) STATS — SwiftPlus logo indigo background, white text */
.sp-stats{max-width:1240px;margin:26px auto;padding:0 20px}
.sp-stats-inner{
  background:linear-gradient(120deg,#3b32b0,#4b3fe0 55%,#5b52ff) !important;
  background-image:linear-gradient(120deg,#3b32b0,#4b3fe0 55%,#5b52ff) !important;
  border:0 !important;border-radius:18px !important;grid-template-columns:repeat(4,1fr) !important;
  padding:24px !important;box-shadow:0 14px 34px -14px rgba(75,63,224,.5) !important}
.sp-stat-num{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;background:none !important}
.sp-stat-label{color:rgba(255,255,255,.85) !important}
@media(max-width:560px){.sp-stats-inner{grid-template-columns:repeat(2,1fr) !important}}

/* (5) FOOTER — SwiftPlus logo indigo/navy */
.sp-footer{
  background:linear-gradient(120deg,#14105a 0%,#241d8f 55%,#2e26a8 100%) !important;
  background-image:linear-gradient(120deg,#14105a 0%,#241d8f 55%,#2e26a8 100%) !important}
.sp-newsletter{display:none !important}

/* ══ v6 — OUR PROMISES: EXACT Jarir style (no band, no border, light cards, big indigo icons) ══ */
.sp-trust-heading{max-width:1120px;margin:30px auto 18px !important;padding:0 20px;text-align:center !important}
.sp-trust-heading h2{font-size:22px !important;font-weight:800 !important;color:#1e2a52 !important;margin:0}
.sp-trust-heading p{font-size:12.5px !important;color:#8a93a8 !important;margin-top:4px;letter-spacing:.02em}
.sp-trust-strip{max-width:1120px !important;margin:0 auto 24px !important;padding:0 20px !important;background:none !important;box-shadow:none !important}
.sp-trust-inner{
  background:none !important;background-image:none !important;border:0 !important;
  box-shadow:none !important;border-radius:0 !important;
  grid-template-columns:repeat(4,1fr) !important;gap:24px !important;padding:0 !important}
.sp-trust-item{
  background:#f4f5f8 !important;border:0 !important;border-radius:16px !important;box-shadow:none !important;
  flex-direction:column !important;align-items:center !important;justify-content:center !important;
  text-align:center !important;gap:16px !important;padding:40px 20px !important;min-height:210px}
.sp-trust-txt{display:flex;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:5px}
.sp-trust-ic{width:auto !important;height:auto !important;background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important}
.sp-trust-ic svg{width:54px !important;height:54px !important;stroke:#4b3fe0 !important;fill:none;stroke-width:1.7}
.sp-trust-title{color:#111827 !important;font-size:17px !important;font-weight:800 !important;line-height:1.25}
.sp-trust-sub{color:#9aa3b5 !important;font-size:12.5px !important;font-weight:500 !important;line-height:1.3}
@media(max-width:768px){
  .sp-trust-inner{grid-template-columns:repeat(2,1fr) !important;gap:14px !important}
  .sp-trust-item{padding:28px 14px !important;min-height:170px;gap:12px !important;border-radius:14px !important}
  .sp-trust-ic svg{width:44px !important;height:44px !important}
  .sp-trust-title{font-size:14px !important}.sp-trust-sub{font-size:11px !important}
}

/* ══════════════════════════════════════════════════════════════════
   FINAL OVERRIDE v10 — Our Promises: 4-column Jarir style (ALL DEVICES)
   Compact, Side-by-Side, Premium SVGs.
   ══════════════════════════════════════════════════════════════════ */

.sp-trust-heading {
    max-width: 1200px !important;
    margin: 24px auto 12px !important;
    padding: 0 16px !important;
    text-align: center !important;
}
.sp-trust-heading h2 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
}
.sp-trust-heading p {
    font-size: 12px !important;
    color: #64748b !important;
    margin-top: 4px !important;
}
.sp-trust-strip {
    max-width: 1200px !important;
    margin: 0 auto 20px !important;
    padding: 0 16px !important;
    background: none !important;
    box-shadow: none !important;
}
.sp-trust-inner {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 columns on ALL devices */
    gap: 12px !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.sp-trust-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 20px 12px !important;
    min-height: 140px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    transition: all 0.2s ease !important;
    gap: 10px !important;
}
.sp-trust-item:hover {
    transform: translateY(-4px) !important;
    border-color: #2563eb !important;
    box-shadow: 0 8px 20px rgba(37,99,235,0.12) !important;
}
.sp-trust-ic {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #eff6ff, #dbeafe) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}
.sp-trust-ic svg {
    width: 24px !important;
    height: 24px !important;
    stroke: #2563eb !important; /* Premium Indigo/Blue */
    fill: none !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
.sp-trust-txt {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 2px !important;
}
.sp-trust-title {
    display: block !important;
    width: 100% !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.2 !important;
}
.sp-trust-sub {
    display: block !important;
    width: 100% !important;
    font-size: 10px !important;
    color: #64748b !important;
    line-height: 1.3 !important;
}

/* Mobile ONLY adjustments (maintaining 4 columns, reducing padding/size further) */
@media (max-width: 640px) {
    .sp-trust-strip { padding: 0 8px !important; }
    .sp-trust-inner { gap: 6px !important; }
    .sp-trust-item { padding: 12px 4px !important; min-height: 100px !important; gap: 6px !important; border-radius: 8px !important; }
    .sp-trust-ic { width: 32px !important; height: 32px !important; border-radius: 8px !important; }
    .sp-trust-ic svg { width: 18px !important; height: 18px !important; }
    .sp-trust-title { font-size: 10px !important; line-height: 1.1 !important; }
    .sp-trust-sub { font-size: 8px !important; line-height: 1.2 !important; }
    .sp-trust-heading h2 { font-size: 17px !important; }
    .sp-trust-heading p { font-size: 11px !important; }
}