/* Refined project hero: compact, legible and consistent across screen sizes. */
.project-hero{min-height:590px!important;padding:0!important;background-position:center!important;overflow:hidden!important}
.project-hero{border-top:1px solid rgba(212,175,55,.38)!important;box-shadow:inset 0 90px 100px -90px rgba(2,10,22,.95)!important}

/* Desktop project summary: overview and promotion presented side by side. */
@media(min-width:992px){
 .project-summary-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.75fr);align-items:stretch;gap:24px;padding:42px max(24px,calc((100vw - 1500px)/2));background:#f7f3ec}
 .project-summary-layout>.project-overview,.project-summary-layout>.promotion-package{min-width:0;padding:0!important;background:transparent!important}
 .project-summary-layout>.project-overview>.container,.project-summary-layout>.promotion-package>.container{width:100%;height:100%;padding:0!important}
 .project-summary-layout .overview-card{height:100%;padding:28px 30px!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(11,24,45,.08)!important}
 .project-summary-layout .overview-header{margin-bottom:26px!important;text-align:left!important}
 .project-summary-layout .overview-header h2{font-family:"Manrope",sans-serif!important;font-size:32px!important;letter-spacing:-.5px!important}
 .project-summary-layout .overview-divider{justify-content:flex-start!important;margin:13px 0!important}
 .project-summary-layout .overview-header p{font-size:13px!important}
 .project-summary-layout .overview-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:24px!important}
 .project-summary-layout .overview-left{padding-right:24px!important}
 .project-summary-layout .overview-right{padding-left:0!important}
 .project-summary-layout .overview-left h3,.project-summary-layout .overview-right h3{font-size:19px!important}
 .project-summary-layout .overview-title-line{width:38px!important;height:2px!important;margin:10px 0 14px!important}
 .project-summary-layout .overview-row{grid-template-columns:125px 14px minmax(0,1fr)!important;min-height:38px!important}
 .project-summary-layout .overview-row strong,.project-summary-layout .overview-row p{font-size:14px!important;line-height:1.3!important}
 .project-summary-layout .overview-row span{font-size:15px!important}
 .project-summary-layout .overview-highlights li{min-height:38px!important;font-size:14px!important;line-height:1.35!important}
 .project-summary-layout .promotion-package .section-title{margin-bottom:14px!important;text-align:left!important}
 .project-summary-layout .promotion-package .section-title h2{font-family:"Manrope",sans-serif!important;font-size:29px!important;line-height:1.1!important}
 .project-summary-layout .promo-card{display:flex!important;flex-direction:column;height:calc(100% - 46px);border-radius:18px!important;overflow:hidden!important;box-shadow:0 12px 34px rgba(11,24,45,.11)!important}
 .project-summary-layout .promo-left{padding:27px 28px 24px!important}
 .project-summary-layout .promo-left h3{margin-bottom:5px!important;font-size:12px!important}
 .project-summary-layout .promo-left h4{margin-bottom:17px!important;font-size:23px!important}
 .project-summary-layout .promo-left h2{font-size:34px!important}
 .project-summary-layout .saving-badge{margin-top:12px!important;padding:7px 12px!important;font-size:10px!important}
 .project-summary-layout .promo-right{flex:1;padding:22px 28px!important}
 .project-summary-layout .promo-right:before{display:none!important}
 .project-summary-layout .promo-right ul{margin:0!important;padding:0!important}
 .project-summary-layout .promo-right li{padding:9px 0 9px 25px!important;font-size:14px!important;line-height:1.35!important}
}
.project-hero:before{background:linear-gradient(90deg,rgba(3,13,27,.94) 0%,rgba(3,13,27,.82) 38%,rgba(3,13,27,.36) 72%,rgba(3,13,27,.14) 100%)!important}
.project-overlay{position:relative!important;min-height:590px!important;height:auto!important;background:transparent!important}
.project-overlay:before{background:linear-gradient(180deg,rgba(3,13,27,.12),rgba(3,13,27,.32))!important}
.project-overlay .hero-container{min-height:590px!important;padding-top:44px!important;padding-bottom:44px!important}
.project-overlay .hero-content{top:0!important;max-width:610px!important;padding:34px 36px!important;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(4,18,37,.82),rgba(4,18,37,.62));box-shadow:0 24px 70px rgba(0,0,0,.30);backdrop-filter:blur(8px)}
.project-tag{padding:0 0 10px!important;margin:0 0 16px!important;border-radius:0!important;border-bottom:1px solid rgba(226,177,45,.55);background:transparent!important;color:#e4b637!important;font-size:11px!important;letter-spacing:2px!important}
.project-overlay h1{margin:0 0 14px!important;font-family:"Manrope",sans-serif!important;font-size:clamp(36px,4vw,54px)!important;line-height:1.04!important;letter-spacing:-1.5px!important;filter:none!important;text-shadow:0 3px 22px rgba(0,0,0,.35)!important}
.project-overlay p{margin-bottom:18px!important;color:rgba(255,255,255,.84)!important;font-size:14px!important;line-height:1.65!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.project-overlay .gold-divider{display:none!important}
.project-overlay .hero-price{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;margin:20px 0!important}
.project-overlay .hero-price-left,.project-overlay .hero-price-right{min-width:0;padding:16px 18px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px;background:rgba(255,255,255,.07)}
.project-overlay .hero-price span{margin-bottom:6px!important;font-size:10px!important;letter-spacing:1.4px!important}
.project-overlay .hero-price-left h4,.project-overlay .hero-price-right h2{font-family:"Manrope",sans-serif!important;font-size:clamp(24px,2.7vw,34px)!important;line-height:1.1!important;text-shadow:none!important;white-space:nowrap}
.project-overlay .hero-price-right small{margin-top:6px!important;font-size:12px!important;color:rgba(255,255,255,.75)!important;text-shadow:none!important}
.project-overlay .hero-buttons{gap:10px!important;margin-top:16px!important}
.project-overlay .hero-buttons .primary-btn,.project-overlay .hero-buttons .secondary-btn{width:auto!important;min-width:0!important;height:46px!important;padding:0 20px!important;border-radius:8px!important;font-size:13px!important}
.project-overlay .hero-buttons .secondary-btn{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important}
.project-overlay .hero-buttons .secondary-btn:hover{background:#fff!important;color:#07172d!important}
@media(max-width:768px){.project-hero,.project-overlay{min-height:560px!important}.project-hero{background-position:center!important}.project-hero:before{background:linear-gradient(180deg,rgba(3,13,27,.28) 0%,rgba(3,13,27,.91) 76%,rgba(3,13,27,.98) 100%)!important}.project-overlay .hero-container{min-height:560px!important;align-items:flex-end!important;padding:84px 15px 20px!important}.project-overlay .hero-content{padding:22px!important;border-radius:14px!important;background:rgba(4,18,37,.78);backdrop-filter:blur(6px)}.project-overlay h1{font-size:clamp(29px,8vw,38px)!important;letter-spacing:-.8px!important}.project-overlay p{display:none!important}.project-overlay .hero-price{margin:16px 0!important}.project-overlay .hero-price-left,.project-overlay .hero-price-right{padding:13px!important}.project-overlay .hero-price-left h4,.project-overlay .hero-price-right h2{font-size:clamp(20px,5.8vw,27px)!important}.project-overlay .hero-buttons{display:grid!important;grid-template-columns:1fr 1fr}.project-overlay .hero-buttons .primary-btn,.project-overlay .hero-buttons .secondary-btn{width:100%!important;padding:0 10px!important;font-size:12px!important}}
@media(max-width:420px){.project-hero,.project-overlay{min-height:525px!important}.project-overlay .hero-container{min-height:525px!important;padding:76px 10px 12px!important}.project-overlay .hero-content{padding:18px!important}.project-overlay .hero-price{gap:8px!important}.project-overlay .hero-price-left,.project-overlay .hero-price-right{padding:11px!important}.project-overlay .hero-price span{font-size:9px!important}.project-overlay .hero-buttons{grid-template-columns:1fr!important}.project-overlay .hero-buttons .primary-btn,.project-overlay .hero-buttons .secondary-btn{height:42px!important}}

/* Mobile density: keep project pages concise without changing desktop. */
@media(max-width:768px){
 .project-hero,.project-overlay{min-height:485px!important}
 .project-overlay .hero-container{min-height:485px!important;padding:70px 12px 12px!important}
 .project-overlay .hero-content{padding:17px 18px!important}
 .project-overlay h1{margin-bottom:10px!important;font-size:clamp(27px,7.4vw,34px)!important;line-height:1.08!important}
 .project-overlay .hero-price{margin:12px 0!important}
 .project-overlay .hero-price-left,.project-overlay .hero-price-right{padding:11px 12px!important}
 .project-overlay .hero-buttons{margin-top:10px!important}
 .project-overlay .hero-buttons .primary-btn,.project-overlay .hero-buttons .secondary-btn{height:42px!important}
 .project-overview{padding:18px 0 26px!important}
 .project-overview .container{padding-left:12px!important;padding-right:12px!important}
 .overview-card{padding:22px 18px!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(0,0,0,.07)!important}
 .overview-header{margin-bottom:24px!important}
 .overview-header h2{font-size:27px!important;line-height:1.1!important}
 .overview-divider{margin:13px 0!important;gap:9px!important}
 .overview-divider span{width:30px!important;height:2px!important}
 .overview-divider i{width:7px!important;height:7px!important}
 .overview-header p{font-size:13px!important;line-height:1.45!important}
 .overview-grid{gap:28px!important}
 .overview-left h3,.overview-right h3{font-size:19px!important}
 .overview-title-line{width:38px!important;height:2px!important;margin:10px 0 14px!important}
 .overview-table{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 16px!important}
 .overview-row{display:block!important;min-width:0!important;padding:10px 0!important;border-bottom:1px solid #ececec!important}
 .overview-row strong{display:block!important;margin-bottom:3px!important;font-size:12px!important;line-height:1.3!important;color:#6b7280!important}
 .overview-row p{font-size:14px!important;line-height:1.35!important;overflow-wrap:anywhere}
 .overview-highlights{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 16px!important}
 .overview-highlights li{min-height:0!important;padding:10px 0!important;font-size:13px!important;line-height:1.35!important;align-items:flex-start!important}
}
@media(max-width:380px){
 .project-hero,.project-overlay{min-height:455px!important}
 .project-overlay .hero-container{min-height:455px!important;padding:66px 8px 8px!important}
 .project-overlay .hero-content{padding:15px!important}
 .project-overlay h1{font-size:25px!important}
 .project-overlay .hero-price-left h4,.project-overlay .hero-price-right h2{font-size:19px!important}
 .project-overlay .hero-buttons{grid-template-columns:1fr 1fr!important}
 .project-overlay .hero-buttons .primary-btn,.project-overlay .hero-buttons .secondary-btn{font-size:11px!important;height:40px!important}
 .overview-card{padding:20px 15px!important}
}

@media(max-width:768px){
 .project-hero{min-height:0!important;height:auto!important;padding:0!important}
 .project-overlay{position:relative!important;min-height:0!important;height:auto!important}
 .project-overlay .hero-container{min-height:0!important;padding:30px 12px!important;display:block!important}
 .project-overlay .hero-content{width:min(100%,520px)!important;margin:0 auto!important}
 .appointment-fields select,.form-grid select{display:block;width:100%;min-height:44px;margin-top:6px;padding:10px 12px;border:1px solid #d1d5db;border-radius:7px;background:#fff;color:#111827}
 .promotion-package{padding:30px 0!important}
 .promotion-package .container{padding-left:12px!important;padding-right:12px!important}
 .promotion-package .section-title{margin-bottom:18px!important}
 .promotion-package .section-title h2{font-size:32px!important;line-height:1.05!important}
 .promo-card{border-radius:14px!important;overflow:hidden!important}
 .promo-left,.promo-right{padding:24px 22px!important}
 .promo-left h3{margin-bottom:5px!important;font-size:11px!important}
 .promo-left h4{margin-bottom:18px!important;font-size:25px!important}
 .promo-left h2{font-size:34px!important}
 .saving-badge{margin-top:12px!important;padding:7px 12px!important;font-size:11px!important}
 .promo-right ul{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 14px!important;margin:0!important}
 .promo-right li{padding:9px 0 9px 25px!important;font-size:12px!important;line-height:1.35!important}
 .project-gallery{padding:32px 0!important}
 .project-gallery .container{padding-left:12px!important;padding-right:12px!important}
 .project-gallery .section-title{margin-bottom:22px!important;padding-bottom:14px!important}
 .project-gallery .section-title h2{font-size:32px!important;line-height:1.1!important}
 .project-gallery .section-title p{max-width:420px!important;margin:10px auto 0!important;font-size:13px!important;line-height:1.45!important}
 .gallery-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
 .gallery-grid img{height:150px!important;border-radius:10px!important}
}
@media(max-width:380px){
 .project-hero{padding:0!important}
 .project-overlay .hero-container{padding:22px 8px!important}
 .promo-right ul{grid-template-columns:1fr!important}
 .gallery-grid img{height:130px!important}
}