@font-face{font-family:Thai;src:url(NotoSansThai-Regular.ttf)}@font-face{font-family:Thai;src:url(NotoSansThai-Bold.ttf);font-weight:700}
:root{--navy:#101f36;--blue:#1459d1;--ink:#14233a;--muted:#536279;--line:#dce3ee;--paper:#f6f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px Thai,system-ui,sans-serif;background:var(--paper)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #5196ff;outline-offset:3px}.wrap{width:min(1200px,calc(100% - 72px));margin:auto}header{background:#fff;border-bottom:1px solid var(--line)}.nav{height:77px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;margin-right:auto;color:var(--navy);font:800 28px/1 system-ui;letter-spacing:.04em}.brand img{width:126px;max-height:48px;object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:.2em;margin-top:4px}.nav nav{display:flex;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:var(--blue);color:white;border-radius:7px;padding:11px 17px;font-weight:700;text-decoration:none!important}.button:hover{filter:brightness(1.12)}.outline{background:white;color:var(--blue);border-color:var(--line)}.ghost{background:transparent;border-color:#647894;color:white}.hero{color:white;background:radial-gradient(ellipse at 75% 38%,#263f64,var(--navy) 62%)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;min-height:505px;padding:55px 0}.eyebrow{font:700 12px/1.5 system-ui;letter-spacing:.16em;color:var(--blue);margin:0 0 12px}.hero .eyebrow,.contact .eyebrow{color:#9ac2ff}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,4vw,57px);line-height:1.23;letter-spacing:-.045em;margin-bottom:18px}h2{font-size:clamp(27px,3vw,41px);line-height:1.3;letter-spacing:-.04em}.hero p:not(.eyebrow),.contact p:not(.eyebrow){color:#d3dcea;max-width:490px;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-photo{position:relative;display:grid;place-items:center;min-width:0;min-height:340px;background:radial-gradient(ellipse,#a9bfd8,#e4edf7 72%);border:1px solid #abc0df;border-radius:12px;overflow:hidden}.hero-photo img{width:100%;height:340px;object-fit:contain;padding:14px}.hero-photo span{position:absolute;bottom:13px;left:16px;color:#1c3553;font:700 10px system-ui;letter-spacing:.15em}.service{border-bottom:1px solid var(--line);background:white}.service .wrap{display:flex;justify-content:space-around;gap:12px;padding:18px 0;color:#334760;font-size:14px;font-weight:700}.service span:before{content:'✓';color:var(--blue);margin-right:8px}.catalog{padding:58px 0 68px;scroll-margin-top:20px}.catalog-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.search{display:grid;gap:5px;font-weight:700;font-size:14px}.search input,.search textarea{border:1px solid var(--line);padding:10px 12px;border-radius:7px;min-width:0;width:100%;background:white;color:var(--ink)}.catalog-head .search{width:min(100%,300px)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.filter{border:1px solid var(--line);background:white;color:var(--ink);border-radius:6px;padding:7px 12px}.filter[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.results{font-size:14px;color:var(--muted);margin:16px 0 10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.photo{display:grid;place-items:center;aspect-ratio:1.8;background:#eef3fa;color:#344b69;font-weight:700;font-size:28px}.photo img{width:100%;height:100%;max-height:195px;object-fit:contain;padding:13px}.card-body{padding:16px;display:flex;flex:1;flex-direction:column;gap:8px}.card h3{font-size:20px}.card p{color:var(--muted);font-size:14px}.card .button{align-self:start;margin-top:auto}.contact{background:var(--navy);color:white}.contact-inner{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:45px 0}.contact h2{margin-bottom:12px}footer{display:flex;justify-content:space-between;padding:20px 0;font-size:14px}dialog{width:min(560px,calc(100% - 24px));max-height:85vh;border:0;border-radius:12px;padding:22px;color:var(--ink)}dialog::backdrop{background:#091424aa}.dialog-head,.item{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h2{font-size:25px}.item{padding:9px 0;border-bottom:1px solid var(--line)}.item input{width:70px}.item button{background:white;border:1px solid var(--line);border-radius:4px}.item div{display:flex;gap:5px}#items{margin:12px 0}#status{font-size:13px;color:var(--muted);margin-top:10px}
@media(max-width:850px){.wrap{width:calc(100% - 36px)}.hero-inner{gap:24px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.nav{height:66px;gap:10px}.nav nav{display:none}.hero-inner{grid-template-columns:1fr;padding:36px 0}.hero-photo{min-height:200px}.hero-photo img{height:215px}.service .wrap{justify-content:start;flex-wrap:wrap}.catalog-head,.contact-inner{align-items:start;flex-direction:column}.catalog-head .search{width:100%}.cards{gap:10px}.card-body{padding:10px}.card h3{font-size:17px}.card .button,.nav .button{font-size:13px;padding:8px 10px}.photo img{max-height:120px}}
.catalog-link{margin-top:10px;padding:0;border:0;background:none;color:var(--blue);text-align:left;font-size:14px;text-decoration:underline;text-underline-offset:3px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.model-display{color:#234972;font:700 clamp(17px,3vw,34px) system-ui;text-align:center;overflow-wrap:anywhere;padding:8px}.spec-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0}.spec-controls select{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:7px;background:#fff}.spec-controls label{font-size:14px}.button:disabled{opacity:.42;cursor:default}#spec-dialog{width:min(1050px,calc(100% - 24px));max-height:92dvh}#spec-description{margin-top:8px;color:var(--muted)}#spec-image{width:100%;height:auto;border:1px solid var(--line);display:block}#spec-quote{margin-top:14px}[hidden]{display:none!important}

/* Storefront */
:root{--navy:#0b1b32;--blue:#1657c4;--paper:#fbfcfe}
.utility{background:#102540;color:#e5edfa;font-size:12px}
.utility .wrap{display:flex;justify-content:space-between;gap:12px;padding:7px 0}
.site-header .nav{height:74px}
.site-header .nav nav{font-size:14px;font-weight:700}
.hero{background:radial-gradient(ellipse at 76% 45%,#284a74 0%,#132d4b 43%,#0c1e35 72%)}
.hero-inner{gap:32px;min-height:515px;grid-template-columns:1fr 1.08fr}
.hero-photo{border:0;background:none;min-height:0;overflow:visible}
.hero-photo img{height:auto;max-height:410px;aspect-ratio:850/520;padding:0;filter:drop-shadow(0 18px 17px #061222aa)}
.category-section,.featured,.resources{padding:58px 0}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.category-tile{display:grid;grid-template-columns:85px 1fr auto;gap:12px;align-items:center;text-align:left;color:var(--ink);background:white;border:1px solid var(--line);border-radius:10px;padding:12px;min-height:100px}
.category-tile:hover{border-color:var(--blue);color:var(--blue)}
.category-tile img{width:85px;height:66px;object-fit:contain}
.category-tile strong,.category-tile small{display:block}
.category-tile small{font-size:12px;line-height:1.55;color:var(--muted);margin-top:4px}
.featured{background:#edf3fb}
.featured .cards{margin-top:20px}
.catalog .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.resources{background:#eef4fc;border-top:1px solid var(--line)}
.resource-inner{display:grid;grid-template-columns:270px 1fr;gap:38px;align-items:center}
.resource-inner img{width:100%;border:1px solid var(--line);border-radius:8px;background:white}
.resource-inner p:not(.eyebrow){margin-top:9px;color:var(--muted)}
.spec-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 12px}
#spec-quote{margin:0}
#spec-status{font-size:13px;overflow-wrap:anywhere}
@media(max-width:960px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.hero-inner{grid-template-columns:1fr;min-height:0}.hero-photo img{height:auto;max-height:275px}.site-header .nav{height:64px}.category-section,.featured,.resources{padding:36px 0}.category-grid{gap:8px}.category-tile{grid-template-columns:1fr auto;gap:5px;padding:9px}.category-tile img{grid-column:1/-1;width:100%;height:65px}.category-tile strong{font-size:14px}.catalog .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-inner{grid-template-columns:1fr;gap:16px}.resource-inner img{width:190px}.spec-actions .button{font-size:13px}}
.line-price-section{border-top:1px solid var(--line)}
.line-price-section .catalog-head p{color:var(--muted);margin-top:7px}
.price-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}
.price-table{width:100%;border-collapse:collapse;text-align:left}
.price-table th,.price-table td{padding:8px 14px;border-bottom:1px solid var(--line)}
.price-table tr:last-child>*{border-bottom:0}
.price-table thead{background:#edf3fb}
.price-table td:last-child,.price-table thead th:last-child{text-align:right}
.price-table tbody th{font-weight:400}
.store-list{margin:18px 0;grid-template-columns:repeat(4,minmax(0,1fr))}
.store-list .card h3{font-size:16px}
.store-list .photo{background:#fff}
.store-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.store-filters select,#store-option{font:inherit;padding:6px;border:1px solid var(--line);border-radius:6px;max-width:100%}
#store-detail{width:min(920px,calc(100% - 24px))}
#store-detail h2{font-size:clamp(18px,3vw,26px)}
.store-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;margin:14px 0}
.store-gallery img,.option-image{width:100%;height:145px;object-fit:contain}
.store-description{white-space:pre-wrap;margin:14px 0;overflow-wrap:anywhere}
@media(max-width:720px){.store-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Homepage product showcase */
.hero {
  color: var(--navy);
  background: radial-gradient(ellipse at 82% 47%, #dcefff, transparent 65%),
    linear-gradient(106deg, #fff 13%, #f4faff 48%, #e9f5ff);
}
.hero .eyebrow { color: var(--blue); }
.hero p:not(.eyebrow) { color: #405771; }
.hero .ghost { color: #154c91; border-color: #86a8cf; background: #ffffffa8; }
.hero-showcase {
  position: relative;
  isolation: isolate;
  min-width: 0;
  aspect-ratio: 1.48;
}
.hero-showcase::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(#6598c82a 1px, transparent 1px),
    linear-gradient(90deg, #6598c82a 1px, transparent 1px),
    radial-gradient(circle at 78% 42%, transparent 24%, #6598c82e 24.2%, transparent 24.5%, transparent 31%, #6598c82e 31.2%, transparent 31.5%);
  background-size: 32px 32px, 32px 32px, 100% 100%;
  mask-image: radial-gradient(ellipse at 65% 47%, #000 18%, transparent 74%);
}
.hero-showcase img {
  position: absolute;
  display: block;
  height: auto;
  mix-blend-mode: multiply;
}
.showcase-cylinder { left: 2%; top: 13%; width: 51%; filter: drop-shadow(0 11px 8px #2345682b); }
.showcase-filter { left: 54%; top: 5%; width: 24%; }
.showcase-tube { right: 0; bottom: 12%; width: 38%; }
.showcase-valve { left: 29%; bottom: 4%; width: 33%; }
.showcase-fitting { left: 13%; bottom: 7%; width: 13%; }
@media(max-width:640px) {
  .hero-showcase { width: min(100%, 510px); justify-self: center; }
}
.hero-brochure{display:grid;justify-items:center;gap:10px;padding:14px 0;color:#1455b2;font-weight:700}
.hero-brochure img{display:block;width:min(100%,340px);height:auto;border:5px solid white;border-radius:9px;box-shadow:0 9px 26px #183b6226}

.pamy-about h2 { max-width: 850px; }
.pamy-about p:not(.eyebrow) { max-width: 820px; margin: 14px 0 0; line-height: 1.85; color: var(--muted); }

.quick-quote-panel { display:grid; grid-template-columns:1fr 1.25fr; align-items:start; gap:28px; padding:clamp(18px,4vw,36px); background:#edf5ff; border:1px solid #d6e5f7; border-radius:16px; }
.quick-quote-panel label { display:block; font-weight:700; margin-bottom:6px; }
.quick-quote-panel textarea { box-sizing:border-box; width:100%; min-height:100px; padding:12px; border:1px solid #9db4cf; border-radius:8px; color:#142946; background:white; font:inherit; resize:vertical; }
#quick-quote-status:not(:empty) { margin-top:10px; }
.order-info { padding-left:1.3em; line-height:1.7; }
@media (max-width:650px) { .quick-quote-panel { grid-template-columns:1fr; gap:14px; } }

.cylinder-types[hidden] { display: none; }
.cylinder-types { margin-top: 0; padding-top: 12px; border-top: 1px solid var(--line); }
#spec-dialog { width: min(1280px, calc(100% - 16px)); max-width: none; }
.spec-zoom-controls { margin-block: 12px; }
#spec-viewport { overflow: auto; max-height: 64dvh; border: 1px solid var(--line); }
#spec-viewport #spec-image { border: 0; cursor: zoom-in; }
#spec-viewport.is-zoomed #spec-image { width: max(200%, 1100px); max-width: none; cursor: zoom-out; }
#store-detail .store-gallery img, #store-detail .option-image { height: auto; max-height: clamp(230px, 42vw, 420px); }

.fitting-spec { margin-block: 24px; }
.fitting-spec h3 { margin-bottom: 6px; }
.fitting-spec p { margin: 0 0 12px; color: var(--muted); }
.fitting-spec-scroll { overflow-x: auto; margin-top: 12px; border: 1px solid var(--line); border-radius: 8px; }
.fitting-spec table { width: 100%; border-collapse: collapse; white-space: nowrap; font-size: 14px; }
.fitting-spec th, .fitting-spec td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line); }
.fitting-spec thead th { background: #edf4ff; }
.fitting-spec tbody tr:last-child > * { border-bottom: 0; }