/*
Theme Name: Pristine Vesta Industrial
Theme URI: https://pristinevesta.com/
Author: Pristine Vesta
Description: Custom WordPress theme for Pristine Vesta FZE, UAE. Industrial trading, sourcing and specialist product supply.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: pristine-vesta
*/

:root{--ink:#071d31;--ink2:#0d3049;--teal:#27c0c4;--teal2:#0b8e99;--sand:#e7d7b4;--paper:#f4f5f3;--muted:#647685;--line:rgba(7,29,49,.14);--white:#fff;--radius:24px;--shadow:0 20px 55px rgba(4,25,43,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}body.admin-bar .header{top:32px}a{text-decoration:none;color:inherit}.container{width:min(1200px,calc(100% - 44px));margin:auto}.header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(4,22,38,.91);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:white}.logo{width:43px;height:43px;border-radius:12px;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-weight:900;letter-spacing:-1px;background:linear-gradient(145deg,rgba(39,192,196,.22),rgba(255,255,255,.04))}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand b{font-size:14px;letter-spacing:2px}.brand small{margin-top:7px;font-size:8px;letter-spacing:2.5px;color:rgba(255,255,255,.58)}.site-nav{display:flex;align-items:center;gap:27px;color:rgba(255,255,255,.78);font-size:13px}.site-nav a:hover{color:#fff}.pill{padding:9px 15px;border:1px solid rgba(255,255,255,.25);border-radius:999px}.menu{display:none;border:0;background:none;color:#fff;font-size:25px}.hero{min-height:790px;position:relative;display:flex;align-items:center;overflow:hidden;color:#fff}.hero-photo{position:absolute;inset:0;background:center/cover no-repeat;transform:scale(1.03)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,38,.96) 0%,rgba(4,22,38,.90) 42%,rgba(4,22,38,.54) 73%,rgba(4,22,38,.35) 100%)}.hero-inner{position:relative;z-index:2;padding-top:100px}.hero-copy{max-width:780px}.kicker{font-size:11px;letter-spacing:2.4px;font-weight:900;color:#55dbe0}.kicker.dark{color:#087f8c}.hero h1{font-size:clamp(50px,6.5vw,86px);letter-spacing:-3.5px;line-height:.98;margin:20px 0 28px}.hero h1 em{font-style:normal;color:var(--teal)}.hero-copy p{font-size:19px;max-width:720px;color:rgba(255,255,255,.75);line-height:1.75}.actions{display:flex;gap:13px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:850;font-size:13px;border:0;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--teal);color:#042534}.ghost{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05)}.hero-stats{position:absolute;right:0;bottom:-210px;display:flex;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);border-radius:20px;overflow:hidden}.hero-stats div{padding:23px 28px;min-width:132px;border-right:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column}.hero-stats div:last-child{border:0}.hero-stats strong{font-size:23px}.hero-stats span{font-size:10px;color:rgba(255,255,255,.55)}.strip{background:var(--sand)}.strip-inner{min-height:55px;display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:11px;font-weight:900;letter-spacing:1.5px}.strip i{opacity:.35}.section{padding:108px 0}.about{background:var(--paper)}.two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.heading h2,.section-head h2,.contact h2,.cta h2{font-size:clamp(38px,4.3vw,61px);line-height:1.07;letter-spacing:-2.4px;margin:14px 0}.copy .lead{font-size:23px;color:var(--ink);margin-top:0}.copy p{font-size:16px;color:#546a79}.products{background:var(--ink);color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:48px}.section-head>div{max-width:760px}.section-head>p{max-width:410px;color:rgba(255,255,255,.58);font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.product-card{background:#fff;color:var(--ink);border-radius:28px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.13);display:grid;grid-template-columns:42% 58%;min-height:385px}.pic{background:#e9eeee;overflow:hidden;min-height:100%}.pic img{width:100%;height:100%;display:block;object-fit:cover}.pic.contain img{object-fit:contain;padding:25px;background:#eef1f1}.product-body{padding:30px}.tag{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal2);font-weight:900}.product-body h3{font-size:24px;line-height:1.18;margin:10px 0 12px}.product-body p{font-size:14px;color:#607382;margin:0}.product-body ul{padding-left:17px;margin:16px 0;font-size:12px;color:#4f6573}.product-body li{margin:5px 0}.product-body a{font-size:12px;font-weight:900;color:#087f8c}.industries{background:#fff}.industries .section-head>p{color:var(--muted)}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.industry-grid div{padding:30px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;color:#0a8994;min-height:125px}.industry-grid b{display:block;color:var(--ink);font-size:17px;line-height:1.3;margin-top:22px}.media{background:var(--paper)}.media .section-head>p{color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-card{background:#fff;border:1px solid var(--line);padding:29px;border-radius:22px;min-height:260px;transition:.2s;box-shadow:0 12px 35px rgba(5,30,47,.05)}.media-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.play{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;margin-bottom:34px}.media-card span{font-size:9px;color:#0a8994;letter-spacing:1.6px;font-weight:900}.media-card h3{font-size:23px;line-height:1.2;margin:8px 0}.media-card p{font-size:13px;color:#657986}.cta{padding:74px 0;background:linear-gradient(115deg,#0c3049,#0b5764);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta h2{margin-bottom:0}.contact{background:#071d31;color:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.contact-copy>p{color:rgba(255,255,255,.62);max-width:520px}.facts{display:grid;grid-template-columns:1fr 1fr;margin-top:38px}.facts div{padding:18px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column}.facts small{color:#55dbe0;font-size:9px;letter-spacing:1.5px;font-weight:900}.facts b{font-size:13px;margin-top:5px}.form{background:#fff;color:var(--ink);border-radius:26px;padding:31px;box-shadow:var(--shadow)}.row{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{font-size:11px;font-weight:850;display:block;margin-bottom:13px}input,textarea{width:100%;border:1px solid rgba(7,29,49,.16);border-radius:11px;padding:12px 13px;margin-top:6px;background:#fbfbfa;outline:none}input:focus,textarea:focus{border-color:var(--teal2)}textarea{resize:vertical}.full{width:100%;border-radius:11px}.form-note{text-align:center;color:#81909a;font-size:10px;margin-bottom:0}.notice{padding:12px 14px;border-radius:10px;margin:0 0 16px;font-size:13px}.notice.success{background:#e5f6ef;color:#176143}.notice.error{background:#fdeaea;color:#7d2424}footer{background:#041522;color:#fff;padding:38px 0}.foot{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px}.foot p{font-size:10px;color:rgba(255,255,255,.45);margin:0}.foot p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.show{opacity:1;transform:none}.delay{transition-delay:.12s}
.product-hero{padding:160px 0 70px;background:linear-gradient(120deg,#071d31,#0d4858);color:#fff}.product-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.product-hero img{width:100%;max-height:460px;object-fit:cover;border-radius:28px;background:#fff}.product-hero h1{font-size:clamp(44px,5vw,70px);line-height:1.02;letter-spacing:-2.5px;margin:14px 0 18px}.product-hero p{color:rgba(255,255,255,.7);font-size:18px}.product-detail{padding:80px 0}.product-detail-grid{display:grid;grid-template-columns:1fr .42fr;gap:70px}.product-detail article{font-size:17px;color:#4f6573}.product-detail h2{color:var(--ink);font-size:34px}.product-side{background:var(--paper);border-radius:22px;padding:28px;height:max-content}.product-side h3{margin-top:0}.product-side ul{padding-left:20px}.archive-head{padding:150px 0 60px;background:var(--ink);color:#fff}.archive-head h1{font-size:60px;line-height:1;margin:12px 0}.archive-products{padding:70px 0;background:var(--paper)}
@media(max-width:960px){.site-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#041b2e;padding:24px;flex-direction:column;align-items:flex-start}.header .site-nav.open{display:flex}.menu{display:block}.two-col,.contact-grid,.product-hero-grid,.product-detail-grid{grid-template-columns:1fr;gap:48px}.product-card{grid-template-columns:1fr}.pic{height:250px}.industry-grid{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.foot{grid-template-columns:1fr}.foot p:last-child{text-align:left}.hero-stats{position:static;margin-top:45px;width:max-content}}
@media(max-width:782px){body.admin-bar .header{top:46px}}
@media(max-width:640px){.container{width:min(100% - 28px,1200px)}.nav{height:72px}.site-nav{top:72px}.hero{min-height:780px}.hero h1{font-size:50px}.hero-copy p{font-size:16px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.hero-stats div{min-width:0;padding:18px 12px}.section{padding:76px 0}.section-head{flex-direction:column;align-items:flex-start}.product-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:1fr}.facts,.row{grid-template-columns:1fr}.strip-inner{padding:13px 0}.product-body{padding:25px}.pic{height:220px}}

/* PV WhatsApp Contact */
.btn.whatsapp{
  margin-top:10px;
  background:#0b8e99;
  color:#fff;
  border:1px solid rgba(7,29,49,.08);
}
.btn.whatsapp:hover{
  background:#087b85;
  color:#fff;
}
.wa-icon{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  margin-right:8px;
  border:2px solid currentColor;
  border-radius:50%;
  font-size:0;
}
.wa-icon:after{
  content:"";
  width:5px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(38deg);
  border-radius:1px;
}
.pv-whatsapp-float{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9999;
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#0b8e99;
  color:#fff;
  box-shadow:0 14px 34px rgba(4,25,43,.28);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.pv-whatsapp-float:hover{
  transform:translateY(-3px) scale(1.03);
  background:#087b85;
  color:#fff;
  box-shadow:0 18px 42px rgba(4,25,43,.34);
}
.pv-whatsapp-float svg{
  width:31px;
  height:31px;
}
@media(max-width:640px){
  .pv-whatsapp-float{
    right:16px;
    bottom:16px;
    width:54px;
    height:54px;
  }
}
/* Pristine Vesta Final Mobile Polish */
@media (max-width:640px){
    .hero{
        min-height:720px;
        align-items:flex-start;
    }
    .hero-inner{
        padding-top:145px;
        padding-bottom:56px;
    }
    .hero-copy{
        max-width:100%;
    }
    .hero .kicker{
        display:block;
        max-width:250px;
        font-size:10px;
        line-height:1.7;
        letter-spacing:2px;
        margin-bottom:12px;
    }
    .hero h1{
        font-size:43px;
        line-height:1.02;
        letter-spacing:-2.3px;
        margin:12px 0 20px;
    }
    .hero-copy p{
        font-size:15px;
        line-height:1.6;
        max-width:95%;
    }
    .hero .actions{
        margin-top:22px;
        gap:10px;
    }
    .hero .btn{
        padding:12px 17px;
        font-size:12px;
    }
    .hero-photo{
        background-position:58% center;
    }
    .hero-overlay{
        background:linear-gradient(90deg,rgba(4,22,38,.97) 0%,rgba(4,22,38,.88) 62%,rgba(4,22,38,.52) 100%);
    }
    a.pv-whatsapp-float{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        min-height:44px !important;
        max-width:44px !important;
        max-height:44px !important;
        right:12px !important;
        bottom:12px !important;
    }
    a.pv-whatsapp-float svg{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        min-height:24px !important;
        max-width:24px !important;
        max-height:24px !important;
    }
    .brand b{
        font-size:13px;
        letter-spacing:1.7px;
    }
    .brand small{
        font-size:7px;
        letter-spacing:2.1px;
    }
}