/* Qatra Gaza 3.4.15 — clean masthead rebuild + compact hero.
   Replaces the accumulated 3.4.8–3.4.14 header overrides to avoid cascade conflicts. */

/* Header: language above, luminous masthead below. */
.qgl .qgl-header{position:relative!important;z-index:50!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;color:var(--navy)!important;box-shadow:none!important}
.qgl .qgl-language-strip{position:relative!important;z-index:90!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important}
.qgl .qgl-language-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:58px!important;padding:7px 0!important}
.qgl[dir="rtl"] .qgl-language-row{justify-content:flex-end!important}
.qgl .qgl-language-dropdown{position:relative!important;z-index:95!important;width:136px!important;margin:0!important}
.qgl .qgl-language-dropdown>summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:43px!important;padding:6px 10px!important;border:1px solid #dbe4eb!important;border-radius:16px!important;background:rgba(255,255,255,.98)!important;color:#20366f!important;box-shadow:0 8px 24px rgba(24,61,96,.10)!important;cursor:pointer!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important}
.qgl .qgl-language-dropdown>summary::-webkit-details-marker{display:none!important}.qgl .qgl-language-dropdown>summary::marker{content:""!important}
.qgl .qgl-language-globe{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:50%!important;background:#e3f8fc!important;color:#1e7391!important;box-shadow:0 0 0 5px rgba(75,187,217,.08)!important}
.qgl .qgl-language-globe svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.qgl .qgl-language-chevron{font-size:15px!important;line-height:1!important;transition:transform .2s ease!important}.qgl .qgl-language-dropdown[open] .qgl-language-chevron{transform:rotate(180deg)!important}
.qgl .qgl-language-menu{position:absolute!important;z-index:100!important;top:calc(100% + 7px)!important;inset-inline-end:0!important;width:154px!important;padding:6px!important;border:1px solid rgba(32,54,111,.12)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 18px 44px rgba(25,67,103,.20)!important}
.qgl .qgl-language-menu a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:39px!important;padding:7px 10px!important;border-radius:10px!important;color:#40536e!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}.qgl .qgl-language-menu a:hover{background:#eef9fc!important}.qgl .qgl-language-menu a.is-active{background:linear-gradient(135deg,#25447d,#238ba6)!important;color:#fff!important}.qgl .qgl-language-menu i{font-style:normal!important}

.qgl .qgl-brand-band{position:relative!important;isolation:isolate!important;overflow:hidden!important;margin:0!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 18% 40%,rgba(46,214,241,.34),transparent 31%),radial-gradient(circle at 84% 35%,rgba(255,255,255,.16),transparent 22%),linear-gradient(115deg,#061a45 0%,#0b3e73 43%,#087f9d 72%,#075d83 100%)!important;background-size:160% 160%,170% 170%,240% 240%!important;animation:qgl3415-bg 6s ease-in-out infinite!important;box-shadow:0 12px 30px rgba(8,39,76,.16)!important}
.qgl .qgl-brand-band:before{content:""!important;position:absolute!important;z-index:0!important;top:-95%!important;left:-38%!important;width:28%!important;height:300%!important;border-radius:50%!important;background:linear-gradient(90deg,transparent,rgba(106,232,255,.10) 25%,rgba(255,255,255,.80) 50%,rgba(89,223,248,.14) 75%,transparent)!important;filter:blur(7px)!important;transform:rotate(16deg)!important;mix-blend-mode:screen!important;animation:qgl3415-sweep 3.2s ease-in-out infinite!important;pointer-events:none!important}
.qgl .qgl-brand-band:after{content:""!important;position:absolute!important;z-index:0!important;left:-16%!important;bottom:-115px!important;width:340px!important;height:230px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(99,239,255,.58),rgba(31,192,226,.22) 38%,transparent 70%)!important;filter:blur(5px)!important;animation:qgl3415-orb 5.3s ease-in-out infinite alternate!important;pointer-events:none!important}
.qgl .qgl-brand-head{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:166px!important;padding:15px 34px 18px!important;text-align:center!important}
.qgl .qgl-brand-head:after{display:none!important;content:none!important}
.qgl .qgl-brand-head .qgl-logo{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important}
.qgl .qgl-logo-tile{display:grid!important;place-items:center!important;width:68px!important;height:68px!important;padding:5px!important;border:1px solid rgba(255,255,255,.80)!important;border-radius:19px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 12px 30px rgba(0,0,0,.20),0 0 20px rgba(94,231,252,.30)!important;animation:qgl3415-logo 1.9s ease-in-out infinite alternate!important;overflow:hidden!important}
.qgl .qgl-brand-head .qgl-logo img{display:block!important;width:56px!important;height:58px!important;max-width:100%!important;object-fit:contain!important;opacity:1!important;visibility:visible!important}
.qgl .qgl-brand-message{position:relative!important;display:block!important;width:100%!important;max-width:1120px!important;min-width:0!important;margin:0!important;padding:0 8px 11px!important;text-align:center!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-family:"Cairo","Segoe UI",Arial,sans-serif!important;font-size:clamp(29px,3.65vw,48px)!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-.025em!important;color:#fff!important;-webkit-text-fill-color:transparent!important;background:linear-gradient(92deg,#fff 0%,#fff 18%,#5ee7ff 31%,#fff 44%,#fff 60%,#7cf0ff 73%,#fff 86%,#fff 100%)!important;background-size:340% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 3px 4px rgba(0,10,38,.62)) drop-shadow(0 0 12px rgba(100,234,255,.48))!important;animation:qgl3415-title 2.35s linear infinite,qgl3415-pulse 1.5s ease-in-out infinite alternate!important}
.qgl[dir="rtl"] .qgl-brand-message{letter-spacing:0!important}
.qgl .qgl-brand-message:after{content:""!important;position:absolute!important;left:10%!important;right:10%!important;bottom:0!important;height:3px!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,#35d4ef 20%,#fff 50%,#5cecff 80%,transparent)!important;background-size:300% 100%!important;box-shadow:0 0 10px rgba(95,235,255,.95),0 0 24px rgba(95,235,255,.55)!important;animation:qgl3415-line 1.9s linear infinite!important}
@keyframes qgl3415-bg{0%{background-position:0% 20%,100% 60%,0% 50%}50%{background-position:60% 45%,35% 35%,100% 50%}100%{background-position:100% 75%,0% 20%,0% 50%}}
@keyframes qgl3415-sweep{0%,8%{left:-38%;opacity:.10}45%{opacity:1}75%,100%{left:115%;opacity:.05}}
@keyframes qgl3415-orb{0%{left:-16%;transform:scale(.82)}100%{left:74%;transform:scale(1.25)}}
@keyframes qgl3415-title{0%{background-position:130% 50%}100%{background-position:-130% 50%}}
@keyframes qgl3415-pulse{0%{filter:drop-shadow(0 3px 4px rgba(0,10,38,.62)) drop-shadow(0 0 7px rgba(100,234,255,.32))}100%{filter:drop-shadow(0 4px 5px rgba(0,10,38,.68)) drop-shadow(0 0 25px rgba(100,234,255,.90))}}
@keyframes qgl3415-line{0%{background-position:130% 0}100%{background-position:-130% 0}}
@keyframes qgl3415-logo{0%{box-shadow:0 12px 30px rgba(0,0,0,.20),0 0 10px rgba(94,231,252,.22)}100%{box-shadow:0 14px 32px rgba(0,0,0,.24),0 0 28px rgba(94,231,252,.72)}}

/* Compact hero: image, controls and copy stay together with no dead white area. */
.qgl .qgl-hero{position:relative!important;height:650px!important;min-height:650px!important;overflow:hidden!important;background:#fff!important}
.qgl .qgl-slides,.qgl .qgl-slide{inset:0!important}.qgl .qgl-slide{background:none!important;filter:none!important}
.qgl .qgl-slide-photo{position:absolute!important;display:block!important;opacity:1!important;visibility:visible!important;z-index:1!important;inset:0 0 auto!important;width:100%!important;height:470px!important;object-fit:cover!important;object-position:center!important;background:#dcecf2!important;-webkit-touch-callout:none!important;user-select:none!important}
.qgl .qgl-hero-alert{position:absolute!important;z-index:8!important;top:24px!important;inset-inline-start:max(24px,calc((100% - 1120px)/2))!important;inset-inline-end:auto!important;width:max-content!important;max-width:calc(100% - 48px)!important;padding:9px 16px!important;border:1px solid rgba(255,255,255,.36)!important;border-radius:999px!important;background:rgba(7,14,40,.58)!important;backdrop-filter:blur(8px)!important}
.qgl .qgl-slider-ui{position:absolute!important;z-index:9!important;inset:470px 0 auto!important;height:42px!important;background:#fff!important;border-bottom:1px solid #e8eef2!important;pointer-events:none!important}
.qgl .qgl-slider-ui>.qgl-container{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;height:42px!important;width:min(1180px,calc(100% - 40px))!important}.qgl .qgl-slider-arrow{pointer-events:auto!important;width:32px!important;height:32px!important;border:1px solid #d6e2e8!important;border-radius:50%!important;background:#f6fafc!important;color:var(--navy)!important;font-size:22px!important}.qgl .qgl-slider-dots{pointer-events:auto!important;display:flex!important;gap:8px!important;padding:5px 9px!important;border-radius:999px!important;background:#eef5f8!important}.qgl .qgl-slider-dots button{background:#aab5c5!important}.qgl .qgl-slider-dots button.is-active{background:var(--sky)!important}
.qgl .qgl-slide-content{position:absolute!important;z-index:7!important;inset:512px 0 0!important;width:100%!important;height:138px!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;align-items:center!important;gap:28px!important;padding:8px max(24px,calc((100% - 1120px)/2))!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;color:var(--ink)!important;overflow:hidden!important}
.qgl .qgl-copy-glass,.qgl[dir="rtl"] .qgl-copy-glass,.qgl[dir="ltr"] .qgl-copy-glass{position:relative!important;width:100%!important;min-height:0!important;padding:0 110px 0 0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.qgl[dir="rtl"] .qgl-copy-glass{padding:0 0 0 110px!important}
.qgl .qgl-copy-glass .qgl-slide-count{position:absolute!important;top:0!important;inset-inline-end:0!important;margin:0!important;color:#8a94a8!important;font-size:11px!important}.qgl .qgl-title-price{display:block!important}.qgl .qgl-copy-glass h1{margin:0 0 3px!important;color:var(--navy)!important;font-size:clamp(27px,3vw,39px)!important;line-height:1.08!important;text-shadow:none!important}.qgl .qgl-copy-glass p{margin:0!important;color:var(--muted)!important;font-size:15px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.qgl .qgl-copy-glass .qgl-slide-meta{position:absolute!important;top:36px!important;inset-inline-end:0!important;margin:0!important}.qgl .qgl-copy-glass .qgl-slide-meta strong{color:#2296b7!important;text-shadow:none!important}.qgl .qgl-hero-actions{margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.qgl .qgl-hero-actions .qgl-button{min-height:48px!important;padding:9px 13px!important}.qgl .qgl-hero-actions .qgl-button-ghost{border-color:#cadde5!important;background:#f5f9fb!important;color:var(--navy)!important}

@media(max-width:760px){
 .qgl .qgl-language-row{min-height:50px!important;padding:5px 0!important}.qgl .qgl-language-dropdown{width:116px!important}.qgl .qgl-language-dropdown>summary{min-height:38px!important;padding:4px 7px!important;gap:6px!important;border-radius:13px!important;font-size:11px!important}.qgl .qgl-language-globe{width:23px!important;height:23px!important;flex-basis:23px!important}.qgl .qgl-language-globe svg{width:15px!important;height:15px!important}
 .qgl .qgl-brand-head{min-height:128px!important;gap:5px!important;padding:9px 10px 12px!important}.qgl .qgl-logo-tile{width:50px!important;height:50px!important;border-radius:14px!important;padding:4px!important}.qgl .qgl-brand-head .qgl-logo img{width:41px!important;height:42px!important}.qgl .qgl-brand-message{width:100%!important;max-width:none!important;padding:0 2px 9px!important;font-size:26px!important;line-height:1!important;white-space:nowrap!important}.qgl .qgl-brand-message:after{left:7%!important;right:7%!important;height:2px!important}
 .qgl .qgl-hero{height:492px!important;min-height:492px!important}.qgl .qgl-slide-photo{height:292px!important}.qgl .qgl-hero-alert{top:14px!important;inset-inline-start:14px!important;max-width:calc(100% - 28px)!important;padding:7px 12px!important}.qgl .qgl-hero-alert .qgl-kicker{font-size:12px!important;white-space:nowrap!important}.qgl .qgl-slider-ui{inset:292px 0 auto!important;height:40px!important}.qgl .qgl-slider-ui>.qgl-container{height:40px!important}.qgl .qgl-slider-arrow{width:30px!important;height:30px!important;font-size:20px!important}
 .qgl .qgl-slide-content{inset:332px 0 0!important;height:160px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:7px 12px 8px!important}.qgl .qgl-copy-glass,.qgl[dir="rtl"] .qgl-copy-glass,.qgl[dir="ltr"] .qgl-copy-glass{padding:0!important}.qgl .qgl-copy-glass .qgl-slide-count{position:static!important;order:1!important;margin:0 0 2px!important;font-size:10px!important;line-height:1!important}.qgl .qgl-title-price{order:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;min-height:30px!important}.qgl .qgl-copy-glass h1{margin:0!important;font-size:22px!important;line-height:1.12!important;min-width:0!important}.qgl .qgl-copy-glass .qgl-slide-meta{position:static!important;inset:auto!important;margin:0!important;flex:0 0 auto!important}.qgl .qgl-copy-glass .qgl-slide-meta strong{font-size:22px!important}.qgl .qgl-copy-glass p{order:3!important;margin:3px 0 0!important;font-size:12px!important;line-height:1.35!important;-webkit-line-clamp:2!important}.qgl .qgl-hero-actions{order:4!important;margin-top:7px!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}.qgl .qgl-hero-actions .qgl-button{min-height:39px!important;padding:6px!important;font-size:12px!important}
}
@media(max-width:390px){.qgl .qgl-brand-message{font-size:23px!important}.qgl .qgl-hero{height:480px!important;min-height:480px!important}.qgl .qgl-slide-photo{height:282px!important}.qgl .qgl-slider-ui{inset:282px 0 auto!important}.qgl .qgl-slide-content{inset:322px 0 0!important;height:158px!important}.qgl .qgl-copy-glass h1{font-size:20px!important}.qgl .qgl-copy-glass p{font-size:11.5px!important}}

/* Keep masthead motion visible even when a device asks for reduced motion; this is a decorative campaign header requested by the site owner. */
@media(prefers-reduced-motion:reduce){.qgl .qgl-brand-band{animation:qgl3415-bg 6s ease-in-out infinite!important}.qgl .qgl-brand-band:before{animation:qgl3415-sweep 3.2s ease-in-out infinite!important}.qgl .qgl-brand-band:after{animation:qgl3415-orb 5.3s ease-in-out infinite alternate!important}.qgl .qgl-brand-message{animation:qgl3415-title 2.35s linear infinite,qgl3415-pulse 1.5s ease-in-out infinite alternate!important}.qgl .qgl-brand-message:after{animation:qgl3415-line 1.9s linear infinite!important}.qgl .qgl-logo-tile{animation:qgl3415-logo 1.9s ease-in-out infinite alternate!important}}

/* 3.4.16 — language-safe masthead sizing + robust clickable controls. */
.qgl .qgl-brand-head{overflow:visible!important}
.qgl .qgl-brand-message{box-sizing:border-box!important;max-width:calc(100% - 24px)!important;margin-inline:auto!important;overflow:visible!important}
.qgl[lang="en"] .qgl-brand-message,.qgl[lang="tr"] .qgl-brand-message{font-size:42px!important;letter-spacing:-.035em!important}
.qgl[lang="ar"] .qgl-brand-message{font-size:48px!important}
.qgl .qgl-project-tools,.qgl .qgl-project-actions,.qgl .qgl-details-button,.qgl [data-qgl-qty-action]{position:relative!important;z-index:12!important;pointer-events:auto!important;touch-action:manipulation!important}
.qgl .qgl-quantity button,.qgl .qgl-details-button{cursor:pointer!important;-webkit-tap-highlight-color:rgba(75,187,217,.16)!important}
.qgl .qgl-impact-stat{pointer-events:auto!important;touch-action:manipulation!important}
@media(max-width:760px){
 .qgl[lang="en"] .qgl-brand-message,.qgl[lang="tr"] .qgl-brand-message{font-size:21px!important;letter-spacing:-.03em!important}
 .qgl[lang="ar"] .qgl-brand-message{font-size:26px!important}
 .qgl .qgl-brand-message{max-width:calc(100% - 12px)!important}
}
@media(max-width:390px){.qgl[lang="en"] .qgl-brand-message,.qgl[lang="tr"] .qgl-brand-message{font-size:18px!important}.qgl[lang="ar"] .qgl-brand-message{font-size:23px!important}}