/*
Theme Name: POT Ocean Blue
Theme URI: https://potuae.com/
Author: POT Website Build
Description: Modern sky-blue corporate theme for Pacific Orient Trading.
Version: 1.6
*/
:root{--sky:#29b6e6;--sky2:#7edff7;--navy:#073b5c;--ink:#17364b;--muted:#607789;--bg:#f5fbfe;--white:#fff;--line:#dcecf4;--radius:22px;--shadow:0 18px 55px rgba(7,59,92,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.topbar{background:#062f49;color:#dff6ff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;padding:9px 0}.header{position:sticky;top:0;left:0;right:0;z-index:1000;background:#062f49;box-shadow:0 4px 18px rgba(7,59,92,.12)}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;min-height:74px}.logo{width:230px;height:auto}.menu{display:flex;align-items:center;gap:28px;color:#fff;font-weight:650;font-size:14px}.menu a{opacity:.94}.menu .cta{background:#fff;color:var(--navy);padding:12px 18px;border-radius:999px}.hero{min-height:720px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,49,76,.82),rgba(8,119,161,.38)),url('assets/images/hero.jpg') center/cover}.hero .container{padding-top:70px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#e9fbff;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.eyebrow:before{content:'';width:28px;height:2px;background:var(--sky2)}h1{font-size:clamp(44px,6vw,76px);line-height:1.04;color:#fff;max-width:760px;margin:18px 0}.hero p{color:#e7f8ff;max-width:650px;font-size:18px}.actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:800}.btn-primary{background:var(--sky);color:#fff;box-shadow:0 12px 28px rgba(41,182,230,.28)}.btn-light{background:#fff;color:var(--navy)}.stats{margin-top:-54px;position:relative;z-index:2}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.stat{padding:28px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:27px;color:var(--navy)}.stat span{font-size:13px;color:var(--muted)}section{padding:100px 0}.section-kicker{color:#0da2d6;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.section-title{font-size:clamp(32px,4vw,50px);line-height:1.1;color:var(--navy);margin:12px 0 18px}.section-lead{max-width:680px;color:var(--muted);font-size:17px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.image-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.image-card img{display:block;width:100%;height:100%;object-fit:cover}.products{background:var(--bg)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.product-card{position:relative;min-height:330px;border-radius:22px;overflow:hidden;background:#dff6fc;box-shadow:0 12px 35px rgba(7,59,92,.10)}.product-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s}.product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,47,73,.05) 20%,rgba(3,47,73,.88) 100%)}.product-card:hover img{transform:scale(1.05)}.product-overlay{position:absolute;z-index:1;left:24px;right:24px;bottom:22px;color:#fff}.product-overlay span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#a8edff}.product-overlay h3{font-size:25px;margin:6px 0 4px}.product-overlay p{font-size:13px;margin:0;color:#e2f7fd}.italian-strip{margin-top:30px;border:1px solid #cfeaf3;border-radius:22px;background:#fff;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 8px 25px rgba(7,59,92,.05)}.italian-strip h3{font-size:27px;color:var(--navy);margin:5px 0}.italian-strip p{margin:0;color:var(--muted);max-width:700px;font-size:14px}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;transition:.25s;box-shadow:0 8px 25px rgba(7,59,92,.04)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.icon{width:48px;height:48px;border-radius:14px;background:#e5f8fe;display:grid;place-items:center;color:#079dd2;font-size:23px}.card h3{color:var(--navy);margin:18px 0 8px}.card p{color:var(--muted);font-size:14px}.marine{background:linear-gradient(120deg,#063653,#0d83b1);color:#fff}.marine .section-title,.marine .section-kicker{color:#fff}.marine .section-lead{color:#d7f5ff}.marine .image-card{box-shadow:none}.quality{background:#fff}.logos{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:35px}.logos img{max-width:145px;max-height:70px;object-fit:contain}.cta-band{padding:55px 0;background:linear-gradient(135deg,#69d8f4,#0d94c7);color:#fff}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:34px;margin:0}.footer{background:#062f49;color:#c8e6f1;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footer h3{color:#fff}.footer p,.footer li{font-size:14px;color:#b9d8e4}.footer ul{list-style:none;padding:0;margin:0}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:20px;font-size:12px;color:#8db7c7}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.italian-strip{display:block}.italian-strip .btn{margin-top:18px}.menu{gap:12px}.menu a:not(.cta){display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.split,.cards,.footer-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.split{gap:35px}.cta-band .container{display:block}.cta-band .btn{margin-top:20px}.hero{min-height:680px}}

/* Mobile navigation */
.menu-toggle{display:none;border:0;background:rgba(255,255,255,.14);width:46px;height:46px;border-radius:12px;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:#fff;margin:6px 0;border-radius:2px}.brand{display:flex;align-items:center}.menu a{white-space:nowrap}
@media(max-width:700px){
  .container{width:min(100% - 32px,1160px)}
  .topbar .container{padding:8px 0;display:block;text-align:center;font-size:11px}.topbar .container span+span{display:none}
  .header{top:0}.nav{padding:11px 0;position:relative;min-height:66px}.logo{width:178px;max-width:58vw}.menu-toggle{display:block;z-index:12}
  .menu{position:absolute;top:70px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:rgba(6,47,73,.98);border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.22)}
  .menu.open{display:flex}.menu a{padding:13px 14px;font-size:15px}.menu a:not(.cta){display:block}.menu .cta{text-align:center;margin-top:5px}
  .hero{min-height:650px}.hero .container{padding-top:80px}.hero p{font-size:16px}.actions{gap:10px}.btn{width:100%;padding:13px 18px}.stats{margin-top:-35px}.stats-grid{grid-template-columns:1fr 1fr;border-radius:16px}.stat{padding:19px 14px}.stat strong{font-size:21px}.stat span{font-size:11px}.stat:nth-child(2){border-right:0}.stat:nth-child(3){border-top:1px solid var(--line)}.stat:nth-child(4){border-top:1px solid var(--line)}
  section{padding:68px 0}.split{gap:28px}.cards{gap:12px;margin-top:28px}.card{padding:22px}.section-title{font-size:34px}.section-lead{font-size:15px}.cta-band{padding:42px 0}.cta-band h2{font-size:28px}.footer{padding:45px 0 20px}.footer-grid{gap:25px}
}
@media(min-width:701px) and (max-width:900px){.menu{gap:10px}.menu a:not(.cta){display:none}.menu-toggle{display:none}}

.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:2000;background:#fff;color:#073b5c;padding:10px 14px;border-radius:8px}
@media(max-width:700px){.header{position:sticky;top:0}.hero .container{padding-top:55px}}

/* V5 premium core-page polish */
.topbar-inner{min-height:36px;align-items:center}
.header{background:#fff;box-shadow:0 4px 24px rgba(7,59,92,.10)}
.nav{min-height:82px}
.logo-dark{filter:brightness(0) saturate(100%) invert(23%) sepia(48%) saturate(980%) hue-rotate(161deg) brightness(88%) contrast(93%)}
.menu{color:var(--navy)}
.menu a{opacity:1}
.menu .cta{background:var(--sky);color:#fff;box-shadow:0 8px 20px rgba(41,182,230,.20)}
.hero{min-height:700px}
.hero-inner{padding-top:55px}
.trust-strip{position:relative;z-index:4;margin-top:-48px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.trust-grid>div{padding:25px 24px;border-right:1px solid var(--line)}
.trust-grid>div:last-child{border-right:0}
.trust-grid strong{display:block;color:var(--navy);font-size:18px}
.trust-grid span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.image-tall{min-height:470px}
.mini-points{display:grid;gap:12px;margin-top:28px;color:var(--navy);font-weight:700}
.mini-points span,.quality-list>div>span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e4f8fe;color:#079dd2;margin-right:9px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.service-card{background:rgba(255,255,255,.98);color:var(--ink);border-radius:20px;padding:26px;border:1px solid rgba(255,255,255,.35);box-shadow:0 12px 35px rgba(0,0,0,.08)}
.service-icon{font-size:28px;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#e5f8fe}
.service-card h3{color:var(--navy);margin:18px 0 7px}
.service-card p{color:var(--muted);font-size:14px;margin:0}
.quality-list{display:grid;gap:16px;margin-top:30px}
.quality-list>div{display:flex;align-items:flex-start}
.quality-list strong{display:block;color:var(--navy)}
.quality-list small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.contact-section{background:var(--bg)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.contact-details{display:grid;gap:14px;margin-top:30px}
.contact-details>div{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:16px}
.contact-details strong{display:block;color:var(--navy)}
.contact-details span{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.quote-form{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow);border:1px solid var(--line)}
.quote-form label{display:block;color:var(--navy);font-weight:700;font-size:13px;margin-bottom:15px}
.quote-form input,.quote-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #cfe4ed;border-radius:12px;padding:12px 13px;font:inherit;color:var(--ink);background:#fbfeff}
.quote-form input:focus,.quote-form textarea:focus{outline:2px solid #9de7f8;border-color:#29b6e6}
.quote-form .btn{border:0;cursor:pointer}
.quote-form small{display:block;color:var(--muted);font-size:11px;margin-top:10px}
@media(max-width:900px){
 .trust-grid{grid-template-columns:repeat(2,1fr)}
 .trust-grid>div:nth-child(2){border-right:0}
 .trust-grid>div:nth-child(3),.trust-grid>div:nth-child(4){border-top:1px solid var(--line)}
 .service-grid,.contact-grid{grid-template-columns:1fr}
 .contact-grid{gap:35px}
}
@media(max-width:700px){
 .header{position:sticky;top:0}
 .nav{min-height:68px}
 .logo-dark{filter:brightness(0) saturate(100%) invert(23%) sepia(48%) saturate(980%) hue-rotate(161deg) brightness(88%) contrast(93%)}
 .menu{top:74px;background:#fff;border:1px solid var(--line)}
 .menu a{color:var(--navy)}
 .menu .cta{color:#fff}
 .hero{min-height:650px}
 .trust-strip{margin-top:-30px}
 .trust-grid{border-radius:16px}
 .trust-grid>div{padding:18px 13px}
 .trust-grid strong{font-size:15px}
 .trust-grid span{font-size:10px}
 .service-grid{gap:12px}
 .service-card{padding:22px}
 .quote-form{padding:22px}
}

/* V6 navigation and polish */
html{scroll-behavior:smooth;scroll-padding-top:115px}
section[id]{scroll-margin-top:115px}
.header{position:sticky;top:0;z-index:1000}
.topbar{position:relative;z-index:1001}
@media(max-width:700px){
 html{scroll-padding-top:75px}
 section[id]{scroll-margin-top:75px}
 .header{top:0}
}

/* V7 dedicated products catalogue */
.page-hero{background:linear-gradient(120deg,#073b5c,#0b8fc1 62%,#64c9e5);color:#fff;padding:105px 0 115px}
.page-hero .section-kicker{color:#bdefff}
.page-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;max-width:850px;margin:12px 0 18px}
.page-hero p{font-size:19px;max-width:700px;line-height:1.65;margin:0;color:rgba(255,255,255,.92)}
.page-hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.btn-light-outline{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.55)}
.catalogue{padding:95px 0}
.catalogue-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:42px}
.catalogue-intro>p{color:var(--muted);line-height:1.75;margin:0 0 5px}
.catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.catalogue-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(7,59,92,.06);transition:transform .22s ease,box-shadow .22s ease}
.catalogue-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(7,59,92,.12)}
.catalogue-image{height:220px;overflow:hidden;background:#eaf8fc}
.catalogue-image img{width:100%;height:100%;object-fit:cover;display:block}
.catalogue-body{padding:24px}
.catalogue-body>span{color:#16a9d7;font-size:12px;font-weight:800;letter-spacing:.08em}
.catalogue-body h3{color:var(--navy);font-size:24px;margin:8px 0 8px}
.catalogue-body p{color:var(--muted);line-height:1.6;font-size:14px;min-height:67px;margin:0 0 17px}
.catalogue-body a{color:#087fae;font-size:13px;font-weight:800;text-decoration:none}
.italian-feature{margin-top:70px;border-radius:26px;overflow:hidden;background:#073b5c;color:#fff;display:grid;grid-template-columns:1fr .9fr;min-height:420px}
.italian-copy{padding:55px 58px}
.italian-copy .section-kicker{color:#8fe4fb}
.italian-copy h2{font-size:42px;margin:8px 0 12px}
.italian-copy p{color:rgba(255,255,255,.82);line-height:1.7}
.italian-copy ul{padding:0;margin:25px 0;list-style:none;display:grid;gap:10px}
.italian-copy li:before{content:"✓";margin-right:10px;color:#6ed7f2;font-weight:800}
.italian-visual img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88}
.catalogue-quote{background:#eefaff;padding:95px 0}
.quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.quote-notes{display:grid;gap:12px;margin-top:30px}
.quote-notes>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px 18px}
.quote-notes strong{display:block;color:var(--navy)}
.quote-notes span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
@media(max-width:950px){
 .catalogue-grid{grid-template-columns:repeat(2,1fr)}
 .catalogue-intro,.italian-feature,.quote-layout{grid-template-columns:1fr}
 .italian-visual{min-height:300px}
}
@media(max-width:650px){
 .page-hero{padding:75px 0 85px}
 .page-hero h1{font-size:43px}
 .page-hero p{font-size:16px}
 .catalogue{padding:65px 0}
 .catalogue-grid{grid-template-columns:1fr}
 .catalogue-intro{gap:15px}
 .catalogue-image{height:205px}
 .italian-copy{padding:38px 25px}
 .italian-copy h2{font-size:34px}
 .catalogue-quote{padding:65px 0}
 .quote-layout{gap:35px}
}

.form-message{margin:0 auto 15px;padding:13px 16px;border-radius:12px;font-size:13px;font-weight:700}.form-message.success{background:#e8fbf2;color:#16744a;border:1px solid #aee6c9}.form-message.error{background:#fff0f0;color:#a12d2d;border:1px solid #efb7b7}