body{background:#f3f7fc;color:#173255}
.object-details-page{max-width:1180px;margin:0 auto;padding:18px 20px 44px}
.object-details-page .back-button{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;padding:8px 13px;border-radius:10px;background:#eef3f8;color:#536a89;font-size:13px;font-weight:700;border:1px solid #dce6f1;box-shadow:none}
.object-details-page .back-button:hover{background:#e6eef7;color:#234d7f}
.object-details-page .back-button i{margin:0}

.object-details-page .object-header{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1.38fr);gap:22px;align-items:stretch!important;margin:0 0 16px;background:#fff;border:1px solid #e2eaf3;border-radius:22px;padding:14px;box-shadow:0 18px 42px -36px rgba(23,62,117,.38)}
.object-details-page .object-image-container{width:100%;height:310px;border:0;border-radius:16px;overflow:hidden;background:#edf3f8;position:relative}
.object-details-page .object-image{border-radius:16px}
.object-details-page .object-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b9bad;background:linear-gradient(145deg,#f6f9fc,#eaf1f7)}
.object-details-page .object-image-placeholder i{font-size:52px;margin:0 0 10px}
.object-details-page .object-media-count{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;background:rgba(20,34,55,.78);color:#fff;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700;backdrop-filter:blur(6px)}
.object-details-page .object-info{gap:10px!important;padding:2px 2px 0;min-width:0}
.object-details-page .object-status{margin:0!important;padding:6px 11px;border-radius:999px;font-size:12px;line-height:1;font-weight:800;box-shadow:none}
.object-details-page .status-in-progress{background:#f0b52d;color:#fff}
.object-details-page .status-completed{background:#2ead63;color:#fff}
.object-details-page .object-title{margin:0;color:#183a68;font-size:26px;line-height:1.15;font-weight:850}
.object-details-page .object-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 2px}
.object-details-page .object-tags span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:10px;background:#f4f8fd;color:#47698e;font-size:12px;font-weight:700}
.object-details-page .object-tags i{color:#5c97de}
.object-details-page .object-info>p{margin:0;color:#50647f;font-size:13px;line-height:1.45}
.object-details-page .object-info>p strong{color:#274463}
.object-details-page .object-stroyid{margin:0}
.object-details-page .object-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;margin-top:auto}
.object-details-page .object-quick-stat{min-width:0;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;background:#f6f9fd;border:1px solid #ecf1f7}
.object-details-page .object-quick-stat>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eaf3ff;color:#4f91df;font-size:16px;flex:none}
.object-details-page .object-quick-stat div{min-width:0}
.object-details-page .object-quick-stat strong{display:block;color:#243f63;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.object-details-page .object-quick-stat span{display:block;color:#8696aa;font-size:10px;margin-top:2px}

.object-details-page .progress-header-big{margin:0 0 18px;padding:15px 16px 12px;border:1px solid #e1e9f2;border-radius:18px;background:#fff;box-shadow:0 16px 40px -36px rgba(28,67,122,.38)}
.object-details-page .progress-header-big>div:first-child{gap:16px!important}
.object-details-page .progress-header-big>div:first-child>div:first-child div:first-child{font-size:30px!important;color:#4ea827!important}
.object-details-page .progress-title{font-size:14px;color:#284565;font-weight:800}
.object-details-page .progress-title2{font-size:12px;color:#73849a;font-weight:700}
.object-details-page .progress-container{height:16px;margin:7px 0 0;border-radius:999px;background:#e9eef4}
.object-details-page .progress-bar{background:linear-gradient(90deg,#83cc27,#54af2f);border-radius:999px}
.object-details-page .progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;font-size:10px;font-weight:800;line-height:16px}
.object-details-page .progress-text--track{color:#66798d}
.object-details-page .progress-text--fill{color:#fff;clip-path:inset(0 calc(100% - var(--pb-fill,0%)) 0 0)}
.object-details-page .section-progress-toggle{margin-top:9px;font-size:11px;color:#4489da;font-weight:700}
.object-details-page .sections-progress{padding-top:10px;margin-top:8px}
.object-details-page .stage-stepper{margin-top:13px;padding-top:10px;border-top:1px solid #edf1f5}
.object-details-page .stage-stepper__circle{width:28px;height:28px}
.object-details-page .stage-stepper__label{font-size:9px;line-height:1.2;max-width:88px}
.object-details-page .stage-stepper__line{height:2px}

.object-details-page .object-meta{display:none}
.object-details-page .object-description{margin:0 0 18px;padding:16px 18px;background:#fff;border:1px solid #e2eaf3;border-radius:18px}
.object-details-page .object-description h2{margin:0 0 8px;color:#244267;font-size:18px}
.object-details-page .object-description p{margin:0;font-size:13px;line-height:1.55;color:#617188}

.object-details-page .gallery-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.object-details-page .gallery-section-head{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:16px;margin:2px 0 2px}
.object-details-page .gallery-section-head h2,.object-details-page .gallery-section>h2{margin:0;color:#1c3b63;font-size:20px;font-weight:850}
.object-details-page .gallery-section-head p{margin:3px 0 0;color:#8a98aa;font-size:12px}
.object-details-page .gallery-section-filter{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #dfe7f0;border-radius:10px;background:#fff;color:#4a6381;font-size:12px;font-weight:700}
.object-details-page .stage-group{margin:0;padding:11px;background:#fff;border:1px solid #e3ebf3;border-radius:15px;min-width:0;box-shadow:0 14px 30px -28px rgba(35,72,122,.3)}
.object-details-page .stage-group-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 9px;color:#2b4667;font-size:12px;font-weight:800;line-height:1.25}
.object-details-page .stage-group-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.object-details-page .stage-group-title i{font-size:9px;color:#6d83a0;flex:none}
.object-details-page .gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.object-details-page .gallery-item{height:76px;border-radius:9px;border:0;background:#edf2f7;overflow:hidden}
.object-details-page .gallery-item img{border-radius:0;transition:transform .2s ease}
.object-details-page .gallery-item:hover img{transform:scale(1.035)}
.object-details-page .video-stub .video-icon{font-size:25px}
.object-details-page .video-stub .play-btn{width:34px;height:34px;font-size:13px}
.object-details-page .gallery-placeholder{grid-column:1/-1;background:#fff;border:1px dashed #d6e0ea;border-radius:16px;padding:28px}

.object-details-page+#mediaModal{}
.media-modal__box{border-radius:16px!important}
.lb-close,.lb-nav{z-index:2}

@media(max-width:980px){
  .object-details-page .object-header{grid-template-columns:1fr}
  .object-details-page .object-image-container{height:320px}
  .object-details-page .gallery-section{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .object-details-page{padding:12px 12px 30px}
  .object-details-page .object-header{padding:10px;border-radius:16px;gap:12px}
  .object-details-page .object-image-container{height:230px}
  .object-details-page .object-title{font-size:20px}
  .object-details-page .object-quick-stats{grid-template-columns:1fr}
  .object-details-page .progress-header-big{padding:12px}
  .object-details-page .progress-header-big>div:first-child{align-items:flex-start!important}
  .object-details-page .stage-stepper{overflow-x:auto;justify-content:flex-start;padding-bottom:6px}
  .object-details-page .gallery-section{grid-template-columns:1fr}
  .object-details-page .gallery-section-head{align-items:flex-start;flex-direction:column}
  .object-details-page .stage-group{padding:10px}
  .object-details-page .gallery-item{height:88px}
}

.object-details-page .stage-stepper__ring{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);}
.object-details-page .object-image-placeholder--photo{padding:0;overflow:hidden;background:none;}
.object-details-page .object-image-placeholder--photo .object-image{width:100%;height:100%;object-fit:cover;display:block;}
