/*
Theme Name: PR Meditech v4
Author: PR Meditech
Version: 4.0
Description: Official website theme for PR Meditech – Dog Poop Bag Manufacturer & Private Label Solutions.
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --bg:#0d0f0b;--bg2:#131510;--bg3:#1a1d16;--bg4:#222520;
  --gold:#c8a84b;--gold-l:#e0c272;--gold-p:rgba(200,168,75,0.1);--gold-b:rgba(200,168,75,0.22);
  --white:#f5f2eb;--wdim:rgba(245,242,235,0.65);--wfaint:rgba(245,242,235,0.08);
  --bdr:rgba(245,242,235,0.08);
  --font-d:'Playfair Display',Georgia,serif;--font-b:'Outfit',system-ui,sans-serif;
}
html{scroll-behavior:smooth;}
body{font-family:var(--font-b);background:var(--bg);color:var(--white);overflow-x:hidden;margin:0;}
img{max-width:100%;height:auto;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(13,15,11,0.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--bdr);}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-m{width:38px;height:38px;background:var(--gold);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.logo-m svg{width:20px;height:20px;fill:var(--bg);}
.logo-n{font-family:var(--font-d);font-size:1.1rem;color:var(--white);}
.nl{display:flex;align-items:center;gap:0;list-style:none;}
.nl a{color:var(--wdim);text-decoration:none;font-size:.88rem;font-weight:500;transition:color .2s;padding:.4rem .9rem;}
.nl a:hover,.nl a.active{color:var(--gold);}
.nav-right{display:flex;align-items:center;gap:1rem;}
.nph{font-size:.83rem;color:var(--gold);font-weight:600;text-decoration:none;white-space:nowrap;}
.nbtn{background:var(--gold);color:var(--bg);padding:.46rem 1.2rem;border-radius:6px;font-size:.84rem;font-weight:700;text-decoration:none;transition:background .2s;white-space:nowrap;}
.nbtn:hover{background:var(--gold-l);}

/* HERO */
.hero{min-height:100vh;padding-top:70px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;}
.hl{padding:7% 5% 7% 7%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;}
.hr{position:relative;overflow:hidden;}
.hr-img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
.hr-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--bg) 0%,transparent 40%),linear-gradient(to top,var(--bg) 0%,transparent 30%);}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--gold-b);background:var(--gold-p);color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .9rem;border-radius:100px;margin-bottom:1.6rem;}
.pdot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.hero h1{font-family:var(--font-d);font-size:clamp(2.5rem,4.2vw,3.8rem);line-height:1.08;color:var(--white);margin-bottom:1.2rem;animation:up .9s ease both;}
.hero h1 span{color:var(--gold);}
.hsub{font-size:.98rem;color:var(--wdim);line-height:1.75;max-width:460px;margin-bottom:2.2rem;animation:up .9s .15s ease both;}
.hbtns{display:flex;gap:1rem;flex-wrap:wrap;animation:up .9s .3s ease both;}
.bgold{background:var(--gold);color:var(--bg);padding:.76rem 1.8rem;border-radius:7px;font-weight:700;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
.bgold:hover{background:var(--gold-l);transform:translateY(-1px);}
.bout{background:transparent;color:var(--white);padding:.76rem 1.8rem;border-radius:7px;font-weight:600;font-size:.9rem;text-decoration:none;border:1px solid var(--bdr);transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
.bout:hover{border-color:var(--gold-b);color:var(--gold);}
.hstats{display:flex;gap:2.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--bdr);animation:up .9s .45s ease both;}
.sn{font-family:var(--font-d);font-size:1.9rem;color:var(--gold);}
.sl{font-size:.72rem;color:rgba(245,242,235,.38);margin-top:2px;text-transform:uppercase;letter-spacing:.06em;}
@keyframes up{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}

/* SECTIONS */
section{padding:6rem 7%;}
.stag{display:inline-block;background:var(--gold-p);border:1px solid var(--gold-b);color:var(--gold);font-size:.71rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.27rem .85rem;border-radius:100px;margin-bottom:1rem;}
.st{font-family:var(--font-d);font-size:clamp(1.9rem,3vw,2.7rem);color:var(--white);margin-bottom:.8rem;line-height:1.15;}
.sd{font-size:.96rem;color:var(--wdim);line-height:1.75;max-width:560px;}
.shdr{margin-bottom:3.5rem;}
.shdr.c{text-align:center;}.shdr.c .sd{margin:0 auto;}
.s2{background:var(--bg2);}
.s3{background:var(--bg2);}
.s4{background:var(--bg2);}

/* PRODUCTS */
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}
.pc{background:var(--bg3);border:1px solid var(--bdr);border-radius:16px;overflow:hidden;transition:all .3s;}
.pc:hover{border-color:var(--gold-b);transform:translateY(-4px);}
.pimg{width:100%;height:210px;object-fit:cover;display:block;background:var(--bg4);}
.pb{padding:1.4rem;}
.pb h3{font-family:var(--font-d);font-size:1.15rem;color:var(--white);margin-bottom:.5rem;}
.pb p{font-size:.84rem;color:var(--wdim);line-height:1.6;}
.ptag{display:inline-block;margin-top:.85rem;background:var(--gold-p);color:var(--gold);border:1px solid var(--gold-b);font-size:.69rem;font-weight:700;letter-spacing:.06em;padding:.18rem .7rem;border-radius:100px;}

/* MACHINES */
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.mc{background:var(--bg3);border:1px solid var(--bdr);border-radius:16px;overflow:hidden;transition:all .3s;position:relative;}
.mc:hover{border-color:var(--gold-b);transform:translateY(-3px);}
.mc-img{width:100%;height:220px;object-fit:cover;display:block;background:var(--bg4);}
.mc-body{padding:1.6rem;}
.mc-top-bar{height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-l));transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.mc:hover .mc-top-bar{transform:scaleX(1);}
.mc-body h3{font-family:var(--font-d);font-size:1.15rem;color:var(--white);margin-bottom:.5rem;}
.mc-body p{font-size:.84rem;color:var(--wdim);line-height:1.6;}
.msp{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bdr);display:flex;flex-direction:column;gap:.4rem;}
.msi{display:flex;align-items:center;gap:.5rem;font-size:.77rem;color:rgba(245,242,235,.38);}
.msi::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0;}

/* WHY US */
.wwrap{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.wfeats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem;}
.wf{background:var(--bg3);border:1px solid var(--bdr);border-radius:12px;padding:1.3rem;transition:border-color .2s;}
.wf:hover{border-color:var(--gold-b);}
.wfi{font-size:1.5rem;margin-bottom:.7rem;}
.wf h4{font-size:.88rem;font-weight:600;color:var(--white);margin-bottom:.3rem;}
.wf p{font-size:.77rem;color:var(--wdim);line-height:1.5;}
.wvis{position:relative;}
.wpanel{background:var(--bg3);border:1px solid var(--bdr);border-radius:20px;overflow:hidden;}
.wptop{height:260px;overflow:hidden;}
.wptop img{width:100%;height:100%;object-fit:cover;display:block;}
.wpstats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bdr);}
.wps{background:var(--bg3);padding:1.2rem;}
.wpsn{font-family:var(--font-d);font-size:1.6rem;color:var(--gold);}
.wpsl{font-size:.72rem;color:rgba(245,242,235,.38);margin-top:3px;text-transform:uppercase;letter-spacing:.05em;}
.wbadge{position:absolute;top:-1.2rem;right:-1rem;background:var(--gold);color:var(--bg);border-radius:10px;padding:.9rem 1.1rem;font-family:var(--font-d);font-size:.85rem;font-weight:700;box-shadow:0 8px 32px rgba(200,168,75,.35);white-space:nowrap;}

/* PRIVATE LABEL */
.plwrap{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}
.plsteps{margin-top:2rem;display:flex;flex-direction:column;}
.pls{display:flex;gap:1.2rem;padding:1.5rem 0;border-bottom:1px solid var(--bdr);}
.pls:last-child{border-bottom:none;}
.plnum{width:40px;height:40px;min-width:40px;border-radius:10px;background:var(--gold-p);border:1px solid var(--gold-b);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:1.1rem;color:var(--gold);}
.pls h4{font-size:.94rem;font-weight:600;color:var(--white);margin-bottom:.3rem;}
.pls p{font-size:.82rem;color:var(--wdim);line-height:1.55;}
.pfbox{background:var(--bg3);border:1px solid var(--bdr);border-radius:20px;padding:2.5rem;position:sticky;top:90px;}
.pfbox h3{font-family:var(--font-d);font-size:1.5rem;color:var(--white);margin-bottom:.4rem;}
.pfbox .sub{font-size:.83rem;color:var(--wdim);margin-bottom:1.5rem;}
.pfi{width:100%;background:var(--bg4);border:1px solid var(--bdr);border-radius:8px;padding:.7rem 1rem;color:var(--white);font-family:var(--font-b);font-size:.87rem;outline:none;transition:border .2s;margin-bottom:.75rem;}
.pfi::placeholder{color:rgba(245,242,235,.3);}
.pfi:focus{border-color:var(--gold-b);}
.pfrow{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}

/* CERTS */
.crow{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center;margin-top:3rem;}
.cc{background:var(--bg3);border:1px solid var(--bdr);border-radius:14px;padding:1.5rem 1.8rem;text-align:center;min-width:148px;transition:all .2s;}
.cc:hover{border-color:var(--gold-b);transform:translateY(-3px);}
.cci{font-size:1.9rem;margin-bottom:.6rem;}
.ccn{font-size:.82rem;font-weight:600;color:var(--white);}
.ccs{font-size:.71rem;color:rgba(245,242,235,.38);margin-top:3px;}

/* CTA STRIP */
.ctastrip{margin:0 4% 2rem;background:linear-gradient(135deg,var(--bg3) 0%,#1e2118 100%);border:1px solid var(--gold-b);border-radius:20px;padding:3.5rem 4rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;overflow:hidden;}
.ctastrip::before{content:'';position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(200,168,75,.12) 0%,transparent 70%);}
.ctastrip h2{font-family:var(--font-d);font-size:clamp(1.5rem,2.5vw,2rem);color:var(--white);max-width:500px;position:relative;}
.ctabtns{display:flex;gap:1rem;flex-shrink:0;position:relative;}

/* FOOTER */
footer{background:var(--bg2);border-top:1px solid var(--bdr);padding:4rem 7% 2rem;}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}
.fbrand p{font-size:.83rem;line-height:1.7;color:rgba(245,242,235,.38);margin:1rem 0;}
.fsoc{display:flex;gap:.7rem;margin-top:1rem;}
.fs{width:34px;height:34px;border-radius:8px;background:var(--wfaint);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s;}
.fs:hover{background:var(--gold-p);border-color:var(--gold-b);}
.fs svg{width:14px;height:14px;fill:var(--wdim);}
.fcol h4{font-size:.71rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(245,242,235,.35);margin-bottom:1.2rem;}
.fcol a{display:block;color:var(--wdim);text-decoration:none;font-size:.85rem;margin-bottom:.6rem;transition:color .2s;}
.fcol a:hover{color:var(--gold);}
.fbot{border-top:1px solid var(--bdr);padding-top:1.5rem;display:flex;justify-content:space-between;font-size:.77rem;color:rgba(245,242,235,.3);}
.fbot a{color:rgba(245,242,235,.3);text-decoration:none;}
.gline{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 7%;}

/* PAGE HERO (inner pages) */
.phero{padding:140px 7% 80px;background:var(--bg2);position:relative;overflow:hidden;}
.phero::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(200,168,75,.08) 0%,transparent 70%);}
.phero-inner{max-width:680px;position:relative;}
.phero h1{font-family:var(--font-d);font-size:clamp(2.5rem,4vw,3.6rem);line-height:1.1;color:var(--white);margin-bottom:1.2rem;}
.phero h1 span{color:var(--gold);}
.phero p{font-size:1.05rem;color:var(--wdim);line-height:1.8;max-width:580px;}

/* ABOUT */
.story-wrap{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.story-img{border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--bg3);border:1px solid var(--bdr);}
.story-img img{width:100%;height:100%;object-fit:cover;display:block;}
.story-text h2{font-family:var(--font-d);font-size:clamp(1.8rem,2.8vw,2.4rem);color:var(--white);margin-bottom:1.2rem;line-height:1.15;}
.story-text h2 span{color:var(--gold);}
.story-text p{font-size:.95rem;color:var(--wdim);line-height:1.8;margin-bottom:1rem;}
.story-btns{display:flex;gap:1rem;margin-top:1.8rem;flex-wrap:wrap;}
.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bdr);border:1px solid var(--bdr);border-radius:16px;overflow:hidden;margin-bottom:5rem;}
.stat-item{background:var(--bg3);padding:2rem;text-align:center;}
.stat-n{font-family:var(--font-d);font-size:2.2rem;color:var(--gold);margin-bottom:.4rem;}
.stat-l{font-size:.8rem;color:var(--wdim);font-weight:500;}
.stat-s{font-size:.72rem;color:rgba(245,242,235,.35);margin-top:2px;}
.vals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.val-card{background:var(--bg3);border:1px solid var(--bdr);border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;}
.val-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-l));transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.val-card:hover::after{transform:scaleX(1);}
.val-card:hover{border-color:var(--gold-b);}
.val-icon{font-size:2rem;margin-bottom:1rem;}
.val-card h3{font-family:var(--font-d);font-size:1.2rem;color:var(--white);margin-bottom:.7rem;}
.val-card p{font-size:.85rem;color:var(--wdim);line-height:1.7;}
.timeline{position:relative;padding-left:2rem;}
.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--gold),transparent);}
.tl-item{position:relative;padding:0 0 2.5rem 2.5rem;}
.tl-item::before{content:'';position:absolute;left:-6px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--gold);border:3px solid var(--bg);}
.tl-year{font-size:.75rem;color:var(--gold);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;}
.tl-item h4{font-family:var(--font-d);font-size:1.1rem;color:var(--white);margin-bottom:.4rem;}
.tl-item p{font-size:.85rem;color:var(--wdim);line-height:1.6;}

/* PRODUCTS PAGE */
.pfeat{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:5rem 0;border-bottom:1px solid var(--bdr);}
.pfeat:last-child{border-bottom:none;}
.pfeat.rev{direction:rtl;}
.pfeat.rev>*{direction:ltr;}
.pfeat-img{border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--bg3);border:1px solid var(--bdr);}
.pfeat-img img{width:100%;height:100%;object-fit:cover;display:block;}
.pfeat-img.pad img{object-fit:contain;padding:1.5rem;background:#f5f5f0;}
.pfeat-text h2{font-family:var(--font-d);font-size:clamp(1.8rem,2.8vw,2.2rem);color:var(--white);margin-bottom:1rem;line-height:1.2;}
.pfeat-text h2 span{color:var(--gold);}
.pfeat-text p{font-size:.95rem;color:var(--wdim);line-height:1.8;margin-bottom:.9rem;}
.spec-list{margin:1.4rem 0;display:flex;flex-direction:column;gap:.6rem;}
.spec-item{display:flex;align-items:flex-start;gap:.8rem;font-size:.88rem;color:var(--wdim);}
.spec-dot{width:20px;height:20px;min-width:20px;border-radius:50%;background:var(--gold-p);border:1px solid var(--gold-b);display:flex;align-items:center;justify-content:center;margin-top:1px;}
.spec-dot::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold);}
.pfeat-btns{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;}
.spec-table{width:100%;border-collapse:collapse;margin-top:1rem;}
.spec-table tr{border-bottom:1px solid var(--bdr);}
.spec-table tr:last-child{border-bottom:none;}
.spec-table td{padding:.75rem 0;font-size:.85rem;}
.spec-table td:first-child{color:rgba(245,242,235,.4);width:40%;}
.spec-table td:last-child{color:var(--white);font-weight:500;}
.ovgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem;}
.ov-card{background:var(--bg3);border:1px solid var(--bdr);border-radius:14px;overflow:hidden;transition:all .3s;text-decoration:none;}
.ov-card:hover{border-color:var(--gold-b);transform:translateY(-3px);}
.ov-img{width:100%;height:160px;object-fit:cover;display:block;background:var(--bg4);}
.ov-img.pad{object-fit:contain;padding:1rem;background:#f5f5f0;}
.ov-body{padding:1rem;}
.ov-body h4{font-family:var(--font-d);font-size:1rem;color:var(--white);margin-bottom:.3rem;}
.ov-body p{font-size:.78rem;color:var(--wdim);}
.custom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.custom-card{background:var(--bg3);border:1px solid var(--bdr);border-radius:14px;padding:1.6rem;transition:border-color .2s;}
.custom-card:hover{border-color:var(--gold-b);}
.custom-card .ico{font-size:1.8rem;margin-bottom:1rem;}
.custom-card h4{font-family:var(--font-d);font-size:1.05rem;color:var(--white);margin-bottom:.5rem;}
.custom-card p{font-size:.84rem;color:var(--wdim);line-height:1.65;}

/* MANUFACTURING PAGE */
.flow{display:flex;gap:0;position:relative;margin-top:1rem;}
.flow-step{flex:1;text-align:center;position:relative;}
.flow-step::after{content:'→';position:absolute;right:-12px;top:30px;color:var(--gold);font-size:1.2rem;z-index:1;}
.flow-step:last-child::after{display:none;}
.flow-icon{width:64px;height:64px;border-radius:16px;background:var(--gold-p);border:1px solid var(--gold-b);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 1rem;}
.flow-step h4{font-size:.88rem;font-weight:600;color:var(--white);margin-bottom:.3rem;}
.flow-step p{font-size:.75rem;color:var(--wdim);line-height:1.5;}
.mfeat{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:5rem 0;border-bottom:1px solid var(--bdr);}
.mfeat:last-child{border-bottom:none;}
.mfeat.rev{direction:rtl;}
.mfeat.rev>*{direction:ltr;}
.mfeat-img{border-radius:16px;overflow:hidden;background:var(--bg3);border:1px solid var(--bdr);}
.mfeat-img img{width:100%;display:block;}
.mfeat-img.white-bg img{background:#f5f5f0;object-fit:contain;padding:2rem;}
.mfeat-text h2{font-family:var(--font-d);font-size:clamp(1.8rem,2.8vw,2.2rem);color:var(--white);margin-bottom:1rem;line-height:1.2;}
.mfeat-text h2 span{color:var(--gold);}
.mfeat-text p{font-size:.95rem;color:var(--wdim);line-height:1.8;margin-bottom:.9rem;}
.mfeat-num{font-family:var(--font-d);font-size:5rem;color:var(--gold-p);line-height:1;margin-bottom:-.5rem;font-weight:900;}
.qc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.qc-card{background:var(--bg3);border:1px solid var(--bdr);border-radius:14px;padding:1.8rem;transition:border-color .2s;}
.qc-card:hover{border-color:var(--gold-b);}
.qc-card .ico{font-size:1.8rem;margin-bottom:1rem;}
.qc-card h4{font-family:var(--font-d);font-size:1.05rem;color:var(--white);margin-bottom:.5rem;}
.qc-card p{font-size:.84rem;color:var(--wdim);line-height:1.65;}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bdr);border:1px solid var(--bdr);border-radius:16px;overflow:hidden;}
.cap-item{background:var(--bg3);padding:2rem;text-align:center;}
.cap-n{font-family:var(--font-d);font-size:2rem;color:var(--gold);margin-bottom:.4rem;}
.cap-l{font-size:.82rem;color:var(--wdim);font-weight:500;}
.cap-s{font-size:.72rem;color:rgba(245,242,235,.35);margin-top:3px;}

/* CONTACT PAGE */
.contact-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:start;}
.ci-section{margin-bottom:3rem;}
.ci-section h3{font-family:var(--font-d);font-size:1.3rem;color:var(--white);margin-bottom:1.2rem;}
.ci-item{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.2rem;}
.ci-icon{width:44px;height:44px;min-width:44px;border-radius:10px;background:var(--gold-p);border:1px solid var(--gold-b);display:flex;align-items:center;justify-content:center;font-size:1.1rem;}
.ci-item h4{font-size:.88rem;font-weight:600;color:var(--white);margin-bottom:.2rem;}
.ci-item p,.ci-item a{font-size:.85rem;color:var(--wdim);text-decoration:none;line-height:1.6;}
.ci-item a:hover{color:var(--gold);}
.channels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;}
.channel{background:var(--bg3);border:1px solid var(--bdr);border-radius:12px;padding:1.2rem;text-align:center;text-decoration:none;transition:all .2s;}
.channel:hover{border-color:var(--gold-b);transform:translateY(-2px);}
.channel-ico{font-size:1.8rem;margin-bottom:.5rem;}
.channel h4{font-size:.88rem;font-weight:600;color:var(--white);margin-bottom:.2rem;}
.channel p{font-size:.75rem;color:var(--wdim);}
.contact-form{background:var(--bg3);border:1px solid var(--bdr);border-radius:20px;padding:3rem;}
.contact-form h3{font-family:var(--font-d);font-size:1.6rem;color:var(--white);margin-bottom:.5rem;}
.contact-form .sub{font-size:.85rem;color:var(--wdim);margin-bottom:2rem;}
.fi{width:100%;background:var(--bg4);border:1px solid var(--bdr);border-radius:8px;padding:.75rem 1rem;color:var(--white);font-family:var(--font-b);font-size:.88rem;outline:none;transition:border .2s;margin-bottom:.9rem;}
.fi::placeholder{color:rgba(245,242,235,.3);}
.fi:focus{border-color:var(--gold-b);}
.fi-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;}
.fi-label{font-size:.75rem;color:rgba(245,242,235,.5);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;display:block;}
select.fi{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(245,242,235,0.3)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px;}
select.fi option{background:var(--bg4);color:var(--white);}
.fi-check-group{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.9rem;}
.fi-check{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--wdim);cursor:pointer;}
.fi-check input{accent-color:var(--gold);width:14px;height:14px;}
.wc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.wc-card{background:var(--bg3);border:1px solid var(--bdr);border-radius:14px;padding:1.6rem;text-align:center;transition:border-color .2s;}
.wc-card:hover{border-color:var(--gold-b);}
.wc-ico{font-size:2rem;margin-bottom:.8rem;}
.wc-card h4{font-family:var(--font-d);font-size:1rem;color:var(--white);margin-bottom:.4rem;}
.wc-card p{font-size:.82rem;color:var(--wdim);line-height:1.6;}
.faq-list{display:flex;flex-direction:column;gap:1rem;max-width:780px;margin:0 auto;}
.faq-item{background:var(--bg3);border:1px solid var(--bdr);border-radius:12px;padding:1.5rem;cursor:pointer;transition:border-color .2s;}
.faq-item:hover{border-color:var(--gold-b);}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:1rem;}
.faq-q h4{font-size:.95rem;font-weight:600;color:var(--white);}
.faq-arrow{color:var(--gold);font-size:1.2rem;flex-shrink:0;}
.faq-a{font-size:.85rem;color:var(--wdim);line-height:1.7;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bdr);display:none;}

/* RESPONSIVE */
/* ── TABLET (960px and below) ── */
@media(max-width:960px){
  /* NAV */
  .nl{display:none;}
  .nph{display:none;}

  /* HERO */
  .hero{grid-template-columns:1fr;}
  .hr{display:none;}
  .hl{padding:5rem 6% 4rem;min-height:calc(100vh - 70px);justify-content:center;}

  /* SECTIONS */
  section{padding:4rem 6%;}
  .shdr{margin-bottom:2.5rem;}

  /* GRIDS → single column */
  .mgrid,.vals-grid,.custom-grid,.qc-grid,.wc-grid{grid-template-columns:1fr;}
  .wwrap,.story-wrap,.pfeat,.pfeat.rev,.mfeat,.mfeat.rev,.contact-wrap,.plwrap{grid-template-columns:1fr;direction:ltr;gap:2.5rem;}
  .wvis{display:none;}
  .pfbox{position:static;}
  .stats-bar,.cap-grid{grid-template-columns:1fr 1fr;}
  .ovgrid{grid-template-columns:1fr 1fr;}
  .fgrid{grid-template-columns:1fr 1fr;gap:2rem;}

  /* CTA */
  .ctastrip{flex-direction:column;text-align:center;padding:2.5rem 2rem;}
  .ctabtns{justify-content:center;flex-wrap:wrap;}

  /* FLOW */
  .flow{flex-direction:column;gap:1.5rem;}
  .flow-step::after{display:none;}

  /* FORMS */
  .fi-row,.pfrow{grid-template-columns:1fr;}
}

/* ── MOBILE / iPHONE (480px and below) ── */
@media(max-width:480px){
  /* NAV — hamburger-friendly compact bar */
  nav{padding:0 5%;height:60px;}
  .logo-n{font-size:.95rem;}
  .logo-m{width:32px;height:32px;}
  .nbtn{padding:.38rem .9rem;font-size:.78rem;}

  /* HERO — full screen, text centred */
  .hero{min-height:100svh;padding-top:60px;grid-template-columns:1fr;}
  .hr{display:none;}
  .hl{padding:2.8rem 5% 3.2rem;min-height:calc(100svh - 60px);justify-content:center;align-items:flex-start;}
  .pill{font-size:.65rem;padding:.25rem .75rem;margin-bottom:1.2rem;}
  .hero h1{font-size:clamp(2rem,8.5vw,2.6rem);line-height:1.1;margin-bottom:1rem;}
  .hsub{font-size:.88rem;line-height:1.7;margin-bottom:1.8rem;max-width:100%;}
  .hbtns{flex-direction:column;gap:.75rem;}
  .hbtns .bgold,.hbtns .bout{width:100%;justify-content:center;padding:.82rem 1.4rem;font-size:.9rem;}
  .hstats{gap:1.4rem;margin-top:2rem;padding-top:1.5rem;flex-wrap:wrap;}
  .sn{font-size:1.5rem;}
  .sl{font-size:.65rem;}

  /* SECTIONS */
  section{padding:3rem 5%;}
  .shdr{margin-bottom:2rem;}
  .stag{font-size:.65rem;}
  .st{font-size:clamp(1.55rem,6.5vw,2rem);}
  .sd{font-size:.88rem;}

  /* PRODUCTS GRID */
  .pgrid{grid-template-columns:1fr;gap:1rem;}
  .pimg{height:180px;}
  .pb{padding:1.1rem;}
  .pb h3{font-size:1rem;}
  .pb p{font-size:.82rem;}

  /* MACHINES GRID */
  .mgrid{grid-template-columns:1fr;gap:1rem;}
  .mc-img{height:180px;}
  .mc-body{padding:1.2rem;}
  .mc-body h3{font-size:1rem;}

  /* WHY US */
  .wwrap{gap:2rem;}
  .wfeats{grid-template-columns:1fr;gap:.75rem;}
  .wf{padding:1rem;}
  .wf h4{font-size:.85rem;}
  .wf p{font-size:.75rem;}
  .wvis{display:none;}

  /* PRIVATE LABEL */
  .plwrap{gap:2rem;}
  .plsteps{margin-top:1.2rem;}
  .pls{padding:1.1rem 0;gap:1rem;}
  .plnum{width:34px;height:34px;min-width:34px;font-size:.95rem;}
  .pls h4{font-size:.88rem;}
  .pls p{font-size:.78rem;}
  .pfbox{padding:1.6rem;border-radius:14px;}
  .pfbox h3{font-size:1.25rem;}
  .pfrow{grid-template-columns:1fr;}

  /* CERTS */
  .crow{gap:.75rem;}
  .cc{min-width:calc(50% - .375rem);flex:1 1 calc(50% - .375rem);padding:1.1rem 1rem;}
  .cci{font-size:1.5rem;}
  .ccn{font-size:.78rem;}

  /* CTA STRIP */
  .ctastrip{padding:2rem 1.4rem;border-radius:14px;margin:0 3% 1.5rem;}
  .ctastrip h2{font-size:1.25rem;}
  .ctabtns{flex-direction:column;gap:.75rem;width:100%;}
  .ctabtns .bgold,.ctabtns .bout{width:100%;justify-content:center;}

  /* FOOTER */
  footer{padding:3rem 5% 2rem;}
  .fgrid{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;}
  .fbot{flex-direction:column;gap:.6rem;text-align:center;}

  /* STATS BAR */
  .stats-bar,.cap-grid{grid-template-columns:1fr 1fr;}
  .stat-item,.cap-item{padding:1.2rem .8rem;}
  .stat-n,.cap-n{font-size:1.6rem;}
  .stat-l,.cap-l{font-size:.72rem;}

  /* OVERVIEW GRID */
  .ovgrid{grid-template-columns:1fr 1fr;gap:.75rem;}
  .ov-img{height:120px;}
  .ov-body{padding:.75rem;}
  .ov-body h4{font-size:.88rem;}
  .ov-body p{font-size:.72rem;}

  /* CUSTOM / QC / VAL GRIDS */
  .custom-grid,.qc-grid,.vals-grid,.wc-grid{grid-template-columns:1fr;gap:.75rem;}
  .custom-card,.qc-card,.val-card,.wc-card{padding:1.2rem;}

  /* FLOW STEPS */
  .flow{flex-direction:column;gap:1rem;}
  .flow-step::after{display:none;}
  .flow-icon{width:52px;height:52px;font-size:1.4rem;}
  .flow-step h4{font-size:.83rem;}
  .flow-step p{font-size:.73rem;}

  /* CONTACT */
  .contact-wrap{gap:2rem;}
  .contact-form{padding:1.6rem;border-radius:14px;}
  .contact-form h3{font-size:1.3rem;}
  .fi-row{grid-template-columns:1fr;}
  .channels{grid-template-columns:1fr 1fr;}
  .channel{padding:.9rem;}

  /* STORY / ABOUT */
  .story-wrap{gap:1.5rem;}
  .story-img{aspect-ratio:16/9;}
  .story-btns{flex-direction:column;}
  .story-btns .bgold,.story-btns .bout{width:100%;justify-content:center;}
  .timeline{padding-left:1.5rem;}
  .tl-item{padding:0 0 2rem 2rem;}

  /* PRODUCT FEATURE PAGES */
  .pfeat,.mfeat{padding:2.5rem 0;gap:1.5rem;}
  .pfeat-img,.mfeat-img{aspect-ratio:16/9;}
  .pfeat-text h2,.mfeat-text h2{font-size:1.5rem;}
  .pfeat-btns{flex-direction:column;}
  .pfeat-btns .bgold,.pfeat-btns .bout{width:100%;justify-content:center;}

  /* PAGE HERO (inner pages) */
  .phero{padding:90px 5% 50px;}
  .phero h1{font-size:clamp(1.8rem,7vw,2.4rem);}
  .phero p{font-size:.9rem;}

  /* FORMS */
  .fi-row,.pfrow{grid-template-columns:1fr;}
  .fi-check-group{gap:.5rem;}
  .faq-q h4{font-size:.88rem;}
}

/* ── HAMBURGER & MOBILE NAV DRAWER ── */
/* ── HAMBURGER (hidden on desktop) ── */
.hbg{display:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;background:none;border:none;cursor:pointer;padding:0;margin-left:.75rem;flex-shrink:0;}
.hbg span{display:block;height:2px;width:100%;background:var(--white);border-radius:2px;transition:all .28s ease;}
.hbg.open span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.hbg.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.hbg.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

/* ── MOBILE NAV DRAWER (hidden everywhere by default) ── */
.mob-nav{display:none;position:fixed;top:60px;left:0;right:0;z-index:190;background:rgba(13,15,11,0.98);backdrop-filter:blur(20px);border-bottom:1px solid var(--bdr);padding:1.4rem 5% 1.8rem;transform:translateY(-8px);opacity:0;pointer-events:none;transition:all .25s ease;}
.mob-nav ul{list-style:none;display:flex;flex-direction:column;gap:0;}
.mob-nav ul li a{display:block;padding:.85rem 0;font-size:1rem;font-weight:500;color:var(--wdim);text-decoration:none;border-bottom:1px solid var(--bdr);transition:color .2s;}
.mob-nav ul li:last-child a{border-bottom:none;}
.mob-nav ul li a:hover{color:var(--gold);}
.mob-phone{display:block;margin-top:1.2rem;color:var(--gold);font-size:.9rem;font-weight:600;text-decoration:none;}

/* Only reveal on iPhone-sized screens */
@media(max-width:480px){
  .hbg{display:flex;}
  .mob-nav{display:block;}
  .mob-nav.open{transform:translateY(0);opacity:1;pointer-events:all;}
}

/* ── v4 ADDITIONS ── */

/* Floating WhatsApp button */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:999;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px rgba(37,211,102,.45);transition:transform .2s,box-shadow .2s;text-decoration:none;}
.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.6);}
.wa-float svg{width:28px;height:28px;}

/* Client logos trust bar */
.clients-bar{padding:2.2rem 7%;background:var(--bg2);border-bottom:1px solid var(--bdr);}
.cb-inner{display:flex;align-items:center;gap:2.5rem;flex-wrap:wrap;}
.cb-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,242,235,.35);white-space:nowrap;flex-shrink:0;}
.cb-logos{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap;}
.cb-logo-item{display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.55;transition:opacity .2s;}
.cb-logo-item:hover{opacity:1;}
.flag-svg{width:44px;height:30px;border-radius:3px;border:1px solid var(--bdr);}
.cb-logo-item span{font-size:.62rem;color:rgba(245,242,235,.4);font-weight:500;white-space:nowrap;}

/* Testimonials section */
.testi-section{padding:6rem 7%;background:var(--bg);}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
.tcard{background:var(--bg3);border:1px solid var(--bdr);border-radius:16px;padding:1.8rem;display:flex;flex-direction:column;gap:1.1rem;transition:border-color .2s,transform .25s;}
.tcard:hover{border-color:var(--gold-b);transform:translateY(-3px);}
.tquote{color:var(--gold);}
.ttext{font-size:.86rem;color:var(--wdim);line-height:1.75;flex:1;}
.tauthor{display:flex;align-items:center;gap:.85rem;margin-top:auto;}
.tavatar{width:38px;height:38px;min-width:38px;border-radius:50%;background:var(--gold-p);border:1px solid var(--gold-b);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--gold);letter-spacing:.04em;}
.tname{font-size:.83rem;font-weight:600;color:var(--white);}
.trole{font-size:.72rem;color:rgba(245,242,235,.38);margin-top:2px;}
.trating{font-size:.9rem;color:var(--gold);margin-left:auto;letter-spacing:1px;}

/* SVG icon colour in wf cards */
.wfi svg{stroke:var(--gold);}
.cci svg{stroke:var(--gold);}

/* Responsive additions */
@media(max-width:960px){
  .tgrid{grid-template-columns:1fr 1fr;}
  .cb-inner{gap:1.5rem;}
}
@media(max-width:480px){
  .tgrid{grid-template-columns:1fr;}
  .clients-bar{padding:1.5rem 5%;}
  .cb-label{display:none;}
  .cb-logos{gap:1rem;justify-content:center;}
  .flag-svg{width:36px;height:24px;}
  .cb-logo-item span{font-size:.58rem;}
  .testi-section{padding:3.5rem 5%;}
  .tcard{padding:1.3rem;}
  .ttext{font-size:.82rem;}
}