:root{background:#f7f9fb;color:#253647}header{background:#fff;border-color:#e3e9ee;padding-top:24px;padding-bottom:24px}.logo{font-size:24px;color:#28384a}.logo span{color:#527b95}.logo small{color:#6b7e8c}.preview{background:#e9f0f5;color:#526b7e}.intro{padding-top:48px;padding-bottom:32px}.intro>span,.section-heading small{color:#547a92}.intro h1{font-size:clamp(32px,3.6vw,48px);font-weight:600}p{color:#657687}.banners{gap:26px}.banner{display:grid;grid-template-columns:1fr 46%;align-items:stretch;padding:0;min-height:370px;background:#edf4fa;color:#233d52;border:1px solid #dce6ee;border-radius:12px;box-shadow:none;isolation:auto}.banner:after{display:none}.banner>div{grid-column:1;grid-row:1;padding:34px 22px 34px 30px;align-self:center;z-index:1}.banner img{position:static;grid-column:2;grid-row:1;z-index:auto;display:block;width:100%;height:100%;max-height:430px;object-fit:cover;object-position:center 25%;transform:none}.banner h2{font-size:clamp(28px,2.7vw,39px);line-height:1.35;letter-spacing:-.8px;margin:18px 0 12px}.banner small{color:#617e93;font-size:10px;letter-spacing:1.6px}.banner p{font-size:13px;color:#60788a;line-height:1.9;margin:0 0 26px}.banner strong{border-color:#afc0ce;font-size:12px;display:inline-block}.spotlight-banner{background:#fff;border-color:#e1e7ed}.spotlight-banner img{transform:none;object-position:center 25%}.banner:hover{border-color:#92adc2}.section-heading{margin-bottom:24px}.section-heading h2{font-weight:600;color:#293e50}.section-heading>span{color:#728290}.card{border-color:#e1e7ed;border-radius:10px;box-shadow:none}.card:hover{box-shadow:0 8px 22px #243d5210}.brand{color:#52758d}.card h3{color:#293e50;font-weight:500}.prices strong{color:#264e6a;font-size:22px}.prices del{color:#97a2ad}.card-note{color:#6a8091}.product-photo{border-color:#f0f3f6}.product-photo.no-photo{background:#f0f4f7;color:#8297a7}.filters{gap:18px;padding:20px;background:#edf2f6;border-radius:10px}.filters input,.filters select{border-color:#d3dee6;background:#fff;color:#334b5d}.filters label{color:#526a7d}footer{background:#fff;border-color:#e0e7ed;color:#3c576c}footer span{color:#738492}dialog{color:#2b4153;border:1px solid #dae3eb;box-shadow:0 20px 80px #21374925}.detail-note{color:#687e8e}#close{color:#536e83}.detail-photo{border-radius:8px}.gallery-thumbs{display:flex;gap:10px;overflow:auto;margin:14px 0 25px}.gallery-thumbs button{border:1px solid #cddbe5;border-radius:5px;background:#fff;padding:5px}.gallery-thumbs img{width:60px;height:60px;object-fit:contain}.specs{color:#536b7e;line-height:1.9;font-size:14px}[hidden]{display:none!important}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.review-card{margin:0;background:#fff;border:1px solid #e0e7ee;border-radius:10px;padding:24px}.review-card img{width:100%;height:180px;object-fit:contain;border-radius:6px;margin-bottom:16px}.review-card blockquote{margin:0 0 18px;line-height:1.9;color:#3b5264}.review-card figcaption{font-size:13px;color:#6b8191}@media(max-width:1000px){.banner{grid-template-columns:1fr 44%;min-height:330px}.banner>div{padding:24px 16px 24px 22px}.banner h2{font-size:29px}.banner p{font-size:12px}.banner strong{font-size:11px}.review-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){header{padding:18px}.intro{padding-top:30px}.banners{gap:18px}.banner{grid-template-columns:1fr 44%;min-height:310px}.banner img{max-height:360px;object-position:center center}.banner>div{padding:24px 14px 24px 20px}.banner h2{font-size:29px}.banner p{font-size:12px}.banner strong{font-size:11px}.filters{padding:14px}.review-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.spotlight-banner h2 span{display:block}.spotlight-banner h2{font-size:clamp(24px,2.4vw,34px)}@media(max-width:1000px){.spotlight-banner h2{font-size:25px}.banner p{font-size:11px}}@media(max-width:700px){.spotlight-banner h2{font-size:24px}.banner p{line-height:1.8}}
.banner,.spotlight-banner{background:#fff}.banner img,.spotlight-banner img{object-fit:contain;object-position:center center;background:#fff;padding:12px 6px}.banner{grid-template-columns:47% 53%}.banner>div{padding:30px 12px 30px 26px}.banner h2{font-size:clamp(25px,2.6vw,36px)}@media(max-width:1000px){.banner h2{font-size:27px}.banner>div{padding:22px 10px 22px 20px}.spotlight-banner h2{font-size:24px}}@media(max-width:700px){.banner{grid-template-columns:46% 54%;min-height:310px}.banner h2{font-size:25px}.spotlight-banner h2{font-size:23px}.banner>div{padding:22px 8px 22px 18px}.banner img{max-height:350px}}
.intro h1,.section-heading h2,.banner h2{font-family:Kanit,Anuphan,sans-serif;font-weight:500;letter-spacing:-.5px}.banner h2{font-size:clamp(29px,3.1vw,43px);line-height:1.18;margin:20px 0 18px}.banner small{position:relative;display:block;padding-top:16px;font-size:9px;letter-spacing:2px}.banner small:before{content:"";position:absolute;top:0;left:0;width:30px;height:3px;background:#6389a3;border-radius:2px}.spotlight-banner small:before{background:#ad829a}.spotlight-banner h2{font-size:clamp(28px,2.8vw,38px)}.section-heading h2{letter-spacing:-.3px}.banner p{line-height:1.8;font-size:12px}.banner>div{padding-left:26px}@media(max-width:1000px){.banner h2{font-size:31px}.spotlight-banner h2{font-size:28px}.banner p{font-size:11px}.banner>div{padding-left:20px}}@media(max-width:700px){.banner h2{font-size:29px}.spotlight-banner h2{font-size:27px}.banner>div{padding-left:18px}}
.banner h2{font-family:"Chakra Petch",Kanit,Anuphan,sans-serif;font-weight:600;letter-spacing:-.7px}.banner .store-display{margin:18px 0}.store-name{display:block;font-size:clamp(23px,2.6vw,35px);font-weight:700;letter-spacing:-1px;color:#294d65}.store-line{display:block;font-size:clamp(19px,2.1vw,29px);font-weight:500;letter-spacing:-.5px;margin-top:7px}.spotlight-banner h2{font-family:"Chakra Petch",Kanit,Anuphan,sans-serif;font-weight:600;color:#34495b}.spotlight-banner h2 span:last-child{color:#80667e}.banner small:before{width:38px;height:3px}.section-heading h2{font-family:"Chakra Petch",Kanit,Anuphan,sans-serif;font-weight:600}@media(max-width:1000px){.store-name{font-size:27px}.store-line{font-size:22px}.spotlight-banner h2{font-size:28px}}@media(max-width:700px){.store-name{font-size:25px}.store-line{font-size:21px}.spotlight-banner h2{font-size:26px}}
.category-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.category-links button{font:inherit;border:1px solid #d8e2eb;background:#fff;color:#24364a;border-radius:12px;padding:10px 15px;cursor:pointer;text-align:left}
.category-links button[aria-pressed="true"]{background:#173f61;color:white;border-color:#173f61}
.category-links button:focus-visible{outline:3px solid #75b8e8;outline-offset:3px}
.category-links span{opacity:.7;font-size:.85em;margin-left:6px}
#category-heading{font-family:'Chakra Petch',sans-serif;font-size:1.4rem;margin:22px 0 12px}
.color-options{border:1px solid #d8e2eb;border-radius:12px;padding:16px;margin:18px 0}
.color-options legend{font-weight:600;padding:0 6px}
.color-options label{display:inline-flex;align-items:center;gap:8px;margin:4px 16px 4px 0;padding:10px 16px;background:#f3f7fa;border-radius:8px;cursor:pointer}
.color-options input{accent-color:#173f61}
.color-options p{margin:10px 0 0;font-size:.9rem}

/* Product enquiries and catalog completion, 17 October 2026. */
.product-caution{padding:14px 16px;border-left:3px solid #4789bf;background:#eef6fc;border-radius:6px;font-size:.94rem;line-height:1.7}
.reference-price{font-size:.85rem;color:#536476;line-height:1.6}
.product-enquiry{border-top:1px solid #dbe6ef;margin-top:24px;padding-top:20px}
.product-enquiry h3{font-family:inherit;margin:0 0 12px}.product-enquiry label{display:block;font-size:.9rem;margin-bottom:8px}
.product-enquiry textarea{box-sizing:border-box;width:100%;max-width:100%;border:1px solid #bbcddc;border-radius:10px;padding:12px;font:inherit;font-size:.9rem;background:#fff;color:#20354a;resize:vertical;line-height:1.6}
.enquiry-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}.enquiry-actions button,.enquiry-actions a{font:inherit;font-weight:600;border-radius:8px;padding:10px 16px;text-decoration:none;cursor:pointer}.enquiry-actions button{color:#fff;background:#1768a8;border:1px solid #1768a8}.enquiry-actions a{color:#1768a8;background:#edf5fc}#enquiry-status{font-size:.85rem;line-height:1.6;color:#536476}
.gallery-thumbs button[aria-pressed="true"]{outline:2px solid #1768a8;outline-offset:2px}.detail-photo{object-fit:contain;background:#fff}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #3b94d4;outline-offset:3px}

/* Keep product categories visible before banners and Spotlight. */
.category-menu{padding:24px 0 8px;border-bottom:1px solid #dce6ee;scroll-margin-top:20px}.category-menu h2{font-family:"Chakra Petch",Anuphan,sans-serif;font-size:1.45rem;color:#294d65;margin:0 0 12px}.category-menu .category-links{margin:0 0 16px;gap:8px}.category-menu .category-links button{padding:10px 13px}#new{scroll-margin-top:24px}@media(max-width:700px){.category-menu{padding-top:18px}.category-menu h2{font-size:1.25rem}.category-menu .category-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.category-menu .category-links button{font-size:13px;padding:10px;line-height:1.5}}

.shop-brand-mark{display:block;width:180px;max-width:100%;height:50px;object-fit:contain;margin:0 0 15px}.logo>img{display:block;max-width:180px;height:auto}.product-photo.no-photo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;text-align:center}.product-photo.no-photo strong{font-size:22px;color:#143a55}.product-photo.no-photo small{font-size:13px;color:#536b7e}
/* Give product photography priority over the merchant mark. */
.shop-brand-mark{width:76px;max-width:100%;height:auto;max-height:32px;object-fit:contain;margin:0 0 8px}
.logo>img{width:150px;max-width:100%;height:auto}
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-photo{width:100%;height:290px;padding:12px;flex-shrink:0}
.product-photo img{display:block;width:100%;height:100%;object-fit:contain}
.card-body{padding:16px 20px 20px}
.card h3{font-size:18px;font-weight:600;margin:7px 0 14px}
.detail-photo{height:clamp(280px,48vh,440px)}
#detail-content>.shop-brand-mark{width:90px;max-height:36px;margin:0 0 12px}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-photo{height:270px}}
@media(max-width:700px){.product-photo{height:230px;padding:10px}.card-body{padding:12px}.card h3{font-size:16px}.logo>img{width:130px}.shop-brand-mark{width:64px;max-height:28px}}
@media(max-width:480px){.grid{grid-template-columns:minmax(0,1fr)}.product-photo{height:280px;padding:12px}.card-body{padding:16px}.card h3{font-size:18px}}

/* Product gallery enlargement */
#gallery-main{cursor:zoom-in}.gallery-thumbs{gap:12px}.gallery-thumbs button{flex:0 0 auto;padding:8px}.gallery-thumbs img{width:84px;height:84px}.image-zoom{width:96vw;max-width:1400px;padding:48px 20px 16px;background:#fff}.image-zoom>img{display:block;width:100%;height:70vh;object-fit:contain}.image-zoom [data-zoom-close]{position:absolute;right:12px;top:4px;font-size:32px;border:0;background:#fff;cursor:pointer}.zoom-controls{display:flex;align-items:center;justify-content:center;gap:20px}.zoom-controls p{text-align:center;margin:12px 0}.zoom-controls button{min-width:48px;min-height:44px;border:1px solid #ccdbe6;background:#edf4fa;border-radius:8px;font-size:24px}@media(max-width:480px){.gallery-thumbs img{width:68px;height:68px}.image-zoom>img{height:62vh}.zoom-controls{gap:12px}}