.detail-page .detail-main{display:block;padding-bottom:60px}.detail-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-block:27px;font-size:10px;color:#8b9690}.detail-breadcrumb a:last-child{color:#a63735}.detail-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:58px;align-items:start;padding-bottom:52px}.detail-gallery{min-width:0}.detail-main-image{display:block;position:relative;background:#f0f1e9;border:1px solid #e3e3d7;border-radius:22px;overflow:hidden;height:490px;cursor:zoom-in}.detail-main-image>img{width:100%;height:100%;object-fit:contain}.detail-zoom{position:absolute;right:16px;bottom:16px;background:#fffefaf2;color:#586b6a;display:flex;align-items:center;gap:8px;font-size:10px;padding:10px 13px;border:1px solid #e8e0d1;border-radius:30px}.detail-zoom svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.detail-gallery-caption{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#929c92;margin:14px 0}.detail-gallery-caption b{font-weight:400;white-space:nowrap;color:#a38761}.detail-thumbnails{display:flex;gap:9px;overflow-x:auto;padding:3px 0 10px;scrollbar-width:thin;scrollbar-color:#d8c5aa transparent}.detail-thumbnails>button{background:#fffefa;flex:0 0 72px;height:72px;border:1px solid #e4e1d7;border-radius:10px;overflow:hidden;padding:3px;cursor:pointer}.detail-thumbnails img{width:100%;height:100%;object-fit:contain}.detail-thumbnails>button[aria-pressed="true"]{border:2px solid #b12b2e;padding:2px}.detail-summary{min-width:0}.detail-category{display:inline-flex;align-items:center;gap:12px;font-size:10px;color:#a73736;background:#fff0e9;padding:7px 12px;border-radius:30px}.detail-reference{display:block;font-size:8px;letter-spacing:1.5px;color:#ab9274;margin:22px 0 10px}.detail-summary h1{font-size:clamp(26px,3.1vw,42px);line-height:1.5;letter-spacing:-.7px;font-weight:400;color:#304d56;margin:0 0 18px;overflow-wrap:anywhere}.detail-summary-copy{font-size:12px;line-height:2;color:#81908b;margin-bottom:22px}.detail-specifications{margin:0 0 24px;border-block:1px solid #e8e2d8}.detail-specifications>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eeebe2;padding:11px 0;font-size:11px}.detail-specifications>div:last-child{border:0}.detail-specifications dt{color:#8a968c}.detail-specifications dd{margin:0;text-align:right;color:#4e665f;overflow-wrap:anywhere}.detail-enquiry{background:#f5f2e9;border:1px solid #e5dece;border-radius:18px;padding:24px}.detail-enquiry-label{font-size:8px;letter-spacing:1.4px;color:#a78661}.detail-enquiry h2{font-size:20px;font-weight:400;line-height:1.6;margin:9px 0 10px;color:#3b555c}.detail-enquiry>p:not(.detail-copy-status){font-size:11px;line-height:1.9;color:#879187;margin-bottom:18px}.detail-line{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;min-height:52px;border:1px solid #06c755;background:#06c755;color:#073b22;border-radius:10px;font-size:12px;font-weight:500}.detail-line>svg{width:25px;height:25px;flex-shrink:0}.detail-line>span:last-child{margin-left:auto;font-size:22px}.detail-line:hover{background:#05b64e}.detail-copy-hint{display:block;font-size:9px;line-height:1.8;color:#899184;margin:9px 0 13px}.detail-phone{display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #d9cbb5;border-radius:9px;min-height:45px;font-size:12px;color:#6c755e;background:#fffefa}.detail-phone svg{width:20px;height:20px;color:#ab8d60}.detail-message{margin-top:14px}.detail-message summary{cursor:pointer;font-size:10px;color:#9b7c53;min-height:36px;display:list-item;list-style-position:inside;padding-block:8px}.detail-message label{display:block;font-size:10px;color:#7f8c80;margin:10px 0 6px}.detail-message textarea{width:100%;max-width:100%;font:11px/1.8 'Noto Sans Thai',sans-serif;border:1px solid #ddd3c1;background:#fffefa;padding:10px;border-radius:8px;color:#536b64;resize:vertical}.detail-message button{font:11px 'Noto Sans Thai',sans-serif;padding:10px 15px;min-height:40px;border:1px solid #e1b640;background:#ffd35a;border-radius:7px;color:#586344;cursor:pointer;margin-top:7px}.detail-copy-status{margin:10px 0 0;font-size:10px;color:#247849;line-height:1.8}.detail-copy-status:empty{display:none}.detail-read-more{display:inline-flex;align-items:center;gap:20px;font-size:11px;min-height:46px;margin-top:8px;color:#a18761}.detail-information{padding-block:45px;border-top:1px solid #e5e1d6;scroll-margin-top:115px}.detail-section-heading{margin-bottom:25px}.detail-section-heading h2,.detail-related-heading h2{font-size:30px;font-weight:400;line-height:1.5;margin:12px 0 9px;color:#304d55}.detail-section-heading p{font-size:11px;color:#8c978e}.detail-text{font-size:13px;line-height:2.1;color:#63776e;overflow-x:auto;overflow-wrap:anywhere;max-width:100%;margin-bottom:26px}.detail-text p{margin-bottom:15px}.detail-text ul,.detail-text ol{padding-left:22px}.detail-text table{border-collapse:collapse;max-width:100%;min-width:360px}.detail-text th,.detail-text td{border:1px solid #dfdfd1;padding:10px 14px}.detail-text a{color:#a43131;text-decoration:underline}.detail-text h3,.detail-text h4{font-size:18px;color:#38565b;margin:22px 0 12px}.detail-original-note,.detail-information-hint{font-size:11px;color:#8a9385;line-height:1.9;max-width:700px}.detail-original-note{color:#a28c6c}.detail-brochures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:25px;align-items:start}.detail-brochures>a{display:block;background:white;border:1px solid #e7e4da;border-radius:14px;overflow:hidden;position:relative;cursor:zoom-in}.detail-brochures img{width:100%;height:auto;display:block}.detail-brochures>a>span{display:flex;align-items:center;justify-content:flex-end;padding:11px 15px;font-size:10px;color:#a18865;background:#faf8f1;border-top:1px solid #eee7dc}.detail-related{border-top:1px solid #e5e1d6;padding-block:38px 15px}.detail-related-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.detail-related-heading h2{font-size:26px}.detail-related-heading>a{color:#9d8055;font-size:11px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.detail-related .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-related .catalog-card h3{font-size:12px}.detail-related .catalog-detail{align-self:flex-start;margin-top:auto}.detail-lightbox{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;border:0;padding:55px 70px 45px;background:#f8f7f2;color:#314c52;margin:0;z-index:100;overscroll-behavior:contain}.detail-lightbox[open]{display:flex;align-items:center;justify-content:center}.detail-lightbox::backdrop{background:#132b39dd}.detail-lightbox>img{display:block;max-width:100%;max-height:100%;object-fit:contain}.detail-lightbox button{position:absolute;display:grid;place-items:center;width:44px;height:44px;background:#fffefa;border:1px solid #ded8ca;border-radius:50%;color:#61776f;font-size:24px;cursor:pointer}.detail-lightbox-close{right:20px;top:16px}.detail-lightbox-prev{left:15px;top:calc(50% - 22px)}.detail-lightbox-next{right:15px;top:calc(50% - 22px)}.detail-lightbox-counter{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:11px;color:#89978c}.detail-viewer-open{overflow:hidden}.detail-not-found{padding:85px 20px;text-align:center;min-height:380px}.detail-not-found h1{font-size:32px;font-weight:400;margin:20px 0}.detail-not-found p{font-size:12px;color:#8b978e}.detail-mobile-actions{display:none}
@media(max-width:1050px){.detail-hero{gap:28px;grid-template-columns:1fr 1fr}.detail-main-image{height:420px}.detail-enquiry{padding:19px}.detail-related .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.detail-page{padding-bottom:calc(142px + env(safe-area-inset-bottom,0px))}.detail-page .detail-main{padding-bottom:25px}.detail-breadcrumb{padding-block:17px;gap:7px;font-size:9px}.detail-breadcrumb>a:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}.detail-hero{display:flex;flex-direction:column;gap:24px;padding-bottom:28px}.detail-gallery,.detail-summary{width:100%}.detail-main-image{height:auto;aspect-ratio:1.12;border-radius:16px}.detail-zoom{right:10px;bottom:10px;font-size:9px;padding:8px 10px}.detail-gallery-caption{font-size:8px;margin:10px 0;gap:10px}.detail-thumbnails{gap:7px}.detail-thumbnails>button{flex-basis:58px;height:58px;border-radius:8px}.detail-category{font-size:9px;padding:6px 10px}.detail-reference{font-size:7px;margin-top:16px}.detail-summary h1{font-size:27px;line-height:1.5;margin-bottom:13px}.detail-summary-copy{font-size:11px;margin-bottom:18px}.detail-enquiry{padding:19px;border-radius:15px}.detail-enquiry h2{font-size:19px}.detail-line{font-size:11px;min-height:49px;gap:9px;padding:12px}.detail-copy-hint{font-size:9px}.detail-information{padding-block:27px;scroll-margin-top:85px}.detail-section-heading h2{font-size:24px}.detail-section-heading p{font-size:10px}.detail-text{font-size:12px}.detail-brochures{grid-template-columns:1fr;gap:18px;margin-top:20px}.detail-related{padding-top:27px}.detail-related-heading{align-items:center;gap:12px}.detail-related-heading h2{font-size:22px;margin-top:8px}.detail-related-heading>a{font-size:10px}.detail-related .catalog-grid{gap:13px 11px}.detail-related .catalog-card h3{font-size:11px}.detail-lightbox{padding:60px 6px 75px}.detail-lightbox button{width:40px;height:40px;font-size:23px}.detail-lightbox-prev,.detail-lightbox-next{top:auto;bottom:17px}.detail-lightbox-prev{left:calc(50% - 90px)}.detail-lightbox-next{right:calc(50% - 90px)}.detail-lightbox-counter{bottom:28px}.detail-mobile-actions{display:flex;align-items:center;gap:10px;position:fixed;z-index:64;left:0;right:0;bottom:calc(70px + env(safe-area-inset-bottom,0px));padding:8px 18px;border-top:1px solid #e5e1d5;background:#fffefa;box-shadow:0 -5px 18px #41534e09}.detail-mobile-actions .detail-line{flex:1;min-width:0;font-size:11px;min-height:44px;padding:10px 13px}.detail-mobile-actions .detail-phone{width:44px;min-height:44px;background:#fff5df;flex-shrink:0}.detail-page .floating-contact{bottom:calc(158px + env(safe-area-inset-bottom,0px));right:8px}.detail-page .floating-contact-links{gap:6px}.detail-page .floating-contact-links>.contact-social{width:40px;height:40px;min-width:40px;min-height:40px}.detail-not-found{padding:50px 0;min-height:300px}.detail-not-found h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.detail-main *{scroll-behavior:auto}}