/*
 * Shared styles for the Google Ads landing pages (folders like /interior-designers-company-dwarka/).
 * Uses the main site design (style.css) plus these additions. Prefix: .lp-
 */
.lp-hero{position:relative;background:#222 center/cover no-repeat;padding:60px 0;color:#fff;}
.lp-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.35) 100%);}
.lp-hero .wrapper{position:relative;}
.lp-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;}
.lp-hero .lp-eyebrow{display:inline-block;background:#f37021;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:6px 12px;border-radius:3px;margin-bottom:18px;}
.lp-hero h1{font-size:44px;line-height:1.15;font-weight:700;color:#fff;margin:0 0 18px;}
.lp-hero h1 span{color:#f37021;}
.lp-hero .lp-sub{font-size:18px;line-height:1.5;margin:0 0 22px;color:#f1f1f1;}
.lp-ticks{list-style:none;margin:0 0 28px;padding:0;}
.lp-ticks li{position:relative;padding-left:28px;margin:0 0 10px;font-size:16px;}
.lp-ticks li:before{content:"\f00c";font-family:'FontAwesome';position:absolute;left:0;top:1px;color:#f37021;}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px;}
.lp-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:5px;font-size:16px;font-weight:600;text-decoration:none;line-height:1;}
.lp-btn-orange{background:#f37021;color:#fff;}
.lp-btn-orange:hover{background:#d95f14;color:#fff;}
.lp-btn-white{background:#fff;color:#333;}
.lp-btn-white:hover{background:#f1f1f1;color:#333;}
.lp-btn-green{background:#25d366;color:#fff;}
.lp-btn-green:hover{background:#1eb257;color:#fff;}
.lp-hero .contact-form-container{margin:0;color:#333;max-width:none;}
.lp-hero .contact-form-container h2{text-align:center;font-size:22px;color:#f37021;font-weight:600;margin:0 0 6px;}
.lp-hero .contact-form-container .lp-form-note{text-align:center;font-size:13px;color:#666;margin:0 0 18px;}
.lp-hero .contact-form-container p{margin-bottom:14px;}
.lp-hero .contact-form-container textarea{height:80px;}
.lp-hero .contact-form-container input[type="submit"]{width:100%;border-radius:22px;font-weight:600;}
.lp-form-success{display:none;background:#d4edda;color:#155724;padding:14px;border-radius:5px;text-align:center;margin-bottom:14px;}
.lp-privacy{font-size:12px;color:#888;text-align:center;margin:10px 0 0 !important;}

.lp-stats{background:#f37021;color:#fff;padding:26px 0;}
.lp-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;text-align:center;}
.lp-stats strong{display:block;font-size:32px;font-weight:700;line-height:1.1;}
.lp-stats span{font-size:14px;}

.lp-section{padding:60px 0;}
.lp-section.bg-white{background:#fff;}
.lp-section h2.pro-title{line-height:1.2;}
.lp-lead{max-width:1000px;margin:0 auto 35px;text-align:center;font-size:17px;line-height:1.6;color:#333;}
.lp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.lp-two-col .lp-img img{width:100%;height:auto;display:block;border-radius:10px;}
.lp-two-col .pro-title{text-align:left;}
.lp-two-col p{font-size:16px;line-height:1.6;margin-bottom:16px;color:#333;}
.lp-two-col .custom-list li{font-weight:400;}

.lp-areas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none;}
.lp-areas li{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:20px;padding:6px 14px;font-size:14px;}
.lp-map iframe{width:100% !important;max-width:100% !important;height:380px;border:0;border-radius:10px;display:block;}
.lp-address{background:#f7f7f7;border-radius:10px;padding:20px;margin:0 0 20px;font-size:15px;line-height:1.6;}
.lp-address i{color:#f37021;width:18px;}
.lp-address a{color:#333;}

.lp-awards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.lp-award{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);border-radius:10px;padding:26px 22px;text-align:center;font-size:15px;line-height:1.5;}
.lp-award i{font-size:34px;color:#f37021;margin-bottom:12px;}
.lp-award h3{font-size:18px;font-weight:600;margin:0 0 10px;color:#000;}

.lp-projects #tiles .gal-grid{margin-bottom:0;}
.lp-center{text-align:center;margin-top:30px;}

.lp-faq{max-width:900px;margin:0 auto;}
.lp-faq details{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin:0 0 10px;}
.lp-faq summary{cursor:pointer;list-style:none;padding:16px 50px 16px 20px;font-size:16px;font-weight:600;color:#000;position:relative;}
.lp-faq summary::-webkit-details-marker{display:none;}
.lp-faq summary:after{content:"\f067";font-family:'FontAwesome';position:absolute;right:20px;top:16px;color:#f37021;}
.lp-faq details[open] summary:after{content:"\f068";}
.lp-faq .lp-faq-a{padding:0 20px 18px;font-size:15px;line-height:1.6;color:#444;}

.lp-final{background:#333;color:#fff;text-align:center;padding:55px 0;}
.lp-final h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 12px;}
.lp-final p{font-size:17px;margin:0 0 25px;color:#ddd;}
.lp-final .lp-cta{justify-content:center;}

.lp-sticky{display:none;}

@media (max-width:991px){
    .lp-hero-grid,.lp-two-col{grid-template-columns:1fr;gap:30px;}
    .lp-hero h1{font-size:34px;}
    .lp-stats-grid{grid-template-columns:repeat(3,1fr);row-gap:18px;}
    .lp-awards{grid-template-columns:1fr;}
    .lp-two-col .lp-img{order:-1;}
}
@media (max-width:767px){
    .lp-hero{padding:35px 0;}
    .lp-hero h1{font-size:28px;}
    .lp-hero .lp-sub{font-size:16px;}
    .lp-stats strong{font-size:24px;}
    .lp-stats-grid{grid-template-columns:repeat(2,1fr);}
    .lp-section{padding:40px 0;}
    .lp-two-col .pro-title{text-align:center;}
    .lp-final h2{font-size:24px;}
    .lp-map iframe{height:300px;}
    /* Sticky call / WhatsApp / quote bar on phones */
    .lp-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999;box-shadow:0 -2px 10px rgba(0,0,0,.2);}
    .lp-sticky a{flex:1;text-align:center;padding:14px 4px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;}
    .lp-sticky a i{margin-right:6px;}
    .lp-sticky .s-call{background:#333;}
    .lp-sticky .s-wa{background:#25d366;}
    .lp-sticky .s-quote{background:#f37021;}
    body{padding-bottom:50px;}
    #whatsapp-wrapper{display:none;}
}
        

/* Process grids with 4 or 5 steps (default .how-works has 6 columns) */
.how-works.lp-steps-4{grid-template-columns:repeat(4,1fr);}
.how-works.lp-steps-5{grid-template-columns:repeat(5,1fr);}

/* Furniture Experience Center photo grid */
.lp-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.lp-gallery img{width:100%;height:100%;aspect-ratio:2/3;object-fit:cover;display:block;border-radius:8px;}
.lp-gallery-more{display:flex;align-items:center;justify-content:center;text-align:center;background:#f37021;color:#fff;border-radius:8px;font-weight:600;font-size:15px;line-height:1.4;text-decoration:none;aspect-ratio:2/3;padding:10px;}
.lp-gallery-more:hover{background:#d95f14;color:#fff;}

@media (max-width:991px){
    .how-works.lp-steps-4,.how-works.lp-steps-5{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:767px){
    .how-works.lp-steps-4,.how-works.lp-steps-5{grid-template-columns:repeat(2,1fr);}
    .lp-gallery{gap:6px;}
}

/* Process section on the grey page background (keeps sections alternating white / grey) */
.how-works-wrapper.lp-gray{background:transparent;}

/* Links inside text blocks */
.lp-two-col p a,.lp-faq .lp-faq-a a{color:#f37021;}

/* Keep tall portrait photos from dominating two-column sections */
.lp-two-col .lp-img img{max-height:560px;object-fit:cover;}