@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;600;800&display=swap";[x-cloak]{display:none}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}ul,ol{margin-inline-start:2em}svg{width:1.5em;height:1.5em;vertical-align:top}output{display:block;font-style:normal}fieldset{border:0}select{appearance:none;outline:0;border:0;box-shadow:none;background:none}select option{color:inherit}button{background-color:transparent;border-collapse:collapse;border:0}button:not(:disabled):hover{cursor:pointer}.italic{font-style:italic}.shadow{box-shadow:0 4px 4px #0000001a;transition:box-shadow 225ms}.shadow:hover{box-shadow:0 10px 14px #0000001a}.shadow-top,.shadow-top:hover{box-shadow:0 -4px 4px #0000001a;transition:box-shadow 225ms}:root{--error-light: #fecaca;--error-medium: #dc2626;--error-dark: #7f1d1d;--success-light: #bbf7d0;--success-medium: #22c55e;--success-dark: #166534}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{height:100%;background-color:#fff;margin:0;font-size:16px}a{color:#0c1e32;font-weight:700}#icons{display:none}*::-webkit-scrollbar-track{background-color:#fafafa}*::-webkit-scrollbar{width:10px;height:10px;background-color:#fff}*::-webkit-scrollbar-thumb{background-color:#0c1e32}#estimate-app{height:100%;overflow-x:hidden}.hero{position:relative}.hero:before,.hero:before{content:"";background-image:url(/images/background.jpg);width:100%;background-repeat:no-repeat;background-size:cover;height:270px;display:block}.hero-title-container{padding:0 15px;margin:0 auto;text-align:center;background-color:#f79e00}.hero-title{max-width:1140px;position:relative;margin:0 auto;top:-40px;text-align:center;padding:40px;background-color:#fff}.hero-title .logo{text-decoration:none}.hero-title .logo img{width:170px;margin-bottom:15px}.hero-intro{text-transform:uppercase;padding:1em}.hero-intro h1{font-size:28px;font-weight:400;color:#323232;margin:0 0 10px;letter-spacing:2px}.hero-intro p{font-size:18px;font-weight:300;color:#999;margin:0}#calculator{text-align:center;top:0;margin-top:-20px;background-color:#f79e00;padding:40px 0;position:sticky;z-index:999}#calculator .budget-title{font-size:30px;font-weight:600;line-height:27px;color:#fff;margin:4px 0;text-align:center}#calculator .budget-subtitle{margin-top:15px;font-size:20px;font-weight:300;line-height:27px;color:#000;text-align:center}#furnitures{margin:1em 0}.rooms-wrapper{position:relative;--rooms-gap: 1rem;padding:0;display:grid;grid-gap:var(--rooms-gap) 0;grid-template-columns:var(--rooms-gap) 1fr var(--rooms-gap);align-content:start;background-color:#fafafa}.rooms-wrapper #rooms{position:relative;--room-columns: 3;grid-column:2 / -2;display:grid;align-items:start;grid-auto-flow:column;grid-template-columns:var(--rooms-gap);grid-auto-columns:calc(calc(100% / var(--room-columns)) - var(--rooms-gap) * 2);width:100%;grid-gap:var(--rooms-gap);padding:1rem 0;overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth}.rooms-wrapper #rooms:before,.rooms-wrapper #rooms:before,.rooms-wrapper #rooms:after,.rooms-wrapper #rooms:after{content:""}#scroll-rooms{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem;top:50%;left:0;right:0;transform:translateY(-50%);z-index:100}#scroll-rooms button{padding:.75rem;border-radius:.25rem;border:2px solid #0c1e32;background:rgba(255,255,255,70%);transition:all .25s ease;font-size:1.2rem}#scroll-rooms button:hover{background:rgba(255,255,255,85%)}.room-type{scroll-snap-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.room{--room-background: #0C1E32;--room-image-url: "";background-color:var(--room-background);margin-bottom:1rem;font-size:16px;font-weight:400;padding:2px;text-align:center;color:#fff;width:100%}.room:before,.room:before{content:"";background-image:var(--room-image-url);background-position:top center;background-repeat:no-repeat;background-size:cover;width:100%;padding-top:100%;display:block}.room .room-text{padding:13px}.room.current{--room-background: #F79E00}.room button{font-size:1.25rem;background-color:#fff;padding:10px;text-transform:uppercase;text-align:center;color:var(--room-background)}.room button:hover{background-color:#f2f2f2}.room .room-actions{display:flex;justify-content:space-between;align-items:center;gap:2px}.room .remove-room-button{color:var(--error-medium)}.room .deselect-room-button,.room .select-room-button{flex:1 1 auto}#tier-toggles{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2rem auto;width:70%}#tier-toggles .tier-toggle-all{display:flex;justify-content:space-between;align-items:center;padding:10px 17px;border-radius:10px;background-color:#fff;border-color:#dbdbdb;color:#888;width:60%;margin:0 10px}#tier-toggles .tier-toggle-all.active{color:#0c1e32}#tier-toggles .tier-toggle-all .icon{width:1em}.room-furniture{display:flex;justify-content:space-between;align-items:center;width:70%;margin:auto}.clear-furni-button{color:var(--error-medium);font-size:.7em;padding:.5rem;border-radius:.25rem;vertical-align:middle;margin-left:.5rem}.room-furniture>div{flex:0 1 calc(100% / 3);margin:.5em 0}.room-price{font-weight:400;font-size:1.5rem;color:#666;text-align:center;padding:4px}.select{position:relative;display:inline-block;width:100%;margin:0 auto;border-radius:10px;border:1px solid #DBDBDB;transition:all .25s ease}.select.selected{border:2px solid rgb(34,197,94)}.select-input{color:#0c1e32;position:relative;padding:1em;width:100%}.select-input:hover{cursor:pointer}.select-caret{position:absolute;top:50%;right:0;margin:0 1em;transform:translateY(-50%);font-size:10px;pointer-events:none}.select-caret svg{transition:.25s all ease}.select:focus-within .select-caret svg{transform:rotate(-.25turn)}.add-room-button{font-size:.8em;display:inline-block;text-align:center}.add-room-button:hover{cursor:pointer}.add-room-button .add-room-icon{border:#DCDCDC solid 1px;border-radius:8px;padding:17px;display:inline-block;margin:0 auto 1em}.add-room-button:not(:disabled):hover .add-room-icon{color:#f79e00}.add-room-button:hover h4{text-decoration:underline}.add-room-text h4{font-size:1em;font-weight:600;margin:0}.add-room-text p{font-size:.865em;font-weight:400;margin:0}.order-summary{margin-top:40px;padding:40px 16px;display:flex;flex-direction:column}.summary-title{text-align:center;margin-bottom:32px}.summary-title h2{display:inline;font-weight:600;font-size:2.75rem;line-height:3.5rem;margin:0;color:#000}.summary-nav{display:flex;justify-content:space-between;flex-wrap:wrap;width:clamp(50%,50rem,100%);margin:0 auto}.summary-button{display:flex;padding:8px 16px;justify-content:space-between;align-items:center;background-color:#fff;border:#DCDCDC solid 1px;border-radius:8px;gap:1rem}.summary-button .summary-button-text{font-size:13px;font-weight:500;line-height:1rem;text-align:right}.summary-button:disabled .summary-button-text{color:#aaa}.summary-button:not(:disabled) .summary-button-text{color:#000}.summary-button .summary-button-text span:not(:empty){margin-top:4px}.summary-button:nth-of-type(2) .summary-button-text{text-align:left}.summary-button-text span{color:#00a859;display:block}footer{display:flex;padding:60px 0;max-width:100%;position:relative}#copyright{color:#666;font-size:.8rem;margin-top:1.5rem;border-top:1px solid #f0f0f0;padding:1rem 1rem 0}#copyright a{color:inherit}.footer-container .alert{margin-bottom:2rem}.footer-container{padding:0 1rem;width:clamp(70%,50rem,100%);margin:0 auto}.footer-form-container{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;margin:0 auto;position:relative}footer form{font-size:.85em}.form-group{display:flex;align-items:center;margin-bottom:0;gap:1rem}.form-control{height:100%;padding:6px 12px;font-size:14px;font-weight:400;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;margin:.25rem;width:100%}.form-group .button{font-weight:400;text-align:center;vertical-align:middle;user-select:none;padding:.375rem .75rem;border-radius:.25rem}.form-group .button .icon{width:1em;right:1em;margin-left:.5em}.send-estimate{background-color:#f60;border-color:#f60;margin-left:8px;font-size:1.1em;color:#fff;display:flex;justify-content:center;align-items:center}.send-estimate:hover{background-color:#f35400;cursor:pointer}.select-room-message{text-align:center;font-size:1.5rem;margin:3.5rem 1rem;color:#666;font-style:italic}header .select-room-message{color:#000;font-size:1rem;margin:0;padding-bottom:40px}.alert{padding:1rem;border-radius:1rem}.alert.error{border:2px solid var(--error-medium);background-color:var(--error-light);color:var(--error-dark)}.alert.success{border:2px solid var(--success-medium);background-color:var(--success-light);color:var(--success-dark)}.spinner{animation:spin 1s infinite linear}@media screen and (max-width: 768px){.rooms-wrapper{--rooms-gap: .5rem}.rooms-wrapper #rooms{--room-columns: 2.15}#scroll-rooms{display:none}.room{box-shadow:0 4px 4px #0000001a;width:100%}.room-furniture{width:80%;flex-direction:column;border-radius:1em;padding:0 1em;box-shadow:0 3px 5px #00000026;margin-bottom:1.25em;transition:box-shadow .25s ease}.room-furniture:focus-within{box-shadow:0 2px 10px #0003}.room-price{margin:10px 0;height:30px}.select{margin:10px 0}.add-room-button{max-width:500px}.footer-form-container{justify-content:center;flex-direction:column}.footer-title{text-align:center;margin-bottom:15px}.form-group{flex-direction:column;justify-content:center}.form-group fieldset{width:50%}.form-group input{display:block;width:100%}.send-estimate{margin-top:1rem}}@media screen and (max-width: 425px){.form-group fieldset{width:80%}.rooms-wrapper #rooms{--room-columns: 1.15}#room-total{display:block;margin:.5em}.summary-nav{flex-direction:column;justify-content:center;gap:1rem}}@media screen and (min-width: 1024px){.rooms-wrapper #rooms{--room-columns: 4.15}}@media screen and (min-width: 1440px){.rooms-wrapper #rooms{--room-columns: 5.15}}
