:root{--blue:#0b4eb2;--navy:#052d59;--orange:#ff7800;--text:#102947;--muted:#6d7a8a;--line:#dfe7ef;--bg:#f6f8fb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
.pk-header{height:74px;background:#fff;border-bottom:1px solid #e6ebf0;display:flex;align-items:center;padding:0 28px;gap:25px;position:relative;z-index:20}
.pk-logo{text-decoration:none;color:#0b3b7d;line-height:1;min-width:225px}.pk-logo>span{font-size:27px;font-weight:950;letter-spacing:-1.2px}.pk-logo>span span{color:#0d4fb4}.pk-logo small{display:block;font-size:8px;font-weight:900;letter-spacing:1.35px;margin-top:3px}
.pk-nav{display:flex;align-items:center;gap:27px;margin:auto}.pk-nav a{text-decoration:none;color:#17263a;font-size:13px;font-weight:800;padding:28px 0 25px;border-bottom:3px solid transparent}.pk-nav a:hover,.pk-nav a.active{color:var(--blue);border-bottom-color:var(--blue)}
.pk-actions{display:flex;gap:8px;align-items:center;min-width:225px;justify-content:flex-end}.pk-actions a{font-size:12px;font-weight:800;text-decoration:none;border:1px solid #dbe4ed;border-radius:7px;padding:9px 12px}.pk-actions .join{background:var(--blue);border-color:var(--blue);color:#fff}
.cover{height:245px;background:#07345f center/cover no-repeat;position:relative}.cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,30,58,.82),rgba(5,45,89,.30) 55%,rgba(3,30,58,.45))}.cover:after{content:"";position:absolute;right:4%;top:-110px;width:430px;height:430px;border:75px solid rgba(255,255,255,.035);border-radius:50%}
.company-hero{max-width:1180px;margin:-78px auto 0;position:relative;z-index:2;padding:0 20px}.hero-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 35px rgba(9,40,75,.12);padding:22px;display:grid;grid-template-columns:135px 1fr auto;gap:22px;align-items:center}
.logo-box{width:135px;height:108px;border:1px solid #e1e7ee;border-radius:9px;display:grid;place-items:center;background:#fff;overflow:hidden}.logo-box img{max-width:92%;max-height:92%;object-fit:contain}.supplier-label{font-size:9px;color:#0b58bd;font-weight:900;letter-spacing:1.3px;margin-bottom:5px}.company-title h1{margin:0 0 5px;font-size:29px;letter-spacing:-.5px}.company-title p{margin:4px 0;color:#687789;font-size:12px;line-height:1.5;max-width:680px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.tag{padding:5px 8px;border-radius:999px;background:#eef3f8;font-size:9px;font-weight:900}.tag.verified{background:#e5f7ed;color:#227344}.tag.unclaimed{background:#fff2d9;color:#8e6000}
.claim-box{text-align:right}.claim-box small{display:block;color:#7b858e;margin-top:7px;font-size:9px}.claim-btn,.contact-top{display:inline-block;text-decoration:none;background:var(--blue);color:#fff;border-radius:6px;padding:10px 14px;font-size:10px;font-weight:900}
.page-grid{max-width:1180px;margin:20px auto;padding:0 20px 60px;display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px;margin-bottom:15px;box-shadow:0 2px 10px rgba(20,52,87,.025)}.card h2{font-size:17px;margin:0 0 14px;padding-bottom:11px;border-bottom:1px solid #edf1f5}.about{line-height:1.7;color:#455565;font-size:12px}
.cat-list{display:flex;flex-wrap:wrap;gap:7px}.cat-list span{border:1px solid #dbe5ef;background:#f8fafc;color:#294661;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;transition:.18s}.product-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(18,52,88,.08);border-color:#b9cee4}.product-img{height:135px;background:#f5f7f9;display:grid;place-items:center;color:#8b97a3;font-size:10px;font-weight:900}.product-img img{width:100%;height:100%;object-fit:contain;background:#fff}.product-body{padding:11px}.product-body h3{font-size:12px;margin:0 0 5px;line-height:1.35;color:#102947}.product-body p{font-size:10px;color:#6d7883;line-height:1.45;margin:0}.product-card a{text-decoration:none}
.contact-row{padding:10px 0;border-bottom:1px solid #edf1f5;font-size:11px;line-height:1.5;word-break:break-word}.contact-row:last-child{border-bottom:0}.contact-row strong{display:block;font-size:9px;color:#83909e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.contact-row a{color:#0a4dab;text-decoration:none}
.inquiry-form label{display:block;font-size:10px;font-weight:900;margin:10px 0 5px;color:#34465a}.inquiry-form input,.inquiry-form textarea{width:100%;padding:9px 10px;border:1px solid #ccd7e2;border-radius:6px;font:inherit;font-size:11px;background:#fff}.inquiry-form textarea{min-height:110px;resize:vertical}.send-btn{width:100%;margin-top:11px;background:var(--orange);border:0;border-radius:6px;color:#fff;padding:11px;font-size:11px;font-weight:900;cursor:pointer}.notice-ok{background:#e7f8ed;color:#247743;padding:10px;border-radius:6px;margin-bottom:11px;font-size:10px}.notice-err{background:#fff0f0;color:#922;padding:10px;border-radius:6px;margin-bottom:11px;font-size:10px}.empty{color:#7c8790;font-size:11px}.pk-footer{background:#071b31;color:#aebccc;text-align:center;padding:18px;font-size:11px}
@media(max-width:900px){.pk-nav{gap:14px}.hero-card{grid-template-columns:100px 1fr}.logo-box{width:100px;height:88px}.claim-box{grid-column:1/-1;text-align:left}.page-grid{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.pk-nav{display:none}.pk-header{padding:0 16px}.pk-logo,.pk-actions{min-width:auto}.pk-actions>a:first-child{display:none}.cover{height:190px}.company-title h1{font-size:24px}}
@media(max-width:560px){.pk-actions>a:not(.join){display:none}.hero-card{grid-template-columns:1fr;margin-top:20px}.logo-box{width:110px}.company-hero{margin-top:-55px;padding:0 12px}.page-grid{padding-left:12px;padding-right:12px}.products{grid-template-columns:1fr}.company-title h1{font-size:23px}}