/*
Theme Name: Next Life Scrap
Theme URI: https://nextlifescrap.com
Author: Next Life Scrap India Private Limited
Description: Custom theme for Next Life Scrap, a Registered Vehicle Scrapping Facility in Ghaziabad.
Version: 1.0
Text Domain: nextlifescrap
*/


:root{
  --forest:#0B3B2A; --forest-2:#0F4A35; --leaf:#4FB80F; --btn:#1E7B2E; --btn-d:#17641F; --tint:#EDF5EC; --tint-2:#DCEBDA;
  --paper:#fff; --line:#D6E0D5; --text:#16281E; --muted:#4E6155;
  --warn:#8A4B08; --warn-bg:#FFF3DC; --warn-line:#E9C77E; --red:#C0392B; --red-bg:#FDECEA;
  --head:'Montserrat','Segoe UI',system-ui,sans-serif; --body:'Hind','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);font-size:17px;line-height:1.55;color:var(--text);background:var(--paper);-webkit-text-size-adjust:100%}
[hidden]{display:none!important}
img,svg{max-width:100%}
a{color:var(--btn-d)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #F2B705;outline-offset:2px}
h1,h2,h3{font-family:var(--head);color:var(--forest);line-height:1.15;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:800}
h2{font-size:clamp(1.5rem,3vw,2.15rem);font-weight:800}
h3{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 .9em;max-width:62ch}
.wrap{width:min(1140px,100% - 2.5rem);margin-inline:auto}
.small{font-size:.9rem;color:var(--muted)}
.nb{white-space:nowrap;display:inline!important;background:none!important;padding:0!important;border:0!important;border-radius:0!important;margin:0!important;font:inherit!important;color:inherit!important}
.center{text-align:center}.center p{margin-inline:auto}
.ph{background:#FFE58A;color:#3b2a00;padding:0 .3em;border-radius:3px;font-weight:600;font-size:.92em}
.sec-head{max-width:640px;margin:0 0 2rem}
.sec-head.center{margin-inline:auto}
.sec-head p{color:var(--muted);font-size:1.05rem;margin:0}
.ic{flex:none}
.maplink{display:inline-flex;align-items:center;gap:.35rem;font-weight:600}
.btn .ic{flex:none}

/* top + header */
.top{background:var(--forest);color:#D6E7DC;font-size:.9rem}
.top .wrap{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;flex-wrap:wrap}
.top a{color:#fff;text-decoration:none;font-weight:600}
header.site{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:74px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--forest)}
.brand img{height:46px;width:auto}
.brand .t{display:flex;flex-direction:column;line-height:1}
.brand b{font-family:var(--head);font-weight:800;font-size:1.3rem;letter-spacing:-.01em;color:var(--forest)}
.brand b i{font-style:normal;color:var(--leaf)}
.brand small{font-size:.7rem;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-top:.25rem}
nav.main ul{list-style:none;display:flex;gap:.15rem;margin:0;padding:0}
nav.main a{display:block;padding:.55rem .8rem;border-radius:6px;text-decoration:none;color:#2D4739;font-weight:600;font-size:.95rem}
nav.main a:hover{background:var(--tint)}
nav.main a.on{color:var(--forest);box-shadow:inset 0 -3px 0 var(--leaf)}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:6px;padding:.5rem .8rem;font:600 .95rem var(--body);color:var(--forest)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.3rem;border-radius:9px;border:2px solid transparent;font:700 1rem var(--body);text-decoration:none;cursor:pointer;line-height:1.2}
.btn-green{background:var(--btn);color:#fff}
.btn-green:hover{background:var(--btn-d)}
.btn-line{background:transparent;color:var(--forest);border-color:var(--forest)}
.btn-line:hover{background:var(--forest);color:#fff}
.on-dark .btn-line{color:#fff;border-color:#9DC4A9}
.on-dark .btn-line:hover{background:#fff;color:var(--forest)}
.on-dark .btn-green{background:var(--leaf);color:#08300F}
.on-dark .btn-green:hover{background:#63cd25}
.btn-row{display:flex;gap:.8rem;flex-wrap:wrap}

/* hero */
.hero{background:var(--forest);color:#fff;position:relative;overflow:hidden;padding:clamp(2.4rem,5.5vw,4.2rem) 0}
.hero::before{content:"";position:absolute;right:-90px;bottom:-110px;width:620px;height:450px;background:var(--wm-url) no-repeat center/contain;opacity:.055;pointer-events:none}
.hero .grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.hero h1{color:#fff;font-size:clamp(2.1rem,4.7vw,3.5rem)}
.hero h1 em{font-style:normal;color:var(--leaf)}
.hero .lead{font-size:1.15rem;color:#CFE3D6;max-width:46ch}
.hero .note{color:#9FBFAA;font-size:.93rem;margin-top:1rem}

/* checker */
.checker{background:#fff;color:var(--text);border-radius:16px;padding:1.4rem;box-shadow:0 14px 40px rgba(0,0,0,.25)}
.checker .btn-line,.checker .btn-line:hover{color:var(--forest);border-color:var(--forest)}
.checker .btn-line:hover{background:var(--forest);color:#fff}
.checker .btn-green{background:var(--btn);color:#fff}
.checker .btn-green:hover{background:var(--btn-d)}
.checker h2{font-size:1.15rem;margin-bottom:.9rem}
.checker fieldset{border:0;padding:0;margin:0 0 .8rem}
.checker legend,label.lbl{font-weight:700;font-size:.9rem;display:block;margin-bottom:.3rem;color:var(--forest)}
.checker .opts{display:flex;gap:.6rem}
.checker .opts label{flex:1;border:2px solid var(--line);border-radius:9px;padding:.55rem .8rem;font-weight:600;cursor:pointer;display:flex;gap:.5rem;align-items:center}
.checker .opts label:has(input:checked){border-color:var(--btn);background:var(--tint)}
select,input[type=text],input[type=tel],input[type=email],textarea{width:100%;font:1rem var(--body);padding:.68rem .8rem;border:2px solid var(--line);border-radius:9px;background:#fff;color:var(--text)}
select:focus,input:focus,textarea:focus{border-color:var(--btn)}
.checker .btn{width:100%;margin-top:.9rem}
.result{margin-top:1rem;border-radius:10px;padding:.9rem 1rem;font-size:.97rem;line-height:1.5}
.result:empty{display:none}
.result p{margin:0 0 .55rem;max-width:none}
.result.over{background:var(--red-bg);border:1px solid #E2A19B;border-left:6px solid var(--red);color:#5A1712}
.result.near{background:var(--warn-bg);border:1px solid var(--warn-line);border-left:6px solid #E0A100;color:#4a2a05}
.result.under{background:var(--tint);border:1px solid #b9d6c4;border-left:6px solid var(--btn);color:#14331f}
.result.missing{background:#F1F4F2;border:1px solid var(--line);border-left:6px solid #8898A5;color:var(--text)}
.result .btn-row{margin-top:.4rem}
.result .btn{width:auto;padding:.5rem 1rem;font-size:.93rem;margin:0}

/* chips */
.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.3rem 0}
.chip{display:flex;gap:.8rem;align-items:center}
.chip .ib{width:48px;height:48px;border-radius:50%;background:var(--tint);color:var(--btn);display:grid;place-items:center;flex:none}
.chip b{display:block;font-family:var(--head);font-size:.95rem;color:var(--forest);line-height:1.2}
.chip span{font-size:.88rem;color:var(--muted);line-height:1.3;display:block}

/* sections */
section.block{padding:clamp(2.4rem,5vw,4rem) 0}
section.tint{background:var(--tint)}
.tiles{display:grid;gap:1.2rem}
.tiles.c3{grid-template-columns:repeat(3,1fr)}
.tiles.c2{grid-template-columns:repeat(2,1fr)}
.tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.4rem}
section.tint .tile{border-color:transparent}
.tile .ib{width:62px;height:62px;border-radius:14px;background:var(--tint);color:var(--btn);display:grid;place-items:center;margin-bottom:.9rem}
section.tint .tile .ib{background:var(--tint)}
a.tile{text-decoration:none;color:inherit;display:block}
a.tile:hover{border-color:var(--btn)}
.src{font-size:.92rem;color:var(--muted);padding-left:1.2rem;max-width:80ch}
.src li{margin-bottom:.4rem}
.tile h3{margin-bottom:.25rem}
.tile p{margin:0;color:var(--muted);font-size:.98rem}
.vehicles{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.veh{display:flex;align-items:center;gap:.8rem;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.8rem 1rem}
.veh .ib{flex:none;width:52px;height:52px;border-radius:50%;background:var(--tint);color:var(--btn);display:grid;place-items:center}
.veh b{font-family:var(--head);font-size:.95rem;color:var(--forest);line-height:1.2}
.flow{display:grid;gap:1.2rem;counter-reset:f}
.flow.c4{grid-template-columns:repeat(4,1fr)}
.flow.c3{grid-template-columns:repeat(3,1fr)}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.7rem 1.3rem 1.3rem;counter-increment:f}
.step::before{content:counter(f);position:absolute;top:-14px;left:1.1rem;width:30px;height:30px;border-radius:50%;background:var(--forest);color:#fff;font:800 .9rem var(--head);display:grid;place-items:center}
.step .ib{width:68px;height:68px;border-radius:18px;background:var(--tint);color:var(--btn);display:grid;place-items:center;margin-bottom:.9rem}
.step h3{margin-bottom:.25rem}
.step p{margin:0;font-size:.95rem;color:var(--muted)}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.vs>div{border-radius:16px;padding:1.5rem;border:2px solid}
.vs .yes{background:#fff;border-color:var(--btn)}
.vs .no{background:#fff;border-color:#E2A19B}
.vs h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;margin-bottom:.8rem}
.vs .yes h3{color:var(--btn-d)}.vs .no h3{color:var(--red)}
.vs ul{list-style:none;margin:0;padding:0}
.vs li{display:flex;gap:.6rem;align-items:center;padding:.5rem 0;border-top:1px solid var(--line);font-weight:600}
.vs .yes li .ic{color:var(--btn)}.vs .no li .ic{color:var(--red)}
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.num{background:var(--forest);color:#fff;border-radius:16px;padding:1.5rem}
.num b{display:block;font:800 clamp(2rem,4vw,2.9rem)/1 var(--head);color:var(--leaf);letter-spacing:-.03em}
.num span{display:block;margin-top:.5rem;color:#D3E5D9;font-size:.98rem;line-height:1.35}
.foot-note{font-size:.88rem;color:var(--muted);margin:1rem 0 0;max-width:none}
.certband{display:flex;gap:1.4rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.5rem}
.certband .seal{flex:none;width:84px;height:84px;border-radius:50%;border:3px solid var(--btn);display:grid;place-items:center;text-align:center;font:800 .78rem/1.15 var(--head);color:var(--btn-d)}
.certband h3{margin-bottom:.2rem}
.certband p{margin:0;color:var(--muted)}
.certband .btn{margin-left:auto;white-space:nowrap}
.ctaband{background:var(--forest);color:#fff;padding:clamp(2.4rem,5vw,3.5rem) 0;position:relative;overflow:hidden}
.ctaband h2{color:#fff}
.ctaband p{color:#CFE3D6}
.ctaband .inner{display:flex;gap:2rem;align-items:center;justify-content:space-between;flex-wrap:wrap}

/* page head */
.pagehead{background:var(--forest);color:#fff;padding:clamp(2rem,4vw,3rem) 0;position:relative;overflow:hidden}
.pagehead::before{content:"";position:absolute;right:-60px;bottom:-90px;width:420px;height:300px;background:var(--wm-url) no-repeat center/contain;opacity:.055}
.pagehead .wrap{position:relative}
.pagehead h1{color:#fff;font-size:clamp(1.8rem,3.8vw,2.6rem);max-width:22ch}
.pagehead p{color:#CFE3D6;font-size:1.08rem;margin:0}

/* age tiles + table */
.age{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 1.4rem}
.age div{background:var(--forest);color:#fff;border-radius:16px;padding:1.2rem 1.3rem}
.age b{display:block;font:800 clamp(2.4rem,5vw,3.4rem)/1 var(--head);color:var(--leaf)}
.age span{color:#D3E5D9}
table.bs{border-collapse:separate;border-spacing:0;width:100%;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
table.bs th,table.bs td{padding:.85rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
table.bs tr:last-child td{border-bottom:0}
table.bs th{background:var(--tint);font-family:var(--head);font-size:.85rem;color:var(--forest)}
.chip-s{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-weight:700;font-size:.85rem;white-space:nowrap}
.chip-s.red{background:var(--red-bg);color:#8E2419}
.chip-s.green{background:var(--tint-2);color:#14531F}
.flow3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;align-items:stretch}
.flow3>div{border-radius:16px;padding:1.2rem;background:#fff;border:1px solid var(--line);position:relative}
.flow3 .bad{border-color:#E2A19B;background:var(--red-bg)}
.flow3 b{display:block;font-family:var(--head);color:var(--forest);margin-bottom:.3rem}
.flow3 p{margin:0;font-size:.95rem;color:var(--muted)}
.callout{border-left:5px solid var(--warn-line);background:var(--warn-bg);padding:1rem 1.2rem;border-radius:0 10px 10px 0;color:#4a2a05;margin:1.2rem 0}
.callout p{margin:0;max-width:none}
.callout.green{border-color:var(--btn);background:var(--tint);color:var(--text)}
.callout.red{border-color:var(--red);background:var(--red-bg);color:#5A1712}
.badge48{display:flex;gap:1rem;align-items:center;background:var(--forest);color:#fff;border-radius:16px;padding:1.2rem 1.4rem;margin-top:1.4rem}
.badge48 b{font:800 2.6rem/1 var(--head);color:var(--leaf)}
.badge48 span{color:#D3E5D9}
ul.checks{list-style:none;padding:0;margin:0}
ul.checks li{display:flex;gap:.8rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--line);font-weight:600}
ul.checks li .ib{width:42px;height:42px;border-radius:12px;background:var(--tint);color:var(--btn);display:grid;place-items:center;flex:none}
.chipsrow{display:flex;flex-wrap:wrap;gap:.6rem}
.chipsrow>span,.chipsrow>a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.4rem .95rem;font-weight:600;font-size:.95rem;color:var(--forest);text-decoration:none}
.chipsrow>a:hover{border-color:var(--btn);background:var(--tint)}
.chipsrow>span.on,.chipsrow>a.on{background:var(--btn);color:#fff;border-color:var(--btn)}

/* faq */
details{border-bottom:1px solid var(--line);max-width:820px}
details:first-of-type{border-top:1px solid var(--line)}
summary{cursor:pointer;padding:.95rem 2rem .95rem 0;font-weight:700;font-family:var(--head);color:var(--forest);list-style:none;position:relative;font-size:1rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.3rem;top:.6rem;font-size:1.5rem;font-weight:500;color:var(--btn)}
details[open] summary::after{content:"\2212"}
details .a{padding:0 0 1rem}
details .a p{margin:0 0 .5rem}

/* about */
.certcard{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.certcard .h{background:var(--forest);color:#fff;padding:1rem 1.3rem;display:flex;gap:.8rem;align-items:center}
.certcard .h b{font-family:var(--head)}
.certcard dl{margin:0;padding:.4rem 1.3rem 1rem}
.certcard dl div{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line)}
.certcard dl div:last-child{border-bottom:0}
.certcard dt{font-weight:700;color:var(--forest);font-size:.93rem}
.certcard dd{margin:0;font-size:.97rem}
.logobox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.5rem;display:grid;place-items:center}
.logobox img{max-width:360px;width:100%;height:auto}
.photo-ph{background:repeating-linear-gradient(45deg,#FFF4C2,#FFF4C2 12px,#FFE58A 12px,#FFE58A 24px);border:2px dashed #C9A200;border-radius:16px;min-height:230px;display:grid;place-items:center;text-align:center;padding:1rem;color:#3b2a00;font-weight:700}

/* contact */
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,4vw,3rem);align-items:start}
.form{display:grid;gap:1rem;max-width:580px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form .chk{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem;color:var(--muted)}
.form .chk input{margin-top:.35rem}
.hp{position:absolute;left:-9999px}
.formnote{background:var(--tint);border:1px solid #b9d6c4;border-radius:10px;padding:.8rem 1rem}
.contactcard{background:var(--tint);border-radius:16px;padding:1.5rem}
.contactcard h3{margin-top:1.1rem;display:flex;gap:.5rem;align-items:center}
.contactcard h3:first-child{margin-top:0}
.contactcard p{margin:0 0 .3rem}

/* footer */
footer.site{background:var(--forest);color:#C5D9CB;padding:2.6rem 0 5.5rem;font-size:.94rem}
footer.site a{color:#fff}
footer.site h3{color:#fff;font-size:.95rem;margin-bottom:.5rem}
footer.site .cols{display:grid;grid-template-columns:1.2fr 1.4fr .8fr;gap:2rem}
footer.site p{margin:0 0 .4rem}
footer.site .lg{background:#fff;border-radius:12px;padding:.6rem .9rem;display:inline-block;margin-bottom:.8rem}
footer.site .lg img{height:74px;width:auto;display:block}
.iso-pill{display:inline-block;border:1px solid #6FA383;border-radius:999px;padding:.15rem .7rem;font-weight:700;font-size:.82rem;color:#fff;margin:.3rem 0}
footer.site .legal{border-top:1px solid #21563F;margin-top:1.8rem;padding-top:1rem;font-size:.84rem;color:#9DBBA8;max-width:none}
.rvsf-badge{height:40px;width:auto;display:block}
.rvsf-badge.on-white,footer.site .rvsf-badge{background:#fff;border-radius:8px;padding:.35rem .55rem;box-sizing:content-box}
footer.site .rvsf-badge{height:40px;margin:.4rem 0 .9rem;display:inline-block}
.certband .rvsf-badge{height:40px}

/* gallery / carousel */
.gallery{position:relative;border-radius:16px;overflow:hidden;background:var(--forest);aspect-ratio:16/9}
.gallery .slides{display:flex;height:100%;transition:transform .4s ease}
.gallery .slide{flex:0 0 100%;height:100%;position:relative}
.gallery .slide img,.gallery .slide video{width:100%;height:100%;object-fit:cover;display:block}
.gallery .slide .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(11,59,42,.85),transparent);color:#fff;padding:1.6rem 1.2rem .8rem;font-weight:700;font-family:var(--head)}
.gallery .nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.92);color:var(--forest);border:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.gallery .nav.prev{left:.7rem}.gallery .nav.next{right:.7rem}
.gallery .dots{position:absolute;bottom:.7rem;left:50%;transform:translateX(-50%);display:flex;gap:.4rem}
.gallery .dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.55);padding:0;cursor:pointer}
.gallery .dots button.on{background:#fff}
.gallery .slide.ph-slide{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#0F4A35,#0F4A35 14px,#0B3B2A 14px,#0B3B2A 28px)}
.gallery .slide.ph-slide .ph-wrap{display:grid;place-items:center;height:100%;padding:1rem}
.gallery .slide.ph-slide .soon{color:#9FBFAA;font-family:var(--head);font-weight:700;font-size:1.05rem;letter-spacing:.01em}
.gallery .slide.ph-slide .ph{font-size:1rem;text-align:center}
.mbar{display:none}

@media (max-width:980px){
  .hero .grid,.split{grid-template-columns:1fr}
  .tiles.c3,.nums,.flow.c3,.flow3{grid-template-columns:1fr}
  .flow.c4{grid-template-columns:1fr 1fr}
  .vehicles{grid-template-columns:repeat(3,1fr)}
  .chips{grid-template-columns:1fr 1fr}
  .vs,.age,.tiles.c2{grid-template-columns:1fr}
  footer.site .cols{grid-template-columns:1fr}
  .certband{flex-wrap:wrap}.certband .btn{margin-left:0}
}
@media (max-width:820px){
  .menu-btn{display:block}
  nav.main{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);display:none}
  nav.main.open{display:block}
  nav.main ul{flex-direction:column;padding:.5rem 1.25rem 1rem}
  nav.main a.on{box-shadow:inset 4px 0 0 var(--leaf)}
  header.site .wrap{position:relative}
  .top .hide-m{display:none}
  .top .wrap{justify-content:flex-end}
  .hero .btn-line{display:none}
  .mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:30;box-shadow:0 -2px 10px rgba(0,0,0,.2)}
  .mbar a{display:flex;align-items:center;justify-content:center;padding:.95rem;font:700 1rem var(--body);text-decoration:none;color:#fff}
  .mbar .c{background:var(--forest)}.mbar .w{background:var(--btn)}
  .form .row2{grid-template-columns:1fr}
  .certcard dl div{grid-template-columns:1fr;gap:.1rem}
}
@media (max-width:520px){
  .top .hrs{display:none}
  .hero .btn-row .btn-green{width:100%}
  .flow.c4{grid-template-columns:1fr}
  .vehicles{grid-template-columns:1fr 1fr}
  .chips{grid-template-columns:1fr}
  .brand small{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}