/*
Theme Name: Hydro Nest Trading
Theme URI: https://hydronest.example
Author: Hydro Nest Trading
Description: Premium industrial WordPress theme for global petrochemical and polymer trading.
Version: 3.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: hydro-nest-trading
*/

:root{--ink:#071827;--navy:#081e31;--navy2:#0c2c44;--teal:#14c6b5;--teal2:#73e7dc;--ice:#eaf8f7;--paper:#f5f8fa;--white:#fff;--muted:#677985;--line:#dce5e9;--orange:#ffb05f;--shadow:0 24px 70px rgba(3,22,34,.14);--radius:20px;--wrap:min(1200px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:var(--wrap);margin-inline:auto}.section{padding:110px 0}.section-sm{padding:75px 0}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:#078f84;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:var(--teal)}h1,h2,h3{font-weight:750;letter-spacing:-.035em;line-height:1.08;margin:0 0 20px}h1{font-size:clamp(3rem,6.7vw,6.25rem)}h2{font-size:clamp(2.25rem,4.2vw,4.25rem)}h3{font-size:1.4rem}.lead{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--muted);max-width:680px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-head .lead{max-width:500px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:0 25px;border:1px solid transparent;border-radius:999px;font-weight:750;font-size:.9rem;transition:.3s ease;cursor:pointer}.btn:after{content:"\2197";font-size:1.1rem}.btn-primary{background:var(--teal);color:#031d23}.btn-primary:hover{background:var(--teal2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(20,198,181,.25)}.btn-light{background:#fff;color:var(--ink)}.btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}.btn-ghost:hover{background:#fff;color:var(--ink)}
.site-header{position:fixed;inset:0 0 auto;z-index:100;color:#fff;border-bottom:1px solid rgba(255,255,255,.13);transition:.35s}.site-header.scrolled,.site-header.inner{background:rgba(5,24,39,.94);box-shadow:0 8px 35px rgba(0,0,0,.18);backdrop-filter:blur(16px)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.brand-mark{width:40px;height:40px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:2px solid var(--teal);border-radius:50%;transform:rotate(-25deg)}.brand-mark:before{width:23px;height:9px}.brand-mark:after{width:9px;height:23px}.brand small{display:block;font-size:.55rem;color:var(--teal2);letter-spacing:.22em;margin-top:-3px}.menu{display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0}.menu a{font-size:.86rem;font-weight:650;color:rgba(255,255,255,.83);position:relative}.menu a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--teal);transition:.3s}.menu a:hover:after,.menu .current-menu-item a:after{right:0}.nav-cta{min-height:46px;padding-inline:20px}.menu-toggle{display:none;width:46px;height:46px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#fff;font-size:1.3rem}
.hero{min-height:100svh;position:relative;color:#fff;display:flex;align-items:center;background:#06192a url(assets/images/hero-refinery.jpg) center/cover no-repeat;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,29,.95) 0%,rgba(3,17,29,.78) 42%,rgba(3,17,29,.15) 80%),linear-gradient(0deg,rgba(3,17,29,.65),transparent 45%)}.hero:after{content:"";position:absolute;width:700px;height:700px;border:1px solid rgba(34,214,196,.16);border-radius:50%;right:-220px;top:14%;box-shadow:0 0 0 90px rgba(34,214,196,.035),0 0 0 180px rgba(34,214,196,.025)}.hero-content{position:relative;z-index:2;padding-top:110px;max-width:880px}.hero .eyebrow{color:var(--teal2)}.hero h1 span{color:var(--teal2)}.hero-copy{max-width:620px;color:rgba(255,255,255,.72);font-size:1.14rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.hero-proof{position:absolute;z-index:2;bottom:28px;left:50%;transform:translateX(-50%);width:var(--wrap);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16);padding-top:24px}.proof-item{display:flex;align-items:center;gap:13px;color:rgba(255,255,255,.72);font-size:.82rem}.proof-icon{width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;color:var(--teal2)}
.stats{background:var(--navy);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:42px;border-right:1px solid rgba(255,255,255,.1)}.stat:last-child{border:0}.stat strong{display:block;font-size:clamp(2.25rem,4vw,3.6rem);line-height:1;color:var(--teal2);letter-spacing:-.05em}.stat span{display:block;color:rgba(255,255,255,.58);font-size:.83rem;margin-top:12px}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{position:relative;min-height:420px;background:var(--navy);border-radius:var(--radius);overflow:hidden;color:#fff;box-shadow:var(--shadow)}.product-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,18,30,.98),rgba(3,18,30,.08) 70%)}.product-card-content{position:absolute;z-index:2;inset:auto 26px 25px}.product-card .tag{color:var(--teal2);font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.product-card h3{font-size:1.75rem;margin:8px 0 8px}.product-card p{color:rgba(255,255,255,.65);font-size:.88rem;margin:0}.product-card .arrow{position:absolute;z-index:3;right:22px;top:22px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);transition:.3s}.product-card:hover img{transform:scale(1.07)}.product-card:hover .arrow{background:var(--teal);color:var(--ink);border-color:var(--teal);transform:rotate(45deg)}
.split{display:grid;grid-template-columns:1.04fr .96fr;gap:80px;align-items:center}.media-card{position:relative}.media-card img{width:100%;height:610px;object-fit:cover;border-radius:var(--radius)}.media-float{position:absolute;right:-35px;bottom:38px;background:var(--teal);padding:25px 28px;border-radius:16px;max-width:220px;font-weight:760;box-shadow:var(--shadow)}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:32px 0 40px}.tick{padding:17px 18px;border:1px solid var(--line);border-radius:12px;font-size:.88rem;font-weight:700}.tick:before{content:"\2713";color:#079a8d;margin-right:9px}.dark-section{background:var(--navy);color:#fff;position:relative;overflow:hidden}.dark-section .lead{color:rgba(255,255,255,.62)}.dark-section:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:rgba(20,198,181,.08);filter:blur(10px);right:-260px;top:-260px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:55px}.process-item{background:var(--navy);padding:38px 30px;min-height:255px}.process-num{color:var(--teal2);font-size:.73rem;font-weight:800;letter-spacing:.15em}.process-item h3{margin-top:35px}.process-item p{color:rgba(255,255,255,.55);font-size:.9rem}.quality{background:var(--paper)}.quality img{width:100%;height:520px;object-fit:cover;border-radius:var(--radius)}
.cta-panel{position:relative;background:linear-gradient(115deg,#0e4254,var(--navy));padding:70px;border-radius:28px;color:#fff;overflow:hidden}.cta-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(64,230,212,.23),transparent 35%)}.cta-panel>*{position:relative}.cta-panel h2{max-width:760px}.cta-panel .lead{color:rgba(255,255,255,.65)}
.page-hero{padding:190px 0 95px;background:linear-gradient(120deg,var(--navy),#0c3b4a);color:#fff;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(115,231,220,.15);border-radius:50%;right:-100px;top:-200px;box-shadow:0 0 0 80px rgba(115,231,220,.03)}.page-hero h1{font-size:clamp(3.25rem,6vw,5.6rem);max-width:900px}.page-hero p{color:rgba(255,255,255,.65);max-width:650px;font-size:1.1rem}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}.filter-btn{border:1px solid var(--line);background:#fff;padding:11px 19px;border-radius:999px;font-weight:700;color:var(--muted);cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--navy);border-color:var(--navy);color:#fff}.catalog-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.35s}.catalog-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.catalog-card img{width:100%;height:235px;object-fit:cover}.catalog-body{padding:25px}.catalog-meta{display:flex;gap:8px;margin-bottom:12px}.pill{font-size:.67rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;background:var(--ice);color:#057e75;padding:6px 9px;border-radius:6px}.catalog-body p{color:var(--muted);font-size:.88rem;min-height:47px}.catalog-link{font-weight:800;font-size:.85rem;color:#078f84}.product-detail{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:start}.product-detail-image{position:sticky;top:120px}.product-detail-image img{width:100%;height:590px;object-fit:cover;border-radius:var(--radius)}.specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:35px 0}.spec{padding:20px 15px;border-bottom:1px solid var(--line)}.spec:nth-child(odd){border-right:1px solid var(--line)}.spec small{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.spec strong{display:block;margin-top:4px;font-size:.93rem}.application-list{display:flex;gap:9px;flex-wrap:wrap}.application-list span{border:1px solid var(--line);padding:8px 11px;border-radius:8px;font-size:.8rem;font-weight:650}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-card{background:var(--navy);color:#fff;padding:40px;border-radius:var(--radius)}.contact-list{list-style:none;padding:0;margin:35px 0 0}.contact-list li{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}.contact-list small{display:block;color:var(--teal2);text-transform:uppercase;letter-spacing:.12em;font-size:.67rem}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.78rem;font-weight:750}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,198,181,.1)}.field textarea{min-height:125px;resize:vertical}.form-note{grid-column:1/-1;color:var(--muted);font-size:.78rem}.form-status{grid-column:1/-1;padding:12px 15px;border-radius:8px;background:var(--ice);display:none}.form-status.show{display:block}
.site-footer{background:#051621;color:#fff;padding:80px 0 30px}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr 1fr;gap:50px}.footer-brand p{max-width:340px;color:rgba(255,255,255,.52);font-size:.9rem}.footer-title{font-size:.72rem;color:var(--teal2);letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:20px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:10px 0}.footer-links a{color:rgba(255,255,255,.64);font-size:.88rem}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:60px;padding-top:25px;color:rgba(255,255,255,.4);font-size:.75rem;display:flex;justify-content:space-between}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:960px){.menu-toggle{display:grid;place-items:center}.desktop-cta{display:none}.menu{position:fixed;inset:88px 0 0;background:var(--navy);padding:45px 30px;display:flex;flex-direction:column;align-items:flex-start;transform:translateX(100%);transition:.35s}.menu.open{transform:none}.menu a{font-size:1.4rem}.hero-proof{display:none}.hero{min-height:760px}.stats-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.products-grid{grid-template-columns:1fr 1fr}.split,.product-detail,.contact-grid{grid-template-columns:1fr;gap:45px}.media-card img{height:500px}.media-float{right:20px}.process{grid-template-columns:1fr 1fr}.product-detail-image{position:static}.footer-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head .lead{margin-top:15px}}
@media(max-width:640px){:root{--wrap:min(100% - 26px,1200px)}.section{padding:78px 0}.nav{height:76px}.menu{inset:76px 0 0}.brand{font-size:.9rem}.brand-mark{width:36px;height:36px}.hero{min-height:720px}.hero-content{padding-top:80px}.hero h1{font-size:clamp(2.9rem,15vw,4.4rem)}.hero-actions .btn{width:100%}.stats-grid,.products-grid,.process,.footer-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);padding:30px 10px}.product-card{min-height:390px}.split{gap:35px}.media-card img,.quality img{height:390px}.ticks{grid-template-columns:1fr}.cta-panel{padding:42px 25px}.page-hero{padding:145px 0 72px}.page-hero h1{font-size:3.1rem}.product-detail-image img{height:380px}.specs{grid-template-columns:1fr}.spec:nth-child(odd){border-right:0}.quote-form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
.brand{flex:0 0 auto;gap:0;font-size:0;letter-spacing:0;text-transform:none}.brand-logo{display:block;width:250px;height:auto;max-height:52px;object-fit:contain;object-position:left center}.footer-brand .brand-logo{width:290px;max-height:none;margin-bottom:24px}
.hnt-builder-page{padding-top:88px;min-height:70vh}.hnt-builder-page>.elementor{min-height:60vh}
@media(max-width:640px){.brand-logo{width:215px;max-height:45px}.footer-brand .brand-logo{width:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.product-card img,.catalog-card,.btn{transition:none}}
