/* DealDekho Extra CSS — About, Contact, Mobile Menu, Header */

/* ── HAMBURGER ──────────────────────────────────────────────────────────── */
.dd-hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;margin-left:auto}
.dd-hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
.dd-city-select{background:rgba(255,255,255,0.15);border:none;color:#fff;padding:6px 10px;border-radius:16px;font-size:12px;cursor:pointer;outline:none}
.dd-city-select option{color:#333;background:#fff}

/* ── MOBILE MENU ────────────────────────────────────────────────────────── */
.dd-mobile-menu{position:fixed;top:0;left:-280px;width:280px;height:100%;background:#fff;z-index:999;transition:left .3s ease;box-shadow:2px 0 20px rgba(0,0,0,0.15);overflow-y:auto;padding:20px 0}
.dd-mobile-menu.open{left:0}
.dd-mobile-menu a{display:block;padding:14px 20px;font-size:14px;color:#333;font-weight:600;border-bottom:1px solid #f0f0f0;text-decoration:none}
.dd-mobile-menu a:hover{background:#e8f5e9;color:#1a7a4a}
.dd-mobile-city{padding:16px 20px;border-top:2px solid #e8f5e9}
.dd-mobile-city label{display:block;font-size:12px;color:#888;font-weight:600;margin-bottom:6px}
.dd-mobile-city select{width:100%;padding:8px;border:1.5px solid #ddd;border-radius:8px;font-size:13px}
.dd-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:998}
.dd-overlay.open{display:block}
body.menu-open{overflow:hidden}

/* ── ABOUT PAGE ─────────────────────────────────────────────────────────── */
.dd-about-page{padding-bottom:30px}
.dd-about-hero{background:linear-gradient(135deg,#1a7a4a,#145c37);color:#fff;padding:60px 20px;text-align:center}
.dd-about-hero h1{font-size:28px;font-weight:800;margin-bottom:12px}
.dd-about-hero p{font-size:15px;opacity:0.9;max-width:500px;margin:0 auto}
.dd-about-section{padding:30px 20px;max-width:1000px;margin:0 auto}
.dd-about-section h2{font-size:20px;font-weight:800;color:#222;margin-bottom:16px}
.dd-about-section p{font-size:14px;color:#555;line-height:1.7;margin-bottom:12px}
.dd-about-green{background:#f0faf5;border-radius:12px;max-width:100%;padding:30px 20px}
.dd-about-grid{display:flex;flex-direction:column;gap:20px}
.dd-about-icon-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dd-about-icon{background:#e8f5e9;border-radius:12px;height:70px;display:flex;align-items:center;justify-content:center;font-size:32px}
.dd-features-grid{display:grid;grid-template-columns:1fr;gap:14px}
.dd-feature-card{background:#fff;border-radius:10px;padding:18px;border:1px solid #e0e0e0}
.dd-feature-icon{font-size:28px;margin-bottom:8px}
.dd-feature-card h3{font-size:14px;font-weight:700;color:#1a7a4a;margin-bottom:6px}
.dd-feature-card p{font-size:13px;color:#666;line-height:1.6}
.dd-sources-grid{display:grid;gap:12px}
.dd-source-item{background:#f9f9f9;border-radius:10px;padding:14px;border-left:4px solid #1a7a4a}
.dd-source-name{font-size:14px;font-weight:800;color:#1a7a4a;margin-bottom:4px}
.dd-source-desc{font-size:13px;color:#666}
.dd-about-stats{background:#1a7a4a;border-radius:12px;padding:30px 20px;max-width:100%}
.dd-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dd-about-stat{text-align:center}
.dd-about-stat-num{font-size:32px;font-weight:800;color:#FFD700}
.dd-about-stat-label{font-size:12px;color:rgba(255,255,255,0.85);margin-top:4px}
.dd-disclaimer{background:#fff8e1;border:1px solid #ffe082;border-radius:10px;padding:18px}
.dd-disclaimer h3{font-size:14px;font-weight:700;color:#f57f17;margin-bottom:8px}
.dd-disclaimer p{font-size:13px;color:#795548;line-height:1.6}

/* ── CONTACT PAGE ───────────────────────────────────────────────────────── */
.dd-contact-page{padding-bottom:30px}
.dd-contact-hero{background:linear-gradient(135deg,#1a7a4a,#145c37);color:#fff;padding:50px 20px;text-align:center}
.dd-contact-hero h1{font-size:26px;font-weight:800;margin-bottom:10px}
.dd-contact-hero p{font-size:14px;opacity:0.9}
.dd-contact-wrap{display:flex;flex-direction:column;gap:20px;padding:24px 16px;max-width:900px;margin:0 auto}
.dd-contact-info h2{font-size:18px;font-weight:800;margin-bottom:16px;color:#222}
.dd-contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;background:#f9f9f9;padding:14px;border-radius:10px;border:1px solid #e8e8e8}
.dd-contact-icon{font-size:24px;flex-shrink:0}
.dd-contact-label{font-size:11px;color:#888;font-weight:600;margin-bottom:3px}
.dd-contact-value{font-size:14px;color:#222;font-weight:600}
.dd-contact-reasons{background:#e8f5e9;border-radius:10px;padding:16px;margin-top:20px}
.dd-contact-reasons h3{font-size:14px;font-weight:700;color:#1a7a4a;margin-bottom:10px}
.dd-contact-reasons ul{padding-left:0;list-style:none}
.dd-contact-reasons li{font-size:13px;color:#444;padding:5px 0;border-bottom:1px solid rgba(0,0,0,0.06)}
.dd-vendor-cta{background:#fff;border:1.5px solid #1a7a4a;border-radius:10px;padding:16px;margin-top:16px}
.dd-vendor-cta h3{font-size:14px;font-weight:700;color:#1a7a4a;margin-bottom:6px}
.dd-vendor-cta p{font-size:13px;color:#666;margin-bottom:12px}
.dd-contact-form-wrap{background:#fff;border-radius:12px;padding:24px;border:1px solid #e8e8e8;box-shadow:0 2px 10px rgba(0,0,0,0.06)}
.dd-contact-success{text-align:center;padding:30px 20px}
.dd-contact-success h2{font-size:22px;font-weight:800;color:#1a7a4a;margin-bottom:8px}
.dd-contact-error{background:#fde8e8;color:#b71c1c;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px;border:1px solid #ef9a9a}
.dd-contact-form .dd-form-row{margin-bottom:16px}
.dd-contact-form label{display:block;font-size:13px;font-weight:700;color:#444;margin-bottom:6px}
.dd-contact-form input,.dd-contact-form select,.dd-contact-form textarea{width:100%;padding:10px 14px;border:1.5px solid #ddd;border-radius:8px;font-size:14px;color:#333;outline:none;transition:border-color .2s;font-family:inherit}
.dd-contact-form input:focus,.dd-contact-form select:focus,.dd-contact-form textarea:focus{border-color:#1a7a4a}
.dd-contact-form textarea{resize:vertical}
.dd-btn-full{width:100%;justify-content:center}

/* ── RESPONSIVE DESKTOP ─────────────────────────────────────────────────── */
@media(min-width:768px){
  .dd-hamburger{display:none}
  .dd-about-grid{flex-direction:row;align-items:center}
  .dd-about-text{flex:1}
  .dd-about-icon-box{grid-template-columns:repeat(4,1fr)}
  .dd-features-grid{grid-template-columns:repeat(3,1fr)}
  .dd-sources-grid{grid-template-columns:repeat(2,1fr)}
  .dd-stat-row{grid-template-columns:repeat(4,1fr)}
  .dd-contact-wrap{flex-direction:row;align-items:flex-start}
  .dd-contact-info{flex:0 0 340px}
  .dd-contact-form-wrap{flex:1}
  .dd-about-green .dd-features-grid{max-width:1000px;margin:0 auto}
}

/* ── FOOTER RESPONSIVE ──────────────────────────────────────────────────── */
.dd-footer{background:#1a1a1a;color:rgba(255,255,255,0.75);padding:30px 20px 20px;margin-top:20px}
.dd-footer-inner{display:grid;grid-template-columns:1fr;gap:24px;max-width:1100px;margin:0 auto}
.dd-footer-name{font-size:18px;font-weight:800;color:#fff;margin-bottom:8px}
.dd-footer p{font-size:12px;line-height:1.6;margin-bottom:6px}
.dd-footer-data{color:#FFD700;font-size:11px}
.dd-footer-links h4,.dd-footer-cities h4{font-size:13px;font-weight:700;color:#fff;margin-bottom:10px}
.dd-footer-links a,.dd-footer-cities a{display:block;font-size:12px;color:rgba(255,255,255,0.6);margin-bottom:6px;text-decoration:none}
.dd-footer-links a:hover,.dd-footer-cities a:hover{color:#FFD700}
.dd-footer-cities{display:flex;flex-direction:column}
.dd-footer-bottom{border-top:1px solid rgba(255,255,255,0.1);margin-top:20px;padding-top:14px;text-align:center;font-size:11px;color:rgba(255,255,255,0.4);max-width:1100px;margin-left:auto;margin-right:auto}
@media(min-width:768px){
  .dd-footer-inner{grid-template-columns:2fr 1fr 1fr 1fr}
}