/* NERALOQ 5.0 — source-level card art-direction and bilingual footer repair.
   The 90%/1600px rail, fixed header, ecosystem gap and V4 mountain remain intact. */
.product-visual {
  height:224px; padding:22px 24px 12px;
  position:relative; isolation:isolate; background:#e8f0f5;
  display:flex; align-items:flex-end; overflow:hidden;
}
.product-visual > .product-photo {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:72% center; z-index:-2;
  opacity:1; filter:none; transform:none;
}
.product-visual::after {
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg,rgba(243,248,252,.98) 0%,rgba(243,248,252,.87) 24%,rgba(243,248,252,.57) 45%,rgba(243,248,252,.03) 79%),
    linear-gradient(0deg,#fff 0%,rgba(255,255,255,.7) 9%,transparent 34%);
}
html[lang=ar] .product-visual::after {
  background:linear-gradient(270deg,rgba(243,248,252,.98) 0%,rgba(243,248,252,.87) 24%,rgba(243,248,252,.57) 45%,rgba(243,248,252,.03) 79%),
    linear-gradient(0deg,#fff 0%,rgba(255,255,255,.7) 9%,transparent 34%);
}
html[lang=ar] .product-visual > .product-photo { object-position:40% center; }
.product-visual .product-logo-wrap {
  width:66%; max-width:280px; min-width:0; margin:0; padding:0;
  background:transparent!important; border:0; box-shadow:none;
}
.product-visual .product-logo-wrap.hafez { width:46%; max-width:175px; }
.product-visual .product-logo-wrap.gulf365 { width:56%; max-width:220px; }
.product-visual .product-logo-wrap > img,
html[lang=ar] .product-visual .product-logo-wrap > img {
  display:block; width:100%!important; height:156px!important; max-width:100%;
  object-fit:contain; object-position:left bottom; background:transparent!important;
  mix-blend-mode:normal; transform:none;
}
html[lang=ar] .product-visual .product-logo-wrap > img { object-position:right bottom; }
.product-body { padding:12px 24px 25px; }
.product-body h3 { font-size:16px; line-height:1.5; }
.product-body > p { font-size:14px; line-height:1.85; }
html[lang=ar] .product-body h3 { font-size:14px; line-height:1.95; }
html[lang=ar] .product-body > p { font-size:12px; line-height:2.2; }
.product-body .text-link { min-height:38px; font-size:13px; }
html[lang=ar] .product-body .text-link { font-size:12px; }
.product-body .status { font-size:10px; padding:6px 12px; }
html[lang=ar] .product-body .status { font-size:9px; }
/* Content-direction belongs to the column. Only isolated numbers run LTR. */
.footer-main { grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(0,1fr)); gap:36px; }
.footer-main > * { min-width:0; }
.footer-main .footer-column {
  display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;
  gap:4px; grid-column:auto; grid-row:auto; text-align:start; min-width:0;
}
.footer-column a {
  display:block; width:100%; min-width:0; margin:0; padding-block:6px;
  font-size:12px; line-height:1.8; overflow-wrap:anywhere; text-align:start;
  min-height:34px; color:#b8cad8;
}
.footer-column h2 { font-size:13px; line-height:1.8; margin:0 0 12px; }
html[lang=ar] .footer-column,
html[lang=ar] .footer-column a,
html[lang=ar] .footer-column h2 { direction:rtl; text-align:right; }
html[lang=ar] .footer-column a { font-size:11px; line-height:2; }
.footer-brand .micro { margin-inline-start:0; }
bdi { unicode-bidi:isolate; }
.breadcrumb a { color:inherit; }
.site-footer a:focus-visible { outline:2px solid #32d1eb; outline-offset:3px; border-radius:3px; }
/* Wider tap targets without stretching the footer into adjacent columns. */
@media (min-width:731px) and (max-width:1050px) {
 .product-visual { height:190px; padding:14px 16px 10px; }
 .product-visual .product-logo-wrap > img,
 html[lang=ar] .product-visual .product-logo-wrap > img { height:128px!important; }
 .product-body { padding-inline:16px; }
 .product-body h3 { font-size:14px; }
 html[lang=ar] .product-body h3 { font-size:12px; }
 .product-body>p { font-size:12px; }
 html[lang=ar] .product-body>p { font-size:11px; }
 .footer-main { grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(0,1fr)); gap:22px; }
}
@media (max-width:730px) {
 .product-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .product-visual { height:230px; padding:23px 23px 11px; }
 .product-visual .product-logo-wrap { width:67%; max-width:280px; }
 .product-visual .product-logo-wrap.hafez { width:48%; max-width:168px; }
 .product-visual .product-logo-wrap.gulf365 { width:57%; max-width:215px; }
 .product-visual .product-logo-wrap > img,
 html[lang=ar] .product-visual .product-logo-wrap > img { height:152px!important; }
 .product-body { padding:12px 23px 24px; }
 .product-body>p { font-size:14px; }
 html[lang=ar] .product-body>p { font-size:12px; }
 .footer-main {
   grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 24px;
   grid-template-areas:"brand brand" "products company" "connect connect";
 }
 .footer-main .footer-brand { grid-area:brand; }
 .footer-main .footer-products { grid-area:products; }
 .footer-main .footer-company { grid-area:company; }
 .footer-main .footer-connect { grid-area:connect; }
 .footer-main .footer-column:last-of-type { flex-direction:column; align-items:stretch; }
 .footer-main .footer-column h2 { margin-bottom:8px; }
 .footer-column a { min-height:40px; padding-block:7px; }
 .footer-bottom { display:flex; flex-direction:column; align-items:flex-start; gap:15px; }
 .footer-bottom > div { display:flex; flex-wrap:wrap; gap:16px 25px; }
 .footer-bottom,html[lang=ar] .footer-bottom { font-size:10px; line-height:2; }
}
@media (max-width:370px) {
 .product-visual { height:210px; padding-inline:19px; }
 .product-visual .product-logo-wrap > img,
 html[lang=ar] .product-visual .product-logo-wrap > img { height:137px!important; }
 .product-body { padding-inline:19px; }
 html[lang=ar] .product-body h3 { font-size:13px; }
 .footer-main { column-gap:20px; }
}
@media (prefers-reduced-motion:reduce) { .product-card:hover { transform:none; } }