/* One-line public navigation; narrow screens scroll within the menu, never the page. */
:is(.page-on-sale,.page-detail,.page-about) .site-header{position:relative;z-index:20;background:linear-gradient(110deg,#171611,#0c0d10 65%);border-bottom:1px solid #a98a4b70}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,30px);width:100%;max-width:none;min-height:78px;margin:0;padding:9px clamp(12px,2vw,32px)}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row>.brand,:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row>.detail-brand{display:flex;flex-direction:row;flex:0 0 auto;align-items:center;gap:9px;min-width:0;margin:0;text-decoration:none}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row .logo-image{display:block;width:53px;height:40px;object-fit:contain;flex:none}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row .brand-name{font-family:'Kanit',sans-serif;font-size:clamp(22px,2.15vw,32px);font-weight:800;line-height:1.2;letter-spacing:-.025em;white-space:nowrap}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row .brand-domain{font-size:.78em}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row .brand small{display:none}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row .header-nav{display:flex;flex:0 1 auto;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(5px,.65vw,11px);min-width:0;max-width:100%;margin:0 0 0 auto;padding:5px 2px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#79633d transparent;white-space:nowrap}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-nav :is(.header-home,.header-sale,.header-close,.header-return,.header-services-toggle){box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;height:44px;min-height:44px;padding:0 clamp(10px,1vw,17px);border:1px solid #9d804c80;border-radius:10px;background:linear-gradient(145deg,#2d2b25,#17191b);color:#f9f0dd;font:600 clamp(13px,1.1vw,16px)/1.2 'Kanit',sans-serif;letter-spacing:.015em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-nav :is(.header-home,.header-sale,.header-close,.header-return,.header-services-toggle):hover{transform:translateY(-2px);border-color:#edcc88;box-shadow:0 4px 9px #0008;background:linear-gradient(145deg,#40382a,#242321);color:#fff7e4}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-nav .header-contact{background:linear-gradient(135deg,#e6c77e,#b58b3d);border-color:#e0bf70;color:#211b10}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-nav .header-contact:hover{background:linear-gradient(135deg,#f2d797,#cda24f);color:#211b10}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-nav .header-return{background:linear-gradient(135deg,#51432c,#2d281e);border-color:#c5a66a;color:#ffe5aa;padding-inline:22px}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-nav .header-sale{background:linear-gradient(135deg,#652a31,#3c2026);border-color:#a66568;color:#ffe9df}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-nav .header-close{background:linear-gradient(135deg,#252a30,#171b20);border-color:#6b727a;color:#eceff3}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-nav .header-close span{font:inherit}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-nav :focus-visible{outline:2px solid #f4cb70;outline-offset:2px}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-services{display:flex;flex:none;align-items:center}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-services-menu{position:fixed;z-index:60;display:grid;gap:4px;width:230px;max-width:calc(100vw - 24px);padding:8px;border:1px solid #b99048;border-radius:12px;background:#191918;box-shadow:0 14px 35px #000b}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-services-menu[hidden]{display:none}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-services-menu button,.header-services-menu a{padding:10px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#f4ecd9;font:500 14px/1.35 'Kanit',sans-serif;text-align:left;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform .18s,background .18s}
:is(.page-on-sale,.page-about,.page-detail) .site-header .header-services-menu button:hover,.header-services-menu a:hover{transform:translateY(-2px);background:#403522;border-color:#9d804c80}
.page-on-sale .header-line{display:none!important}
.service-image-dialog{box-sizing:content-box;width:max-content;max-width:calc(100vw - 24px);max-height:94dvh;margin:auto;padding:3px;border:1px solid #c3a263;border-radius:10px;background:#141414;box-shadow:0 16px 60px #000d;overflow:hidden;line-height:0}
.service-image-dialog::backdrop{background:#000d}
.service-image-dialog img{display:block;width:auto;height:auto;max-width:calc(100vw - 32px);max-height:calc(94dvh - 8px);margin:0;border-radius:6px;object-fit:contain}
.service-image-close{position:absolute;top:9px;right:9px;z-index:1;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #d4b779;border-radius:50%;background:#171717ed;color:#fff;font:25px/1 Arial;box-shadow:0 2px 8px #0008;cursor:pointer;transition:transform .18s}
.service-image-close:hover{transform:translateY(-2px)}
@media(max-width:1100px){:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row{gap:12px;min-height:70px;padding:8px 12px}:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row .brand-name{font-size:23px}:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row .logo-image{width:42px;height:34px}:is(.page-on-sale,.page-about,.page-detail) .site-header .header-nav :is(.header-home,.header-sale,.header-close,.header-return,.header-services-toggle){padding-inline:10px;font-size:13px}}
@media(max-width:600px){:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row{gap:9px;min-height:62px;padding:5px 8px}:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row>.brand,:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row>.detail-brand{gap:4px}:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row .logo-image{width:28px;height:27px}:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row .brand-name{font-size:18px}:is(.page-on-sale,.page-about,.page-detail) .site-header .header-row .header-nav{gap:5px}:is(.page-on-sale,.page-about,.page-detail) .site-header .header-nav :is(.header-home,.header-sale,.header-close,.header-return,.header-services-toggle){height:38px;min-height:38px;padding-inline:10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){:is(.page-on-sale,.page-about,.page-detail) .site-header .header-nav *, .service-image-close{transition:none!important;transform:none!important}}

/* Plate detail navigation: keep every action visible on a single row. */
.page-detail .site-header .header-row{min-height:58px;gap:12px;padding:5px clamp(10px,1.5vw,24px)}
.page-detail .site-header .header-row .header-nav{padding:3px 2px;overflow:visible;flex-shrink:0}
.page-detail .site-header .header-nav :is(.header-home,.header-sale,.header-close,.header-return){height:40px;min-height:40px}
.page-detail .site-header .header-row .logo-image{width:46px;height:34px}
.page-detail .site-header .header-row .brand-name{font-size:clamp(22px,2.15vw,30px)}
@media(max-width:700px){
 .page-detail .site-header .header-row{min-height:50px;padding:5px 8px;gap:0}
 .page-detail .site-header .header-row>.detail-brand{display:none}
 .page-detail .site-header .header-row .header-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1 1 100%;width:100%;gap:clamp(4px,1.2vw,8px);margin:0;padding:2px 1px;overflow:visible}
 .page-detail .site-header .header-nav :is(.header-home,.header-sale,.header-close,.header-return){width:100%;min-width:0;height:38px;min-height:38px;padding-inline:4px;gap:4px;font-size:clamp(11px,3.2vw,14px);letter-spacing:0}
}