/* PixelCMS Theme Builder 1.0 */
.pxth-builder-area{position:relative;isolation:isolate}
.pxth-builder-area[data-builder-area="header"]{z-index:80}
.pxth-builder-area[data-builder-area="footer"]{z-index:20}
html[data-edit="1"] .pxth-builder-area{outline:1px dashed transparent;transition:opacity .18s,outline-color .18s}
html[data-edit="1"] .pxth-builder-area.is-builder-active{outline-color:#2563eb}
html[data-edit="1"] .pxth-builder-area:not(.is-builder-active){opacity:.62}
html[data-edit="1"] .pxth-builder-area:not(.is-builder-active) .pxth-custom-controls,
html[data-edit="1"] .pxth-builder-area:not(.is-builder-active) .pxth-block-controls,
html[data-edit="1"] .pxth-builder-area:not(.is-builder-active) [data-add-block]{display:none!important}
.pxth-builder-area-label{display:none}
html[data-edit="1"] .pxth-builder-area-label{display:flex;position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:120;gap:8px;align-items:center}
.pxth-builder-area-label button{border:0;border-radius:8px;background:#111827;color:#fff;padding:8px 14px;font:700 14px var(--pxth-admin-font,"Kanit",sans-serif);cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.2)}
.pxth-builder-empty{min-height:90px;display:flex;align-items:center;justify-content:center;border:1px dashed #94a3b8;background:#f8fafc;color:#475569;margin:12px}
.pxth-theme-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.pxth-theme-logo img{display:block;max-height:56px;max-width:240px;width:auto}
.pxth-theme-site-name{font-family:var(--pxth-public-heading-font);font-size:var(--pxth-font-panel-title);font-weight:800}
.pxth-theme-menu ul{display:flex;align-items:center;justify-content:inherit;gap:24px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.pxth-theme-menu a{color:inherit;text-decoration:none;font-weight:600}
.pxth-theme-contact{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pxth-theme-contact a{color:inherit;text-decoration:none}
.pxth-theme-copyright{font-size:var(--pxth-font-small);line-height:1.6}
#pxth-builder-context-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:2147483000;display:flex;gap:6px;padding:6px;background:#fff;border:1px solid #dbe3ef;border-radius:12px;box-shadow:0 12px 36px rgba(15,23,42,.24)}
#pxth-builder-context-bar button{border:0;border-radius:8px;padding:9px 13px;background:#e2e8f0;color:#0f172a;font:700 13px var(--pxth-admin-font,"Kanit",sans-serif);cursor:pointer}
#pxth-builder-context-bar button.active{background:#111827;color:#fff}
@media(max-width:768px){.pxth-theme-menu ul{gap:12px}.pxth-theme-logo img{max-height:44px}}

html[data-edit="1"] .pxth-builder-area{min-height:76px;border:2px solid transparent}
html[data-edit="1"] .pxth-builder-area.is-builder-active{opacity:1;border-color:#2563eb;background:rgba(37,99,235,.025)}
html[data-edit="1"] .pxth-builder-area:not(.is-builder-active){opacity:.72}
html[data-edit="1"] .pxth-builder-area-label{top:12px;left:18px;transform:none}
html[data-edit="1"] .pxth-builder-area-label button{min-height:38px;padding:0 16px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;color:#0f172a;box-shadow:0 8px 22px rgba(15,23,42,.16)}
html[data-edit="1"] .pxth-builder-area-label button:hover,html[data-edit="1"] .pxth-builder-area-label button.is-active{background:#111827;color:#fff;border-color:#111827}
html[data-edit="1"] .pxth-builder-area[data-builder-area="header"],html[data-edit="1"] .pxth-builder-area[data-builder-area="footer"]{padding-top:56px}
#pxth-builder-context-bar{bottom:20px;padding:7px;border-radius:14px}#pxth-builder-context-bar button{min-width:104px;min-height:40px}
.pxth-theme-topbar,.pxth-theme-contact,.pxth-theme-social,.pxth-theme-language,.pxth-theme-payment{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pxth-theme-cta,.pxth-theme-account{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:var(--pxth-radius-button,8px);background:var(--pxth-button-bg,#111827);color:#fff;text-decoration:none;font-weight:700}
.pxth-theme-search{display:flex;gap:8px}.pxth-theme-search input{min-width:0;flex:1}.pxth-theme-search button{min-width:74px}.pxth-theme-spacer{min-height:1px;border-top:1px solid currentColor;opacity:.3}
.pxth-theme-footer-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pxth-theme-footer-menu a{color:inherit;text-decoration:none}.pxth-theme-newsletter>div{display:flex;gap:8px}.pxth-theme-newsletter input{min-width:0;flex:1}
.pxth-theme-payment span{padding:6px 10px;border:1px solid currentColor;border-radius:6px;font-size:var(--pxth-font-small)}
\n\n/* PixelCMS v1.3.42 — Theme Builder edge edit tabs */
html[data-edit="1"] .pxth-builder-area[data-builder-area="body"] > .pxth-builder-area-label{display:none!important}
html[data-edit="1"] .pxth-builder-area[data-builder-area="header"],
html[data-edit="1"] .pxth-builder-area[data-builder-area="footer"]{
  padding-top:0!important;
  overflow:visible!important;
}
html[data-edit="1"] .pxth-builder-area[data-builder-area="header"] > .pxth-builder-area-label,
html[data-edit="1"] .pxth-builder-area[data-builder-area="footer"] > .pxth-builder-area-label{
  display:flex!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  transform:translate(-50%,-1px)!important;
  z-index:2147483000!important;
  pointer-events:auto!important;
  margin:0!important;
}
html[data-edit="1"] .pxth-builder-area[data-builder-area="header"] > .pxth-builder-area-label button,
html[data-edit="1"] .pxth-builder-area[data-builder-area="footer"] > .pxth-builder-area-label button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:102px!important;
  min-height:30px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:0 0 7px 7px!important;
  background:#f5a400!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(120,72,0,.22)!important;
  font:700 12px/1 var(--pxth-admin-font,"Kanit",sans-serif)!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  opacity:1!important;
}
html[data-edit="1"] .pxth-builder-area[data-builder-area="header"] > .pxth-builder-area-label button::before,
html[data-edit="1"] .pxth-builder-area[data-builder-area="footer"] > .pxth-builder-area-label button::before{
  content:"";
  position:absolute;
  left:-10px;
  top:0;
  width:0;
  height:0;
  border-top:15px solid #f5a400;
  border-bottom:15px solid transparent;
  border-left:10px solid transparent;
}
html[data-edit="1"] .pxth-builder-area[data-builder-area="header"] > .pxth-builder-area-label button::after,
html[data-edit="1"] .pxth-builder-area[data-builder-area="footer"] > .pxth-builder-area-label button::after{
  content:"";
  position:absolute;
  right:-10px;
  top:0;
  width:0;
  height:0;
  border-top:15px solid #f5a400;
  border-bottom:15px solid transparent;
  border-right:10px solid transparent;
}
html[data-edit="1"] .pxth-builder-area-label button:hover,
html[data-edit="1"] .pxth-builder-area-label button:focus-visible,
html[data-edit="1"] .pxth-builder-area-label button.is-active{
  background:#e89500!important;
  color:#fff!important;
  outline:2px solid rgba(255,255,255,.95)!important;
  outline-offset:2px!important;
}
html[data-edit="1"] .pxth-builder-area-label button:hover::before,
html[data-edit="1"] .pxth-builder-area-label button:focus-visible::before,
html[data-edit="1"] .pxth-builder-area-label button.is-active::before{border-top-color:#e89500!important}
html[data-edit="1"] .pxth-builder-area-label button:hover::after,
html[data-edit="1"] .pxth-builder-area-label button:focus-visible::after,
html[data-edit="1"] .pxth-builder-area-label button.is-active::after{border-top-color:#e89500!important}


/* PixelCMS v1.3.44 — strict Context-Locked Theme Builder.
   Only the active area is presented as Page Builder. Inactive areas render as
   a clean preview and expose only their explicit Edit tab. */
html[data-edit="1"] .pxth-builder-area.is-builder-locked{
  opacity:1!important;
  outline:0!important;
  border-color:transparent!important;
  background:transparent!important;
  pointer-events:none!important;
  cursor:default!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-locked > .pxth-builder-area-label{
  pointer-events:auto!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-locked :is(
  .pxth-custom-controls,
  .pxth-block-controls,
  .pxth-add-block,
  [data-add-block],
  [data-section-act],
  [data-block-act],
  [data-pxth-block-drag-handle],
  .pxth-column-resizer,
  .pxth-col-percent-input,
  .pxth-empty-column,
  .pxth-builder-empty
){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-locked :is(.custom-section,.custom-grid,.custom-col,.custom-block){
  outline:0!important;
  outline-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  cursor:default!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-locked .custom-col{
  min-height:0!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-locked [contenteditable]{
  caret-color:transparent!important;
  user-select:text!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-active{
  opacity:1!important;
  pointer-events:auto!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-active > .pxth-builder-area-label button{
  pointer-events:auto!important;
}
#pxth-builder-context-bar{display:none!important}
#pxth-builder-return-body{
  position:fixed;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  z-index:2147483001;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:0 18px;
  border:0;
  border-radius:10px;
  background:#111827;
  color:#fff;
  box-shadow:0 12px 32px rgba(15,23,42,.28);
  font:700 14px/1 var(--pxth-admin-font,"Kanit",sans-serif);
  cursor:pointer;
}
#pxth-builder-return-body[hidden]{display:none!important}
#pxth-builder-return-body:hover,#pxth-builder-return-body:focus-visible{background:#020617;outline:3px solid rgba(59,130,246,.35);outline-offset:2px}