/* V16.88 — hero navigation, contained orbit cards, base text and independent top search */
:root{
  --q1-hero-right-title-size:58px;
  --q1-hero-right-tagline-size:24px;
  --q1-hero-right-english-size:24px;
}

/* Keep both product paging arrows visible; especially the arrow at the right side. */
body.q1-v16-88 .q158-arrow{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:80!important;
}
body.q1-v16-88 .q158-next{right:24px!important;left:auto!important;}
body.q1-v16-88 .q158-prev{left:24px!important;right:auto!important;}
body.q1-v16-88 .q158-next:hover,
body.q1-v16-88 .q158-prev:hover{transform:translateY(-50%) scale(1.06)!important;}

/* Every item above the disc stays completely inside its small white template. */
body.q1-v16-88 .q158-card{
  overflow:hidden!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
  contain:layout paint!important;
}
body.q1-v16-88 .q158-card *,
body.q1-v16-88 .q158-card *::before,
body.q1-v16-88 .q158-card *::after{box-sizing:border-box!important;max-width:100%;}
body.q1-v16-88 .q158-card .q158-media{
  position:relative!important;
  width:100%!important;
  overflow:hidden!important;
}
body.q1-v16-88 .q158-card .q158-media img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
body.q1-v16-88 .q158-card .q158-badge{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  left:auto!important;
  max-width:calc(100% - 14px)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  z-index:4!important;
}
body.q1-v16-88 .q158-card .q158-info{
  width:100%!important;
  overflow:hidden!important;
  text-align:center!important;
}
body.q1-v16-88 .q158-card .q158-info strong{
  max-width:100%!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.q1-v16-88 .q158-card .q158-price{
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
body.q1-v16-88 .q158-card .q158-price span,
body.q1-v16-88 .q158-card .q158-price del{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Platform-base writing is always above the platform graphic and responds to admin controls. */
body.q1-v16-88 .q1-stage-bottom-text{
  z-index:60!important;
  display:block;
  width:58%!important;
  max-width:58%!important;
  min-height:1.2em;
  color:#b9790d!important;
  font-family:Tajawal,Arial,sans-serif!important;
  font-size:var(--q1-stage-bottom-text-size,22px)!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 0 rgba(255,255,255,.86),0 3px 8px rgba(99,61,5,.28)!important;
}
body.q1-v16-88 .q1-stage-bottom-text:empty{display:none!important;}
body.q1-v16-88 .q1-stage-disc-text{z-index:61!important;}

/* Explicit right-side text sizes controlled from admin. */
body.q1-v16-88 .q158-copy h1{
  font-size:clamp(30px,var(--q1-hero-right-title-size),110px)!important;
}
body.q1-v16-88 .q158-copy p{
  font-size:clamp(14px,var(--q1-hero-right-tagline-size),46px)!important;
}
body.q1-v16-88 .q158-copy>b{
  font-size:clamp(14px,var(--q1-hero-right-english-size),46px)!important;
}

/* The top search is independent and has its own wide autocomplete list. */
body.q1-v16-88 .lux-search-top{
  position:relative!important;
  overflow:visible!important;
  z-index:260!important;
}
body.q1-v16-88 .top-search-results{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:min(660px,82vw);
  max-height:430px;
  overflow:auto;
  display:none;
  padding:10px;
  background:#fff;
  border:1px solid #d7dee8;
  border-radius:18px;
  box-shadow:0 22px 55px rgba(7,36,61,.22);
  z-index:500;
  direction:rtl;
}
body.q1-v16-88 .top-search-results.open{display:grid;gap:7px;}
body.q1-v16-88 .top-search-results .top-search-empty{
  padding:18px;
  color:#667085;
  font-weight:800;
  text-align:center;
}
body.q1-v16-88 .top-search-result-item{
  width:100%;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  grid-template-areas:'img text price';
  gap:12px;
  align-items:center;
  border:1px solid #e5eaf0;
  background:#fff;
  border-radius:14px;
  padding:8px 10px;
  color:#102033;
  text-align:right;
  cursor:pointer;
  font-family:inherit;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
body.q1-v16-88 .top-search-result-item:hover,
body.q1-v16-88 .top-search-result-item:focus-visible{
  background:#fffaf0;
  border-color:#d5a84f;
  transform:translateY(-1px);
  outline:none;
}
body.q1-v16-88 .top-search-result-item img{
  grid-area:img;
  width:64px;
  height:58px;
  object-fit:contain;
  border-radius:10px;
  background:#f8fafc;
}
body.q1-v16-88 .top-search-result-copy{grid-area:text;min-width:0;display:grid;gap:4px;}
body.q1-v16-88 .top-search-result-copy strong{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:15px;
  color:#082a47;
}
body.q1-v16-88 .top-search-result-copy small{
  color:#667085;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
body.q1-v16-88 .top-search-result-price{
  grid-area:price;
  color:#b9790d;
  font-size:15px;
  font-weight:1000;
  white-space:nowrap;
}
body.q1-v16-88 .top-search-more{
  width:100%;
  border:0;
  background:#082a47;
  color:#fff;
  border-radius:12px;
  padding:12px;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

@media(max-width:760px){
  body.q1-v16-88 .q158-next{right:10px!important;}
  body.q1-v16-88 .q158-prev{left:10px!important;}
  body.q1-v16-88 .top-search-results{position:fixed;top:118px;right:10px;left:10px;width:auto;max-height:62vh;}
  body.q1-v16-88 .top-search-result-item{grid-template-columns:52px minmax(0,1fr);grid-template-areas:'img text' 'img price';}
  body.q1-v16-88 .top-search-result-item img{width:52px;height:52px;}
  body.q1-v16-88 .q1-stage-bottom-text{width:62%!important;max-width:62%!important;font-size:var(--q1-stage-bottom-text-size,22px)!important;}
}