/* PixMaker UI language
   BUTTON  = solid dark pill with an arrow (or an underlined link with an arrow).
   TOGGLE  = outlined pill with a pressed-key shadow (tabs, option pickers).
   TAG     = small squared UPPERCASE label, never a pill, never clickable.
   FACT    = plain text with a check mark (replaces tag-like chips and stickers). */
html body[data-pm-brand="pixmaker"] #MainContent .ah{
  .ah-btn{box-shadow:0 14px 26px -14px rgba(29,29,31,.65);padding-left:30px;padding-right:30px}
  .ah-btn::after{content:"\2192";font-size:1.15em;line-height:1;margin-left:2px}

  .ah-stickers,.ah-chips{gap:10px 22px}
  .ah-sticker,.ah-chips span,.pmx-chips li{display:inline-flex;align-items:center;gap:9px;background:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;transform:none!important;font-size:15px;font-weight:600;color:#1d1d1f}
  .ah-sticker::before,.ah-chips span::before,.pmx-chips li::before{content:"";flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#1d1d1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff8ec' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E") center/11px no-repeat}
  .pmx-chips{gap:8px 20px}

  .pmx-tag,.pmx-badge,.ah-kicker,.ah-feature .ah-card__n{display:inline-block;border-radius:6px!important;padding:6px 10px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.07em;text-transform:uppercase;border:0!important;box-shadow:none}
  .pmx-tag,.ah-feature .ah-card__n{background:#e9e1ff!important}
  .pmx-badge{background:#fff0b8!important}
  .pmx-badge::before,.ah-kicker::before{display:none!important}
  .ah-kicker{background:#fff!important;border:1px solid rgba(29,29,31,.15)!important}

  .pmx-next__row span{border-radius:10px;font-size:14px}

  /* Galleries: horizontal swipe only. No vertical scrolling inside a gallery, no sliding or clipping of cards while it scrolls. */
  .ah-track{overflow-y:hidden!important;overscroll-behavior-x:contain;padding-top:8px;padding-bottom:12px}
  .ah-track .ah-r,.ah-track .ah-card{transform:none!important;transition:opacity .9s ease!important}
}
.pmx-tab,.pmx-opts button,.pmx-jump a{box-shadow:0 3px 0 rgba(29,29,31,.18);transition:transform .12s,box-shadow .12s,background .2s,color .2s}
.pmx-tab:active,.pmx-opts button:active,.pmx-jump a:active,.pmx-tab.is-on,.pmx-opts button.is-on{box-shadow:0 0 0 rgba(0,0,0,0);transform:translateY(3px)}
.pmx-tabs,.pmx-jump{overflow-y:hidden;overscroll-behavior-x:contain}

/* One feature = one screen on a phone: no scrolling inside a function */
@media (max-width:749px){
  html body[data-pm-brand="pixmaker"] #MainContent .ah{
    .ah-trio{overflow-y:hidden!important;overscroll-behavior-x:contain;padding-top:6px;padding-bottom:6px}
    .ah-trio>.ah-r,.ah-trio>figure{transform:none!important;transition:opacity .9s ease!important}
    .pmx-panel{padding:10px;gap:10px;border-radius:22px}
    .pmx-views,.pmx-ba{aspect-ratio:4/3;max-height:34svh;border-radius:16px}
    .pmx-opts{margin-top:10px;gap:6px;flex-wrap:wrap;justify-content:center}
    .pmx-opts button{padding:9px 12px;font-size:13px}
    .pmx-copy{padding:2px 4px 6px}
    .pmx-copy h3{font-size:23px!important;line-height:1.12!important;margin:0 0 6px!important}
    .pmx-copy p{font-size:14.5px!important;line-height:1.38!important;margin:0 0 10px!important}
    .pmx-tag{margin:0 0 8px}
    .pmx-chips{margin:0 0 10px;gap:6px 14px}
    .pmx-chips li{font-size:13px}
    .pmx-nextbtn{margin-top:10px}
    .pmx-tabs{padding-bottom:12px}
    .pmx-hint{margin-bottom:6px}
  }
}