/* Qoffa Smart — Contact experience */
:root{--contact-cream:#f7f4ec;--contact-ink:#17241e;--contact-green:#1c6b49;--contact-mint:#dfeee0;--contact-lime:#d6ed80;--contact-orange:#f19a57;--contact-line:rgba(28,107,73,.14);--contact-shadow:0 24px 70px rgba(25,55,39,.12);--contact-spring:cubic-bezier(.16,1,.3,1)}
body.contact-page{background:var(--contact-cream);color:var(--contact-ink);overflow-x:hidden}body.contact-page *,body.contact-page *:before,body.contact-page *:after{box-sizing:border-box}body.contact-page #mainHeader{background:rgba(247,244,236,.82);border-bottom:1px solid rgba(28,107,73,.08);backdrop-filter:blur(22px)}body.contact-page .navbar{min-height:88px}body.contact-page .logo-img{width:45px;height:45px;border-radius:15px}body.contact-page .nav-link{border-radius:999px;color:#506158;padding:10px 13px}body.contact-page .nav-link:hover,body.contact-page .nav-link.active{color:var(--contact-green);background:#fff;box-shadow:0 7px 20px rgba(22,60,41,.07)}body.contact-page .cart-btn{background:var(--contact-green);box-shadow:0 9px 22px rgba(28,107,73,.19)}
body.contact-page .contact-hero{margin:18px auto 0;width:min(calc(100% - 32px),1320px);min-height:360px;border-radius:36px;overflow:hidden;position:relative;background:linear-gradient(135deg,#dfeee0 0%,#f7f4ec 56%,#d6ed80 100%);box-shadow:var(--contact-shadow);isolation:isolate}body.contact-page .contact-hero:before{content:'✦';position:absolute;top:32px;left:10%;font-size:7rem;color:rgba(28,107,73,.12);transform:rotate(-15deg)}body.contact-page .contact-hero:after{content:'';position:absolute;right:-110px;bottom:-170px;width:520px;height:520px;border-radius:50%;background:rgba(28,107,73,.12);box-shadow:-140px -30px 0 rgba(241,154,87,.12);z-index:-1}body.contact-page .contact-hero .container{min-height:360px;display:flex;align-items:center}body.contact-page .contact-hero .hero-content{max-width:720px;padding:54px 8px}body.contact-page .contact-hero .hero-title{font-size:clamp(3.3rem,8vw,7rem);line-height:.95;letter-spacing:-.08em;color:var(--contact-ink);margin:0 0 20px}body.contact-page .contact-hero .hero-subtitle{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:800;color:var(--contact-green);margin:0 0 11px}body.contact-page .contact-hero .hero-description{max-width:650px;color:#62746a;font-size:1.05rem;line-height:1.9;margin:0}
body.contact-page .contact-main,body.contact-page .map-section,body.contact-page .contact-methods,body.contact-page .faq-section{padding:92px 0 0}body.contact-page .section-header{text-align:center;margin-bottom:40px}body.contact-page .section-title{font-size:clamp(2.2rem,4.5vw,4rem);letter-spacing:-.07em;color:var(--contact-ink);margin:0 0 10px}body.contact-page .section-subtitle{color:#718078;font-size:1rem;margin:0}
body.contact-page .contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:stretch}body.contact-page .contact-form-container{background:#fff;border:1px solid var(--contact-line);border-radius:32px;padding:clamp(24px,4vw,46px);box-shadow:var(--contact-shadow)}body.contact-page .form-header{margin-bottom:28px}body.contact-page .form-title{font-size:2rem;letter-spacing:-.05em;margin:0 0 8px;color:var(--contact-ink)}body.contact-page .form-description{color:#718078;line-height:1.8;margin:0}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.contact-form .form-group:last-of-type,.contact-form .form-group:nth-last-child(2){grid-column:1/-1}body.contact-page .form-group{display:flex;flex-direction:column;gap:7px}body.contact-page .form-label{font-weight:800;color:var(--contact-ink);font-size:.88rem}body.contact-page .form-label i{color:var(--contact-green);margin-left:6px}body.contact-page .form-control{width:100%;border:1px solid var(--contact-line);border-radius:15px;background:#fbfcf8;color:var(--contact-ink);padding:13px 15px;font:600 .9rem 'Cairo',sans-serif;outline:none;transition:border-color .35s var(--contact-spring),box-shadow .35s var(--contact-spring),background .35s ease}body.contact-page .form-control:focus{background:#fff;border-color:var(--contact-green);box-shadow:0 0 0 4px rgba(28,107,73,.1);transform:translateY(-1px)}body.contact-page textarea.form-control{min-height:145px;resize:vertical}body.contact-page .form-hint{font-size:.72rem;color:#97a49e}body.contact-page .newsletter-label{display:flex;align-items:center;gap:9px;color:#718078;font-size:.82rem}body.contact-page .newsletter-label input{accent-color:var(--contact-green)}body.contact-page .submit-btn{grid-column:1/-1;border:0;border-radius:15px;background:var(--contact-ink);color:#fff;padding:15px 20px;font:800 1rem 'Cairo',sans-serif;cursor:pointer;transition:.4s var(--contact-spring)}body.contact-page .submit-btn:hover{background:var(--contact-green);transform:translateY(-4px);box-shadow:0 14px 28px rgba(28,107,73,.2)}
body.contact-page .contact-info-card{border-radius:32px;padding:32px;background:var(--contact-green);color:#fff;position:relative;overflow:hidden;box-shadow:var(--contact-shadow)}body.contact-page .contact-info-card:after{content:'';position:absolute;width:230px;height:230px;border-radius:50%;right:-85px;bottom:-85px;background:rgba(214,237,128,.25)}body.contact-page .contact-info-card h3{font-size:1.8rem;letter-spacing:-.05em;margin:0 0 8px;position:relative;z-index:1}body.contact-page .contact-info-card>p{color:#dbeadd;line-height:1.8;position:relative;z-index:1}.contact-page .contact-info{display:flex;flex-direction:column;gap:12px;margin-top:28px;position:relative;z-index:1}.contact-page .contact-item{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(255,255,255,.09);transition:.4s var(--contact-spring)}.contact-page .contact-item:hover{background:rgba(255,255,255,.17);transform:translateX(-5px)}.contact-page .contact-item>i{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--contact-lime);color:var(--contact-green)}.contact-page .contact-item a{color:#fff;font-weight:800}
body.contact-page .map-container{height:380px;border-radius:30px;overflow:hidden;position:relative;border:1px solid var(--contact-line);box-shadow:var(--contact-shadow);background:#dfeee0}body.contact-page #contactMap{width:100%;height:100%;filter:saturate(.82) contrast(.96)}body.contact-page .map-overlay{position:absolute;right:22px;bottom:22px;max-width:340px;padding:22px;border-radius:22px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:0 14px 32px rgba(28,107,73,.16)}body.contact-page .map-overlay h3{margin:0 0 10px;color:var(--contact-green)}body.contact-page .map-overlay p{margin:5px 0;color:#63746b;font-size:.85rem}
body.contact-page .methods-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-page .method-card{background:#fff;border:1px solid var(--contact-line);border-radius:26px;padding:28px;box-shadow:0 12px 32px rgba(28,107,73,.07);transition:.5s var(--contact-spring)}.contact-page .method-card:hover{transform:translateY(-9px);box-shadow:var(--contact-shadow);border-color:rgba(28,107,73,.25)}.contact-page .method-card:nth-child(1){background:linear-gradient(145deg,#e7f6e9,#fff)}.contact-page .method-card:nth-child(2){background:linear-gradient(145deg,#f8eddf,#fff)}.contact-page .method-card:nth-child(3){background:linear-gradient(145deg,#edf3e2,#fff)}.contact-page .method-icon{width:56px;height:56px;border-radius:18px;background:var(--contact-green);color:var(--contact-lime);display:grid;place-items:center;font-size:1.35rem;margin-bottom:18px}.contact-page .method-title{font-size:1.3rem;margin:0 0 9px}.contact-page .method-description{color:#718078;line-height:1.8;min-height:88px;margin:0 0 18px}.contact-page .method-button{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--contact-ink);color:#fff;padding:10px 14px;font-weight:800;font-size:.82rem;transition:.35s var(--contact-spring)}.contact-page .method-button:hover{background:var(--contact-green);transform:translateY(-3px)}
body.contact-page .faq-container{max-width:900px;margin:0 auto;display:grid;gap:10px}.contact-page .faq-item{background:#fff;border:1px solid var(--contact-line);border-radius:18px;overflow:hidden;transition:.35s var(--contact-spring)}.contact-page .faq-item:hover{border-color:rgba(28,107,73,.32);box-shadow:0 10px 24px rgba(28,107,73,.07)}.contact-page .faq-question{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 21px;cursor:pointer}.contact-page .question-text{font-weight:800}.contact-page .faq-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--contact-mint);color:var(--contact-green);transition:.35s var(--contact-spring)}.contact-page .faq-item.active .faq-icon{transform:rotate(45deg);background:var(--contact-green);color:#fff}.contact-page .faq-answer{max-height:0;overflow:hidden;transition:max-height .5s var(--contact-spring),padding .4s ease}.contact-page .faq-item.active .faq-answer{max-height:240px;padding:0 21px 20px}.contact-page .answer-text{color:#718078;line-height:1.9;margin:0}
body.contact-page .contact-cta{margin:92px auto 0;width:min(calc(100% - 32px),1320px);border-radius:34px;padding:clamp(42px,7vw,84px);background:var(--contact-ink);color:#fff;position:relative;overflow:hidden}.contact-page .contact-cta:before{content:'';position:absolute;width:360px;height:360px;right:-110px;top:-190px;border-radius:50%;background:var(--contact-lime);opacity:.2}.contact-page .contact-cta .container{position:relative;z-index:1}.contact-page .contact-cta h2{font-size:clamp(2.2rem,5vw,4.6rem);letter-spacing:-.08em;margin:0 0 14px}.contact-page .contact-cta p{color:#dbeadd;max-width:680px;line-height:1.8}.contact-page .cta-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.contact-page .cta-buttons a{border-radius:999px;padding:12px 18px;font-weight:800;transition:.35s var(--contact-spring)}.contact-page .cta-buttons a:hover{transform:translateY(-4px)}.contact-page .cta-buttons a:first-child{background:var(--contact-lime);color:var(--contact-ink)}.contact-page .cta-buttons a:nth-child(2){background:#25d366;color:#073d1f}.contact-page .cta-buttons a:last-child{border:1px solid rgba(255,255,255,.28);color:#fff}
@media(max-width:900px){body.contact-page .contact-grid{grid-template-columns:1fr}.contact-page .methods-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-page .contact-info-card{min-height:auto}}
@media(max-width:600px){body.contact-page .contact-hero,body.contact-page .contact-cta{width:calc(100% - 16px);border-radius:24px}.contact-page .contact-hero{min-height:410px}.contact-page .contact-hero .container{min-height:410px}.contact-page .contact-hero .hero-content{padding:38px 20px}.contact-page .contact-hero .hero-title{font-size:clamp(3rem,15vw,5rem)}body.contact-page .contact-main,body.contact-page .map-section,body.contact-page .contact-methods,body.contact-page .faq-section{padding-top:68px}.contact-page .contact-grid{gap:13px}.contact-page .contact-form-container,.contact-page .contact-info-card{padding:22px;border-radius:24px}.contact-page .contact-form{grid-template-columns:1fr;gap:14px}.contact-form .form-group:last-of-type,.contact-form .form-group:nth-last-child(2){grid-column:auto}.contact-page .submit-btn{grid-column:auto}.contact-page .methods-grid{grid-template-columns:1fr}.contact-page .method-description{min-height:auto}.contact-page .map-container{height:390px;border-radius:24px}.contact-page .map-overlay{right:12px;left:12px;bottom:12px;max-width:none}.contact-page .contact-cta{margin-top:68px;padding:36px 22px}.contact-page .cta-buttons{flex-direction:column}.contact-page .cta-buttons a{text-align:center}.contact-page .section-header{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){body.contact-page *,body.contact-page *:before,body.contact-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}