/* Home storefront only; shared product/checkout styles remain unchanged. */
.main-header.storefront-header { padding: 12px 20px !important; display: block; background: #fff; border-top: 3px solid #8f89dd; border-bottom: 1px solid #e2e8f0; box-shadow: 0 3px 16px #1725540a; }
.storefront-header .header-inner { max-width: 1180px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.main-header.storefront-header .brand-top { margin: 0; padding: 0; gap: 12px; flex-direction: row; text-align: start; flex-shrink: 0; }
.storefront-header .brand-home { display: inline-flex; border-radius: 10px; }
.storefront-header .brand-top .logo { width: 48px; height: 48px; object-fit: contain; border-radius: 10px; }
.storefront-header .brand-text h2 { font-size: 16px; line-height: 1.5; margin: 0; }
.storefront-header .brand-text h2 span { display: block; color: #172554; }
.storefront-header .brand-text h2 span + span { font-size: 11px; color: #64748b; font-weight: 500; }
.main-header.storefront-header .icon-nav, .main-header.storefront-header .icon-nav.fixed { margin: 0; padding: 0; position: static !important; width: auto; flex: 0 0 auto; background: transparent; box-shadow: none; border: 0; transform: none; overflow: visible; }
.main-header.storefront-header .icon-nav ul { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; width: auto; background: transparent; border-radius: 0; flex-wrap: nowrap; overflow: visible; }
.main-header.storefront-header .icon-nav ul > li { margin: 0; min-width: 0; }
.main-header.storefront-header .icon-nav ul > li > :is(a,button) { height: 44px; min-height: 44px; padding: 0 14px; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: 7px; border: 1px solid #e2e8f0; border-radius: 11px; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.2; background: #f8fafc; color: #172554; white-space: nowrap; text-decoration: none; cursor: pointer; opacity: 1; transition: background .15s, border-color .15s; }
.main-header.storefront-header .icon-nav ul > li > :is(a,button):hover { background: #eef2ff; border-color: #b8b5e6; }
.main-header.storefront-header .icon-nav ul > li > :is(a,button) i { display: inline-block; min-width: 16px; text-align: center; margin: 0; font-size: 16px; line-height: 1; color: #475569; }
.main-header.storefront-header .icon-nav ul > li > .header-contact { color: white; background: #147d41; border-color: #147d41; }
.main-header.storefront-header .icon-nav ul > li > .header-contact:hover { background: #116b38; border-color: #116b38; }
.main-header.storefront-header .icon-nav .header-contact i { color: white; }
.storefront-header .language-dropdown .dropdown-menu { inset-inline-end: 0; inset-inline-start: auto; top: calc(100% + 8px); padding: 5px; min-width: 160px; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 8px 25px #17255424; }
.storefront-header .language-dropdown .dropdown-menu a { min-height: 44px; padding: 10px 12px; border-radius: 8px; background: white; }
@media (max-width: 800px) {
  .main-header.storefront-header { padding: 10px 12px !important; }
  .storefront-header .header-inner { flex-direction: column; gap: 10px; }
  .main-header.storefront-header .brand-top { justify-content: center; width: auto; }
  .main-header.storefront-header .icon-nav { width: 100%; }
  .main-header.storefront-header .icon-nav ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); width: 100%; gap: 7px; }
  .main-header.storefront-header .icon-nav ul > li > :is(a,button) { width: 100%; padding: 0 8px; font-size: 12px; }
}

@media (max-width: 480px) {
  .storefront-header .brand-top .logo { width: 40px; height: 40px; }
  .storefront-header .brand-text h2 { font-size: 14px; }
  .main-header.storefront-header .icon-nav ul { gap: 5px; }
  .main-header.storefront-header .icon-nav ul > li > :is(a,button) { height: 52px; padding: 5px 3px; flex-direction: column; gap: 5px; font-size: 11px; }
}
.storefront-hero { padding: 24px 0 12px; text-align: center; background: #f7fafc; }
.storefront-hero h1 { font-size: clamp(22px,3vw,34px); line-height: 1.5; margin: 0 0 15px; color: #23405b; }
.storefront-hero .hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0; }
.storefront-hero .btn-hero { padding: 10px 18px; min-height: 44px; border-radius: 12px; font: inherit; cursor: pointer; }
.storefront-hero .secondary { border: 1px solid #147d41; color: #147d41; background: white; }
.storefront-trust { list-style: none; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin: 18px auto 0; padding: 0; color: #334155; font-size: 14px; }
.promo-banner { padding: 4px 16px !important; margin: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 16px; background: linear-gradient(120deg,#086996,#087e73); }
.promo-line { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; font-weight: 600; }
.promo-countdown { font-variant-numeric: tabular-nums; white-space: nowrap; }
.promo-banner .promo-terms { max-width: 1100px; margin: 0; padding: 0; background: transparent; border: 0; color: white; border-radius: 0; box-shadow: none; }
.promo-terms[open] { flex-basis: 100%; }
.promo-banner .promo-terms > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; justify-content: center; text-decoration: underline; font-size: 13px; color: white; background: transparent; padding: 0 8px; }
.promo-terms .promo-content { padding: 12px; }
.storefront-quick { padding-top: 18px; padding-bottom: 18px; }
.storefront-quick h2, #ready-picks h2, .storefront-guide > h2 { margin: 0 0 12px; font-size: 24px; }
.storefront-quick p { margin: 8px 0; font-weight: 600; }
.quick-options { display: flex; flex-wrap: wrap; gap: 8px; }
.quick-options button { min-height: 44px; border: 1px solid #cbd5e1; background: white; color: #23405b; border-radius: 12px; padding: 8px 16px; font: inherit; cursor: pointer; }
.quick-options button:hover { border-color: #1a73e8; background: #eff6ff; }
.storefront-quick small { display: block; color: #475569; margin-top: 10px; }
.selection-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.selection-card { background: white; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 3px 12px #0001; padding: 12px; text-decoration: none; color: #23405b; display: flex; flex-direction: column; gap: 8px; }
.selection-card img { width: 100%; height: 140px; object-fit: contain; }
.selection-card .price { font-size: 20px; margin: 0; }
#product-search-tools { padding: 24px 0 10px; scroll-margin-top: 150px; }
#searchFilterContainer .search-container { display: flex; gap: 8px; }
#searchInput { min-width: 0; width: 100%; min-height: 44px; }
#clearSearchBtn, #clearFiltersBtn, #filterBar select { min-height: 44px; }
.product-order-actions { margin-top: 12px; }
.product-order-actions .product-order { width: 100%; min-height: 44px; text-align: center; justify-content: center; padding: 10px 8px; font-size: 14px; }
:is(#laptops,#screens) .cta .btn { background: #eff6ff; color: #1e40af; border: 1px solid #bfdbfe; }
.sold-strip.grid { display: flex !important; overflow-x: auto; gap: 14px; padding: 8px 4px 18px; scroll-snap-type: x proximity; }
.sold-strip > .card { flex: 0 0 calc((100% - 70px) / 6); min-width: 160px; scroll-snap-align: start; }
.sold-strip > .card img { height: 130px !important; object-fit: contain; }
.sold-strip .card-body { padding: 10px; }
.sold-strip .kicker { font-size: 14px; }
.sold-strip .muted { font-size: 12px; }
.storefront-guide { margin-top: 28px; padding-top: 24px; padding-bottom: 24px; border: 1px solid #e2e8f0; border-radius: 18px; background: #f8fafc; }
.buying-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; padding-inline-start: 24px; color: #334155; }
.storefront-guide .purchase-assurance { padding: 20px 0; margin: 0; }
.storefront-guide .purchase-assurance > .container { width: auto; padding: 0; }
#storefront-faq details { border-top: 1px solid #cbd5e1; padding: 8px 0; }
#storefront-faq summary { min-height: 44px; cursor: pointer; display: flex; align-items: center; color: #23405b; font-weight: 600; }
#storefront-faq p { line-height: 1.8; color: #334155; }
.final-contact { text-align: center; padding-bottom: 20px; }
.storefront-header ~ section { scroll-margin-top: 150px; }
@media (max-width:640px) {
  .storefront-hero { padding: 16px 0 12px; }
  .storefront-hero h1 { font-size: 20px; line-height: 1.4; }
  .storefront-trust { grid-template-columns: repeat(2,1fr); gap: 8px; font-size: 12px; }
  .storefront-hero .btn-hero { font-size: 13px; padding: 8px 10px; }
  .storefront-quick { padding-top: 12px; padding-bottom: 14px; }
  .storefront-quick h2, #ready-picks h2 { font-size: 21px; }
  .quick-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .quick-options button { padding: 6px 4px; font-size: 12px; }
  .selection-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .selection-card { padding: 9px; font-size: 13px; }
  .selection-card img { height: 90px; }
  .selection-card .price { font-size: 17px; }
  .buying-steps { grid-template-columns: 1fr; gap: 12px; }
  .sold-strip > .card { flex-basis: 160px; }
  body { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
  .mobile-whatsapp { left: 12px; right: 12px; bottom: calc(8px + env(safe-area-inset-bottom)); min-height: 48px; border-radius: 12px; }
  #fabQuickNav { bottom: calc(76px + env(safe-area-inset-bottom)) !important; }
  .storefront-back-top { bottom: calc(76px + env(safe-area-inset-bottom)) !important; left: 12px !important; }
}

/* Floating navigation uses native SVG icons, independent of icon fonts. */
#fabMenuBtn { width: 54px; height: 54px; min-width: 44px; min-height: 44px; background: linear-gradient(145deg,#164e8e,#172554); border: 1px solid #ffffff4d; box-shadow: 0 6px 20px #17255440; }
#fabMenuBtn .fab-trigger-close { display: none; }
#fabQuickNav.open .fab-trigger-open { display: none; }
#fabQuickNav.open .fab-trigger-close { display: block; }
#fabQuickNav .fab-menu-backdrop { background: #0f172a66; backdrop-filter: blur(3px); }
#fabMenuCircle { width: min(360px,calc(100vw - 24px)); padding: 16px; gap: 9px; border-radius: 20px; grid-template-columns: repeat(3,minmax(0,1fr)); background: linear-gradient(145deg,#174e89,#172554); border: 1px solid #ffffff33; box-shadow: 0 18px 48px #0f172a40; max-height: min(70vh,calc(100dvh - 160px)); font-family: 'Cairo','Noto Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif; }
#fabMenuCircle .fab-panel-heading { grid-column: 1 / -1; text-align: start; padding: 0 2px 7px; color: white; }
.fab-panel-heading strong { display: block; font-size: 15px; line-height: 1.6; }
.fab-panel-heading .fab-panel-note { display: block; color: #dbeafe; font-size: 11px; margin-top: 2px; }
#fabMenuCircle .fab-item { min-width: 0; min-height: 82px; padding: 10px 4px; gap: 7px; background: #f8fafc; color: #172554; border: 1px solid #fff; border-radius: 13px; font-size: 11px; font-weight: 600; line-height: 1.4; box-shadow: 0 2px 5px #0000000a; }
#fabMenuCircle .fab-item:hover { background: #eff6ff; border-color: #93c5fd; transform: translateY(-2px); box-shadow: 0 5px 14px #0000001a; }
#fabMenuCircle .fab-symbol-wrap { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; border-radius: 9px; background: #e0f2fe; color: #075985; }
#fabMenuCircle .fab-symbol { width: 21px; height: 21px; display: block; }
#fabMenuCircle [data-nav-icon="sold"] .fab-symbol-wrap { color: #92400e; background: #fef3c7; }
#fabMenuCircle [data-nav-icon="wishlist"] .fab-symbol-wrap { color: #be123c; background: #ffe4e6; }
#fabMenuCircle [data-nav-icon="inquiry"] .fab-symbol-wrap { color: #166534; background: #dcfce7; }
#fabMenuCircle [data-nav-icon="follow"] .fab-symbol-wrap { color: #6d28d9; background: #ede9fe; }
#fabMenuCircle .fab-item:focus-visible { outline: 3px solid #fbbf24; outline-offset: 2px; }
@media (max-width:640px) {
  #fabMenuBtn { width: 48px; height: 48px; }
  #fabMenuCircle { padding: 12px; gap: 7px; }
  #fabMenuCircle .fab-item { min-height: 76px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  #fabMenuBtn, #fabMenuCircle, #fabMenuCircle .fab-item { transition: none; }
  #fabMenuCircle .fab-item:hover { transform: none; }
}

/* Welcome and quick choice: scoped visual treatment, shared catalogue untouched. */
.storefront-hero, .storefront-quick { font-family: 'Cairo','Noto Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif; }
.storefront-hero { padding: 28px 0 20px; background: radial-gradient(ellipse at 15% 0%,#eaf1ff 0%,transparent 52%), radial-gradient(ellipse at 90% 20%,#fff6e9 0%,transparent 45%),#f8fafc; border-bottom: 1px solid #e7edf4; }
.storefront-hero .intro-eyebrow { display: inline-flex; align-items: center; gap: 7px; color: #1e40af; background: #eff6ff; border: 1px solid #dbeafe; border-radius: 999px; padding: 5px 12px; font-size: 12px; font-weight: 600; margin-bottom: 10px; }
.intro-icon { display: inline-block; flex-shrink: 0; vertical-align: middle; }
.intro-eyebrow .intro-icon { width: 16px; height: 16px; }
.storefront-hero h1 { max-width: 900px; margin: 0 auto; font-size: clamp(24px,3vw,36px); font-weight: 800; line-height: 1.5; color: #172554; letter-spacing: -.3px; }
.storefront-hero .intro-accent { color: #0e7490; }
.storefront-hero .intro-subtitle { margin: 8px auto 18px; max-width: 720px; font-size: 14px; line-height: 1.7; color: #475569; }
.storefront-hero .hero-actions { gap: 10px; }
.storefront-hero .btn-hero { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 11px 20px; border-radius: 12px; font-size: 14px; font-weight: 700; border: 1px solid transparent; text-decoration: none; transition: background .15s, box-shadow .15s; }
.storefront-hero .btn-hero.primary { background: #172554; color: white; box-shadow: 0 5px 14px #1725541f; }
.storefront-hero .btn-hero.primary:hover { background: #1e3a8a; box-shadow: 0 7px 18px #17255429; }
.storefront-hero .btn-hero.secondary { background: white; border-color: #bbd9c9; color: #147d41; }
.storefront-hero .btn-hero.secondary:hover { background: #f0fdf4; border-color: #147d41; }
.storefront-hero .btn-hero .intro-icon { width: 20px; height: 20px; }
.storefront-hero .btn-hero.primary .intro-icon:last-child { width: 16px; height: 16px; }
body.lang-ar .storefront-hero .btn-hero.primary .intro-icon:last-child { transform: scaleX(-1); }
.storefront-hero .storefront-trust { max-width: 1000px; gap: 12px; margin: 20px auto 0; }
.storefront-trust li { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 12px; background: #ffffffc9; color: #334155; font-size: 13px; font-weight: 500; }
.trust-icon { display: inline-flex; align-items: center; justify-content: center; color: #0e7490; background: #ecfeff; border-radius: 8px; width: 30px; height: 30px; flex-shrink: 0; }
.trust-icon .intro-icon { width: 19px; height: 19px; }
.storefront-quick { padding-top: 24px; padding-bottom: 20px; }
.storefront-quick .quick-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 18px; margin-bottom: 14px; }
.storefront-quick .quick-heading h2 { margin: 0; font-size: 23px; font-weight: 750; color: #172554; }
.storefront-quick .quick-heading p { margin: 0; font-size: 13px; font-weight: 400; color: #64748b; }
.quick-panels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.quick-panel { min-width: 0; padding: 16px; background: white; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 4px 15px #17255405; }
.quick-panel h3 { display: flex; align-items: center; gap: 9px; margin: 0 0 12px; color: #334155; font-size: 15px; font-weight: 650; }
.quick-panel-icon { display: inline-flex; color: #0e7490; }
.quick-panel-icon .intro-icon { width: 20px; height: 20px; }
.storefront-quick .quick-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.storefront-quick .quick-options button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 66px; width: 100%; padding: 10px 6px; background: #f8fafc; border: 1px solid #e2e8f0; color: #172554; border-radius: 11px; font-size: 13px; line-height: 1.4; cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s; }
.storefront-quick .quick-options button strong { font-weight: 650; }
.storefront-quick .quick-options button .option-caption { font-size: 11px; font-weight: 400; color: #64748b; }
.storefront-quick .quick-options button .intro-icon { width: 22px; height: 22px; color: #0e7490; }
.storefront-quick .quick-options button:hover { border-color: #93c5fd; background: #eff6ff; }
.storefront-quick .quick-options button[aria-pressed="true"] { border-color: #1e40af; background: #eff6ff; box-shadow: inset 0 0 0 1px #1e40af; color: #1e40af; }
.storefront-quick .quick-hint { display: block; margin-top: 10px; font-size: 11px; line-height: 1.6; color: #64748b; }
@media (max-width:640px) {
  .storefront-hero { padding: 18px 0 14px; }
  .storefront-hero h1 { font-size: 22px; line-height: 1.4; }
  .storefront-hero .intro-subtitle { font-size: 12px; margin: 7px auto 12px; }
  .storefront-hero .hero-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .storefront-hero .btn-hero { min-height: 44px; padding: 9px 12px; font-size: 12px; gap: 6px; }
  .storefront-hero .hero-actions .btn-hero { width: 100%; min-width: 0; max-width: none; margin: 0; padding: 9px 6px; font-size: 11px; box-sizing: border-box; }
  .storefront-hero .btn-hero.primary .intro-icon:last-child { display: none; }
  .storefront-hero .storefront-trust { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 14px; gap: 7px; }
  .storefront-trust li { justify-content: flex-start; padding: 7px 8px; font-size: 11px; gap: 7px; }
  .trust-icon { width: 25px; height: 25px; }
  .trust-icon .intro-icon { width: 16px; height: 16px; }
  .storefront-quick { padding-top: 16px; padding-bottom: 14px; }
  .storefront-quick .quick-heading { margin-bottom: 10px; }
  .storefront-quick .quick-heading h2 { font-size: 20px; }
  .storefront-quick .quick-heading p { display: none; }
  .quick-panels { grid-template-columns: 1fr; gap: 10px; }
  .quick-panel { padding: 12px; border-radius: 13px; }
  .quick-panel h3 { margin-bottom: 9px; font-size: 13px; }
  .storefront-quick .quick-options { gap: 6px; }
  .storefront-quick .quick-options button { min-height: 60px; padding: 7px 4px; font-size: 11px; gap: 4px; }
  .storefront-quick .quick-options button .option-caption { font-size: 10px; }
  .storefront-quick .quick-hint { font-size: 10px; margin-top: 8px; }
}

/* October 13 homepage order and compact product rows. Original product cards stay intact. */
#software > h2{display:flex;align-items:center;justify-content:center;gap:.6rem;text-align:center}
#software > h2 svg{flex-shrink:0}
#software .grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-load-more{text-align:center;margin-top:18px}
.home-load-more .btn{min-height:44px;min-width:150px}
.home-software-link{text-align:center;margin-block:18px}
.selection-card small{color:#64748b;line-height:1.6}
#newsletter{scroll-margin-top:110px}
#about,#software,#ready-picks,#quick-selection,#follow-us{scroll-margin-top:110px}
#fabMenuCircle{overflow-y:auto;overscroll-behavior:contain}
@media(max-width:900px){#software .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){#software .grid.cols-4{grid-template-columns:1fr}}

/* Footer revision: social links return to the information bar. */
.rayhana-footer .footer-col{min-width:0;overflow-wrap:anywhere}
.footer-quick-links{list-style:none;padding:0;margin:0;display:grid;gap:5px}
.footer-quick-links a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;box-sizing:border-box;border:1px solid transparent;border-radius:10px;background:#ffffff04;color:#dbe5f3;text-decoration:none;font-size:14px;line-height:1.5;transition:background .15s,border-color .15s}
.footer-quick-links i{width:22px;text-align:center;color:var(--brand-gold,#f59e0b);flex-shrink:0}
.footer-quick-links .footer-link-arrow{margin-inline-start:auto;color:#94a3b8}
.footer-quick-links a>span:not(.footer-link-arrow){min-width:0;overflow-wrap:normal}
body.lang-fr .rayhana-footer{direction:ltr}
body.lang-fr .rayhana-footer .footer-col h4::after{right:auto;left:0}
.footer-quick-links a:hover{background:#ffffff12;border-color:#f59e0b66;color:#fff}
.footer-quick-links a:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}
.footer-payment-methods{display:flex;flex-wrap:wrap;gap:8px}
.footer-payment-badge{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 10px;border:1px solid #ffffff1f;border-radius:8px;background:#ffffff0d;color:#e2e8f0;font-size:12px;box-sizing:border-box}
.footer-payment-sofizpay{background:#1d4ed826;border-color:#60a5fa66;color:#dbeafe}
.footer-payment-sofizpay i{color:#93c5fd}
.rayhana-footer #footer-contact{scroll-margin-top:110px}
@media(max-width:600px){.footer-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-quick-links a{height:100%;font-size:13px;padding:8px}.footer-quick-links .footer-link-arrow{display:none}body.lang-fr .rayhana-footer .footer-col h4::after{left:50%;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.footer-quick-links a{transition:none}}
.rayhana-footer #follow-us{scroll-margin-top:110px}
.rayhana-footer #follow-us .social-float{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
.rayhana-footer #newsletter .newsletter-consent{color:#cbd5e1}
.rayhana-footer #newsletter .newsletter-consent a{color:#bfdbfe}
.footer-legal{box-sizing:border-box;margin:0 auto;padding:28px 20px 32px;border-top:1px solid #f39c1259;background:linear-gradient(135deg,#0b1224,#172554);text-align:center;position:relative}
.footer-legal::before{content:"";display:block;width:64px;height:3px;margin:0 auto 16px;border-radius:4px;background:#f3b64b}
.footer-closing-brand{margin:0 0 6px;color:#f8fafc;font-size:18px;font-weight:700;letter-spacing:.04em}
.footer-legal-label{margin:0 0 18px;color:#b8c9df;font-size:13px}
.footer-legal .footer-policy-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 18px;max-width:1000px}
.footer-legal .footer-policy-links a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #ffffff29;border-radius:12px;background:#ffffff0a;color:#e2e8f0;font-size:14px;font-weight:600;line-height:1.6;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.footer-legal .footer-policy-links a:hover{background:#ffffff14;border-color:#f3b64b;color:#ffe2a6}
.footer-legal .footer-policy-links a:focus-visible{outline:3px solid #f3b64b;outline-offset:3px}
.footer-legal .footer-copyright{color:#b8c9df;font-size:13px;line-height:1.8}
.footer-legal .footer-copyright p{margin:0}
@media(max-width:600px){.rayhana-footer #follow-us .social-float{justify-content:center}.footer-legal{padding:24px 16px 28px}.footer-legal .footer-policy-links{gap:8px}.footer-legal .footer-policy-links a{flex:1 1 150px;padding:10px 12px}}

/* Policy help navigation */
.header-help i{font-size:1.4rem;color:#f59e0b}.header-help:focus-visible{outline:3px solid #f59e0b;outline-offset:4px;border-radius:8px}#footer-legal{scroll-margin-top:110px}.policy-anchor-alias{display:block;height:0;scroll-margin-top:110px}

/* Supplied navigation hub: scoped local styles, Rayhana navy and amber. */
#fabQuickNav [hidden],#testimonials [hidden]{display:none!important}
#fabMenuBtn{border-radius:18px;background:linear-gradient(135deg,#164e8e,#0284c7);border-bottom:3px solid #f59e0b}
/* Brief light sweep followed by a quiet pause; never intercept button clicks. */
#fabMenuBtn{overflow:hidden;isolation:isolate}
#fabMenuBtn::after{content:"";position:absolute;inset:-30% auto -30% -70%;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(0) skewX(-20deg);opacity:0;pointer-events:none;animation:quick-nav-shine 6s ease-in-out infinite}
@keyframes quick-nav-shine{0%,12%{transform:translateX(0) skewX(-20deg);opacity:0}16%{opacity:1}32%{transform:translateX(420%) skewX(-20deg);opacity:0}100%{transform:translateX(420%) skewX(-20deg);opacity:0}}
#fabMenuBtn[aria-expanded="true"]::after{animation:none;opacity:0}
@media(prefers-reduced-motion:reduce){#fabMenuBtn::after{animation:none;display:none}}
#fabMenuCircle.rayhana-nav-hub{display:block;width:min(530px,calc(100vw - 24px));padding:18px;max-height:calc(100dvh - 165px);overflow-y:auto;background:linear-gradient(145deg,#164378eb,#172554f5);backdrop-filter:blur(24px);border:1px solid #ffffff30;color:#f8fafc;border-radius:24px;box-sizing:border-box}
#fabMenuCircle .hub-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff20;padding-bottom:12px}
#fabMenuCircle .hub-tools strong{font-size:13px}
#fabMenuCircle .hub-tools>div{display:flex;gap:5px}
#fabMenuCircle button:not(.fab-item){font:inherit;color:inherit;background:#ffffff12;border:1px solid #ffffff26;border-radius:10px;min-height:44px;cursor:pointer}
#fabMenuCircle .hub-tools button,#shareHubBtn{min-width:44px;font-size:22px}
#fabMenuCircle .hub-heading{position:relative;margin-block:14px}
#fabMenuCircle .hub-heading h2{font-size:20px;margin:0;color:inherit}
#fabMenuCircle .hub-heading p{font-size:12px;margin:6px 0;color:#dbeafe}
#itemsCounterBadge{display:inline-block;font-size:11px;background:#38bdf822;border:1px solid #7dd3fc55;border-radius:20px;padding:4px 10px;color:#bae6fd}
#fabMenuCircle .hub-search{position:relative;margin-block:14px}
#fabMenuCircle .hub-search label{display:block;font-size:12px;margin-bottom:5px}
#quickSearchInput{width:100%;min-height:44px;font:inherit;font-size:13px;padding:10px;padding-inline-end:44px;border:1px solid #ffffff40;background:#ffffff14;color:inherit;border-radius:14px;box-sizing:border-box}
#quickSearchInput::placeholder{color:#cbd5e1}
#rayhanaHubClearSearch{position:absolute;inset-inline-end:0;bottom:0;min-width:44px;font-size:22px}
#fabMenuCircle .hub-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-block:10px}
#fabMenuCircle .hub-tabs button{padding:6px 10px;font-size:11px}
#fabMenuCircle [aria-pressed=true]{background:#0369a1!important;border-color:#7dd3fc!important;color:white!important}
#fabMenuCircle .hub-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block:14px}
#fabMenuCircle .hub-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:start;padding:12px;min-height:110px;gap:8px;border-radius:16px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;background:#fff;color:#172554}
#fabMenuCircle .hub-card>span:not(.fab-symbol-wrap){font-size:12px;font-weight:700}
#fabMenuCircle .hub-card small{font-size:10px;color:#64748b;line-height:1.5}
#fabMenuCircle .hub-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0284c730;border-color:#f59e0b}
#fabMenuCircle [data-nav-icon=inquiry]{border:1px solid #10b981;background:#ecfdf5}
#fabMenuCircle [data-nav-icon=policies] .fab-symbol-wrap{background:#fef3c7;color:#92400e;font-size:24px}
#fabMenuCircle .hub-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #ffffff25;font-size:11px;color:#dbeafe}
#fabMenuCircle .hub-bottom a{color:inherit;overflow-wrap:anywhere}
#noResultsMsg{text-align:center;font-size:13px;padding:20px 10px}
#fabMenuCircle :is(button,a,input):focus-visible{outline:3px solid #fbbf24;outline-offset:2px}
#fabMenuCircle.hub-light{background:#f1f5f9f5;color:#172554;border-color:#cbd5e1}
#fabMenuCircle.hub-light :is(.hub-heading p,.hub-bottom){color:#334155}
#fabMenuCircle.hub-light :is(button:not(.fab-item),input){border-color:#cbd5e1;background:#e2e8f0;color:#172554}
#fabMenuCircle.hub-light #quickSearchInput::placeholder{color:#475569}
#fabMenuCircle.hub-light #itemsCounterBadge{color:#075985;background:#e0f2fe}
#testimonials .testimonials-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:1023px){#testimonials .testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){#testimonials .testimonials-grid{grid-template-columns:1fr}#fabMenuCircle .hub-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#fabMenuCircle.rayhana-nav-hub{padding:12px}#fabMenuCircle .hub-card{min-height:100px;padding:10px}#fabMenuCircle .hub-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){#fabMenuCircle .hub-card{transition:none}#fabMenuCircle .hub-card:hover{transform:none}}

/* Expand / collapse controls, shared by products and customer reviews. */
.home-load-more .disclosure-toggle,#loadMoreBtn.disclosure-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:175px;min-height:48px;padding:12px 24px;border-radius:999px;border:1px solid #ffffff40;border-bottom:3px solid #f59e0b;background:linear-gradient(135deg,#164e8e,#172554);color:#fff;font-family:inherit;font-size:14px;font-weight:700;box-shadow:0 5px 14px #17255425;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}
.disclosure-toggle::after{content:"";display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.disclosure-toggle[aria-expanded=true]::after{transform:rotate(225deg) translate(-2px,-2px)}
.home-load-more .disclosure-toggle:hover,#loadMoreBtn.disclosure-toggle:hover{background:linear-gradient(135deg,#1d65ac,#234076);transform:translateY(-2px);box-shadow:0 8px 20px #17255440}
.home-load-more .disclosure-toggle:active,#loadMoreBtn.disclosure-toggle:active{transform:translateY(0) scale(.98)}
.disclosure-toggle:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.home-load-more .disclosure-toggle,#loadMoreBtn.disclosure-toggle,.disclosure-toggle::after{transition:none}.home-load-more .disclosure-toggle:hover,#loadMoreBtn.disclosure-toggle:hover{transform:none}}




/* Compact original Lucide hub */
#fabMenuCircle.rayhana-nav-hub{width:min(460px,calc(100vw - 24px));padding:12px;border-radius:20px}
#fabMenuCircle .hub-tools{padding-bottom:8px;gap:6px}
#fabMenuCircle .hub-tools strong{display:flex;align-items:center;gap:6px;font-size:11px}
#fabMenuCircle .hub-tools strong>svg{width:24px;height:24px;color:#7dd3fc}
#fabMenuCircle .hub-tools>div{gap:4px}
#fabMenuCircle .hub-heading{margin-block:9px}
#fabMenuCircle .hub-heading h2{font-size:18px}
#fabMenuCircle .hub-heading p{margin:3px 0;font-size:11px}
#itemsCounterBadge{padding:2px 8px;font-size:10px}
#fabMenuCircle .hub-search{margin-block:8px}
#fabMenuCircle .hub-search label{font-size:11px;margin-bottom:3px}
#fabMenuCircle .hub-tabs{gap:4px;margin-block:6px}
#fabMenuCircle .hub-tabs button{padding:4px 8px;font-size:10px}
#fabMenuCircle .hub-cards{gap:7px;margin-block:8px;align-items:stretch}
#fabMenuCircle .hub-card{padding:8px;min-height:0;gap:5px;border-radius:13px;justify-content:flex-start;line-height:1.3}
#fabMenuCircle .hub-card>span:not(.fab-symbol-wrap){font-size:11px}
#fabMenuCircle .hub-card small{font-size:9px;line-height:1.3}
#fabMenuCircle .hub-card::before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,#ffffff40,transparent);transform:skewX(-25deg);transition:left .75s;pointer-events:none}
#fabMenuCircle .hub-card:hover::before{left:150%}
#fabMenuCircle .hub-card-top{display:flex;align-items:center;justify-content:space-between;gap:3px;width:100%}
#fabMenuCircle .hub-card-badge{padding:2px 4px;font-size:8px;border-radius:999px;color:#075985;background:#e0f2fe;text-align:center;line-height:1.3;overflow-wrap:anywhere}
#fabMenuCircle .fab-symbol-wrap{width:28px;height:28px;border-radius:8px}
.hub-lucide{width:20px;height:20px;flex-shrink:0;display:block}
#fabMenuCircle :is(button:not(.fab-item)){display:inline-flex;align-items:center;justify-content:center}
#fabMenuCircle .hub-icon-on{display:none}
#fabMenuCircle [aria-pressed=true] .hub-icon-on{display:block}
#fabMenuCircle [aria-pressed=true] .hub-icon-off{display:none}
#fabMenuCircle .hub-bottom{padding-top:7px;font-size:10px}
#fabMenuCircle [data-nav-icon=start] :is(.fab-symbol-wrap,.hub-card-badge){background:#e0e7ff;color:#4f46e5}
#fabMenuCircle [data-nav-icon=home] :is(.fab-symbol-wrap,.hub-card-badge){background:#dbeafe;color:#2563eb}
#fabMenuCircle [data-nav-icon=laptops] :is(.fab-symbol-wrap,.hub-card-badge){background:#e0f2fe;color:#0284c7}
#fabMenuCircle [data-nav-icon=about] :is(.fab-symbol-wrap,.hub-card-badge){background:#dbeafe;color:#1d4ed8}
#fabMenuCircle [data-nav-icon=testimonials] :is(.fab-symbol-wrap,.hub-card-badge){background:#e0f2fe;color:#0369a1}
#fabMenuCircle [data-nav-icon=newsletter] :is(.fab-symbol-wrap,.hub-card-badge){background:#dbeafe;color:#1e40af}
#fabMenuCircle [data-nav-icon=selection] :is(.fab-symbol-wrap,.hub-card-badge){background:#cffafe;color:#0e7490}
#fabMenuCircle [data-nav-icon=screens] :is(.fab-symbol-wrap,.hub-card-badge){background:#ccfbf1;color:#0f766e}
#fabMenuCircle [data-nav-icon=software] :is(.fab-symbol-wrap,.hub-card-badge){background:#ede9fe;color:#6d28d9}
#fabMenuCircle [data-nav-icon=sold] :is(.fab-symbol-wrap,.hub-card-badge){background:#fef3c7;color:#d97706}
#fabMenuCircle [data-nav-icon=follow] :is(.fab-symbol-wrap,.hub-card-badge){background:#f3e8ff;color:#9333ea}
#fabMenuCircle [data-nav-icon=wishlist] :is(.fab-symbol-wrap,.hub-card-badge){background:#ffe4e6;color:#e11d48}
#fabMenuCircle [data-nav-icon=wishlist] svg{fill:#f43f5e33}
#fabMenuCircle [data-nav-icon=inquiry] .fab-symbol-wrap{background:#10b981;color:white}
#fabMenuCircle [data-nav-icon=inquiry] .hub-card-badge{background:#d1fae5;color:#047857}
#fabMenuCircle [data-nav-icon=policies]{grid-column:span 2}
#fabMenuCircle .hub-tools strong>svg{padding:5px;box-sizing:content-box;border-radius:9px;background:linear-gradient(135deg,#0284c7,#22d3ee);color:white}
@media(max-width:639px){#fabMenuCircle .hub-cards{grid-template-columns:repeat(3,minmax(0,1fr))}#fabMenuCircle .hub-card-badge{font-size:7px;padding:2px 3px}#fabMenuCircle .hub-card{padding:7px;gap:4px}#fabMenuCircle .hub-heading h2{font-size:17px}}
@media(max-width:359px){#fabMenuCircle .hub-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#fabMenuCircle [data-nav-icon=policies]{grid-column:auto}}
@media(prefers-reduced-motion:reduce){#fabMenuCircle .hub-card::before{transition:none;display:none}}