/* 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-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;
}




/* 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}


/* PixelCMS v1.3.45 — visible context return control and clean edge tabs. */
html[data-edit="1"] .pxth-builder-area-label{
  gap:6px!important;
}
html[data-edit="1"] .pxth-builder-area-label .pxth-builder-edit-body{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:94px!important;
  min-height:30px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:0 0 7px 7px!important;
  background:#111827!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(15,23,42,.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-label .pxth-builder-edit-body:hover,
html[data-edit="1"] .pxth-builder-area-label .pxth-builder-edit-body:focus-visible{
  background:#020617!important;
  outline:2px solid rgba(255,255,255,.95)!important;
  outline-offset:2px!important;
}
html[data-edit="1"] .pxth-builder-area-label button::before,
html[data-edit="1"] .pxth-builder-area-label button::after{
  content:none!important;
  display:none!important;
}


/* PixelCMS v1.3.46 — context navigation and toolbar collision fix. */
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label{
  left:auto!important;
  right:14px!important;
  top:8px!important;
  bottom:auto!important;
  transform:none!important;
  z-index:2147483000!important;
  pointer-events:auto!important;
}
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button{
  min-height:30px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius: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;
}
html[data-edit="1"] .pxth-builder-area[data-builder-area="body"] > .pxth-builder-area-label{
  display:flex!important;
  top:8px!important;
  right:14px!important;
}
html[data-edit="1"] .pxth-builder-area[data-builder-area="body"] > .pxth-builder-area-label button[hidden]{display:none!important}
html[data-edit="1"] .pxth-builder-area.is-builder-active > .pxth-builder-area-label button[data-edit-builder-area]{
  background:#111827!important;
}
html[data-edit="1"] .pxth-builder-area-label button::before,
html[data-edit="1"] .pxth-builder-area-label button::after{content:none!important;display:none!important}
/* Section controls remain centered; edit tabs sit on the right and no longer cover them. */
html[data-edit="1"] .pxth-builder-area.is-builder-locked{pointer-events:auto!important}
html[data-edit="1"] .pxth-builder-area.is-builder-locked > :not(.pxth-builder-area-label){pointer-events:none!important}

/* PixelCMS v1.3.47 — quiet context tabs and body-only section deletion. */
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button,
html[data-edit="1"] .pxth-builder-area-label .pxth-builder-edit-body{
  min-width:auto!important;
  min-height:34px!important;
  padding:0 13px!important;
  border:1px solid var(--pxth-admin-border,#d7dee8)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:none!important;
  outline:0!important;
  font:600 13px/1 var(--pxth-admin-font,"Kanit",sans-serif)!important;
}
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button:hover,
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button:focus-visible,
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button.is-active,
html[data-edit="1"] .pxth-builder-area-label .pxth-builder-edit-body:hover,
html[data-edit="1"] .pxth-builder-area-label .pxth-builder-edit-body:focus-visible{
  border-color:#94a3b8!important;
  background:#f8fafc!important;
  color:#111827!important;
  box-shadow:none!important;
  outline:2px solid rgba(37,99,235,.18)!important;
  outline-offset:1px!important;
}

/* PixelCMS v1.3.48 — flat context controls and reliable active-area input. */
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label{
  position:absolute!important;
  top:10px!important;
  right:16px!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:2147483640!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  pointer-events:auto!important;
}
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button,
html[data-edit="1"] .pxth-builder-area-label .pxth-builder-edit-body{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:28px!important;
  padding:0 2px!important;
  border:0!important;
  border-bottom:1px solid #64748b!important;
  border-radius:0!important;
  background:transparent!important;
  color:#334155!important;
  box-shadow:none!important;
  outline:0!important;
  font:600 12px/1 var(--pxth-admin-font,"Kanit",sans-serif)!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  opacity:1!important;
}
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button:hover,
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button:focus-visible,
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button.is-active,
html[data-edit="1"] .pxth-builder-area-label .pxth-builder-edit-body:hover,
html[data-edit="1"] .pxth-builder-area-label .pxth-builder-edit-body:focus-visible{
  border-bottom-color:#0f172a!important;
  background:transparent!important;
  color:#0f172a!important;
  box-shadow:none!important;
  outline:0!important;
}
html[data-edit="1"] .pxth-builder-area[data-builder-area="header"]{
  padding-top:38px!important;
}
html[data-edit="1"] .pxth-builder-area[data-builder-area="header"] > .pxth-builder-area-label{
  top:4px!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-active{
  pointer-events:auto!important;
  z-index:auto!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-active :is(
  .pxth-custom-controls,
  .pxth-block-controls,
  [data-section-act],
  [data-block-act],
  [data-add-block],
  .pxth-column-resizer,
  .pxth-col-percent-input
){
  pointer-events:auto!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-locked{
  pointer-events:auto!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-locked > :not(.pxth-builder-area-label){
  pointer-events:none!important;
}


/* PixelCMS v1.3.49 — final flat context controls and toolbar hit-testing */
html[data-edit="1"] .pxth-builder-area{
  overflow:visible!important;
}
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label{
  top:8px!important;
  right:12px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:2147483200!important;
  gap:6px!important;
}
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button,
html[data-edit="1"] .pxth-builder-area-label .pxth-builder-edit-body{
  min-height:30px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:#64748b!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  outline:0!important;
  font:700 12px/1 var(--pxth-admin-font,"Kanit",sans-serif)!important;
  opacity:1!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button:hover,
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button:focus-visible,
html[data-edit="1"] .pxth-builder-area > .pxth-builder-area-label button.is-active,
html[data-edit="1"] .pxth-builder-area-label .pxth-builder-edit-body:hover,
html[data-edit="1"] .pxth-builder-area-label .pxth-builder-edit-body:focus-visible{
  border:0!important;
  border-radius:0!important;
  background:#475569!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  outline:0!important;
}
html[data-edit="1"] .pxth-builder-area-label button::before,
html[data-edit="1"] .pxth-builder-area-label button::after{
  content:none!important;
  display:none!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-active{
  position:relative!important;
  z-index:1000!important;
  pointer-events:auto!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-locked{
  z-index:1!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-active :is(
  .pxth-custom-controls,.pxth-block-controls,[data-section-act],[data-block-act],
  [data-add-block]
){
  z-index:2147483000!important;
  pointer-events:auto!important;
  visibility:visible!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-active .pxth-column-resizer{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  z-index:2147482990!important;
  pointer-events:auto!important;
  visibility:visible!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-active .pxth-col-percent-input{
  position:absolute!important;
  z-index:2147482995!important;
  pointer-events:auto!important;
  visibility:visible!important;
}
html[data-edit="1"] .pxth-builder-area.is-builder-active .pxth-custom-controls,
html[data-edit="1"] .pxth-builder-area.is-builder-active .pxth-block-controls{
  position:absolute!important;
}


/* PixelCMS v1.3.64 — Professional responsive off-canvas navigation */
:root{
  --pxth-mobile-nav-breakpoint:768px;
  --pxth-mobile-drawer-width:min(86vw,380px);
  --pxth-mobile-drawer-duration:.28s;
  --pxth-mobile-drawer-overlay:rgba(15,23,42,.58);
  --pxth-mobile-drawer-bg:#fff;
  --pxth-mobile-drawer-text:#0f172a;
  --pxth-mobile-drawer-muted:#64748b;
  --pxth-mobile-drawer-border:#e7ebf0;
  --pxth-mobile-drawer-hover:#f4f7fb;
  --pxth-mobile-drawer-active-bg:#eef4ff;
  --pxth-mobile-drawer-active:#1d4ed8;
}
.pxth-theme-mobile-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid #d9e0e8;
  border-radius:10px;
  background:#fff;
  color:#0f172a;
  box-shadow:none;
  font:700 22px/1 system-ui,sans-serif;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.pxth-theme-mobile-toggle:hover{background:#f7f9fc;border-color:#c3ccd8}
.pxth-theme-mobile-toggle:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}
.pxth-theme-mobile-toggle__icon{display:block;line-height:1}
.pxth-mobile-menu-drawer{display:none}

@media(min-width:769px){
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .custom-col:has([data-block-type="site-menu"]){display:block!important}
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .pxth-theme-menu{display:block!important}
  html:not([data-edit="1"]) .pxth-theme-mobile-toggle,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer{display:none!important}
}

@media(max-width:768px){
  html.pxth-mobile-drawer-open,body.pxth-mobile-drawer-open{overflow:hidden!important;overscroll-behavior:none}
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"]{
    position:relative!important;
    z-index:1200;
    min-height:0;
  }
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .custom-section{position:relative;min-height:0!important}
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .custom-grid{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:68px;
    gap:12px!important;
    padding-right:66px!important;
    grid-template-columns:none!important;
  }
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .custom-col{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
  }
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .custom-col:has([data-block-type="site-logo"]){flex:1 1 auto!important}
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .custom-col:has([data-block-type="site-menu"]){display:none!important}
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .custom-col:not(:has(.custom-block)){display:none!important}
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .pxth-column-resizer,
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .pxth-col-percent-input{display:none!important}
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .pxth-theme-logo img{
    display:block;
    max-height:50px;
    max-width:min(210px,58vw);
    object-fit:contain;
  }
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .pxth-mobile-toggle-anchor{
    position:relative!important;
  }
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] .pxth-mobile-toggle-anchor > .pxth-theme-mobile-toggle,
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] > .pxth-theme-mobile-toggle{
    display:inline-flex!important;
    position:absolute!important;
    top:50%!important;
    right:14px!important;
    left:auto!important;
    bottom:auto!important;
    width:48px!important;
    height:48px!important;
    transform:translateY(-50%)!important;
    z-index:2147481000!important;
    margin:0!important;
    font-size:25px!important;
  }
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] [data-block-type="theme-mobile-toggle"] .pxth-theme-mobile-toggle{display:inline-flex!important}

  html:not([data-edit="1"]) .pxth-mobile-menu-drawer{
    display:block;
    position:fixed;
    inset:0;
    z-index:2147482000;
    pointer-events:none;
    visibility:hidden;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    background:var(--pxth-mobile-drawer-overlay);
    opacity:0;
    transition:opacity var(--pxth-mobile-drawer-duration) ease;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__panel{
    position:absolute;
    top:0;
    right:0;
    width:var(--pxth-mobile-drawer-width);
    height:100dvh;
    max-height:100dvh;
    box-sizing:border-box;
    background:var(--pxth-mobile-drawer-bg);
    color:var(--pxth-mobile-drawer-text);
    border-left:1px solid rgba(226,232,240,.95);
    transform:translate3d(102%,0,0);
    transition:transform var(--pxth-mobile-drawer-duration) cubic-bezier(.22,1,.36,1);
    box-shadow:-24px 0 70px rgba(2,6,23,.20);
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"].is-mobile-menu-open .pxth-mobile-menu-drawer{pointer-events:auto;visibility:visible}
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"].is-mobile-menu-open .pxth-mobile-menu-drawer__backdrop{opacity:1}
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"].is-mobile-menu-open .pxth-mobile-menu-drawer__panel{transform:translate3d(0,0,0)}

  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__header{
    min-height:78px;
    padding:14px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-bottom:1px solid var(--pxth-mobile-drawer-border);
    background:rgba(255,255,255,.96);
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__brand{display:flex;align-items:center;min-width:0;max-width:calc(100% - 56px)}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__brand .pxth-theme-logo{display:flex;align-items:center;text-decoration:none;color:inherit;min-width:0}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__brand img{display:block;max-width:180px;max-height:48px;object-fit:contain}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__close{
    flex:0 0 42px;
    width:42px;
    height:42px;
    border:1px solid #e2e8f0;
    border-radius:12px;
    background:#f8fafc;
    color:#0f172a;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font:400 27px/1 system-ui,sans-serif;
    cursor:pointer;
    box-shadow:none;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__close:hover{background:#eef2f7;border-color:#d4dce6}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__close:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}

  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__content{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:18px 18px 26px;
    scrollbar-width:thin;
    scrollbar-color:#cbd5e1 transparent;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__content::-webkit-scrollbar{width:6px}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__content::before{
    content:"เมนู";
    display:block;
    margin:0 0 10px;
    color:var(--pxth-mobile-drawer-muted);
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    color:var(--pxth-mobile-drawer-text)!important;
    border:0!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer ul{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer li{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a{
    position:relative;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:52px!important;
    width:100%!important;
    padding:11px 46px 11px 14px!important;
    box-sizing:border-box!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    background:transparent!important;
    color:var(--pxth-mobile-drawer-text)!important;
    text-decoration:none!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.35!important;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a::after{
    content:"›";
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-52%);
    color:#94a3b8;
    font:500 25px/1 system-ui,sans-serif;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a:hover,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a:focus-visible{
    background:var(--pxth-mobile-drawer-hover)!important;
    border-color:#e8edf3!important;
    color:#0f172a!important;
    outline:0!important;
    transform:translateX(-2px);
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a[aria-current="page"],
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer .active > a,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer .is-active > a{
    background:var(--pxth-mobile-drawer-active-bg)!important;
    border-color:#dbe8ff!important;
    color:var(--pxth-mobile-drawer-active)!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a[aria-current="page"]::before,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer .active > a::before,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer .is-active > a::before{
    content:"";
    position:absolute;
    left:0;
    top:12px;
    bottom:12px;
    width:3px;
    border-radius:0 999px 999px 0;
    background:var(--pxth-mobile-drawer-active);
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a[aria-current="page"]::after,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer .active > a::after,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer .is-active > a::after{color:var(--pxth-mobile-drawer-active)}

  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__footer{
    padding:16px 18px max(18px,env(safe-area-inset-bottom));
    border-top:1px solid var(--pxth-mobile-drawer-border);
    background:#f8fafc;
    display:grid;
    gap:12px;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__footer .custom-block{margin:0!important}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__footer :is(a,button){max-width:100%}
}

@media(max-width:420px){
  :root{--pxth-mobile-drawer-width:min(90vw,360px)}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__header{padding-inline:15px}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__content{padding-inline:15px}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__footer{padding-inline:15px}
}

@media(prefers-reduced-motion:reduce){
  .pxth-mobile-menu-drawer__backdrop,
  .pxth-mobile-menu-drawer__panel,
  .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a{transition:none!important}
}


/* PixelCMS v1.3.65 — isolated professional mobile drawer navigation */
@media(max-width:768px){
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__panel{
    width:min(88vw,360px)!important;
    border-radius:0!important;
    box-shadow:-18px 0 48px rgba(15,23,42,.18)!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__header{
    min-height:72px!important;
    padding:14px 18px!important;
    background:#fff!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__brand img{
    max-width:150px!important;
    max-height:44px!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__close{
    width:40px!important;
    height:40px!important;
    border:0!important;
    border-radius:10px!important;
    background:#f1f5f9!important;
    color:#0f172a!important;
    box-shadow:none!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__content{
    padding:18px!important;
    background:#fff!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__content::before{
    content:"เมนูหลัก"!important;
    margin:0 0 12px!important;
    color:#94a3b8!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
  }

  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer *{
    box-sizing:border-box!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer::before,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer::after,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer li::before,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer li::after,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a::before,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a::after{
    content:none!important;
    display:none!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer ul,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer ol{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:48px!important;
    width:100%!important;
    margin:0!important;
    padding:11px 14px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    text-decoration:none!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.35!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a:hover,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a:focus-visible{
    background:#f1f5f9!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    outline:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a[aria-current="page"],
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer li.is-active > a{
    background:#eaf2ff!important;
    color:#2563eb!important;
    -webkit-text-fill-color:#2563eb!important;
    box-shadow:inset 3px 0 0 #2563eb!important;
  }
}


/* PixelCMS v1.3.66 — Navigation Block + Off-canvas settings contract */
.pxth-theme-menu{
  display:flex;
  align-items:center;
  min-height:100%;
  width:100%;
}
.pxth-theme-menu > ul{
  width:100%;
  align-items:center!important;
  justify-content:var(--pxth-menu-justify,center)!important;
}
.custom-block[data-block-type="site-menu"]{
  display:flex;
  align-items:center;
  min-height:0!important;
}
.custom-block[data-block-type="site-menu"] .pxth-theme-menu{align-self:stretch}
.custom-block[data-menu-align="left"]{--pxth-menu-justify:flex-start}
.custom-block[data-menu-align="center"]{--pxth-menu-justify:center}
.custom-block[data-menu-align="right"]{--pxth-menu-justify:flex-end}

html:not([data-edit="1"]) .pxth-mobile-menu-drawer{
  --pxth-mobile-drawer-bg-custom:var(--pxth-mobile-drawer-bg,#fff);
  --pxth-mobile-drawer-text-custom:var(--pxth-mobile-drawer-text,#0f172a);
  --pxth-mobile-drawer-font-size:16px;
  --pxth-mobile-drawer-font-weight:700;
}
html:not([data-edit="1"]) .pxth-mobile-menu-drawer__panel{
  background:var(--pxth-mobile-drawer-bg-custom)!important;
  color:var(--pxth-mobile-drawer-text-custom)!important;
}
html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a{
  color:var(--pxth-mobile-drawer-text-custom)!important;
  font-size:var(--pxth-mobile-drawer-font-size)!important;
  font-weight:var(--pxth-mobile-drawer-font-weight)!important;
}
html:not([data-edit="1"]) .pxth-mobile-menu-drawer[data-drawer-style="minimal"] .pxth-theme-menu--drawer ul{gap:0!important}
html:not([data-edit="1"]) .pxth-mobile-menu-drawer[data-drawer-style="minimal"] .pxth-theme-menu--drawer a{
  border-radius:0!important;border-bottom:1px solid rgba(148,163,184,.22)!important;background:transparent!important;padding:16px 4px!important
}
html:not([data-edit="1"]) .pxth-mobile-menu-drawer[data-drawer-style="cards"] .pxth-theme-menu--drawer ul{gap:8px!important}
html:not([data-edit="1"]) .pxth-mobile-menu-drawer[data-drawer-style="cards"] .pxth-theme-menu--drawer a{
  border:1px solid rgba(148,163,184,.24)!important;border-radius:12px!important;padding:14px 16px!important;background:rgba(255,255,255,.04)!important
}
html:not([data-edit="1"]) .pxth-mobile-menu-drawer[data-drawer-style="compact"] .pxth-theme-menu--drawer ul{gap:2px!important}
html:not([data-edit="1"]) .pxth-mobile-menu-drawer[data-drawer-style="compact"] .pxth-theme-menu--drawer a{padding:10px 12px!important;border-radius:8px!important}
html:not([data-edit="1"]) .pxth-mobile-menu-drawer[data-drawer-style="dark"]{
  --pxth-mobile-drawer-bg-custom:#0f172a;--pxth-mobile-drawer-text-custom:#f8fafc
}
html:not([data-edit="1"]) .pxth-mobile-menu-drawer[data-drawer-style="dark"] .pxth-mobile-menu-drawer__header{
  background:#0f172a!important;border-color:#263244!important
}
html:not([data-edit="1"]) .pxth-mobile-menu-drawer[data-drawer-style="dark"] .pxth-mobile-menu-drawer__close{color:#f8fafc!important;background:#172033!important;border-color:#334155!important}


/* PixelCMS v1.3.67 — Navigation settings UI and runtime */
.pxth-menu-settings-contract{
  background:#fff;
}
.pxth-theme-menu-config,
.pxth-theme-menu-config .pxth-theme-menu{
  display:flex!important;
  align-items:center!important;
  justify-content:var(--pxth-menu-justify,center)!important;
  width:100%!important;
}
.pxth-mobile-menu-drawer__panel{
  width:min(88vw,var(--pxth-mobile-drawer-width-custom,360px))!important;
  transition-duration:var(--pxth-mobile-drawer-duration-custom,300ms)!important;
}
.pxth-mobile-menu-drawer[data-drawer-position="left"] .pxth-mobile-menu-drawer__panel{
  left:0!important;
  right:auto!important;
  transform:translateX(-104%)!important;
}
.pxth-mobile-menu-drawer[data-drawer-position="left"].is-open .pxth-mobile-menu-drawer__panel{
  transform:translateX(0)!important;
}
.pxth-mobile-menu-drawer a{
  border-radius:var(--pxth-mobile-drawer-item-radius-custom,10px)!important;
}
.pxth-mobile-menu-drawer a:hover,
.pxth-mobile-menu-drawer a:focus-visible{
  background:var(--pxth-mobile-drawer-hover-custom,#f1f5f9)!important;
}
.pxth-mobile-menu-drawer a[aria-current="page"],
.pxth-mobile-menu-drawer .is-active > a{
  color:var(--pxth-mobile-drawer-active-custom,#2563eb)!important;
}

/* PixelCMS v1.3.68 — Navigation Menu modal tabs */
.pxth-site-menu-settings-panel{width:min(980px,calc(100vw - 32px))!important}
.pxth-site-menu-tabs{display:flex;padding:0 16px;border-bottom:1px solid #e5e7eb;background:#fff}
.pxth-site-menu-tabs button{min-height:44px;padding:0 20px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#64748b;font:800 14px var(--pxth-admin-font,"Kanit",sans-serif);cursor:pointer}
.pxth-site-menu-tabs button:hover{background:#f8fafc;color:#0f172a}
.pxth-site-menu-tabs button.is-active{border-bottom-color:#2563eb;color:#0f172a;background:#fff}
.pxth-site-menu-panel{padding:16px}
.pxth-site-menu-panel[hidden]{display:none!important}
.pxth-site-menu-panel .pxth-settings-group{border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin:0 0 14px;background:#f8fafc}
.pxth-site-menu-settings-panel .pxth-settings-actions{position:sticky;bottom:0;z-index:4;padding:12px 16px;border-top:1px solid #e5e7eb;background:#fff}


/* PixelCMS v1.3.69 — Mobile Drawer Classic Dark Master */
@media(max-width:768px){
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer{
    --pxth-mobile-drawer-bg:#0f172a;
    --pxth-mobile-drawer-text:#ffffff;
    --pxth-mobile-drawer-border:rgba(255,255,255,.14);
    --pxth-mobile-drawer-muted:#cbd5e1;
    --pxth-mobile-drawer-hover:rgba(255,255,255,.06);
    --pxth-mobile-drawer-active:#ffffff;
    --pxth-mobile-drawer-active-bg:transparent;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__panel{
    width:min(92vw,var(--pxth-mobile-drawer-width-custom,420px))!important;
    background:var(--pxth-mobile-drawer-bg-custom,#0f172a)!important;
    color:var(--pxth-mobile-drawer-text-custom,#fff)!important;
    border-left:0!important;
    box-shadow:-18px 0 48px rgba(2,6,23,.32)!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__header{
    min-height:88px!important;
    padding:20px 24px!important;
    background:transparent!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__brand{
    display:block!important;
    max-width:none!important;
    color:var(--pxth-mobile-drawer-text-custom,#fff)!important;
    font-size:20px!important;
    font-weight:800!important;
    line-height:1.2!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__brand .pxth-theme-logo,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__brand img{display:none!important}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__close{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    border:1px solid rgba(255,255,255,.25)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
    font-size:23px!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__close:hover{
    background:rgba(255,255,255,.13)!important;
    border-color:rgba(255,255,255,.42)!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__content{
    padding:18px 22px 30px!important;
    scrollbar-color:rgba(255,255,255,.28) transparent!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__content::before{display:none!important;content:none!important}
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer ul{
    gap:0!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer li{
    border-bottom:1px solid rgba(255,255,255,.14)!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a{
    min-height:60px!important;
    padding:16px 4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--pxth-mobile-drawer-text-custom,#fff)!important;
    font-size:var(--pxth-mobile-drawer-font-size,16px)!important;
    font-weight:var(--pxth-mobile-drawer-font-weight,700)!important;
    transform:none!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a::before,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a::after{
    display:none!important;
    content:none!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a:hover,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a:focus-visible{
    padding-left:10px!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer a[aria-current="page"],
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer .active>a,
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer .pxth-theme-menu--drawer .is-active>a{
    padding-left:10px!important;
    background:transparent!important;
    border:0!important;
    color:var(--pxth-mobile-drawer-active-custom,#fff)!important;
  }
  html:not([data-edit="1"]) .pxth-mobile-menu-drawer__footer{
    background:rgba(255,255,255,.035)!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
  }
}


/* PixelCMS v1.3.74 — public Social Icon alignment */
.custom-block[data-social-align]{
  --pxth-social-justify:flex-start;
}
.custom-block[data-social-align="center"]{
  --pxth-social-justify:center;
}
.custom-block[data-social-align="right"]{
  --pxth-social-justify:flex-end;
}
.custom-block[data-social-align] :is(
  .block-social,
  .pxth-social-icons,
  .social-icons,
  .social-icon-list,
  .pxth-social-list,
  [data-social-list]
){
  display:flex!important;
  align-items:center!important;
  justify-content:var(--pxth-social-justify,flex-start)!important;
  width:100%!important;
}
.custom-block[data-social-align] :is(
  .block-social,
  .pxth-social-icons,
  .social-icons,
  .social-icon-list,
  .pxth-social-list,
  [data-social-list]
) > *{
  flex:0 0 auto;
}


/* PixelCMS v1.3.75 — remove inline column percentage input from canvas */
html[data-edit="1"] .pxth-col-percent-input{
  display:none!important;
}