@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#182b3b;background:#f7f8f7;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:3px solid #1382b1;outline-offset:3px}.wrap{max-width:1160px;margin:auto;padding:0 24px}.skip{position:absolute;top:-60px;left:12px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.header{background:white;border-bottom:1px solid #e4e9e9;position:sticky;top:0;z-index:3}.head{height:78px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brandmark{background:#123452;color:white;font-weight:850;width:45px;height:45px;border-radius:11px;display:grid;place-content:center;font-size:20px;line-height:16px;text-align:center}.brandmark span{font-size:10px;color:#96d8e8}.brand strong{display:block;font-size:17px}.brand small{display:block;color:#667887;font-size:12px}.head nav{display:flex;gap:25px;margin:auto;font-size:14px;font-weight:600}.head nav a:hover,.footer a:hover{color:#167396}.head-actions{display:flex;align-items:center;gap:15px}.cartbutton{border:0;background:#e6f4f7;color:#10354c;border-radius:9px;padding:10px 13px;font-weight:700;white-space:nowrap}.cartbutton span{display:inline-grid;place-content:center;background:#123452;color:white;border-radius:50%;width:22px;height:22px;margin-left:5px}.adminlink{font-size:12px;color:#536878}.hero{background:#e8f3f3;overflow:hidden}.hero-grid{min-height:510px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.eyebrow,.kicker{font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:#206d84}.eyebrow{background:white;display:inline-block;padding:9px 13px;border-radius:4px}.hero h1{font-size:clamp(43px,5.3vw,72px);line-height:1.12;letter-spacing:-.055em;margin:24px 0 19px;color:#11324c}.hero h1 em{font-style:normal;color:#177e97}.hero p{max-width:460px;font-size:17px;line-height:1.8;color:#49606e}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:29px 0}.button{border:1px solid #d8e3e5;border-radius:8px;padding:12px 17px;min-height:45px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-weight:750}.primary{background:#153b57;color:white;border-color:#153b57}.primary:hover{background:#235d79}.light{background:white;color:#16364e}.light:hover{background:#eef6f7}.hero-note{font-size:12px;color:#56717c}.hero-art{height:390px;position:relative;display:grid;place-items:center}.art-card{width:300px;height:350px;background:#fffaf0;box-shadow:20px 25px 0 #c7e5e8,0 16px 40px #1b596129;transform:rotate(-7deg);border:1px solid #f3e9d8;border-radius:6px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#11354f;position:relative;z-index:1}.art-card span{font-size:12px;letter-spacing:.2em;font-weight:800;border-bottom:1px solid #b5c9cc;padding-bottom:18px}.art-card strong{font-size:38px;line-height:1.25;letter-spacing:-.06em}.art-card small{font-size:14px}.shape{position:absolute;font-size:80px;color:#197b91}.shape1{top:20px;left:5%;transform:rotate(20deg)}.shape2{right:0;bottom:5px;transform:rotate(14deg)}.shape3{right:4%;top:18px;font-size:35px;color:#f1a83d}.category-section,.product-section{padding-top:68px;padding-bottom:30px}.sectiontop{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.sectiontop h2,.budget h2,.admin h2{font-size:clamp(29px,3vw,39px);line-height:1.2;letter-spacing:-.04em;margin:8px 0;color:#15334b}.sectiontop p{color:#697d88;font-size:13px}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category{border:1px solid #e0e7e8;background:white;border-radius:11px;padding:21px 15px;text-align:left;min-height:125px;font-weight:750}.category:hover{border-color:#3b8b9c;transform:translateY(-2px)}.category span{display:block;font-size:31px;margin-bottom:12px}.filters{display:flex;gap:12px;align-items:end;margin:27px 0}.filters label,.panel label,.checkout label{display:grid;gap:7px;color:#425b68;font-size:13px;font-weight:700}.searchlabel{flex:1}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #cddadd;border-radius:8px;background:white;padding:11px 13px;min-height:45px;color:#183447;font-size:16px}.filters select{min-width:160px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;min-height:80px}.product{background:#fff;border:1px solid #e5ebeb;border-radius:12px;overflow:hidden}.product-art{height:164px;background:#eaf3f4;display:grid;place-content:center;font-size:76px}.product:nth-child(4n+2) .product-art{background:#f4f0e6}.product:nth-child(4n+3) .product-art{background:#e9eff7}.product-body{padding:17px}.product-body small{color:#608294;font-size:11px;font-weight:800}.product h3{font-size:16px;margin:9px 0 7px;min-height:46px;line-height:1.4}.product p{margin:0 0 15px;color:#6b7e87;font-size:12px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.product-bottom strong{font-size:19px;color:#163b54}.add{border:0;background:#183f59;color:white;border-radius:7px;padding:10px 12px;font-size:13px;font-weight:700;min-height:40px}.add:hover{background:#267293}.budget{margin-top:70px;background:#eaf2f2;padding:75px 0}.budget-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.budget p{max-width:460px;color:#54707b;line-height:1.8}.budget small{display:block;color:#667c84;margin-top:12px}.budget-list{background:white;border:1px solid #e0e9e9;padding:13px 28px;border-radius:12px}.budget-list div{display:flex;align-items:center;gap:23px;padding:26px 0;border-bottom:1px solid #e8eeee}.budget-list div:last-child{border:0}.budget-list b{color:#2d8aa1;font-size:20px}.footer{background:#16334a;color:white;padding:44px 0}.foot{display:flex;justify-content:space-between}.foot strong{font-size:19px}.foot p{font-size:13px;color:#c0d2db;line-height:1.8}.foot>div:last-child{display:grid;gap:8px;font-size:13px}dialog{border:0;border-radius:14px;padding:24px;width:min(500px,calc(100% - 24px));max-height:90vh;box-shadow:0 20px 70px #0c27394d}dialog::backdrop{background:#11283ca6}.dialoghead{display:flex;justify-content:space-between;align-items:center}.dialoghead h2{margin:0 0 20px}.close{border:0;background:transparent;font-size:28px;min-width:44px;min-height:44px}.cart-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e3eaeb;padding:14px 0}.qty{display:flex;align-items:center;gap:8px}.qty button{border:1px solid #d4e2e4;background:white;border-radius:6px;width:33px;height:33px}.totals{display:grid;grid-template-columns:1fr auto;gap:8px;margin:20px 0}.totals strong{font-size:19px}.checkout{display:grid;gap:12px}.checkout button{width:100%}.hint{font-size:12px;color:#687d87;line-height:1.5}.admin{padding-top:50px;padding-bottom:90px}.panel{background:white;border:1px solid #e1e8e9;border-radius:11px;padding:22px;display:grid;gap:15px;max-width:780px}.form-grid{grid-template-columns:repeat(2,1fr)}.form-grid h3{grid-column:1/-1;margin:0}.form-grid .button{width:max-content}.check{align-self:end;min-height:45px;display:flex!important;align-items:center}.adminbar{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.admin-list{display:grid;gap:8px}.admin-item{background:white;border:1px solid #e2e9ea;border-radius:8px;padding:13px;display:flex;justify-content:space-between;align-items:center;gap:16px}.admin-item small{display:block;color:#637985;margin-top:5px}.danger{border:1px solid #cd9e9e;color:#912c2c;background:white;border-radius:7px;padding:9px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:7;background:#16364e;color:white;border-radius:8px;padding:12px 18px;max-width:calc(100% - 24px);display:none}#toast:not(:empty){display:block}[hidden]{display:none!important}@media(max-width:800px){.head{height:auto;min-height:70px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:10px}.head nav{order:3;width:100%;justify-content:space-between;margin:0;font-size:12px;gap:7px}.head-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr;padding-top:45px;padding-bottom:35px}.hero-art{height:260px}.art-card{width:235px;height:230px}.art-card strong{font-size:27px}.shape{font-size:50px}.categories{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.budget-grid{gap:25px}}@media(max-width:530px){.wrap{padding:0 16px}.brand strong{font-size:14px}.adminlink{display:none}.hero h1{font-size:44px}.hero-grid{padding-top:32px}.hero-art{height:220px}.art-card{height:200px}.categories{grid-template-columns:repeat(2,1fr)}.category{min-height:105px;padding:13px}.filters{display:grid;grid-template-columns:1fr 1fr}.searchlabel{grid-column:1/-1}.filters select{min-width:0}.grid{gap:9px}.product-art{height:120px;font-size:53px}.product-body{padding:12px}.product h3{font-size:14px}.product-bottom{align-items:stretch;flex-direction:column}.product-bottom strong{font-size:17px}.budget{padding:52px 0}.budget-grid{grid-template-columns:1fr}.foot{gap:30px}.form-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.category:hover{transform:none}}

.brand-logo{width:48px;height:48px;object-fit:cover;border-radius:50%;border:2px solid #d3e9f3;background:#092146}.hero-photo{margin:0;position:relative;overflow:hidden;border-radius:15px;background:#d5e6eb;box-shadow:0 18px 44px #1c52632a}.hero-photo img{display:block;width:100%;height:365px;object-fit:cover;object-position:center}.hero-photo figcaption{background:#153b57;color:white;padding:12px 17px;font-size:13px;font-weight:700}.map-link{background:transparent;color:#153b57;border-color:#93bdca}.map-link:hover{background:white}@media(max-width:800px){.hero-photo img{height:290px}}@media(max-width:530px){.hero-photo img{height:220px}.hero-actions{gap:8px}.hero-actions .button{font-size:13px;padding:10px 12px}}
/* Store identity: navy ink, bright yellow and clean white. */

:root{--ink:#102947;--accent:#ffce3d;--line:#dce4ed;--muted:#526477;scroll-padding-top:130px}body{font-family:'Noto Sans Thai',system-ui,sans-serif;background:#fff;color:var(--ink);font-size:16px;line-height:1.65}.wrap{max-width:1220px}.header{border-bottom:1px solid var(--line)}.head{height:90px}.brand strong{font-size:20px}.brand small,.head nav,.adminlink,.kicker,.eyebrow,.hero-note,.sectiontop p,.product-body small,.product p,.hint,.foot p,.foot>div:last-child{font-size:14px}.hero{background:var(--ink);color:white}.hero-grid{gap:64px;min-height:560px;padding-block:54px}.hero h1{color:white;letter-spacing:-.025em;font-size:clamp(44px,5.1vw,68px);line-height:1.4;margin:20px 0}.hero h1 em{color:var(--accent)}.hero p{color:#d6e0ec;font-size:18px}.eyebrow{color:#fdd45e;background:transparent;border-bottom:1px solid #4a5a71;border-radius:0;padding:0 0 8px;letter-spacing:.03em}.hero .primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}.hero .light,.hero .map-link{border-color:#60738a;color:white;background:transparent}.hero-note{color:#c9d5e3}.hero-photo{border-radius:2px;box-shadow:none;transform:rotate(2deg);border:8px solid white}.hero-photo img{height:360px}.hero-photo figcaption{background:white;color:var(--ink)}.service-strip{background:var(--accent);color:var(--ink);font-weight:700}.service-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:16px}.category-section{padding-top:48px}.kicker{letter-spacing:0;color:#46677f}.categories{gap:0;border:1px solid var(--line)}.category{border:0;border-right:1px solid var(--line);border-radius:0;min-height:105px;display:flex;align-items:center;gap:15px;font-size:16px}.category:last-child{border-right:0}.category span{font-size:28px;margin:0}.category:hover{background:#f0f5fa;transform:none}.product-section{padding-top:40px}.filters label,.panel label,.checkout label,.doc-form label,.doc-row label{font-size:14px;font-weight:600}.product{border-radius:3px}.product-art{background:#f2f5f9;font-size:60px;height:150px}.product h3{font-size:17px;line-height:1.6}.product-body small{color:#526477}.product-bottom .add{font-size:14px;min-height:44px}.budget{background:#f2f5fa;padding-block:65px;margin-top:60px}.budget h2{font-size:38px;line-height:1.5}.budget p{max-width:none}.doc-layout{display:grid;grid-template-columns:350px 1fr;gap:28px;margin-top:30px}.doc-form{display:grid;gap:15px;background:white;padding:24px;border:1px solid var(--line);border-radius:4px}.doc-form label,.doc-row label{display:grid;gap:6px;color:#33495e}.doc-items{background:white;padding:24px;border:1px solid var(--line);border-radius:4px;min-width:0}.doc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.doc-toolbar h3{margin:0;font-size:20px}.doc-row{display:grid;grid-template-columns:2fr .7fr .7fr 1fr 40px;gap:8px;align-items:end;padding-block:20px;border-bottom:1px solid var(--line)}.doc-row .danger{height:46px}.doc-row input{padding:10px 8px}.doc-actions{display:flex;gap:8px;flex-wrap:wrap}.doc-totals{display:grid;grid-template-columns:1fr auto;gap:9px;padding:24px 0;margin-top:20px;border-top:2px solid var(--ink)}.doc-totals strong{font-variant-numeric:tabular-nums}.doc-items>#addDocRow{margin-top:20px}.contact-section{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:60px}.contact-section h2{font-size:32px;margin:8px 0}.contact-links{display:flex;gap:10px;flex-wrap:wrap}.footer{background:var(--ink)}.button{border-radius:4px;font-size:16px}.primary:hover,.add:hover{background:#244c73}.hero .primary:hover{background:#ffe388}.hint{line-height:1.7;color:#526477}:focus-visible{outline:3px solid #197bad;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}#documentDialog{width:min(900px,calc(100% - 24px))}#printDocument{background:white;padding:25px;color:#111;font-size:14px}.paper-brand{display:flex;align-items:center;gap:15px;border-bottom:2px solid var(--ink);padding-bottom:15px}.paper-brand p{margin:2px 0}.paper-brand>span{margin-left:auto;color:#6d7480}.paper-meta{display:flex;justify-content:space-between;gap:20px}.paper-table-wrap{overflow:auto}#printDocument table{width:100%;border-collapse:collapse}#printDocument th,#printDocument td{border:1px solid #aaa;text-align:left;padding:10px;overflow-wrap:anywhere}#printDocument th{background:#f2f5fa}.paper-summary{text-align:right}.signatures{display:flex;justify-content:space-between;gap:20px;padding-top:35px}.form-grid{gap:12px}textarea{resize:vertical}.hero-actions .button{font-size:16px}
@media(max-width:900px){.head{height:auto;min-height:80px}.hero-grid{gap:30px}.categories{grid-template-columns:repeat(3,1fr)}.category{border-bottom:1px solid var(--line)}.doc-layout{grid-template-columns:1fr}.doc-form{grid-template-columns:1fr 1fr}.doc-form>.hint,.doc-form>label:last-of-type{grid-column:1/-1}.contact-section{align-items:start;flex-direction:column}.service-strip .wrap{flex-wrap:wrap}.head nav{font-size:14px}.hero-photo{transform:none}}
@media(max-width:600px){.head{gap:10px;padding-block:12px}.brand strong{font-size:16px}.head nav{gap:8px}.head nav a{font-size:14px}.hero-grid{padding-block:35px;min-height:0}.hero h1{font-size:42px}.hero p{font-size:16px}.hero-photo img{height:240px}.hero-actions .button{font-size:14px}.service-strip .wrap{display:grid;grid-template-columns:1fr 1fr;font-size:14px;gap:10px}.sectiontop{align-items:start;flex-direction:column}.categories{grid-template-columns:1fr 1fr}.category{padding:14px;gap:10px;font-size:14px}.category span{font-size:24px}.doc-form{grid-template-columns:1fr}.doc-form .form-grid{grid-template-columns:1fr 1fr}.doc-items,.doc-form{padding:16px}.doc-row{grid-template-columns:1fr 1fr 1fr 40px}.doc-row label:first-child{grid-column:1/-1}.doc-toolbar{align-items:start;flex-direction:column}.doc-row label{font-size:14px}.budget h2{font-size:30px}.doc-actions .button{width:100%}.contact-links{display:grid;width:100%}.paper-meta{flex-direction:column;gap:0}.signatures{font-size:12px}.foot{flex-direction:column}#printDocument{padding:8px}.product h3{font-size:16px}.product-body small,.product p{font-size:14px}}
@media print{@page{size:A4;margin:15mm}body>*{display:none!important}body>#documentDialog{display:block!important;position:static;width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;box-shadow:none;overflow:visible}#documentDialog>.dialoghead,#printDocumentButton{display:none!important}#printDocument{padding:0;font-size:11pt}#documentDialog::backdrop{display:none}#printDocument h2{font-size:20pt}.paper-table-wrap{overflow:visible}.paper-meta{flex-direction:row}#printDocument table{font-size:10pt}#printDocument tr{break-inside:avoid}.signatures{break-inside:avoid}.paper-brand>span{color:#333}}
.assortment{padding-block:48px 16px}.assortment h2{max-width:660px;line-height:1.5}.assortment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.assortment-grid article{border:1px solid var(--line);background:white;min-width:0}.assortment-grid img{display:block;width:100%;height:240px;object-fit:cover}.assortment-grid article>div{padding:24px}.assortment-grid h3,.other-assortment h3,.budget-services h3{font-size:20px;line-height:1.6;margin:10px 0}.assortment-grid p,.other-assortment p,.budget-services p{color:var(--muted);line-height:1.8;margin-block:10px 18px}.assortment-grid article a{display:inline-block;font-weight:700;text-decoration:underline;text-underline-offset:4px}.photo-credits{font-size:14px;line-height:1.8;color:var(--muted);padding-block:14px}.photo-credits summary{cursor:pointer}.photo-credits a{text-decoration:underline}.other-assortment{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.budget-services{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-block:28px}.budget-services>div{border-top:2px solid var(--ink);padding-top:16px}.budget-services span{font-size:14px;font-weight:800;color:#496983}.budget-services p{font-size:16px}.procurement-start{border:1px solid var(--line);background:white;padding:24px}.procurement-start>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.procurement-start p{margin-bottom:0}.product-details{margin-block:10px 14px;font-size:14px;color:var(--muted)}.product-details summary{cursor:pointer;text-decoration:underline}.product-details p{margin-top:8px;line-height:1.8;min-height:0}@media(max-width:900px){.assortment-grid{gap:14px}.assortment-grid article>div{padding:16px}.assortment-grid img{height:190px}.budget-services{gap:20px}}@media(max-width:650px){.assortment-grid,.other-assortment,.budget-services{grid-template-columns:1fr}.assortment-grid img{height:240px}.assortment{padding-top:32px}.other-assortment{gap:10px}.budget-services{gap:12px}.procurement-start{padding:16px}.procurement-start>div{display:grid}.budget-services p{margin-bottom:8px}}
.gallery-intro{color:var(--muted);max-width:850px;line-height:1.8;margin-bottom:28px}.shop-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.shop-photo-card{border:1px solid var(--line);min-width:0;background:white}.shop-photo-link{display:flex;justify-content:center;align-items:center;background:#f2f5fa;min-height:232px;padding:12px}.shop-photo-link img{display:block;width:206px;max-width:100%;height:auto;object-fit:contain}.shop-photo-card>div{padding:20px}.shop-photo-card h3{font-size:19px;line-height:1.6;margin:8px 0}.shop-photo-card p{font-size:16px;color:var(--muted);line-height:1.8;margin:10px 0 16px}.shop-inquire{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.shop-photo-card .kicker{font-size:14px}.photo-credits{margin-top:12px}.shop-photo-link:focus-visible{outline-offset:-4px}@media(max-width:1000px){.shop-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(max-width:760px){.shop-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-photo-card>div{padding:16px}.shop-photo-link{min-height:0}}@media(max-width:480px){.shop-photo-grid{grid-template-columns:1fr}.shop-photo-card{display:grid;grid-template-columns:120px 1fr}.shop-photo-link{padding:8px;align-items:start;padding-top:16px}.shop-photo-card>div{padding:12px}.shop-photo-card h3{font-size:17px}.shop-photo-card p{font-size:14px;line-height:1.8}.shop-photo-card .kicker{font-size:14px}}@media(max-width:350px){.shop-photo-card{grid-template-columns:96px 1fr}.shop-photo-card>div{padding:10px}}

.downloads-section{padding-block:65px;border-bottom:1px solid var(--line)}.downloads-section>p{max-width:850px;color:var(--muted)}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:28px}.download-grid article{border:1px solid var(--line);border-top:4px solid var(--accent);padding:28px;background:#f7f9fc}.download-grid h3{margin:12px 0;font-size:24px}.download-grid p{color:var(--muted)}.file-label{font-size:14px;color:#496983;font-weight:700}.quote-text{width:100%;min-height:220px;margin-block:12px;font-size:14px}.quote-actions{display:flex;flex-wrap:wrap;gap:10px}.product-bottom{flex-wrap:wrap}.product-bottom>small{font-weight:500}.contact-links{max-width:550px}@media(max-width:650px){.download-grid{grid-template-columns:1fr}.downloads-section{padding-block:40px}.download-grid article{padding:20px}.quote-actions .button{width:100%}.head nav{flex-wrap:wrap}.cartbutton{font-size:14px}}

.contact-links .shop-icon{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.7}.contact-links .button{display:flex;align-items:center;justify-content:center;gap:9px}.store-line-qr{padding:20px;border:1px solid #d7cba9;border-radius:18px;text-align:center;background:#fff;color:#173246}.store-line-qr img{display:block;margin:0 auto;max-width:100%;object-fit:contain}.store-line-qr p{font-size:15px;margin:12px 0 0}