/* PJP storefront layout: blue-and-white merchandising flow. */
.nav{background:#fff!important;border-bottom:1px solid #d9e7f5!important;box-shadow:0 8px 24px rgba(5,37,82,.08)}
.nav .brand-name,.nav .navlinks,.nav .navlinks>a,.nav .nav-product>a{color:#092f65}
.nav .navlinks a:hover,.nav .navlinks a:focus-visible{color:#1264b7}
.nav .btn.primary{background:#0c4b94;color:#fff;box-shadow:none}
.nav .btn.primary:hover{background:#062e65;color:#fff}
.nav .brand-logo{background:#fff}
.nav-dropdown-toggle,.mobile-menu-toggle{color:#092f65}
.hero.factory-hero,.hero.factory-hero .wrap{min-height:590px}
.hero.factory-hero .wrap{padding-top:66px;padding-bottom:66px}
.hero.factory-hero .hero-copy{max-width:610px}
.hero.factory-hero h1{font-size:clamp(40px,4.5vw,64px)}
.hero.factory-hero .hero-proof{display:none}
.benefits-strip{background:#fff;border-bottom:1px solid #d6e6f6}
.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.benefits-grid>div{display:flex;align-items:center;gap:17px;min-height:102px;padding:17px 25px;border-right:1px solid #dceaf7}
.benefits-grid>div:first-child{border-left:1px solid #dceaf7}
.benefit-icon{display:grid;place-items:center;flex:none;width:45px;height:45px;border:1px solid #9ac4ec;border-radius:13px;background:#eaf4ff;color:#0d56a1;font-size:13px;font-weight:900}
.benefits-grid p{display:grid;gap:3px;margin:0;line-height:1.35}
.benefits-grid strong{font-size:14px;color:#092f65}
.benefits-grid small{font-size:12px;color:#5a7490}
.section:not(.soft):not(.quote).categories-section{background:#eaf3fc;color:#0a3265;padding:76px 0 84px}
.categories-section:before{display:none}
.categories-section .eyebrow{color:#1264b7}
.categories-section .sectionhead h2{color:#072e63}
.categories-section .sectionhead p{color:#4d6a89}
.categories-section .category-grid{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:repeat(2,minmax(180px,1fr));gap:15px;min-height:440px}
.category-grid .cat{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;text-align:left;min-height:0;padding:28px;border:1px solid rgba(139,186,232,.7);border-radius:13px;background:#0b3e79;box-shadow:0 14px 32px rgba(6,40,85,.14);transition:transform .3s ease,box-shadow .3s ease}
.category-grid .cat:first-child{grid-row:1/3}
.category-grid .cat::before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;transition:transform .45s ease}
.category-grid .cat:nth-child(1)::before{background-image:url('../images/sato-pb2-180-front.png');background-size:contain;background-repeat:no-repeat;background-position:80% 28%;background-color:#bcd8f1}
.category-grid .cat:nth-child(2)::before{background-image:url('../images/article-food-thai-v1.webp')}
.category-grid .cat:nth-child(3)::before{background-image:url('../images/article-packaging-thai-v1.webp')}
.category-grid .cat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,31,70,.02) 13%,rgba(3,31,70,.92) 100%)}
.category-grid .cat:hover,.category-grid .cat:focus-visible{transform:translateY(-4px);box-shadow:0 22px 40px rgba(6,40,85,.22)}
.category-grid .cat:hover::before,.category-grid .cat:focus-visible::before{transform:scale(1.045)}
.category-grid .cat .icon{display:none}
.category-grid .cat h3{color:#fff;font-size:clamp(20px,2vw,27px);margin:0 0 5px;line-height:1.25}
.category-grid .cat p{color:#e6f2ff;font-size:13px;line-height:1.5;margin:0 0 12px;max-width:400px}
.category-grid .cat .textlink{color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.showcase-banner{background:linear-gradient(90deg,rgba(3,24,57,.94),rgba(5,40,83,.73) 53%,rgba(4,35,77,.18)),url('../images/article-warehouse-thai-v1.webp') center/cover;color:#fff}
.showcase-banner .wrap{display:flex;align-items:center;min-height:335px;padding-top:45px;padding-bottom:45px}
.showcase-banner-copy{max-width:560px}
.showcase-banner .eyebrow{color:#a8d6ff}
.showcase-banner h2{margin:10px 0;font-size:clamp(28px,3.1vw,42px);line-height:1.2;color:#fff}
.showcase-banner p{max-width:510px;line-height:1.7;color:#e1edfa}
.showcase-banner .btn.outline{background:transparent;border-color:#c3dfff;color:#fff}
.showcase-banner .btn.outline:hover{background:rgba(255,255,255,.14)}
.products-section{padding-top:76px;padding-bottom:76px}
.showcase-links{background:#dcebf9;padding:0 0 76px}
.showcase-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.showcase-link{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:220px;overflow:hidden;padding:28px;border:1px solid #abcbe9;border-radius:12px;background:#f5faff;color:#072e63;transition:transform .3s,box-shadow .3s}
.showcase-link::before{content:"";position:absolute;inset:0;z-index:-1;background-position:right center;background-size:cover;opacity:.45;transition:transform .4s}
.showcase-link:first-child::before{background-image:linear-gradient(90deg,#f1f8ff 28%,rgba(241,248,255,.32)),url('../images/sato-pb2-180-box.png')}
.showcase-link:last-child::before{background-image:linear-gradient(90deg,#f1f8ff 28%,rgba(241,248,255,.3)),url('../images/article-packaging-thai-v1.webp')}
.showcase-link:hover,.showcase-link:focus-visible{transform:translateY(-4px);box-shadow:0 16px 32px rgba(6,40,85,.14)}
.showcase-link:hover::before,.showcase-link:focus-visible::before{transform:scale(1.04)}
.showcase-link .eyebrow{color:#1259a7}
.showcase-link strong{max-width:290px;margin:9px 0;font-size:clamp(22px,2.3vw,30px);line-height:1.25}
.showcase-link>span:last-child{font-size:13px;font-weight:800;color:#0d55a0}
@media(max-width:850px){.navlinks{background:#fff;border:1px solid #d6e5f3}.navlinks a,.nav-dropdown-toggle{color:#092f65!important}.nav .wrap>.btn.primary{display:none}.mobile-menu-toggle{color:#092f65}.benefits-grid>div{gap:10px;padding:15px 12px}.benefit-icon{width:36px;height:36px}.category-grid .cat{padding:22px}}
@media(max-width:650px){.hero.factory-hero,.hero.factory-hero .wrap{min-height:570px}.hero.factory-hero .wrap{padding-top:55px;padding-bottom:55px}.benefits-grid{grid-template-columns:1fr}.benefits-grid>div{min-height:72px;padding:12px 6px;border-right:0;border-left:0!important;border-bottom:1px solid #e1ecf7}.section:not(.soft):not(.quote).categories-section{padding:62px 0}.categories-section .category-grid{grid-template-columns:1fr;grid-template-rows:none;min-height:0}.category-grid .cat,.category-grid .cat:first-child{grid-row:auto;min-height:230px}.category-grid .cat:first-child{min-height:290px}.showcase-banner .wrap{min-height:320px}.showcase-links-grid{grid-template-columns:1fr}.showcase-link{min-height:190px}.showcase-links{padding-bottom:62px}}
@media(prefers-reduced-motion:reduce){.category-grid .cat,.category-grid .cat::before,.showcase-link,.showcase-link::before{transition:none}}