/* Siam Sensor — engineering look (overrides Kadence global palette and fonts) */
:root{
  --global-palette1:#E8710A;--global-palette2:#B85A06;--global-palette3:#0E1B2C;--global-palette4:#1D2A3A;
  --global-palette5:#475569;--global-palette6:#7A8798;--global-palette7:#DDE3EA;--global-palette8:#F1F4F7;--global-palette9:#FFFFFF;
  --global-body-font-family:'IBM Plex Sans Thai','IBM Plex Sans',sans-serif;
  --global-heading-font-family:'IBM Plex Sans Thai','IBM Plex Sans',sans-serif;
  --global-primary-nav-font-family:'IBM Plex Sans Thai','IBM Plex Sans',sans-serif;
  --ssx-navy:#0E1B2C;--ssx-steel:#1D2A3A;--ssx-line:#DDE3EA;--ssx-mono:'IBM Plex Mono','IBM Plex Sans Thai',ui-monospace,monospace;
}
body,button,input,select,textarea{font-family:var(--global-body-font-family)}
h1,h2,h3,h4,h5,h6,.entry-title,.product_title{font-family:var(--global-heading-font-family);font-weight:600;letter-spacing:-.01em;color:var(--ssx-navy)}
#masthead{border-bottom:3px solid var(--global-palette1)}
.main-navigation .primary-menu-container>ul>li.menu-item>a{font-weight:500}
.entry-hero-container-inner{background-color:var(--ssx-navy) !important;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) !important;
  background-size:24px 24px !important}
.entry-hero-container-inner .entry-title,.entry-hero-container-inner .archive-title,.entry-hero-container-inner h1{color:#fff !important}
.entry-hero-container-inner .kadence-breadcrumbs,.entry-hero-container-inner .kadence-breadcrumbs a{color:#c9d3df !important}
.button,.wp-block-button__link,button[type=submit],.ssx-btn{border-radius:4px !important}
.woocommerce ul.products li.product,.ssx-box,.ssx-alt-card{border-radius:6px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-weight:600;color:var(--ssx-navy)}
.product_meta{font-family:var(--ssx-mono);font-size:13px}
.woocommerce-product-details__short-description{color:var(--global-palette5)}
/* spec table */
.ssx-specbox{border-top:3px solid var(--ssx-navy)}
.ssx-specbox .ssx-title{font-size:1.15em}
.ssx-spec-grid{columns:2 340px;column-gap:24px}
.ssx-spectable{width:100%;border-collapse:collapse;font-size:13px;line-height:1.45;margin:0 0 14px;border:1px solid var(--ssx-line);break-inside:avoid;page-break-inside:avoid}
.ssx-spectable caption{caption-side:top;text-align:left;background:var(--ssx-navy);color:#fff;font-weight:600;font-size:12.5px;letter-spacing:.03em;padding:5px 10px}
.ssx-spectable th,.ssx-spectable td{padding:4px 10px;border-bottom:1px solid var(--ssx-line);text-align:left;vertical-align:top}
.ssx-spectable tr:last-child th,.ssx-spectable tr:last-child td{border-bottom:0}
.ssx-spectable th[scope=row]{width:44%;font-weight:500;color:var(--global-palette5);background:#F7F9FB}
.ssx-spectable td{font-family:var(--ssx-mono);color:var(--ssx-steel)}
/* origin badge e.g. <span class="ssx-origin">Italy</span> */
.ssx-origin{display:inline-block;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:.85em;letter-spacing:.02em;line-height:1.55;
  color:#9A4F08;background:#FFF8F1;border:1px solid #F8DEC2;padding:0 9px;border-radius:999px;vertical-align:1px;white-space:nowrap}
/* alternatives */
.ssx-alts{border-top:3px solid var(--global-palette1)}
.ssx-alt-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr)) !important}
.ssx-alt-img{aspect-ratio:16/10 !important;background:#fff !important;border-bottom:1px solid var(--ssx-line);padding:8px}
.ssx-alt-img img{width:100% !important;height:100% !important;object-fit:contain !important}
.ssx-alt-brand{color:var(--global-palette1) !important}
.ssx-alt-model{color:var(--ssx-navy);font-size:1.1em}
.ssx-alt-specs{margin:2px 0 0;padding:0;list-style:none;font-family:var(--ssx-mono);font-size:12.5px;color:var(--ssx-steel)}
.ssx-alt-specs li{padding:3px 0;border-bottom:1px dashed var(--ssx-line)}
.ssx-alt-specs li:last-child{border-bottom:0}
/* animated 3D pointing hand (Microsoft Fluent Emoji, MIT) above "ดูทางเลือกที่ใช้แทนได้", fingertip at ~3/4 of the button */
.ssx-alt-cta{position:relative;display:inline-block;white-space:nowrap}
.ssx-hand{position:absolute;left:75%;top:-38px;margin-left:-23px;line-height:0;pointer-events:none;animation:ssx-hand-tap 1.4s ease-in-out infinite}
.ssx-hand img{display:block;width:40px !important;height:40px !important;margin:0 !important;max-width:none}
@keyframes ssx-hand-tap{0%,100%{transform:translateY(0)}30%,60%{transform:translateY(9px)}45%{transform:translateY(3px)}}
.ssx-alt-cta:hover .ssx-hand{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.ssx-hand{animation:none}}
/* product grid: show the whole product, uncropped, in a uniform frame */
.woocommerce ul.products li.product a img,.woocommerce ul.products li.product .woocommerce-loop-image-link img{width:100% !important;aspect-ratio:4/3;height:auto !important;object-fit:contain !important;background:#fff;padding:10px;box-sizing:border-box;margin:0 !important}
.woocommerce ul.products li.product .woocommerce-loop-image-link,.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block;background:#fff}
