@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color:#213638;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-synthesis:none;line-height:1.4;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:linear-gradient(140deg,#f7fbf9,#f2f7f3 34%,#eef5fa);margin:0;min-width:320px}h1,h2,h3,h4,h5,h6{font-family:Manrope,Trebuchet MS,sans-serif}button,input{font:inherit}#root{min-height:100vh}.app{min-height:100vh;padding:clamp(1rem,2vw,2rem);position:relative}.app:before,.app:after{border-radius:999px;content:"";filter:blur(2px);position:absolute;z-index:0}.app:before{background:radial-gradient(circle at center,#b4e5d66b,#b4e5d600);height:32rem;left:-10rem;top:-14rem;width:32rem}.app:after{background:radial-gradient(circle at center,#ffd1a859,#ffd1a800);bottom:-12rem;height:30rem;right:-8rem;width:30rem}.app-shell{margin:0 auto;max-width:1220px;position:relative;z-index:1}.hero{margin-bottom:1.25rem}.hero-kicker{background:#ffffffb3;border:1px solid rgb(98 146 130 / 22%);border-radius:999px;color:#2f665c;display:inline-flex;font-size:.79rem;font-weight:700;letter-spacing:.05em;margin:0;padding:.4rem .78rem;text-transform:uppercase}.hero h1{color:#173a3c;font-size:clamp(1.8rem,2.9vw,2.8rem);letter-spacing:-.02em;margin:.75rem 0 .2rem}.hero p{color:#446062;font-size:1rem;margin:0;max-width:52ch}.configurator-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr)}.card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid rgb(110 156 138 / 18%);border-radius:24px;box-shadow:0 15px 36px #23484317}.section-heading{align-items:baseline;display:flex;gap:.65rem;justify-content:space-between}.section-heading h2{color:#203f41;font-size:1.12rem;margin:0}.section-heading span{color:#587072;font-size:.88rem;max-width:100%;overflow-wrap:anywhere;text-align:right;white-space:normal}.scene-card{animation:reveal-up .55s ease both;align-self:start;display:flex;flex-direction:column;gap:.85rem;padding:1rem;position:sticky;top:20px;z-index:2}.scene-scale-control{background:#f6fcf9f5;border:1px solid #d6e6df;border-radius:14px;padding:.6rem .68rem}.scene-scale-title{color:#2e5053;font-size:.86rem;font-weight:700;margin:0;text-transform:uppercase}.scene-scale-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.5rem}.scene-scale-button{background:#fff;border:1px solid #c8ddd4;border-radius:10px;color:#2b5052;cursor:pointer;font-size:.84rem;font-weight:700;line-height:1;min-width:48px;padding:.44rem .6rem;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.scene-scale-button:hover{background:#f3fbf7;border-color:#a8cdbc}.scene-scale-button.active{background:#dff3ea;border-color:#7fbda8;color:#1e4e4b}.scene-gesture-scale{background:#eef8f4;border:1px dashed #9fc6b8;border-radius:10px;color:#255154;font-size:.82rem;font-weight:700;padding:.42rem .56rem}.scene-canvas{background:linear-gradient(172deg,#f4faf6,#e9f3f0 52%,#edf4f8);border:1px solid rgb(137 170 161 / 28%);border-radius:18px;height:clamp(320px,58vh,620px);overflow:hidden}.controls-column{display:flex;flex-direction:column;gap:1rem}.controls-card{animation:reveal-up .55s ease .08s both;overflow:visible;padding:1rem 1.05rem 1.1rem;position:relative;z-index:4}.controls-intro h2{color:#1f4648;font-size:1.08rem;margin:0}.controls-intro p{color:#557274;font-size:.9rem;margin:.28rem 0 0}.preset-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.95rem}.preset-chip{background:#f3f8f5;border:1px solid #d5e5de;border-radius:999px;color:#305456;cursor:pointer;font-size:.86rem;font-weight:700;padding:.42rem .82rem;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.preset-chip:hover{background:#e8f5ef;border-color:#bdd8cf;transform:translateY(-1px)}.preset-chip.active{background:#d7efe5;border-color:#8fc9b8;color:#1e4f49}.dog-selector{margin-top:.95rem}.dog-selector-title{color:#2a4e50;font-size:.86rem;font-weight:700;letter-spacing:.02em;margin:0 0 .55rem;text-transform:uppercase}.dog-options{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.dog-option{background:#f4faf7;border:1px solid #d8e8e1;border-radius:14px;color:#2f4e50;cursor:pointer;display:flex;flex-direction:column;gap:.24rem;min-height:88px;padding:.58rem .6rem;text-align:left;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.dog-option:hover{background:#eaf7f1;border-color:#bad9cd;transform:translateY(-1px)}.dog-option.active{background:linear-gradient(145deg,#daf2e8,#e6f7ef);border-color:#80c2ad;box-shadow:inset 0 0 0 1px #6fb8a157}.dog-option-title{font-size:.9rem;font-weight:700}.dog-option-subtitle{color:#567276;font-size:.78rem;line-height:1.2}.dog-option-withers{color:#1f5a4e;font-size:.78rem;font-weight:700;margin-top:auto}.custom-size-card{background:linear-gradient(145deg,#e6f5ef,#f1faf6);border:1px solid #b8dbcd;border-radius:14px;margin-top:.95rem;padding:.72rem .78rem;position:relative}.custom-size-reset{align-items:center;background:#fff;border:1px solid #bddcd0;border-radius:50%;color:#3e6261;cursor:pointer;display:grid;height:24px;justify-content:center;line-height:0;place-items:center;padding:0;position:absolute;right:.55rem;top:.52rem;width:24px}.custom-size-reset:hover{background:#f3fcf8}.custom-size-reset svg{display:block}.custom-size-line{color:#1f4f4b;font-size:.92rem;font-weight:700;margin:0;max-width:calc(100% - 30px);overflow:hidden;padding-right:.12rem;text-overflow:ellipsis;white-space:nowrap}.breed-selector{margin-top:.75rem}.breed-withers-section{background:linear-gradient(150deg,#eef9f4f2,#f4fbf8f5);border:1px solid #cde4da;border-radius:16px;margin-top:.8rem;padding:.78rem}.breed-withers-head h3{color:#234d4f;font-size:.92rem;margin:0}.breed-withers-head p{color:#557476;font-size:.78rem;margin:.25rem 0 0}.breed-withers-body{display:grid;gap:.65rem;margin-top:.66rem}.breed-withers-section .breed-selector{margin-top:0}.breed-withers-section .breed-trigger{background:#fff}.breed-selector-title{color:#2c5053;font-size:.83rem;font-weight:700;letter-spacing:.02em;margin:0 0 .46rem;text-transform:uppercase}.breed-trigger{align-items:center;background:#f4faf7;border:1px solid #d4e5de;border-radius:14px;color:#274d4f;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.7rem;justify-content:space-between;padding:.68rem .72rem;width:100%}.breed-trigger.open{border-color:#84bea9;box-shadow:inset 0 0 0 1px #82beaa47}.breed-chevron{color:#4f7073;font-size:.74rem}.breed-dropdown{background:#f9fdfb;border:1px solid #d6e6df;border-radius:14px;margin-top:.5rem;padding:.56rem}.breed-search-input{background:#fff;border:1px solid #cfe1d9;border-radius:10px;color:#244649;font-size:.89rem;outline:none;padding:.58rem .64rem;width:100%}.breed-search-input:focus{border-color:#7bb79f}.breed-table-head,.breed-row{display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr) 120px}.breed-table-head{border-bottom:1px solid #dbe9e3;color:#5c7577;font-size:.74rem;font-weight:700;margin-top:.5rem;padding:0 .36rem .38rem;text-transform:uppercase}.breed-list{display:grid;margin-top:.2rem;max-height:210px;overflow:auto;padding-right:.12rem}.breed-row{align-items:center;background:transparent;border:none;border-radius:9px;color:#274b4e;cursor:pointer;font-size:.83rem;padding:.44rem .36rem;text-align:left}.breed-row:hover{background:#ebf6f1}.breed-empty{color:#607b7d;font-size:.8rem;margin:0;padding:.5rem .36rem}.dimension-stack{display:grid;gap:.8rem;margin-top:1rem}.enclosure-dimensions-section{background:linear-gradient(150deg,#eef9f4f2,#f4fbf8f5);border:1px solid #cde4da;border-radius:16px;margin-top:.9rem;padding:.78rem}.enclosure-dimensions-head h3{color:#244e50;font-size:.92rem;margin:0}.enclosure-dimensions-head p{color:#557476;font-size:.78rem;margin:.25rem 0 0}.enclosure-recommended-row{background:#fff;border:1px solid #d6e6df;border-radius:12px;display:grid;gap:.55rem;margin-top:.62rem;padding:.52rem .58rem}.enclosure-recommended-top{align-items:center;display:flex;gap:.8rem;justify-content:space-between}.enclosure-recommended-text{color:#35585b;font-size:.82rem;margin:0}.enclosure-recommended-text strong{color:#1f4d49}.enclosure-restore-action{background:#fff;border:1px solid #bddcd0;border-radius:10px;color:#245355;cursor:pointer;font-size:.8rem;font-weight:700;padding:.4rem .64rem}.enclosure-restore-action:hover{background:#f3fbf7}.enclosure-size-warning{align-items:flex-start;background:linear-gradient(140deg,#fff5f4,#fff9f8);border:1px solid #e6b3af;border-radius:10px;color:#9f4f4b;display:flex;gap:.48rem;margin:0;padding:.46rem .52rem}.enclosure-size-warning svg{color:#c35e58;flex-shrink:0;margin-top:.07rem}.enclosure-size-warning-content{display:grid;gap:.14rem}.enclosure-size-warning-content strong{color:#8f403c;font-size:.77rem;line-height:1.25}.enclosure-size-warning-content span{color:#a35652;font-size:.74rem;line-height:1.25}.enclosure-dimensions-section .dimension-stack{margin-top:.66rem}.enclosure-dimensions-section .dimension-control{background:#fff;border-color:#d6e6df}.recommended-size-card{background:linear-gradient(150deg,#eef9f4f2,#f4fbf8f5);border:1px solid #cde4da;border-radius:16px;margin-top:.9rem;padding:.78rem}.recommended-size-title{color:#244e50;font-size:.92rem;font-weight:700;margin:0}.recommended-size-value{color:#1e4d49;font-size:1rem;font-weight:700;letter-spacing:.01em;margin:.34rem 0 0}.recommended-size-note{align-items:center;color:#4d6767;display:inline-flex;font-size:.82rem;gap:.34rem;margin:.5rem 0 0}.recommended-size-action{background:#fff;border:1px solid #bddcd0;border-radius:12px;color:#245355;cursor:pointer;font-size:.86rem;font-weight:700;margin-top:.62rem;padding:.5rem .78rem}.recommended-size-action:hover{background:#f3fbf7}.withers-control{margin-top:.9rem}.breed-withers-section .withers-control{margin-top:0;padding:0}.breed-withers-section .withers-control .dimension-control{background:#fff}.breed-withers-section .withers-control .withers-help{margin:.45rem 0 0}.door-config-section{background:linear-gradient(150deg,#eef9f4f2,#f4fbf8f5);border:1px solid #cde4da;border-radius:16px;margin-top:.8rem;padding:.68rem .72rem;position:relative;z-index:24}.door-config-title{color:#234d4f;font-size:.9rem;font-weight:700;margin:0 0 .42rem}.door-config-select{align-items:center;background:#fff;border:1px solid #cfe1d9;border-radius:12px;color:#234b4e;cursor:pointer;display:flex;font-size:.86rem;font-weight:700;justify-content:space-between;padding:.58rem .64rem;width:100%}.door-config-select.open{border-color:#7fb7a3;box-shadow:inset 0 0 0 1px #7fb7a347}.door-config-dropdown{background:#fff;border:1px solid #cfe1d9;border-radius:12px;box-shadow:0 8px 18px #183c381a;display:grid;gap:.32rem;left:.72rem;margin-top:.38rem;padding:.36rem;position:absolute;right:.72rem;top:calc(100% - .28rem);z-index:40}.door-config-option{background:#f7fcf9;border:1px solid #d3e5de;border-radius:10px;color:#2a5052;cursor:pointer;font-size:.8rem;font-weight:600;line-height:1.25;padding:.46rem .54rem;text-align:left}.door-config-option:hover{background:#eef9f4}.door-config-option.active{background:#ddf3e9;border-color:#81bea8;color:#1f4f4c}.name-wall-section{background:linear-gradient(150deg,#eef9f4f2,#f4fbf8f5);border:1px solid #cde4da;border-radius:16px;margin-top:.8rem;padding:.72rem}.name-wall-header{align-items:center;display:flex;gap:.6rem;justify-content:space-between}.name-wall-header h3{color:#234d4f;font-size:.9rem;margin:0}.name-wall-switch{align-items:center;color:#2f5658;cursor:pointer;display:inline-flex;gap:.4rem;-webkit-user-select:none;user-select:none}.name-wall-switch input{appearance:none;height:0;opacity:0;position:absolute;width:0}.name-wall-switch-track{background:#cadfd6;border-radius:999px;height:22px;position:relative;transition:background-color .18s ease;width:40px}.name-wall-switch-track:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000024;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .18s ease;width:16px}.name-wall-switch input:checked+.name-wall-switch-track{background:#45a58d}.name-wall-switch input:checked+.name-wall-switch-track:after{transform:translate(18px)}.name-wall-switch-text{font-size:.78rem;font-weight:700}.name-wall-highlight{align-items:flex-start;background:linear-gradient(120deg,#fff4dc,#fff8ea);border:1px solid #e9c885;border-radius:12px;color:#6a4b16;display:flex;font-size:.8rem;font-weight:700;gap:.4rem;line-height:1.32;margin:.56rem 0 0;padding:.48rem .56rem}.name-wall-highlight svg{color:#b7831a;flex-shrink:0;margin-top:1px}.name-wall-highlight span{min-width:0}.name-wall-input-wrap{background:#fff;border:1px solid #d3e5de;border-radius:12px;color:#446669;display:grid;font-size:.8rem;font-weight:700;gap:.36rem;margin-top:.62rem;padding:.54rem .6rem}.name-wall-input-wrap input{background:transparent;border:none;color:#183f41;font-size:.92rem;font-weight:700;outline:none}.name-wall-input-wrap.disabled{background:#f4f8f6;color:#6b8082;opacity:.74}.withers-help{color:#5b7274;font-size:.78rem;margin:.45rem 0 0}.withers-error{color:#b23d3d;font-size:.78rem;margin:.42rem 0 0}.dimension-control{background:#f7fcf9f2;border:1px solid #deece5;border-radius:16px;padding:.72rem}.dimension-label{align-items:center;color:#2e5053;display:flex;font-size:.9rem;font-weight:600;gap:.42rem}.dimension-label-main{align-items:center;display:inline-flex}.dimension-tooltip{display:inline-flex;position:relative}.dimension-tooltip-trigger{align-items:center;background:#f4fbf8;border:1px solid #c7ddd3;border-radius:50%;color:#2b5d5c;cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:0;width:20px}.dimension-tooltip-trigger:hover{background:#ebf7f2}.dimension-tooltip-popup{background:#fff;border:1px solid #c8ddd3;border-radius:10px;box-shadow:0 8px 20px #1437331f;color:#2d5052;display:block;font-size:.76rem;left:50%;line-height:1.3;max-width:min(340px,calc(100vw - 32px));min-width:250px;padding:.46rem .54rem;position:absolute;top:calc(100% + 6px);transform:translate(-50%);white-space:normal;width:max-content;word-break:normal;z-index:9}.dimension-label strong{color:#193f3d;font-family:Manrope,Trebuchet MS,sans-serif;font-size:.98rem}.dimension-input-row{display:grid;gap:.65rem;grid-template-columns:minmax(0,1fr) 115px;margin-top:.52rem}.dimension-range{accent-color:#2f9c86;width:100%}.dimension-range-recommended{appearance:none;background:transparent;height:18px;margin:0;width:100%}.dimension-range-recommended::-webkit-slider-runnable-track{background:linear-gradient(90deg,#e85f62 0%,#ef7672 var(--recommended-transition-start),#f1c971 var(--recommended-stop),#89d29f var(--recommended-transition-end),#4fb779 100%);border:1px solid #c7ddd3;border-radius:999px;height:8px}.dimension-range-recommended::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #1f5d5b;border-radius:50%;box-shadow:0 2px 5px #0000002e;height:16px;margin-top:-5px;width:16px}.dimension-range-recommended::-moz-range-track{background:linear-gradient(90deg,#e85f62 0%,#ef7672 var(--recommended-transition-start),#f1c971 var(--recommended-stop),#89d29f var(--recommended-transition-end),#4fb779 100%);border:1px solid #c7ddd3;border-radius:999px;height:8px}.dimension-range-recommended::-moz-range-thumb{background:#fff;border:2px solid #1f5d5b;border-radius:50%;box-shadow:0 2px 5px #0000002e;height:16px;width:16px}.dimension-recommended-hint{color:#4d6b6f;font-size:.76rem;margin:.38rem 0 0}.number-input-wrap{align-items:center;background:#fff;border:1px solid #d2e2dc;border-radius:12px;color:#5d7376;display:flex;font-size:.86rem;font-weight:700;gap:.4rem;padding:0 .55rem}.number-input-wrap input{background:transparent;border:none;color:#173d3f;font-size:.95rem;font-weight:700;outline:none;width:100%}.number-input-wrap input::-webkit-inner-spin-button,.number-input-wrap input::-webkit-outer-spin-button{margin:0}.number-input-wrap.invalid{background:#fff5f5;border-color:#d48484}.options-grid{display:grid;gap:.55rem;margin-top:1rem}.option-toggle{align-items:center;background:#f7fbf9;border:1px solid #dcebe5;border-radius:14px;cursor:pointer;display:grid;gap:.65rem;grid-template-columns:44px 1fr;padding:.55rem .7rem}.option-toggle input{appearance:none;height:0;opacity:0;position:absolute;width:0}.option-toggle-track{background:#c8d7d0;border-radius:999px;height:24px;position:relative;transition:background-color .18s ease;width:44px}.option-toggle-track:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001f;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .18s ease;width:18px}.option-toggle input:checked+.option-toggle-track{background:#3f9f8d}.option-toggle input:checked+.option-toggle-track:after{transform:translate(20px)}.option-toggle-label{color:#2d5052;font-size:.91rem;font-weight:600}.price-card{animation:reveal-up .55s ease .16s both;display:flex;flex-direction:column;gap:.85rem;padding:1.05rem;position:relative;z-index:1}.price-card-header p{color:#557172;font-size:.88rem;margin:0}.price-card-header h2{color:#143c3e;font-family:Manrope,Trebuchet MS,sans-serif;font-size:clamp(2rem,4.6vw,2.75rem);line-height:1;margin:.36rem 0 0}.metric-grid{display:grid;gap:.55rem}.metric-item{background:#f3f9f7;border:1px solid #d7e8e1;border-radius:14px;display:flex;flex-direction:column;gap:.25rem;padding:.66rem .75rem}.metric-item span{color:#597477;font-size:.78rem;font-weight:600;text-transform:uppercase}.metric-item strong{color:#214345;font-size:.95rem}.order-info-card{background:#f3f9f7;border:1px solid #d7e8e1;border-radius:14px;display:grid;gap:.36rem;padding:.62rem .72rem}.order-info-row{align-items:baseline;display:grid;gap:.58rem;grid-template-columns:84px minmax(0,1fr)}.order-info-row span{color:#5a7477;font-size:.76rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase}.order-info-row strong{color:#214345;font-size:.82rem;font-weight:700;line-height:1.28}.order-form{display:grid;gap:.52rem}.order-label{color:#32565a;font-size:.82rem;font-weight:700}.order-phone-input{background:#fff;border:1px solid #d2e3dc;border-radius:12px;color:#1d4446;font-size:.95rem;font-weight:700;outline:none;padding:.62rem .68rem}.order-phone-input:focus{border-color:#82baa6}.order-phone-input.invalid{border-color:#cb7a7a}.order-consent{align-items:flex-start;color:#476366;display:grid;font-size:.76rem;gap:.46rem;grid-template-columns:16px 1fr;line-height:1.32;margin-top:.16rem}.order-consent input{accent-color:#2f9c86;margin:.15rem 0 0}.order-consent a{color:#1d6b67;text-decoration:underline;text-decoration-color:#1d6b675c}.order-consent.invalid{color:#a24e4e}.order-button{align-items:center;background:linear-gradient(120deg,#2e8f7f,#58aa93);border:none;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;justify-content:center;margin-top:.2rem;padding:.76rem .95rem;transition:transform .18s ease,filter .18s ease}.order-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.order-button:active{transform:translateY(0)}.order-error{color:#ac4a4a;font-size:.78rem;margin:0}.order-success{color:#2b7f62;font-size:.8rem;margin:0}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1020px){.configurator-grid{grid-template-columns:1fr}.scene-card{position:static;top:auto}.scene-canvas{height:clamp(280px,46vh,500px)}}@media(max-width:680px){.app{padding:.7rem}.hero h1{font-size:1.7rem}.section-heading{align-items:flex-start;flex-direction:column;gap:.15rem}.section-heading span{display:block;text-align:left}.dimension-input-row{grid-template-columns:1fr}.number-input-wrap{justify-content:center;max-width:160px}.scene-canvas{height:320px}.order-info-row{gap:.42rem;grid-template-columns:72px minmax(0,1fr)}.scene-gesture-scale{flex-basis:100%;text-align:center}.dog-options{grid-template-columns:1fr}.breed-withers-section,.enclosure-dimensions-section,.recommended-size-card{padding:.64rem}.enclosure-recommended-top{align-items:flex-start;flex-direction:column;gap:.48rem}}