:root{--primary-color: #4e6f2d;--primary-color-light: #557a19;--text-color: rgba(255, 255, 255, .87);--bg-dark: #242424;--bg-light: #ffffff;--link-color: #646cff;--link-hover: #535bf2;--font-family: "Quicksand", system-ui, Avenir, Helvetica, Arial, sans-serif;--border-radius: 8px}body{font-family:var(--font-family);line-height:1.5;font-weight:400;min-width:320px;min-height:100vh;background-color:var(--bg-dark);color:var(--text-color);display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{font-weight:500;color:var(--link-color);text-decoration:inherit;transition:color .2s}a:hover{color:var(--link-hover)}h1{font-size:3.2rem;line-height:1.1}button{border-radius:var(--border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s}button:hover{border-color:var(--link-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{--bg-dark: var(--bg-light);--text-color: #213547;--link-hover: #747bff}button{background-color:#f9f9f9}}#contact-float{position:fixed;bottom:20px;right:20px;z-index:9999;font-family:var(--font-family)}#contact-toggle{background-color:var(--primary-color);color:#f9f9f9;border:none;padding:12px 18px;border-radius:30px;cursor:pointer;box-shadow:0 4px 8px #0003;font-size:1.2rem;transition:background .2s,transform .2s}#contact-menu{display:none;position:absolute;bottom:60px;right:0;background:#f9f9f9;border-radius:12px;border:4px double var(--primary-color);box-shadow:0 4px 12px #00000040;padding:10px;min-width:180px;flex-direction:column;transition:all .3s ease;z-index:9999}#contact-menu a,#contact-menu button{display:block;padding:8px 12px;text-decoration:none;color:var(--primary-color);border-bottom:1px solid #eee;font-weight:500;text-align:left;background:transparent;cursor:pointer;width:100%;border-radius:6px}#contact-menu a:last-child,#contact-menu button:last-child{border-bottom:none}html{scroll-behavior:smooth}:root{--primary-color: #9CAF88;--primary-color-light: #9CAF88;--bg-dark: #242424;--bg-light: #2C2C2C;--text-color: #2C2C2C;--link-color: #2C2C2C;--link-hover: #4e6f2d;--font-family: "Quicksand", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-color);min-height:100vh;line-height:1.5}textarea{resize:none;width:100%;height:120px;box-sizing:border-box}header{background:url(/images/closetohomelogo.png) center/contain no-repeat;height:350px;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;padding:1rem;box-shadow:0 8px 20px #0006,inset 0 4px 8px #0000004d;border-radius:12px;background-color:#2c2c2c;transition:transform .3s ease,box-shadow .3s ease}header:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 25px #00000080,inset 0 6px 10px #00000059}@media (max-width: 480px){header{height:200px}}.header-text{background:#0000004d;padding:1rem 2rem;border-radius:8px;max-width:90%}.header-text h1{font-size:clamp(1.5rem,4vw,2.2rem);color:#4e6f2d;margin-bottom:.5rem}.header-text h4{font-size:clamp(1rem,2.5vw,1.2rem);color:#9caf88;font-style:italic;margin:0}@media (max-width: 1024px){header{height:300px}}@media (max-width: 768px){header{height:250px}}@media (max-width: 480px){header{height:200px}.header-text{padding:.8rem 1rem}}.tab-wrapper{max-width:1000px;margin:2rem auto}.tabs{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.tab{background:#2c2c2c;color:var(--primary-color);padding:.75rem 1.5rem;margin:.25rem;border-radius:6px;border:1px solid var(--primary-color);cursor:pointer;font-weight:700;transition:all .2s;flex:0 0 135px}.tab.active,.tab:hover{background-color:var(--primary-color);color:#2c2c2c;transform:scale(1.05)}.tab-content ul{list-style:none;padding-left:0}.tab-content ul li{margin-bottom:.75rem}.slideshow-container{position:relative;width:100%;max-width:1000px;margin:0 auto;overflow:hidden;border-radius:12px;box-shadow:0 8px 16px #0003;background-color:#f9f9f9;padding:0;height:auto;aspect-ratio:16/9}.slideshow img,.slide{display:block;margin:0 auto;width:100%;height:auto;object-fit:contain;opacity:0;transition:opacity .7s ease-in-out;position:relative}.slide.active{opacity:1}#contact-float{position:fixed;bottom:20px;right:20px;z-index:9999}#contact-toggle{background-color:var(--primary-color);color:#2c2c2c;border:none;padding:12px 18px;border-radius:30px;cursor:pointer;font-size:1.2rem;box-shadow:0 4px 8px #0003;transition:transform .2s,background .2s}#contact-toggle:hover{background-color:var(--primary-color-light);transform:scale(1.05)}#contact-menu{display:none;position:absolute;bottom:60px;right:0;background:#2c2c2c;border-radius:12px;border:4px double var(--primary-color);padding:10px;min-width:180px;flex-direction:column;box-shadow:0 4px 12px #00000040}#contact-menu.show{display:flex}#contact-menu a,#contact-menu button{display:block;padding:8px 12px;margin-bottom:4px;color:var(--primary-color);text-decoration:none;border-radius:6px;text-align:left}#contact-menu a:last-child,#contact-menu button:last-child{margin-bottom:0}#contact-menu a:hover,#contact-menu button:hover{background-color:#e6f0d6}footer{text-align:center;padding:1rem;background-color:var(--primary-color);color:#2c2c2c}.section-card,.contact-form,#contact-form{max-width:800px;margin:2rem auto;padding:1.5rem;border-radius:12px;background:#fff;box-shadow:0 4px 12px #0000001a}.contact-form input,.contact-form textarea,#contact-form input,#contact-form textarea{width:100%}.slideshow-container{position:relative;max-width:100%;height:400px;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px #0003;margin:1rem auto}@media (max-width: 1024px){.slideshow-container{height:400px}}@media (max-width: 768px){.slideshow-container{height:300px}}@media (max-width: 480px){.slideshow-container{height:220px}.gallery-btn{font-size:1.3rem;padding:.3rem .6rem}}.slideshow{position:relative;width:100%;height:100%}.slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out}.slide.active{opacity:1;z-index:2}#contact-form,.contact-form{max-width:500px;margin:1.5rem auto;padding:1.5rem;background:#fff;border:2px solid #9CAF88;border-radius:10px;box-shadow:0 4px 10px #0000001a}#contact-form h2,.contact-form h2{text-align:center;margin-bottom:1rem;color:#2c2c2c}#contact-form label,.contact-form label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c2c2c}#contact-form input,#contact-form textarea,.contact-form input,.contact-form textarea{width:100%;padding:10px;margin-bottom:1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;font-family:inherit}#contact-form button,.contact-form button{background-color:#9caf88;color:#2c2c2c;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .3s;width:100%}#contact-form button:hover,.contact-form button:hover{background-color:#8aae76}#contact-form p.status,.contact-form p.status{text-align:center;margin-top:1rem;font-weight:500}.status-message{opacity:1;transition:opacity .5s ease-in-out;margin-top:10px;font-weight:700}.status-message.fade-out{opacity:0}.features{list-style:none;padding:0;margin:0}.features li{margin:.5rem 0;display:flex;align-items:center;font-size:1.05rem}.features i{color:#2c2c2c;font-size:1.2rem;width:24px;text-align:center;margin-right:.6rem}.about-us{max-width:800px;margin:2rem auto;padding:1.5rem;line-height:1.6;color:#2c2c2c}.about-us h2,.about-us h3{color:#4e6f2d;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.about-us p{margin-bottom:1rem}.about-list{list-style:none;padding:0;margin:0}.about-list li{display:flex;align-items:center;margin:.5rem 0}.about-list i{margin-right:8px;color:#4e6f2d;font-size:1.2rem;width:24px;text-align:center}.about-list span{flex:1}.tab-content{display:none;background-color:var(--primary-color);color:#2c2c2c;padding:2rem;border-radius:8px}.tab-content.active{display:block}.tab-content h2{display:flex;align-items:center;gap:8px;color:#4e6f2d;margin-bottom:1rem}.services-list{list-style:none;padding:0;margin:0}.services-list li{display:flex;align-items:center;margin:.5rem 0}.services-list i{margin-right:8px;color:#4e6f2d;font-size:1.2rem;width:24px;text-align:center}.services-list span{flex:1}.form-label{display:flex;flex-direction:column;font-size:1rem;margin-bottom:1rem;gap:.4rem}.label-icon{display:flex;align-items:center;gap:6px;font-weight:600;color:#4e6f2d}.contact-form input,.contact-form textarea{padding:.6rem;font-size:1rem;border:1px solid #4e6f2d;border-radius:6px;width:100%;box-sizing:border-box}.error-text{color:red;font-size:.9rem;margin:.25rem 0 1rem 1.5rem}.contact-form button{margin-top:.5rem;padding:.6rem 1.2rem;font-size:1rem;background-color:#4e6f2d;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s ease}.contact-form button:hover:not([disabled]){background-color:#557a19}button[disabled]{opacity:.6;cursor:not-allowed}
