#contact{overflow:hidden}#contact .content-wapper{max-width:1400px;padding:0 calc(var(--space-6)*4);margin:var(--space-10)auto;text-align:center}#contact .page-title{margin-top:calc(var(--space-10)*4);margin-bottom:calc(var(--space-4)*4);font-size:var(--font-size-xxl)}#contact .contact-wrapper{justify-content:center;display:flex;position:relative}#contact .decor-circles{pointer-events:none;position:absolute;inset:0}#contact .circle{opacity:.5;border-radius:50%;position:absolute}#contact .circle.pink{background:var(--main-color)}#contact .circle.yellow{background:var(--sub-color1)}#contact .circle.aqua{background:var(--sub-color2)}#contact .c1{width:90px;height:90px;top:0;left:-150px}#contact .c2{width:120px;height:120px;top:700px;left:-130px}#contact .c3{width:150px;height:150px;top:300px;left:50px}#contact .c4{width:180px;height:180px;top:100px;right:-150px}#contact .c5{width:210px;height:210px;top:300px;right:-70px}#contact .c6{width:240px;height:240px;top:600px;right:-120px}#contact .contact-card{width:100%;max-width:800px;font-size:var(--font-size-md);background:#fff;border-radius:24px;padding:64px;transition:transform .4s,box-shadow .4s;position:relative}#contact .field{text-align:left;margin-bottom:40px}#contact label{text-align:left}#contact label span{color:#fff;background:var(--main-color);border-radius:8px;margin-left:6px;padding:4px 8px}#contact input,#contact select,#contact textarea{width:100%;padding:var(--space-5);margin-top:var(--space-8);font-size:var(--font-size-md);text-align:left;border:1px solid #ffb6c1;border-radius:16px;transition:outline .3s,box-shadow .3s}#contact textarea{resize:none}#contact input:hover,#contact textarea:hover,#contact button:hover{box-shadow:0 0 20px var(--main-color)}#contact input:focus,#contact textarea:focus{outline:2px solid var(--main-color);box-shadow:0 0 20px var(--main-color)}#contact button{width:100%;padding:var(--space-5);margin-top:var(--space-10);font-size:var(--font-size-lg);color:var(--base-color);cursor:pointer;background:var(--main-color);border:none;border-radius:100px;transition:box-shadow .3s}.date-selection-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:5px;display:grid}.date-tab-btn{width:fit-content!important;padding:var(--space-3)var(--space-5)!important;color:var(--text-color1)!important;cursor:pointer!important;background:#fff!important;border:1px solid #ffb6c1!important;border-radius:30px!important;transition:all .2s!important}.date-tab-btn.is-active{color:#fff!important;background:var(--main-color)!important;border-color:var(--main-color)!important}.custom-dropdown{width:100%;position:relative}.dropdown-trigger{width:100%!important;color:var(--text-color1)!important;text-align:left!important;cursor:pointer!important;background:#fff!important;border:1px solid #ffb6c1!important;border-radius:16px!important;justify-content:space-between!important;padding:12px!important;display:flex!important}.dropdown-trigger:disabled{color:var(--text-color2)!important;cursor:not-allowed!important;background:#f5f5f5!important}.dropdown-trigger:disabled:hover{box-shadow:none!important}.custom-dropdown:has(ul) .dropdown-trigger{border-bottom:1px solid #ccc!important;border-radius:16px 16px 0 0!important}.dropdown-list{z-index:10;background:#fff;border:1px solid #ffb6c1;border-top:none;border-radius:0 0 16px 16px;width:100%;max-height:225px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.dropdown-item{cursor:pointer;border-bottom:1px solid #eee;justify-content:space-between;padding:12px;display:flex}.dropdown-item:hover:not(.is-disabled){background:#f0f4ff}.dropdown-item.is-selected{background:#e6eeff}.dropdown-item.is-disabled{cursor:not-allowed;opacity:.4;filter:grayscale();background:#f9f9f9}.availability{color:#666;font-size:.8rem}.availability.alert{color:#d32f2f}#contact .modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#contact .modal-content{text-align:center;background:#fff;border-radius:12px;width:400px;max-width:90%;padding:2rem;box-shadow:0 10px 25px #0003}#contact .modal-content h3{color:#d32f2f;margin-top:0}#contact .error-text{margin:1rem 0;font-weight:700}#contact .info-text{color:#666;margin-bottom:1.5rem;font-size:.85rem}#contact .modal-close-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:6px;padding:10px 20px}@media (max-width:660px){#contact{padding:0}#contact .page-title{margin:var(--space-10)auto}#contact .contact-card{padding:var(--space-5);background:0 0}}
