/* QARAR Enterprise v20.1.2 — visual identity rebalance */
:root{
  --qhome-red:#c71e30;
  --qhome-red-dark:#9f1222;
  --qhome-ink:#202631;
  --qhome-soft:#f5f6f7;
  --qhome-line:#e2e4e8;
}

/* Compact integrated hero */
.qhome-hero{
  padding:22px 0 26px;
  background:#fff;
}
.qhome-hero__frame{
  position:relative;
  height:520px;
  overflow:hidden;
  border-radius:20px;
  background:#111923;
  box-shadow:0 14px 38px rgba(20,27,38,.10);
}
.qhome-hero__slides,.qhome-hero__slide{position:absolute;inset:0}
.qhome-hero__slide{opacity:0;visibility:hidden;transition:opacity .7s ease}
.qhome-hero__slide.is-active{opacity:1;visibility:visible;z-index:2}
.qhome-hero__image{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.01);transition:transform 7s ease
}
.qhome-hero__slide.is-active .qhome-hero__image{transform:scale(1.055)}
.qhome-hero__overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(10,16,24,.08) 0%,rgba(10,16,24,.22) 40%,rgba(10,16,24,.88) 100%),
    linear-gradient(0deg,rgba(10,16,24,.32),transparent 45%);
}
.qhome-hero__content{
  position:absolute;z-index:3;right:7%;top:50%;transform:translateY(-50%);
  width:min(610px,52%);color:#fff
}
.qhome-hero__label{
  display:inline-block;padding:8px 14px;background:var(--qhome-red);
  color:#fff;font-size:14px;font-weight:900;border-radius:4px
}
.qhome-hero__content h1{
  margin:18px 0 14px;color:#fff;font-family:Alexandria,Tajawal,sans-serif;
  font-size:clamp(38px,4vw,58px);line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}
.qhome-hero__content p{
  max-width:570px;margin:0 0 24px;color:rgba(255,255,255,.9);
  font-size:18px;line-height:1.8;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.qhome-hero__button{
  display:inline-flex;align-items:center;gap:14px;padding:12px 21px;
  border-radius:999px;background:#fff;color:var(--qhome-ink);font-weight:900;
  transition:.25s
}
.qhome-hero__button:hover{background:var(--qhome-red);color:#fff;transform:translateX(-4px)}
.qhome-hero__brand{
  position:absolute;z-index:4;left:25px;bottom:23px;color:#fff;direction:ltr;text-align:left
}
.qhome-hero__brand span{display:block;font-size:13px;letter-spacing:4px;font-weight:900}
.qhome-hero__brand small{font-size:7px;letter-spacing:1.8px;opacity:.7}
.qhome-hero__arrow{
  position:absolute;z-index:5;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border:1px solid rgba(255,255,255,.7);border-radius:50%;
  background:rgba(10,16,24,.28);color:#fff;font-size:29px;cursor:pointer;transition:.2s
}
.qhome-hero__arrow:hover{background:var(--qhome-red);border-color:var(--qhome-red)}
.qhome-hero__arrow--prev{left:22px}.qhome-hero__arrow--next{right:22px}
.qhome-hero__controls{
  position:absolute;z-index:5;bottom:22px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:12px;color:#fff;direction:ltr
}
.qhome-hero__controls strong{color:var(--qhome-red);font-size:16px}
.qhome-hero__controls small{font-size:12px;opacity:.7}
.qhome-hero__dots{display:flex;gap:7px}
.qhome-hero__dots button{
  width:22px;height:3px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.35)
}
.qhome-hero__dots button.is-active{width:38px;background:#fff}

/* Restore section rhythm and the center identity */
.qarar-events-calendar,
.qarar-feature-section,
.qarar-shortcuts-section{
  position:relative;
  padding-top:22px!important;
  padding-bottom:22px!important;
}
.qarar-events-calendar:before,
.qarar-feature-section:before,
.qarar-shortcuts-section:before{
  content:"";
  position:absolute;
  top:0;
  right:50%;
  width:72px;
  height:3px;
  transform:translateX(50%);
  border-radius:99px;
  background:var(--qhome-red);
}
.qarar-events-calendar>.container,
.qarar-feature-section>.container,
.qarar-shortcuts-section>.container{
  padding-top:0;
}
.qarar-events-calendar>.container{
  border:1px solid var(--qhome-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(22,29,40,.055)!important;
  overflow:hidden;
}
.qarar-calendar-head{
  padding:20px 24px!important;
  background:linear-gradient(180deg,#fff,#fafafa);
  border-bottom:1px solid var(--qhome-line)!important;
}
.qarar-calendar-head h2{color:var(--qhome-ink)}
.qarar-calendar-grid{background:#fff}
.qarar-event-item{
  min-height:170px!important;
  border-left:1px solid var(--qhome-line)!important;
  box-shadow:none!important;
}
.qarar-event-item:hover{background:#fafbfc!important;transform:none!important}

.qarar-feature-grid{gap:20px!important}
.qarar-feature-card{
  border:1px solid var(--qhome-line)!important;
  border-radius:18px!important;
  box-shadow:0 9px 26px rgba(20,27,38,.055)!important;
}
.qarar-feature-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 15px 34px rgba(20,27,38,.09)!important
}
.qarar-shortcuts-grid{
  border:1px solid var(--qhome-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 26px rgba(20,27,38,.05);
  overflow:hidden;
  gap:0!important;
}
.qarar-shortcut{
  border-radius:0!important;
  border:0!important;
  border-left:1px solid var(--qhome-line)!important;
  box-shadow:none!important;
  background:#fff!important;
}
.qarar-shortcut:last-child{border-left:0!important}
.qarar-shortcut:hover{background:#fafafa!important;transform:none!important}

@media(max-width:900px){
  .qhome-hero__frame{height:500px}
  .qhome-hero__content{right:7%;width:64%}
  .qhome-hero__content h1{font-size:42px}
}
@media(max-width:760px){
  .qhome-hero{padding-top:14px}
  .qhome-hero__frame{height:500px;border-radius:16px}
  .qhome-hero__overlay{background:linear-gradient(0deg,rgba(10,16,24,.94),rgba(10,16,24,.15) 72%)}
  .qhome-hero__content{right:7%;left:7%;width:auto;top:auto;bottom:74px;transform:none}
  .qhome-hero__content h1{font-size:33px;-webkit-line-clamp:2}
  .qhome-hero__content p{font-size:15px}
  .qhome-hero__brand{display:none}
  .qhome-hero__arrow{top:22px;transform:none;width:40px;height:40px}
  .qhome-hero__arrow--prev{left:18px}.qhome-hero__arrow--next{right:auto;left:66px}
}
@media(max-width:520px){
  .qhome-hero__frame{height:450px}
  .qhome-hero__content h1{font-size:29px}
  .qhome-hero__content p{font-size:14px;max-height:52px}
  .qhome-hero__button{padding:10px 17px;font-size:14px}
}