.proje-full-banner{--ph-ink: #1f2933;--ph-muted: #6b7280;--ph-placeholder: #8a8f98;--ph-cream: #fcf8f5;--ph-line: #ebe4de;--ph-accent: #f0a882;--ph-accent-soft: rgba(240, 168, 130, .35);--ph-picked: #fffaf6;--ph-green: #37534d;--ph-cta: #14181a;position:relative;z-index:5;isolation:isolate;display:flex;align-items:center;width:100%;min-height:70vh;background:#1a2b44}.proje-full-banner__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;display:block;width:100%;height:100%;margin:0;object-fit:cover}div.proje-full-banner__shade{display:block}.proje-full-banner__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0a101861}.proje-detay-container{position:relative;width:100%;max-width:1240px;margin:0 auto;padding:96px 40px;box-sizing:border-box}.proje-full-banner__heading{max-width:820px;margin:0 auto 40px;text-align:center;color:#fff}.proje-full-banner__heading h2,.proje-full-banner__heading p{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}.proje-full-banner__heading h2{margin:0 0 12px;font-size:3.4rem;line-height:1.05}.proje-full-banner__heading p{margin:0;font-size:1.6rem;line-height:1.5}.proje-full-banner__interactive{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px}.ph-panel{position:relative;z-index:2;width:100%;max-width:720px;margin:0;padding:16px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-radius:30px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px #060c1447;transition:max-width .24s ease-out}.ph-panel .ph-combo{grid-column:span 2}.ph-panel.is-expanded{max-width:1160px;grid-template-columns:repeat(5,minmax(0,1fr))}.ph-panel.is-expanded .ph-cta{grid-column:-2 / -1}.ph-combo{position:relative;min-width:0;height:64px;padding:0 24px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:999px;background:#fff;cursor:pointer;outline:none;white-space:nowrap}.ph-combo:focus-visible,.ph-combo.is-open{box-shadow:0 0 0 3px var(--ph-accent-soft)}.ph-combo__text{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left}.ph-combo__label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ph-muted)}.ph-combo__value{font-size:16px;color:var(--ph-placeholder);overflow:hidden;text-overflow:ellipsis}.ph-combo.is-selected .ph-combo__value{font-weight:600;color:var(--ph-ink)}.ph-combo__chevron{flex:0 0 auto;width:9px;height:9px;margin-bottom:3px;border-right:2px solid var(--ph-green);border-bottom:2px solid var(--ph-green);transform:rotate(45deg);transition:transform .2s ease-in-out}.ph-combo.is-open .ph-combo__chevron{transform:rotate(-135deg);margin-bottom:-3px}.ph-combo__popover{position:absolute;top:calc(100% + 8px);left:0;z-index:130;width:100%;min-width:260px;padding:8px;box-sizing:border-box;border-radius:16px;background:#fff;box-shadow:0 14px 34px #080e1647;cursor:default}.ph-combo__popover[hidden]{display:none!important}.ph-combo__search,.ph-field__search{width:100%;height:44px;margin-bottom:6px;padding:0 14px;box-sizing:border-box;border:1px solid var(--ph-accent);border-radius:12px;background:#fff;font:inherit;font-size:15px;color:var(--ph-ink);outline:none}.ph-combo__search:focus,.ph-field__search:focus{box-shadow:0 0 0 3px var(--ph-accent-soft)}.ph-combo__list,.ph-field__list{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto;overscroll-behavior:contain}.ph-combo__option{padding:12px 14px;border-radius:10px;font-size:15px;color:var(--ph-ink);white-space:normal;cursor:pointer}.ph-combo__option:hover,.ph-combo__option.is-active{background:#f5f2ec}.ph-combo__option[aria-selected=true]{font-weight:600}.ph-combo__empty,.ph-option-empty{padding:12px 14px;font-size:14px;color:var(--ph-muted)}.ph-field{position:relative;min-width:0;animation:ph-field-in .24s ease-out}.ph-field__trigger{width:100%;height:64px;margin:0;padding:0 18px 0 20px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--ph-line);border-radius:999px;background:var(--ph-cream);box-shadow:0 6px 11px #2736561a;font:inherit;color:var(--ph-ink);text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.ph-field__trigger:focus-visible,.ph-field.is-open .ph-field__trigger{outline:none;box-shadow:0 0 0 3px var(--ph-accent-soft)}.ph-field.is-selected .ph-field__trigger{border-color:var(--ph-accent);background:var(--ph-picked)}.ph-field__text{display:flex;flex-direction:column;gap:3px;min-width:0}.ph-field__label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ph-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-field__value{font-size:15px;font-weight:500;color:var(--ph-placeholder);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-field.is-selected .ph-field__value{color:var(--ph-ink)}.ph-field__chevron{flex:0 0 auto;color:#4b5563;transition:transform .2s ease}.ph-field.is-open .ph-field__chevron{transform:rotate(180deg)}.ph-field__popover{position:absolute;top:calc(100% + 8px);left:0;z-index:130;width:max-content;min-width:100%;max-width:320px;padding:8px;box-sizing:border-box;border-radius:16px;background:#fff;box-shadow:0 14px 34px #080e1647}.ph-field__option,.ph-sheet__option{width:100%;margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:10px;background:transparent;font:inherit;color:var(--ph-ink);text-align:left;cursor:pointer}.ph-field__option{padding:11px 14px;font-size:15px}.ph-field__option:hover,.ph-field__option:focus-visible,.ph-sheet__option:hover,.ph-sheet__option:focus-visible{outline:none;background:#f5f2ec}.ph-field__option[aria-selected=true],.ph-sheet__option[aria-selected=true]{font-weight:600;background:#fbede4}.ph-field__option svg,.ph-sheet__option svg{flex:0 0 auto;color:var(--ph-green)}.ph-progress{grid-column:1 / -1;order:1;display:flex;align-items:center;gap:12px;padding:0 8px}.ph-progress[hidden]{display:none!important}.ph-progress__track{flex:1;height:4px;border-radius:999px;background:#ffffff4d;overflow:hidden}.ph-progress__bar{display:block;width:0;height:100%;border-radius:999px;background:#fff;transition:width .25s ease}.ph-progress__text{font-size:13px;color:#eef2f6;white-space:nowrap}.ph-cta{height:64px;margin:0;padding:0 24px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:var(--ph-cta);color:#fff;font:inherit;font-size:16px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s ease,opacity .2s ease}.ph-cta:hover:not(:disabled){background:#f08375}.ph-cta:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ph-accent-soft)}.ph-cta:disabled{opacity:.55;cursor:default}.ph-cta__icon{flex:0 0 auto}.proje-full-banner__message{max-width:480px;margin:0 auto;padding:12px 16px;border-radius:12px;background:#1515159e;color:#fff;font-size:14px;text-align:center}.proje-full-banner__message[hidden]{display:none!important}.proje-full-banner__message a{color:#fff;text-decoration:underline}.ph-quickpicks{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.ph-quickpicks[hidden]{display:none!important}.ph-quickpicks__label{margin-right:2px;font-size:12px;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.55)}.ph-chip{min-height:36px;padding:6px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#0f141c80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:inherit;font-size:13px;color:#fff;white-space:nowrap;cursor:pointer;transition:background .2s ease,border-color .2s ease}.ph-chip:hover{background:#0f141cb8;border-color:#ffffff80}@keyframes ph-field-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ph-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.ph-sheet[hidden]{display:none!important}.ph-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c121a8c;opacity:0;transition:opacity .22s ease}.ph-sheet__panel{position:absolute;left:0;right:0;bottom:0;max-height:78vh;padding:10px 18px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;display:flex;flex-direction:column;gap:12px;border-radius:24px 24px 0 0;background:var(--ph-cream);box-shadow:0 -10px 30px #060c1438;color:var(--ph-ink);transform:translateY(100%);transition:transform .26s ease-out}.ph-sheet.is-visible .ph-sheet__backdrop{opacity:1}.ph-sheet.is-visible .ph-sheet__panel{transform:translateY(0)}.ph-sheet__grip{align-self:center;width:40px;height:4px;border-radius:999px;background:#d6cec7}.ph-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ph-sheet__titles{display:flex;flex-direction:column;gap:2px;min-width:0}.ph-sheet__title{margin:0;font-size:20px;font-weight:600;line-height:1.2;color:var(--ph-ink)}.ph-sheet__subtitle{font-size:13px;color:#4b5563}.ph-sheet__close{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#efe8e2;color:var(--ph-ink);cursor:pointer}.ph-sheet__search{height:48px;padding:0 14px;box-sizing:border-box;display:flex;align-items:center;gap:10px;border:1px solid var(--ph-accent);border-radius:14px;background:#fff;color:var(--ph-muted)}.ph-sheet__search[hidden]{display:none!important}.ph-sheet__search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:16px;color:var(--ph-ink)}.ph-sheet__list{list-style:none;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:4px}.ph-sheet__option{min-height:48px;padding:0 14px;border-radius:12px;font-size:16px}html.ph-sheet-open{overflow:hidden}@media(max-width:1199px){.proje-detay-container{padding:88px 32px}.proje-full-banner__heading h2{font-size:3rem}.ph-panel.is-expanded{max-width:760px;grid-template-columns:repeat(3,minmax(0,1fr))}.ph-panel.is-expanded .ph-combo,.ph-panel.is-expanded .ph-cta{grid-column:1 / -1}}@media(max-width:767px){.proje-full-banner{display:block;min-height:0;background:#f6f1ec}.proje-full-banner__background,.proje-full-banner__shade{bottom:auto;height:300px}.proje-detay-container{padding:64px 14px 28px}.proje-full-banner__heading{margin:0 8px 26px;text-align:left}.proje-full-banner__heading h2{margin-bottom:8px;font-size:2.6rem}.proje-full-banner__heading p{font-size:1.4rem;line-height:1.45}.ph-panel,.ph-panel.is-expanded{max-width:none;padding:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;border-radius:24px;background:var(--ph-cream);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 34px #0f172a29}.ph-panel .ph-combo,.ph-panel.is-expanded .ph-combo,.ph-panel .ph-cta,.ph-panel.is-expanded .ph-cta{grid-column:1 / -1}.ph-combo{height:62px;padding:0 16px;border:1px solid var(--ph-line);border-radius:16px}.ph-combo__popover{min-width:0}.ph-combo__search{font-size:16px}.ph-field__trigger{height:56px;padding:0 12px 0 14px;gap:6px;border-radius:16px;background:#fff;box-shadow:none}.ph-field.is-selected .ph-field__trigger{background:#fff7f2}.ph-field__label{font-size:10px;letter-spacing:.1em}.ph-field__value{font-size:14px}.ph-progress{order:0;padding:2px 4px}.ph-progress__track{background:var(--ph-line)}.ph-progress__bar{background:var(--ph-green)}.ph-progress__text{font-size:12px;color:#4b5563}.ph-cta{order:1;height:54px;border-radius:16px}.ph-quickpicks__label{color:#4b5563;text-shadow:none}.ph-chip{border-color:transparent;background:var(--ph-green)}}.ph-contact{--ph-ink: #1f2933;--ph-muted: #6b7280;--ph-placeholder: #8a8f98;--ph-cream: #fcf8f5;--ph-line: #ebe4de;--ph-accent: #f0a882;--ph-accent-soft: rgba(240, 168, 130, .35);--ph-green: #37534d;--ph-cta: #14181a;--ph-error: #b42318;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;font-family:var(--font-body-family, inherit);color:var(--ph-ink)}.ph-contact[hidden]{display:none!important}.ph-contact__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c121a8c;opacity:0;transition:opacity .22s ease}.ph-contact__panel{position:absolute;left:0;right:0;bottom:0;max-height:92vh;overflow-y:auto;margin:0;padding:10px 18px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;display:flex;flex-direction:column;gap:14px;border-radius:24px 24px 0 0;background:var(--ph-cream);box-shadow:0 -10px 30px #060c1438;transform:translateY(100%);transition:transform .26s ease-out}.ph-contact.is-visible .ph-contact__backdrop{opacity:1}.ph-contact.is-visible .ph-contact__panel{transform:translateY(0)}.ph-contact__grip{align-self:center;width:40px;height:4px;border-radius:999px;background:#d6cec7}.ph-contact__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ph-contact__titles{display:flex;flex-direction:column;gap:4px;min-width:0}.ph-contact__title{margin:0;font-size:20px;font-weight:600;line-height:1.2;color:var(--ph-ink)}.ph-contact__subtitle{margin:0;font-size:14px;line-height:1.4;color:#4b5563}.ph-contact__close{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#efe8e2;color:var(--ph-ink);cursor:pointer}.ph-contact__close:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ph-accent-soft)}.ph-contact__field{display:flex;flex-direction:column;gap:6px;margin:0}.ph-contact__label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ph-muted)}.ph-contact__field input,.ph-contact__phone{height:54px;box-sizing:border-box;border:1px solid var(--ph-line);border-radius:16px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.ph-contact__field>input{width:100%;padding:0 16px}.ph-contact__field input{margin:0;font:inherit;font-size:16px;color:var(--ph-ink);outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}.ph-contact__field input::placeholder{color:var(--ph-placeholder)}.ph-contact__field>input:focus,.ph-contact__phone:focus-within{border-color:var(--ph-accent);box-shadow:0 0 0 3px var(--ph-accent-soft)}.ph-contact__phone{display:flex;align-items:center;overflow:hidden}.ph-contact__prefix{flex:0 0 auto;height:100%;padding:0 12px 0 16px;display:flex;align-items:center;border-right:1px solid var(--ph-line);font-size:16px;font-weight:600;color:var(--ph-green)}.ph-contact__phone input{flex:1;min-width:0;height:100%;padding:0 14px;border:0;border-radius:0;background:transparent;letter-spacing:.02em}.ph-contact__error{margin:0;padding:10px 14px;border-radius:12px;background:#fdecea;font-size:14px;line-height:1.4;color:var(--ph-error)}.ph-contact__error[hidden]{display:none!important}.ph-contact .ph-contact__submit{width:100%;height:54px;margin-top:2px;padding:0 24px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:16px;background:var(--ph-cta);color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease,opacity .2s ease}.ph-contact .ph-contact__submit:hover:not(:disabled){background:#f08375}.ph-contact .ph-contact__submit:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ph-accent-soft)}.ph-contact .ph-contact__submit:disabled{opacity:.7;cursor:progress}.ph-contact__note{margin:0;display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;color:var(--ph-muted)}.ph-contact__note svg{flex:0 0 auto;margin-top:2px;color:#25d366}.ph-contact__note a{color:var(--ph-green);text-decoration:underline;text-underline-offset:2px}@media(min-width:768px){.ph-contact__panel{top:50%;left:50%;right:auto;bottom:auto;width:min(440px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:24px 24px 22px;gap:16px;border-radius:24px;box-shadow:0 24px 60px #060c144d;opacity:0;transform:translate(-50%,calc(-50% + 12px));transition:transform .22s ease-out,opacity .22s ease-out}.ph-contact.is-visible .ph-contact__panel{opacity:1;transform:translate(-50%,-50%)}.ph-contact__grip{display:none}.ph-contact__title{font-size:22px}}@media(prefers-reduced-motion:reduce){.ph-contact__panel,.ph-contact__backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/projects-header.css.map */
