/* V16.83 — unified hero artwork, clean background, editable Arabic title and reliable actions */
body.q1-v16-83 .q158-shell{
  background-color:#f8ecd7!important;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
    url('assets/hero/q1-marble-bg-v1683.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-blend-mode:normal!important;
}
body.q1-v16-83 .q158-shell::before,
body.q1-v16-83 .q158-orbit-panel::before,
body.q1-v16-83 .q158-orbit-panel::after,
body.q1-v16-83 .q158-copy::before,
body.q1-v16-83 .q158-copy::after{display:none!important;content:none!important;}
body.q1-v16-83 .q158-orbit-panel,
body.q1-v16-83 .q158-copy{border:0!important;box-shadow:none!important;background:transparent!important;}
body.q1-v16-83 .q158-orbit-panel{overflow:hidden!important;}
body.q1-v16-83 .q161-stage{position:relative!important;overflow:visible!important;}
body.q1-v16-83 .q1-stage-visual-layer{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  transform:translate(calc(var(--q1-hero-stage-x,50%) - 50%),calc(var(--q1-hero-stage-y,50%) - 50%)) rotate(var(--q1-hero-stage-rotate,0deg)) scale(calc(var(--q1-hero-stage-scale,1) * 1.02))!important;
  transform-origin:center 62%!important;
  filter:drop-shadow(0 18px 26px rgba(135,93,25,.10))!important;
}
body.q1-v16-83 .q161-stage-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
  pointer-events:none!important;
}
body.q1-v16-83 .q1-logo-matte,
body.q1-v16-83 .q1-logo-disc-overlay{
  position:absolute;
  height:auto;
  transform-origin:center center;
  pointer-events:none;
}
body.q1-v16-83 .q1-logo-matte{
  left:50%;
  top:47%;
  width:30%;
  z-index:3;
  transform:translate(-50%,-50%);
  opacity:.98;
  filter:drop-shadow(0 12px 16px rgba(91,56,12,.15));
}
body.q1-v16-83 .q1-logo-disc-overlay{
  left:var(--q1-hero-logo-x,50%);
  top:var(--q1-hero-logo-y,47%);
  width:30%;
  z-index:4;
  transform:translate(-50%,-50%) rotate(var(--q1-hero-logo-rotate,-3deg)) scale(var(--q1-hero-logo-scale,1));
  opacity:var(--q1-hero-logo-opacity,1);
  filter:drop-shadow(0 18px 24px rgba(69,47,9,.25));
}
body.q1-v16-83 .q161-orbit{z-index:6!important;}
body.q1-v16-83 .q158-arrow{z-index:20!important;}
body.q1-v16-83 .q158-next{display:none!important;}
body.q1-v16-83 .q158-prev{left:18px!important;right:auto!important;}
body.q1-v16-83 .q158-copy{
  padding:54px 54px 46px 26px!important;
  align-items:center!important;
  text-align:center!important;
}
body.q1-v16-83 .q158-copy h1{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 14px!important;
  color:#072d4f!important;
  font-family:var(--q1-hero-title-font,Tajawal,Arial,sans-serif)!important;
  font-size:clamp(42px,var(--q1-hero-title-size,58px),74px)!important;
  font-weight:var(--q1-hero-title-weight,900)!important;
  line-height:var(--q1-hero-title-line-height,1.02)!important;
  letter-spacing:-.8px!important;
  overflow-wrap:anywhere!important;
}
body.q1-v16-83 .q158-copy h1 span{display:block!important;white-space:normal!important;}
body.q1-v16-83 .q158-copy p{font-size:clamp(18px,var(--q1-hero-tagline-size,24px),32px)!important;}
body.q1-v16-83 .q158-copy>b{font-size:clamp(18px,var(--q1-hero-english-size,24px),32px)!important;}
body.q1-v16-83 .product-card .card-actions,
body.q1-v16-83 .product-card .product-body,
body.q1-v16-83 .product-card .product-media{position:relative!important;}
body.q1-v16-83 .product-card .card-actions{z-index:25!important;}
body.q1-v16-83 .product-card button,
body.q1-v16-83 .product-card [data-q1-action],
body.q1-v16-83 .cart-item button{pointer-events:auto!important;cursor:pointer!important;}
body.q1-v16-83 .product-card::before,
body.q1-v16-83 .product-card::after{pointer-events:none!important;}
@media(max-width:1180px){
  body.q1-v16-83 .q158-copy{padding:24px 22px 32px!important;}
  body.q1-v16-83 .q158-copy h1{font-size:clamp(38px,var(--q1-hero-title-size,54px),66px)!important;}
}
@media(max-width:760px){
  body.q1-v16-83 .q1-logo-matte,
  body.q1-v16-83 .q1-logo-disc-overlay{width:30%;}
  body.q1-v16-83 .q158-copy h1{font-size:clamp(30px,var(--q1-hero-title-size,48px),48px)!important;}
  body.q1-v16-83 .q158-prev{left:12px!important;}
}
