.qpp-page{--qpp-black:#111;--qpp-soft:#f7f6f3;--qpp-line:rgba(17,17,17,.11);background:#fff;color:#111;overflow:hidden}.qpp-page *{box-sizing:border-box}.qpp-index-hero,.qpp-detail-hero{background:#f5f4f0;border-bottom:1px solid var(--qpp-line)}.qpp-index-hero .qasr-container{padding-top:170px!important;padding-bottom:92px!important;text-align:center}.qpp-index-hero span,.qpp-detail-hero>div>span,.qpp-index-head>span,.qpp-section-title small{display:block;font-size:11px;letter-spacing:.22em;font-weight:800;color:#777}.qpp-index-hero h1{font-size:clamp(46px,6vw,86px);line-height:1;margin:12px 0 20px}.qpp-index-hero p{max-width:760px;margin:auto;color:#666;font-size:17px;line-height:1.9}.qpp-index{padding-top:84px!important;padding-bottom:110px!important}.qpp-index-head{text-align:center;margin-bottom:46px}.qpp-index-head h2{font-size:clamp(32px,4.2vw,56px);margin:10px 0 14px}.qpp-index-head p{max-width:720px;margin:auto;color:#707070;line-height:1.9}.qpp-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.qpp-type-card{display:block;color:#111;text-decoration:none;border:1px solid var(--qpp-line);border-radius:22px;overflow:hidden;background:#fff;transition:transform .32s ease,box-shadow .32s ease}.qpp-type-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.09)}.qpp-type-card__media{height:230px;position:relative;background:linear-gradient(135deg,#eceae6,#dcd8d1);overflow:hidden}.qpp-type-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}.qpp-type-card:hover .qpp-type-card__media img{transform:scale(1.035)}.qpp-type-card__media>span{position:absolute;left:18px;bottom:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);font-size:12px}.qpp-type-card__body{padding:22px}.qpp-type-card__body small{color:#777;font-size:11px}.qpp-type-card__body h2{font-size:29px;margin:7px 0 8px}.qpp-type-card__body p{color:#707070;line-height:1.75;margin:0 0 16px;min-height:50px}.qpp-type-card__body b{display:flex;align-items:center;justify-content:space-between;font-size:13px;border-top:1px solid var(--qpp-line);padding-top:15px}.qpp-detail-hero .qasr-container{padding-top:150px!important;padding-bottom:72px!important}.qpp-back{display:inline-flex;color:#111;text-decoration:none;font-size:13px;margin-bottom:46px}.qpp-detail-hero h1{font-size:clamp(44px,5vw,76px);line-height:1;margin:10px 0 17px}.qpp-detail-hero p{max-width:820px;color:#666;font-size:17px;line-height:1.9;margin:0}.qpp-detail-section{padding-top:90px!important;padding-bottom:96px!important}.qpp-detail-section--soft{background:var(--qpp-soft)}.qpp-section-title{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:38px}.qpp-section-title>span{width:52px;height:52px;border-radius:50%;border:1px solid #111;display:grid;place-items:center;font-size:12px}.qpp-section-title h2{font-size:clamp(29px,3vw,44px);margin:6px 0 8px}.qpp-section-title p{margin:0;color:#707070;line-height:1.8}.qpp-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.qpp-video-card{border:1px solid var(--qpp-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.05)}.qpp-video-card__media{aspect-ratio:16/9;background:#111;overflow:hidden}.qpp-video-card iframe,.qpp-video-card video{display:block;width:100%;height:100%;border:0;object-fit:cover}.qpp-video-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px}.qpp-video-card__foot>span{font-size:12px;color:#777}.qpp-video-card__foot button{border:0;background:transparent;color:#111;font:inherit;font-size:12px;font-weight:800;cursor:pointer;padding:5px}.qpp-video-card__foot button b{font-size:13px}.qpp-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.qpp-image-card{position:relative;border:0;padding:0;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:#e8e5df;cursor:pointer}.qpp-image-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.qpp-image-card:hover img{transform:scale(1.035)}.qpp-image-card>span{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);padding:8px 11px;border-radius:999px;font-size:11px;opacity:0;transform:translateY(6px);transition:.25s}.qpp-image-card:hover>span{opacity:1;transform:none}.qpp-contact-card{max-width:980px;margin:auto;border:1px solid var(--qpp-line);border-radius:24px;background:#fff;padding:30px;box-shadow:0 18px 55px rgba(0,0,0,.055)}.qpp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qpp-form-grid label{display:grid;gap:7px;font-size:12px;font-weight:800}.qpp-form-grid .qpp-full{grid-column:1/-1}.qpp-form-grid input,.qpp-form-grid textarea{width:100%;border:1px solid rgba(17,17,17,.14);border-radius:12px;background:#faf9f7;padding:13px 14px;font:inherit;outline:0}.qpp-form-grid input:focus,.qpp-form-grid textarea:focus{border-color:#111;background:#fff}.qpp-submit{margin-top:17px;width:100%;min-height:52px;border-radius:999px;border:1px solid #111;background:#111;color:#fff;font:inherit;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.25s}.qpp-submit:hover{background:#fff;color:#111}.qpp-submit:disabled{opacity:.5;cursor:wait}.qpp-form-message{min-height:22px;margin:10px 0 0;font-size:13px}.qpp-form-message.is-success{color:#14783d}.qpp-form-message.is-error{color:#b3261e}.qpp-empty-state{border:1px dashed rgba(17,17,17,.18);border-radius:18px;min-height:160px;display:grid;place-items:center;text-align:center;color:#777;padding:30px}.qpp-lightbox,.qpp-video-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center}.qpp-lightbox[hidden],.qpp-video-modal[hidden]{display:none}.qpp-lightbox__backdrop,.qpp-video-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9);border:0}.qpp-lightbox img{position:relative;z-index:1;max-width:min(94vw,1600px);max-height:90vh;object-fit:contain}.qpp-lightbox__close{position:absolute;z-index:2;top:22px;right:22px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);color:#fff;font-size:28px;cursor:pointer}.qpp-video-modal__panel{position:relative;z-index:1;width:min(94vw,1500px);background:#0b0b0b;border-radius:18px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.45)}.qpp-video-modal__top{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.13)}.qpp-video-modal__top>span{font-size:13px}.qpp-video-modal__top>div{display:flex;gap:8px}.qpp-video-modal__top button{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:999px;padding:8px 13px;cursor:pointer}.qpp-video-modal__stage{aspect-ratio:16/9;background:#000}.qpp-video-modal__stage iframe,.qpp-video-modal__stage video{width:100%;height:100%;border:0;display:block;object-fit:contain}.qpp-video-modal:fullscreen .qpp-video-modal__panel{width:100vw;height:100vh;border-radius:0;display:flex;flex-direction:column}.qpp-video-modal:fullscreen .qpp-video-modal__stage{flex:1;aspect-ratio:auto}.qpp-video-modal:fullscreen .qpp-video-modal__panel{max-width:none}.qpp-video-modal:fullscreen{background:#000}.qpp-video-modal__panel:fullscreen{width:100vw;height:100vh;border-radius:0}.qpp-video-modal__panel:fullscreen .qpp-video-modal__stage{height:calc(100vh - 58px);aspect-ratio:auto}
@media(max-width:980px){.qpp-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qpp-video-grid,.qpp-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.qpp-index-hero .qasr-container{padding:122px 20px 58px!important}.qpp-index-hero h1{font-size:48px}.qpp-index-hero p{font-size:14px}.qpp-index{padding:58px 18px 84px!important}.qpp-index-head{margin-bottom:30px}.qpp-index-head h2{font-size:34px}.qpp-type-grid{grid-template-columns:1fr;gap:12px}.qpp-type-card{border-radius:17px}.qpp-type-card__media{height:190px}.qpp-type-card__body{padding:18px}.qpp-type-card__body h2{font-size:26px}.qpp-detail-hero .qasr-container{padding:116px 20px 52px!important}.qpp-back{margin-bottom:30px}.qpp-detail-hero h1{font-size:43px}.qpp-detail-hero p{font-size:14px}.qpp-detail-section{padding:62px 18px!important}.qpp-detail-section--soft{padding-left:0!important;padding-right:0!important}.qpp-detail-section--soft>.qasr-container{padding-left:18px!important;padding-right:18px!important}.qpp-section-title{grid-template-columns:48px 1fr;gap:12px;margin-bottom:28px}.qpp-section-title>span{width:42px;height:42px}.qpp-section-title h2{font-size:29px}.qpp-section-title p{font-size:13px}.qpp-video-grid,.qpp-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.qpp-video-card,.qpp-image-card{border-radius:13px}.qpp-video-card__foot{padding:9px}.qpp-video-card__foot>span{display:none}.qpp-video-card__foot button{font-size:10.5px;width:100%;display:flex;justify-content:center;gap:5px}.qpp-image-card>span{opacity:1;transform:none;font-size:9.5px;padding:6px 8px;right:7px;bottom:7px}.qpp-contact-card{padding:20px;border-radius:18px}.qpp-form-grid{grid-template-columns:1fr}.qpp-form-grid .qpp-full{grid-column:auto}.qpp-video-modal__panel{width:96vw;border-radius:13px}.qpp-video-modal__top{height:52px;padding:0 10px}.qpp-video-modal__top button{padding:7px 10px;font-size:11px}.qpp-lightbox{padding:12px}.qpp-lightbox__close{top:14px;right:14px}}

/* v5.16 — request form + direct WhatsApp project manager card */
.qpp-contact-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:stretch}.qpp-contact-grid .qpp-contact-card{max-width:none;margin:0;height:100%}.qpp-contact-card--whatsapp{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;background:#101010;color:#fff;border-color:#101010;padding:34px}.qpp-contact-card--whatsapp::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,255,255,.1);left:-95px;top:-110px;box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.018)}.qpp-wa-icon{position:relative;z-index:1;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25D366;margin-bottom:22px;box-shadow:0 12px 28px rgba(37,211,102,.22)}.qpp-wa-icon svg{width:28px;height:28px;fill:#fff}.qpp-wa-kicker{position:relative;z-index:1;font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.62);font-weight:800}.qpp-contact-card--whatsapp h3{position:relative;z-index:1;margin:8px 0 12px;font-family:'GE Hili','Cairo',sans-serif;font-weight:400;font-size:34px;line-height:1.2}.qpp-contact-card--whatsapp p{position:relative;z-index:1;margin:0 0 22px;color:rgba(255,255,255,.7);font-size:13px;line-height:1.9}.qpp-wa-button{position:relative;z-index:1;width:100%;min-height:49px;border-radius:999px;background:#fff;color:#111;text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px;font-weight:800;transition:.25s ease}.qpp-wa-button:hover{transform:translateY(-2px);background:#25D366;color:#fff}.qpp-contact-card--whatsapp small{position:relative;z-index:1;margin-top:12px;color:rgba(255,255,255,.48);font-size:10px;line-height:1.65}
@media(max-width:900px){.qpp-contact-grid{grid-template-columns:1fr}.qpp-contact-card--whatsapp{min-height:310px}}

/* v5.17 — project index cards: two elegant cards per row on phones */
@media(max-width:767px){
  .qpp-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .qpp-type-card{border-radius:15px!important;min-width:0!important;box-shadow:0 8px 22px rgba(0,0,0,.045)!important}
  .qpp-type-card__media{height:132px!important}
  .qpp-type-card__media>span{left:8px!important;bottom:8px!important;width:29px!important;height:29px!important;font-size:8px!important;background:rgba(255,255,255,.88)!important}
  .qpp-type-card__body{padding:12px 10px 11px!important}
  .qpp-type-card__body small{font-size:8px!important}
  .qpp-type-card__body h2{font-size:18px!important;line-height:1.25!important;margin:4px 0 5px!important;min-height:45px!important;display:flex!important;align-items:flex-start!important}
  .qpp-type-card__body p{font-size:9.5px!important;line-height:1.55!important;min-height:0!important;margin:0 0 9px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .qpp-type-card__body b{font-size:8.5px!important;padding-top:8px!important;gap:5px!important}
  .qpp-type-card__body b span{font-size:10px!important}
}
@media(max-width:380px){
  .qpp-type-grid{gap:7px!important}
  .qpp-type-card__media{height:118px!important}
  .qpp-type-card__body{padding:10px 8px!important}
  .qpp-type-card__body h2{font-size:16.5px!important;min-height:42px!important}
}


/* v5.19 — guaranteed project thumbnails + two-card mobile index */
.qpp-type-card__media.has-image{background:#ddd8cf!important}
.qpp-type-card__media.has-image img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;display:block!important;opacity:1!important;visibility:visible!important;z-index:0!important
}
.qpp-type-card__media>span{z-index:2!important}
@media(max-width:767px){
  .qpp-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .qpp-type-card__media{height:138px!important}
}

.qpp-type-card__media.has-image{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}