.gb-pob-model-hero .gb-hero__inner{ padding: 58px 0 58px; min-height: 340px; }
@media (max-width: 980px){ .gb-pob-model-hero .gb-hero__inner{ min-height:auto; } }

.gb-pob-model-hero__actions{ margin-top: 18px; display:flex; gap:12px; flex-wrap:wrap; }

.gb-pob-model__grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap:18px; align-items:start; }
@media (max-width: 980px){ .gb-pob-model__grid{ grid-template-columns: 1fr; } }

.gb-pob-model__main{ border:1px solid rgba(219,227,238,1); border-radius: 14px; background:#fff; overflow:hidden; }
.gb-pob-model__main-img{ width:100%; height:auto; display:block; }

.gb-pob-model__thumbs{ margin-top: 12px; display:grid; grid-template-columns: repeat(4, 1fr); gap:10px; }
@media (max-width: 520px){ .gb-pob-model__thumbs{ grid-template-columns: repeat(2, 1fr); } }
.gb-pob-model__thumb{ border:1px solid rgba(219,227,238,1); border-radius: 12px; background:#fff; padding:8px; display:flex; gap:8px; align-items:center; cursor:pointer; }
.gb-pob-model__thumb img{ width:46px; height:46px; object-fit:cover; border-radius:10px; }
.gb-pob-model__thumb span{ font-size:12px; color:var(--blue-900); font-weight:700; }

.gb-pob-model__chips{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom: 12px; }

.gb-pob-model__block{ border:1px solid rgba(219,227,238,1); border-radius: 14px; background:#fff; padding: 14px; margin-bottom: 12px; }
.gb-pob-model__block-title{ font-weight: 900; color: var(--blue-900); margin-bottom: 8px; }
.gb-pob-model__desc{ color: var(--muted); line-height:1.55; }
.gb-pob-model__desc p{ margin: 0 0 10px; }

.gb-pob-model__colors{ display:flex; flex-direction:column; gap:8px; }
.gb-pob-model__color{ display:flex; gap:10px; align-items:center; border:1px solid rgba(219,227,238,1); background:#fff; border-radius: 12px; padding:10px 12px; cursor:pointer; text-align:left; }
.gb-pob-model__color .sw{ width:18px; height:18px; border-radius:5px; border:1px solid rgba(8,26,44,.18); }
.gb-pob-model__color .tx{ font-size:13px; color:var(--blue-900); }
.gb-pob-model__color.is-active{ border-color: rgba(247,147,30,.55); box-shadow: 0 10px 18px rgba(240,124,26,.12); }

.gb-plan-zoom{ width:100%; display:block; padding:0; border:0; background:transparent; cursor:zoom-in; }
.gb-pob-model__plan img{ width:100%; height:auto; border:1px solid rgba(219,227,238,1); border-radius: 14px; display:block; }
.gb-pob-model__plan-empty{ color: var(--muted); font-size: 13px; padding: 12px 0; }

.gb-plan-modal{ position:fixed; inset:0; z-index:9999; }
.gb-plan-modal__overlay{ position:absolute; inset:0; background: rgba(8,26,44,.62); }
.gb-plan-modal__dialog{ position:relative; margin: 4vh auto; width: min(960px, 92vw); max-height:92vh; background:#fff; border-radius:14px; border:1px solid rgba(219,227,238,1); box-shadow:0 18px 46px rgba(8,26,44,.22); padding:18px 18px 16px; overflow:hidden; }
.gb-plan-modal__close{ position:absolute; right:12px; top:10px; width:40px; height:40px; border-radius:10px; border:1px solid rgba(219,227,238,1); background: rgba(238,242,247,1); color: rgba(11,36,64,1); font-size:26px; line-height:38px; font-weight:900; cursor:pointer; }
.gb-plan-modal__content{ padding-top: 28px; overflow:auto; max-height: calc(92vh - 60px); }
.gb-plan-modal__content img, .gb-plan-modal__content svg{ width:100%; height:auto; max-height:78vh; }

html.gb-modal-open, body.gb-modal-open{ overflow:hidden !important; }