.contact-section{background-color:var(--bg-main);padding:80px 0;position:relative;overflow:hidden}.contact-section .container{z-index:1;position:relative}.contact-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.contact-info .pill-tag{margin-bottom:20px}.contact-info h2{background:linear-gradient(135deg, var(--white) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:40px}.contact-info p{color:var(--text-secondary);margin-bottom:40px;font-size:16px;line-height:1.6}.info-cards{flex-direction:column;gap:24px;display:flex}.info-card{border:1px solid var(--border-color);background:#171c2366;border-radius:12px;align-items:center;gap:20px;padding:20px;transition:all .3s;display:flex}.info-card:hover{border-color:var(--border-glow);background:#191d21cc;transform:translate(5px)}.info-icon{width:48px;height:48px;color:var(--primary-accent);background:#1fd8c51a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-card h4{color:var(--white);margin-bottom:4px;font-family:Inter,sans-serif;font-size:16px}.info-card p{margin-bottom:0;font-size:14px}.info-card .contact-link{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .3s;display:inline-block}.info-card .contact-link:hover{color:var(--primary-accent)}.contact-form-container{-webkit-backdrop-filter:blur(10px);background:#171c2399;border-radius:16px;padding:20px}.contact-form-container h3{color:var(--white);margin-bottom:19px;font-size:24px}.contact-form-container .form-group{margin-bottom:10px}.contact-form-container .form-group label{color:var(--text-secondary);margin-bottom:5px;font-family:Space Mono,monospace;font-size:13px;font-weight:500;display:block}.contact-form-container .form-group input,.contact-form-container .form-group textarea{border:1px solid var(--border-color);width:100%;color:var(--white);background:#0e1116cc;border-radius:8px;padding:10px 16px;font-family:Inter,sans-serif;font-size:12px;transition:all .3s}.contact-form-container .form-group input:focus,.contact-form-container .form-group textarea:focus{border-color:var(--primary-accent);outline:none;box-shadow:0 0 0 3px #1fd8c51a;background-color:var(--bg-main)!important;color:var(--text-main)!important}.contact-form-container .form-group input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--bg-main) inset!important;-webkit-text-fill-color:white!important}.contact-form-container .form-group input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--bg-main) inset!important;-webkit-text-fill-color:white!important}.contact-form-container .form-group input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--bg-main) inset!important;-webkit-text-fill-color:white!important}.contact-form-container .form-group input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--bg-main) inset!important;-webkit-text-fill-color:white!important}.contact-form-container .form-group input::placeholder,.contact-form-container .form-group textarea::placeholder{color:var(--text-muted)}.contact-form-container .form-group textarea{resize:vertical;min-height:100px}.submit-btn{border-radius:20px;width:100%;margin-top:10px;padding:14px;font-size:15px}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.status-message{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.status-message.success{color:var(--primary-accent);background:#1fd8c51a;border:1px solid #1fd8c533}.status-message.error{color:#ff4757;background:#ff47571a;border:1px solid #ff475733}@media (min-width:993px){.contact-section:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#3282ff1f 0%,#0a0f1900 70%);width:60%;height:80%;position:absolute;top:-20%;right:-10%}}@media (max-width:992px){.contact-wrapper{grid-template-columns:1fr;gap:40px}.contact-info{text-align:center}.contact-info p{margin-left:auto;margin-right:auto}.info-cards{text-align:left;max-width:500px;margin:0 auto}.contact-section:before{content:"";z-index:0;pointer-events:none;width:60%;height:80%;position:absolute;top:-20%;right:-10%}}@media (max-width:768px){.contact-section{padding:40px 0}.contact-wrapper{gap:32px}.contact-info .pill-tag{margin-bottom:12px}.contact-info h2{margin-bottom:12px;font-size:32px}.contact-info p{margin-bottom:24px}.info-cards{gap:16px}.contact-form-container{padding:24px}}.contact-section .contact-info,.contact-form-container{opacity:0;will-change:opacity, transform;transition:opacity 1.4s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1);transform:translateY(60px)}.contact-section.in-view .contact-info,.contact-form-container.in-view{opacity:1;transform:translateY(0)}.contact-form-container h3,.contact-form-container .status-message,.contact-form-container .form-group,.contact-form-container .submit-btn{opacity:0;will-change:opacity, transform;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.contact-form-container.in-view h3{opacity:1;transition-delay:.3s;transform:translateY(0)}.contact-form-container.in-view .status-message{opacity:1;transition-delay:.45s;transform:translateY(0)}.contact-form-container.in-view .form-group:first-of-type{opacity:1;transition-delay:.6s;transform:translateY(0)}.contact-form-container.in-view .form-group:nth-of-type(2){opacity:1;transition-delay:.8s;transform:translateY(0)}.contact-form-container.in-view .form-group:nth-of-type(3){opacity:1;transition-delay:1s;transform:translateY(0)}.contact-form-container.in-view .form-group:nth-of-type(4){opacity:1;transition-delay:1.2s;transform:translateY(0)}.contact-form-container.in-view .submit-btn{opacity:1;transition-delay:1.4s;transform:translateY(0)}.contact-info .pill-tag,.contact-info h2,.contact-info p,.info-card{opacity:0;will-change:opacity, transform;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.contact-section.in-view .contact-info .pill-tag{opacity:1;transition-delay:.2s;transform:translateY(0)}.contact-section.in-view .contact-info h2{opacity:1;transition-delay:.4s;transform:translateY(0)}.contact-section.in-view .contact-info p{opacity:1;transition-delay:.6s;transform:translateY(0)}.contact-section.in-view .info-card:first-child{opacity:1;transition-delay:.9s;transform:translateY(0)}.contact-section.in-view .info-card:nth-child(2){opacity:1;transition-delay:1.1s;transform:translateY(0)}
.delivery-areas-section{background-color:var(--bg-main);color:var(--text-main);padding:60px 0}.delivery-areas-header{margin-bottom:40px}.delivery-label{letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;font-size:.85rem;font-weight:600}.delivery-areas-header h2{color:var(--text-main);margin-bottom:15px;font-size:2.5rem;font-weight:700}.delivery-subtitle{color:var(--text-secondary);max-width:800px;font-size:1.1rem}.delivery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.delivery-card{background-color:var(--bg-card);text-align:center;border-radius:12px;flex-direction:column;height:100%;padding:24px 20px;text-decoration:none;transition:transform .3s,background-color .3s,box-shadow .3s;display:flex}.delivery-card:hover{background-color:var(--border-color);box-shadow:0 10px 25px var(--border-glow);transform:translateY(-5px)}.area-title{color:var(--text-main);margin-bottom:12px;font-size:1.15rem;font-weight:600}.sub-areas{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:.95rem;line-height:1.5}.delivery-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s}.delivery-card:hover .delivery-link{color:var(--primary-accent)}@media (max-width:1024px){.delivery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.mobile-toggle-wrapper{display:none}@media (max-width:768px){.delivery-areas-section{padding:20px 0}.delivery-areas-header h2{font-size:2rem}.delivery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;position:relative}.delivery-grid:not(.is-expanded) .delivery-card:nth-child(n+5){display:none!important}.delivery-grid:not(.is-expanded):after{content:"";background:linear-gradient(to bottom, #0a0c0e00 0%, var(--bg-main,#0a0c0e) 95%);pointer-events:none;z-index:10;height:80px;position:absolute;bottom:0;left:0;right:0}.delivery-grid.is-expanded .delivery-card{display:flex!important}.mobile-toggle-wrapper{z-index:20;justify-content:center;margin-top:16px;display:flex;position:relative}.mobile-expand-btn{border-radius:var(--radius-pill,100px);color:var(--accent,#c8f547);font-size:13px;font-weight:600;font-family:var(--font-body,sans-serif);cursor:pointer;background:#c8f5471a;border:1px solid #c8f5474d;justify-content:center;align-items:center;gap:6px;padding:8px 22px;transition:all .25s;display:inline-flex}.mobile-expand-btn:hover,.mobile-expand-btn:active{background:#c8f54733;transform:translateY(-1px)}}@media (max-width:480px){.delivery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.delivery-card{padding:16px 10px}.area-title{margin-bottom:8px;font-size:1rem}.sub-areas{margin-bottom:12px;font-size:.85rem}.delivery-link{font-size:.8rem}}
