:root{--mkay-black:#050505;--mkay-gold:#C9A35A;--mkay-ivory:#F8F5EF;--mkay-white:#fff;--mkay-text:#171717;--mkay-muted:#6C6258;--mkay-border:rgba(201,163,90,.34);--mkay-shadow:0 22px 60px rgba(5,5,5,.12);--mkay-radius-xl:30px;--mkay-radius-lg:22px;--mkay-radius-md:14px}
.mkay-app,.mkay-app *{box-sizing:border-box}.mkay-app{width:100%;max-width:1180px;margin:0 auto;padding:clamp(24px,4vw,58px) 14px;color:var(--mkay-text);font-family:inherit}.mkay-hero{position:relative;overflow:hidden;border-radius:var(--mkay-radius-xl);padding:clamp(28px,5vw,66px);background:radial-gradient(circle at 85% 15%,rgba(201,163,90,.28),transparent 30%),linear-gradient(135deg,var(--mkay-black),#1c1712);color:var(--mkay-ivory);box-shadow:var(--mkay-shadow)}.mkay-hero h1,.mkay-section-head h1,.mkay-section-head h2,.mkay-directory-head h1,.mkay-form-card h2{margin:0 0 12px;line-height:1.02;letter-spacing:-.055em}.mkay-hero h1{font-size:clamp(2.3rem,5vw,5rem);max-width:820px}.mkay-section-head h1,.mkay-directory-head h1{font-size:clamp(2rem,4vw,4rem)}.mkay-section-head h2,.mkay-form-card h2{font-size:clamp(1.7rem,3vw,3rem)}.mkay-hero p,.mkay-section-head p,.mkay-directory-head p,.mkay-form-card p,.mkay-empty p{margin:0;color:var(--mkay-muted);line-height:1.7;font-size:1rem}.mkay-hero p{color:rgba(248,245,239,.78);max-width:680px}.mkay-kicker,.mkay-mini-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--mkay-gold);text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:900;margin-bottom:12px}.mkay-kicker:before,.mkay-mini-kicker:before{content:"✦"}.mkay-hero-actions,.mkay-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.mkay-btn,.mkay-btn:visited{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 18px;border:1px solid transparent;font-size:.88rem;font-weight:900;text-decoration:none!important;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.mkay-btn:hover{transform:translateY(-1px)}.mkay-btn-primary,.mkay-btn-primary:visited{background:var(--mkay-black);color:var(--mkay-ivory)!important;border-color:var(--mkay-black)}.mkay-btn-primary:hover{background:var(--mkay-gold);color:var(--mkay-black)!important;border-color:var(--mkay-gold)}.mkay-btn-light,.mkay-btn-light:visited{background:var(--mkay-ivory);color:var(--mkay-black)!important}.mkay-btn-ghost,.mkay-btn-ghost:visited{background:transparent;color:var(--mkay-black)!important;border-color:var(--mkay-border)}.mkay-section-head,.mkay-directory-head{margin:48px 0 22px;max-width:820px}.mkay-directory-head{border-radius:var(--mkay-radius-xl);background:var(--mkay-ivory);border:1px solid var(--mkay-border);padding:clamp(24px,4vw,42px);max-width:none}.mkay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mkay-pet-card,.mkay-form-card{border:1px solid var(--mkay-border);border-radius:var(--mkay-radius-xl);background:var(--mkay-white);box-shadow:0 12px 32px rgba(5,5,5,.06);overflow:hidden}.mkay-pet-photo{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--mkay-ivory)}.mkay-pet-photo img{width:100%;height:100%;object-fit:cover;display:block}.mkay-badge{display:inline-flex;align-items:center;border-radius:999px;background:rgba(5,5,5,.86);border:1px solid rgba(201,163,90,.65);color:var(--mkay-ivory);padding:7px 12px;font-size:.74rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.mkay-pet-photo .mkay-badge{position:absolute;top:14px;left:14px}.mkay-pet-body{padding:20px}.mkay-pet-topline{display:flex;justify-content:space-between;gap:10px;color:#9F7B32;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.mkay-pet-body h3{margin:0 0 10px;font-size:1.45rem;line-height:1.15}.mkay-pet-body h3 a{color:var(--mkay-black);text-decoration:none!important}.mkay-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.mkay-chip-row span{border-radius:999px;background:var(--mkay-ivory);color:var(--mkay-muted);padding:6px 10px;font-size:.78rem;font-weight:800}.mkay-pet-body p{margin:0 0 18px;color:var(--mkay-muted);line-height:1.62;font-size:.95rem}.mkay-filters{display:grid;grid-template-columns:1.5fr repeat(4,1fr) auto;gap:10px;margin:22px 0;background:rgba(248,245,239,.88);border:1px solid var(--mkay-border);border-radius:20px;padding:12px}.mkay-filters input,.mkay-filters select,.mkay-field input,.mkay-field select,.mkay-field textarea{width:100%;border:1px solid rgba(5,5,5,.14);border-radius:14px;padding:12px 13px;font:inherit;color:var(--mkay-black);background:var(--mkay-white);outline:none}.mkay-empty,.mkay-message{border-radius:var(--mkay-radius-lg);background:var(--mkay-ivory);border:1px dashed var(--mkay-border);padding:26px;color:var(--mkay-muted)}.mkay-message{border-style:solid;margin:0 0 20px}.mkay-message-ok{background:rgba(75,150,96,.12);color:#285f3c;border-color:rgba(75,150,96,.3)}.mkay-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mkay-form-card{padding:clamp(20px,3vw,32px)}.mkay-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mkay-field{margin-bottom:14px}.mkay-field label{display:block;margin-bottom:7px;font-weight:900;color:var(--mkay-black)}.mkay-single-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:start}.mkay-single-media{border-radius:var(--mkay-radius-xl);overflow:hidden;border:1px solid var(--mkay-border);background:var(--mkay-ivory);box-shadow:var(--mkay-shadow)}.mkay-single-media img{width:100%;aspect-ratio:4/4;object-fit:cover;display:block}.mkay-single-info{border-radius:var(--mkay-radius-xl);background:var(--mkay-white);border:1px solid var(--mkay-border);padding:clamp(24px,4vw,42px)}.mkay-impact-bubble{position:fixed;right:18px;bottom:18px;z-index:9999;width:min(360px,calc(100vw - 28px));display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;border-radius:24px;background:rgba(5,5,5,.94);color:var(--mkay-ivory);border:1px solid rgba(201,163,90,.55);box-shadow:0 18px 60px rgba(0,0,0,.28);padding:12px}.mkay-impact-bubble img{width:82px;height:82px;border-radius:18px;object-fit:cover;background:var(--mkay-ivory)}.mkay-impact-bubble button{position:absolute;top:-10px;right:-8px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(201,163,90,.65);background:var(--mkay-black);color:var(--mkay-ivory);cursor:pointer}.mkay-impact-bubble p{margin:5px 0;color:rgba(248,245,239,.72);font-size:.85rem}.mkay-impact-bubble a{color:var(--mkay-gold);font-weight:900;font-size:.85rem}
body.mkay-fullmatch-active{overflow:hidden!important;overscroll-behavior:none!important}.mkay-fullmatch,.mkay-fullmatch *{box-sizing:border-box}.mkay-fullmatch{position:fixed;inset:0;z-index:2147483000;width:100vw;height:100dvh;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 75% 12%,rgba(201,163,90,.22),transparent 32%),linear-gradient(135deg,#050505,#17120e);color:#F8F5EF;font-family:inherit;touch-action:none;overscroll-behavior:none}.mkay-fullmatch-topbar{position:absolute;top:env(safe-area-inset-top,0);left:0;right:0;z-index:30;height:74px;display:grid;grid-template-columns:120px 1fr 120px;align-items:center;padding:12px clamp(14px,3vw,32px);background:linear-gradient(to bottom,rgba(5,5,5,.86),rgba(5,5,5,0));pointer-events:none}.mkay-fullmatch-back{pointer-events:auto;justify-self:start;border:1px solid rgba(201,163,90,.45);background:rgba(248,245,239,.08);color:#F8F5EF;border-radius:999px;min-height:40px;padding:0 14px;font-weight:900;cursor:pointer}.mkay-fullmatch-topbar div{text-align:center}.mkay-fullmatch-topbar strong{display:block;line-height:1}.mkay-fullmatch-topbar span{display:block;margin-top:4px;color:rgba(248,245,239,.64);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mkay-fullmatch-stage{width:100%;height:100%;display:grid;place-items:center;padding:86px 18px 118px}.mkay-fullmatch-deck{position:relative;width:min(430px,92vw);height:min(680px,calc(100dvh - 220px));min-height:500px;max-height:720px;perspective:1200px;touch-action:none;overscroll-behavior:none}.mkay-fullmatch-card{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;overflow:hidden;border-radius:34px;background:#050505;border:1px solid rgba(201,163,90,.55);box-shadow:0 28px 90px rgba(0,0,0,.36);transform:translate3d(0,28px,0) scale(.94);transition:transform .28s ease,opacity .28s ease;user-select:none;cursor:grab;touch-action:none;will-change:transform,opacity}.mkay-fullmatch-card.is-active{z-index:5;opacity:1;pointer-events:auto;transform:translate3d(0,0,0) rotate(0deg) scale(1)}.mkay-fullmatch-card.is-next{z-index:4;opacity:.58;transform:translate3d(0,18px,0) scale(.955)}.mkay-fullmatch-card.is-third{z-index:3;opacity:.28;transform:translate3d(0,34px,0) scale(.92)}.mkay-fullmatch-card.is-dragging{transition:none!important;cursor:grabbing}.mkay-fullmatch-card.is-out-like{transform:translate3d(130vw,0,0) rotate(16deg) scale(.96)!important;opacity:0!important}.mkay-fullmatch-card.is-out-nope{transform:translate3d(-130vw,0,0) rotate(-16deg) scale(.96)!important;opacity:0!important}.mkay-fullmatch-card.is-like:after,.mkay-fullmatch-card.is-nope:after{position:absolute;top:24px;z-index:12;border:3px solid currentColor;border-radius:16px;padding:9px 14px;background:rgba(255,255,255,.88);font-size:.86rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.mkay-fullmatch-card.is-like:after{content:"ME INTERESA";left:22px;color:#2f9e62;transform:rotate(-9deg)}.mkay-fullmatch-card.is-nope:after{content:"AHORA NO";right:22px;color:#b94141;transform:rotate(9deg)}.mkay-fullmatch-card img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;background:#F8F5EF}.mkay-fullmatch-gradient{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(5,5,5,0) 34%,rgba(5,5,5,.25) 56%,rgba(5,5,5,.96) 100%);pointer-events:none}.mkay-fullmatch-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px 24px 30px}.mkay-fullmatch-eyebrow{color:#C9A35A;font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.mkay-fullmatch-info h2{margin:7px 0 10px;color:#F8F5EF!important;font-size:clamp(2.5rem,9vw,4.25rem);line-height:.92;letter-spacing:-.065em}.mkay-fullmatch-info p{margin:0 0 14px;color:rgba(248,245,239,.82);line-height:1.45}.mkay-fullmatch-info .mkay-chip-row span{background:rgba(248,245,239,.12);color:#F8F5EF;border:1px solid rgba(248,245,239,.2)}.mkay-fullmatch-actions{position:absolute;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:34;transform:translateX(-50%);width:min(520px,calc(100vw - 28px));display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.mkay-fullmatch-action{min-height:54px;border-radius:999px;border:1px solid rgba(201,163,90,.45);font-size:.82rem;font-weight:950;cursor:pointer}.mkay-fullmatch-no{background:rgba(248,245,239,.92);color:#050505}.mkay-fullmatch-story{background:rgba(248,245,239,.1);color:#F8F5EF}.mkay-fullmatch-yes{background:#C9A35A;color:#050505;border-color:#C9A35A}.mkay-fullmatch-panel,.mkay-fullmatch-login,.mkay-fullmatch-profile{position:fixed;inset:0;z-index:2147483100;display:grid;place-items:center;background:rgba(5,5,5,.72);backdrop-filter:blur(14px);padding:18px}.mkay-fullmatch-panel[hidden],.mkay-fullmatch-login[hidden],.mkay-fullmatch-profile[hidden],.mkay-fullmatch-toast[hidden]{display:none!important}.mkay-fullmatch-panel-card,.mkay-fullmatch-dialog{width:min(620px,calc(100vw - 28px));max-height:min(86dvh,760px);overflow:auto;position:relative;border-radius:30px;border:1px solid rgba(201,163,90,.45);background:#F8F5EF;color:#171717;box-shadow:0 28px 90px rgba(0,0,0,.34);padding:clamp(20px,4vw,34px)}.mkay-fullmatch-panel-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:22px;margin-bottom:20px}.mkay-fullmatch-panel-close{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;border-radius:999px;border:1px solid rgba(5,5,5,.12);background:#fff;color:#050505;font-size:1.3rem;cursor:pointer}.mkay-fullmatch-toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:2147483200;transform:translateX(-50%);width:min(460px,calc(100vw - 28px));border-radius:22px;background:rgba(248,245,239,.96);border:1px solid rgba(201,163,90,.55);color:#050505;padding:16px 18px;font-weight:900;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.26)}
@media(max-width:980px){.mkay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mkay-filters{grid-template-columns:1fr 1fr}.mkay-single-grid{grid-template-columns:1fr}}@media(max-width:680px){.mkay-grid,.mkay-panel-grid,.mkay-form-row,.mkay-filters{grid-template-columns:1fr}.mkay-card-actions,.mkay-hero-actions{flex-direction:column}.mkay-btn{width:100%}.mkay-fullmatch-topbar{grid-template-columns:96px 1fr 96px;height:68px;padding-inline:12px}.mkay-fullmatch-stage{padding:76px 12px 112px}.mkay-fullmatch-deck{width:min(92vw,430px);height:calc(100dvh - 196px);min-height:480px}.mkay-fullmatch-actions{width:calc(100vw - 24px);gap:8px}.mkay-fullmatch-action{min-height:50px;font-size:.72rem;padding:0 8px}}


/* ==========================================================
   v1.3.2 · Botón regresar compacto + Match más limpio
   ========================================================== */

.mkay-fullmatch-topbar {
  height: 58px !important;
  grid-template-columns: 88px 1fr 88px !important;
  padding: 8px clamp(10px, 2vw, 18px) !important;
}

.mkay-fullmatch-back {
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 10px !important;
  font-size: 0.72rem !important;
  line-height: 1 !important;
  border-radius: 999px !important;
  max-width: 82px !important;
  white-space: nowrap !important;
}

.mkay-fullmatch-topbar strong {
  font-size: 0.88rem !important;
}

.mkay-fullmatch-topbar span {
  font-size: 0.64rem !important;
  margin-top: 2px !important;
}

.mkay-fullmatch-stage {
  padding-top: 66px !important;
}

.mkay-fullmatch-deck {
  height: min(690px, calc(100dvh - 185px)) !important;
}

.mkay-fullmatch-info {
  padding-bottom: 24px !important;
}

.mkay-fullmatch-info p {
  max-height: 4.3em;
  overflow: hidden;
}

.mkay-fullmatch-actions {
  bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (min-width: 900px) {
  .mkay-fullmatch-topbar {
    grid-template-columns: 110px 1fr 110px !important;
  }

  .mkay-fullmatch-back {
    max-width: 98px !important;
    font-size: 0.76rem !important;
  }

  .mkay-fullmatch-deck {
    width: min(470px, 34vw) !important;
    height: min(710px, calc(100dvh - 180px)) !important;
  }
}

@media (max-width: 680px) {
  .mkay-fullmatch-topbar {
    height: 54px !important;
    grid-template-columns: 74px 1fr 74px !important;
    padding-inline: 8px !important;
  }

  .mkay-fullmatch-back {
    min-height: 28px !important;
    height: 28px !important;
    max-width: 72px !important;
    padding: 0 8px !important;
    font-size: 0.64rem !important;
  }

  .mkay-fullmatch-topbar strong {
    font-size: 0.82rem !important;
  }

  .mkay-fullmatch-topbar span {
    font-size: 0.58rem !important;
    letter-spacing: 0.06em !important;
  }

  .mkay-fullmatch-stage {
    padding-top: 60px !important;
    padding-bottom: 104px !important;
  }

  .mkay-fullmatch-deck {
    height: calc(100dvh - 170px) !important;
    min-height: 470px !important;
  }
}


/* v1.4.0 · Karen Ready helpers */
body.krn-inspector-active [data-mkds-inspectable="true"],body.karen-designer-active [data-mkds-inspectable="true"]{outline:1px dashed rgba(201,163,90,.55);outline-offset:3px}body.krn-inspector-active [data-krn-component="match-fullframe"],body.karen-designer-active [data-krn-component="match-fullframe"]{box-shadow:inset 0 0 0 2px rgba(201,163,90,.35)}[data-krn-lock="form-security"],[data-krn-lock="ajax-nonce"],[data-krn-lock="checkout-compat"]{-webkit-user-select:none;user-select:none}


/* ==========================================================
   v1.5.0 · Lienzo / Menu / Sidebar Ready
   ========================================================== */

.mkay-page .entry-content > .mkay-app:first-child,
.mkay-page .wp-block-post-content > .mkay-app:first-child {
  margin-top: 0;
}

.mkay-lienzo-ready .mkay-app {
  container-type: inline-size;
}

.mkay-lienzo-section {
  width: 100%;
  max-width: 1180px;
  margin-inline: auto;
}

body.krn-canvas-active .mkay-page [data-krn-plugin="mk-ayudalos"],
body.karen-canvas-active .mkay-page [data-krn-plugin="mk-ayudalos"] {
  scroll-margin-top: 96px;
}

body.krn-sidebar-open .mkay-impact-bubble,
body.karen-sidebar-open .mkay-impact-bubble {
  transform: translateX(-12px);
}

@media (min-width: 1180px) {
  .mkay-page-directory .mkay-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mkay-page-publish .mkay-form-card,
  .mkay-page-refuge .mkay-form-card {
    max-width: 920px;
    margin-inline: auto;
  }
}

@media (max-width: 760px) {
  .mkay-page .mkay-app {
    padding-inline: 12px;
  }

  .mkay-page-directory .mkay-filters {
    position: relative;
    top: auto;
    grid-template-columns: 1fr;
  }

  .mkay-page-solidary_profile .mkay-panel-grid,
  .mkay-page-publish .mkay-form-row,
  .mkay-page-refuge .mkay-form-row {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================
   v1.6.0 · Inspector Contract helpers
   Sólo se activan si Karen/Designer encienden modo inspector.
   ========================================================== */

body.mk-ds-designer-radial-active [data-krn-plugin="mk-ayudalos"],
body.mk-ds-inspecting [data-krn-plugin="mk-ayudalos"],
body.kc-inspector-active [data-krn-plugin="mk-ayudalos"] {
  scroll-margin-top: 120px;
}

body.mk-ds-designer-radial-active [data-krn-plugin="mk-ayudalos"][data-krn-component],
body.mk-ds-inspecting [data-krn-plugin="mk-ayudalos"][data-krn-component],
body.kc-inspector-active [data-krn-plugin="mk-ayudalos"][data-krn-component] {
  outline: 1px dashed rgba(201, 163, 90, 0.62);
  outline-offset: 4px;
}

body.mk-ds-designer-radial-active [data-krn-plugin="mk-ayudalos"][data-krn-lock],
body.mk-ds-inspecting [data-krn-plugin="mk-ayudalos"][data-krn-lock] {
  outline: 1px solid rgba(255, 70, 120, 0.35);
  outline-offset: 2px;
}

body.mk-ds-designer-radial-active .mkay-fullmatch,
body.mk-ds-inspecting .mkay-fullmatch {
  box-shadow: inset 0 0 0 2px rgba(201, 163, 90, 0.28);
}

body.mk-ds-designer-radial-active .mkay-impact-bubble,
body.mk-ds-inspecting .mkay-impact-bubble,
body.kc-floating-editing .mkay-impact-bubble {
  opacity: .42;
  pointer-events: none;
}


/* ==========================================================
   v1.7.0 · Simple Visual Controls
   ========================================================== */
.mkay-pet-card,
.mkay-form-card,
.mkay-fullmatch-card,
.mkay-fullmatch-panel-card,
.mkay-fullmatch-dialog {
  border-radius: var(--mkay-visual-card-radius, 30px);
  box-shadow: var(--mkay-visual-shadow, 0 24px 70px rgba(5,5,5,.18));
}

.mkay-fullmatch-deck {
  height: var(--mkay-match-card-height, min(680px, calc(100dvh - 190px)));
}

.mkay-fullmatch-card img {
  object-fit: var(--mkay-match-image-fit, cover);
  object-position: var(--mkay-match-image-position, center center);
  background: var(--mkay-ivory, #F8F5EF);
}

.mkay-fullmatch-gradient {
  background:
    linear-gradient(to bottom,
      rgba(5,5,5,0) 30%,
      rgba(5,5,5,.26) 55%,
      rgba(5,5,5,var(--mkay-match-overlay-strength, .88)) 100%
    ),
    radial-gradient(circle at 84% 16%, rgba(201,163,90,.24), transparent 34%);
}

.mkay-fullmatch-back {
  min-height: var(--mkay-match-back-height, 30px) !important;
  height: var(--mkay-match-back-height, 30px) !important;
}

.mkay-app[data-mkay-visual-mode="marfil_limpio"],
body[data-mkay-visual-mode="marfil_limpio"] .mkay-app {
  --mkay-black: #171717;
  --mkay-ivory: #FBF8F1;
}

.mkay-app[data-mkay-visual-mode="premium_oscuro"],
body[data-mkay-visual-mode="premium_oscuro"] .mkay-app {
  --mkay-black: #050505;
  --mkay-ivory: #F8F5EF;
}

.mkay-app[data-mkay-visual-mode="rescate_calido"],
body[data-mkay-visual-mode="rescate_calido"] .mkay-app {
  --mkay-muted: #6F5E4E;
}

body.mkay-design-bubble-checkout-inline.woocommerce-checkout .mkay-impact-bubble {
  position: relative;
  right: auto;
  bottom: auto;
  width: 100%;
  max-width: 520px;
  margin: 16px 0;
  z-index: 2;
}

@media (max-width: 760px) {
  body.mkay-design-filters-compact .mkay-filters {
    grid-template-columns: 1fr;
    padding: 10px;
  }

  body.mkay-design-hub-simple .mkay-hero {
    padding: 28px 20px;
  }
}


/* Ayúdalos v3.1.3 · KANVAS R1.1 QR/Impact presence bridge */
.mkay-qr-floating,.mkay-impact-bubble{pointer-events:auto!important;}
.mkay-qr-floating{z-index:2147482300!important;max-width:calc(100vw - 24px)!important;}
body.kc-commerce-focus .mkay-qr-floating{transform:scale(.92)!important;transform-origin:left bottom!important;opacity:.92!important;}
@media(max-width:680px){.mkay-hero{padding-top:max(28px,env(safe-area-inset-top))!important}.mkay-app{overflow-x:hidden!important}.mkay-grid,.mkay-panel-grid,.mkay-single-grid{grid-template-columns:1fr!important}.mkay-filters{grid-template-columns:1fr!important}.mkay-kicker,.mkay-badge{max-width:calc(100vw - 48px);white-space:normal;}}


/* Ayúdalos v3.1.4 · KANVAS R1.2 QR alive/safe */
.mkay-qr-floating,.mkay-qr-modal,.mkay-qr-scanner-root{pointer-events:auto!important;}
.mkay-qr-floating{z-index:2147482500!important;touch-action:manipulation!important;}
@media(max-width:782px){.mkay-app{overflow-x:hidden}.mkay-hero{padding-top:max(22px,env(safe-area-inset-top))}}


/* Ayúdalos v3.1.5 · KANVAS Presence Dock: QR/promo obey lanes */
body.karen-canvas .mkay-impact-bubble,
body.wp-theme-karen-canvas .mkay-impact-bubble{
  position:fixed!important;
  left:auto!important;
  right:calc(var(--kanvas-dock-x,max(18px,env(safe-area-inset-right))) + var(--kanvas-kami-lane-size,72px) + var(--kanvas-dock-gap,14px))!important;
  bottom:var(--kanvas-dock-y,max(18px,env(safe-area-inset-bottom)))!important;
  z-index:2147482200!important;
}
body.karen-canvas.kc-commerce-focus .mkay-impact-bubble,
body.wp-theme-karen-canvas.kc-commerce-focus .mkay-impact-bubble{display:none!important;}
body.karen-canvas .mkay-qr-floating,
body.wp-theme-karen-canvas .mkay-qr-floating{
  position:fixed!important;
  left:var(--kanvas-dock-left-x,max(18px,env(safe-area-inset-left)))!important;
  right:auto!important;
  bottom:var(--kanvas-dock-y,max(18px,env(safe-area-inset-bottom)))!important;
  z-index:2147482300!important;
}
@media(max-width:782px){
  body.karen-canvas .mkay-impact-bubble,
  body.wp-theme-karen-canvas .mkay-impact-bubble{right:var(--kanvas-dock-x,max(14px,env(safe-area-inset-right)))!important;bottom:calc(var(--kanvas-dock-y,max(16px,env(safe-area-inset-bottom))) + var(--kanvas-kami-lane-size,64px) + var(--kanvas-contact-lane-size,64px) + 22px)!important;width:min(360px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;}
}


/* R1.4 · Ayúdalos presence contract: QR utility, impact bubble contextual only. */
body.karen-canvas .mkay-qr-floating, body.wp-theme-karen-canvas .mkay-qr-floating, body.karen-canvas [data-mk-qr-scanner]{position:fixed!important;left:var(--kanvas-presence-edge-left,max(18px,env(safe-area-inset-left)))!important;right:auto!important;bottom:var(--kanvas-presence-edge-y,max(18px,env(safe-area-inset-bottom)))!important;top:auto!important;z-index:var(--kanvas-z-utility,2147482850)!important;transform:none!important;}
body.kc-context-home .mkay-impact-bubble, body.kc-context-shop .mkay-impact-bubble, body.kc-context-cart .mkay-impact-bubble, body.kc-context-checkout .mkay-impact-bubble, body.kc-commerce-safe .mkay-impact-bubble{display:none!important;visibility:hidden!important;pointer-events:none!important;}
body.karen-canvas .mkay-impact-bubble[data-kanvas-quarantine="commerce-promo"]{display:none!important;}


/* MK Ayúdalos v3.1.7 · R1.5 KANVAS contract boundaries */
body.kc-r15-true-presence .mkay-qr-scanner-root{display:contents!important;position:static!important;}
body.kc-r15-true-presence .mkay-qr-floating{position:fixed!important;left:var(--kanvas-r15-edge-left,max(18px,env(safe-area-inset-left)))!important;right:auto!important;bottom:var(--kanvas-r15-edge-y,max(18px,env(safe-area-inset-bottom)))!important;top:auto!important;z-index:2147482850!important;transform:none!important;}
body.kc-r15-true-presence .mkay-qr-modal{position:fixed!important;inset:0!important;z-index:2147483200!important;display:grid;place-items:center;}
body.kc-r15-true-presence .mkay-qr-modal[hidden]{display:none!important;}
body.kc-r15-true-presence .mkay-impact-bubble{display:none!important;visibility:hidden!important;pointer-events:none!important;position:static!important;}



/* MK Ayúdalos v3.1.8 · KANVAS R1.6 safeguards */
body.kanvas-r1-6-native-context .mkay-qr-modal,
body.kanvas-r1-6-native-context [data-mkay-qr-modal]{z-index:var(--kanvas-z-modal,1000003)!important;}
body.kanvas-r1-6-native-context .mkay-impact-bubble,
body.kanvas-r1-6-native-context [data-mkay-impact-bubble]{max-width:min(320px,calc(100vw - 28px));}
body.kanvas-js-home .mkay-impact-bubble,
body.kanvas-js-home [data-mkay-impact-bubble],
body.kanvas-commerce-sacred-active .mkay-impact-bubble,
body.kanvas-commerce-sacred-active [data-mkay-impact-bubble]{display:none!important;}
body.kanvas-js-checkout .mkay-qr-floating{display:none!important;}



/* =========================================================
   MK Ayúdalos v3.1.10 · Floating Safe Areas M&K
   Las ventanitas de causa viven arriba de WhatsApp / volver arriba.
   ========================================================= */
:root{
  --mkay-commerce-safe-bottom: 118px;
  --mkay-commerce-safe-right: 18px;
}
.mkay-impact-bubble,
[data-mkay-impact-bubble],
[data-krn-floating="impact-bubble"]{
  z-index:2147482600 !important;
  right:var(--mkay-commerce-safe-right) !important;
  bottom:calc(var(--mkay-commerce-safe-bottom) + env(safe-area-inset-bottom,0px)) !important;
  max-width:min(390px, calc(100vw - 32px)) !important;
  transform:none !important;
}
.mkay-impact-bubble button,
[data-mkay-impact-bubble] button{
  z-index:2 !important;
}
body.karen-canvas .mkay-impact-bubble,
body.wp-theme-karen-canvas .mkay-impact-bubble,
body.mk-boutique-site .mkay-impact-bubble,
body.mk-boutique-site [data-mkay-impact-bubble]{
  bottom:calc(126px + env(safe-area-inset-bottom,0px)) !important;
  right:18px !important;
}
body.mk-boutique-site .mkay-qr-floating,
body.mk-boutique-site [data-mkay-qr-open].mkay-qr-floating{
  z-index:2147482500 !important;
}
body.mk-boutique-site #zak-scroll-to-top,
body.mk-boutique-site .zak-scroll-to-top,
body.mk-boutique-site [id*="scroll-to-top"]{
  bottom:calc(176px + env(safe-area-inset-bottom,0px)) !important;
}
@media(max-width:760px){
  .mkay-impact-bubble,
  [data-mkay-impact-bubble],
  [data-krn-floating="impact-bubble"]{
    display:grid !important;
    width:min(430px, calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    right:12px !important;
    bottom:calc(118px + env(safe-area-inset-bottom,0px)) !important;
    grid-template-columns:74px 1fr !important;
    gap:10px !important;
    padding:10px !important;
    border-radius:24px !important;
  }
  .mkay-impact-bubble img,
  [data-mkay-impact-bubble] img{
    width:74px !important;
    height:74px !important;
    border-radius:18px !important;
  }
  .mkay-impact-bubble h3,
  [data-mkay-impact-bubble] h3{
    font-size:1rem !important;
    line-height:1.15 !important;
    margin:0 0 4px !important;
  }
  .mkay-impact-bubble p,
  [data-mkay-impact-bubble] p{
    font-size:.78rem !important;
    line-height:1.25 !important;
    max-height:2.55em !important;
    overflow:hidden !important;
  }
  .mkay-impact-bubble a,
  [data-mkay-impact-bubble] a{
    font-size:.78rem !important;
  }
}
@media(max-width:430px){
  .mkay-impact-bubble,
  [data-mkay-impact-bubble],
  [data-krn-floating="impact-bubble"]{
    bottom:calc(106px + env(safe-area-inset-bottom,0px)) !important;
    right:10px !important;
    width:calc(100vw - 20px) !important;
  }
}

/* ==========================================================
   v3.1.11 · Ayúdalos single-page app shell
   ========================================================== */
.mkay-home-app{--mkay-gold:#C9A35A;--mkay-ink:#050505;--mkay-ivory:#F8F5EF;--mkay-line:rgba(201,163,90,.22);font-family:inherit;color:var(--mkay-ink)}
.mkay-home-shell{width:min(1180px,calc(100vw - 32px));margin:clamp(18px,3vw,42px) auto;padding:clamp(14px,2vw,24px);border-radius:34px;background:linear-gradient(180deg,rgba(248,245,239,.86),rgba(255,255,255,.96));box-shadow:0 26px 70px rgba(5,5,5,.08);border:1px solid var(--mkay-line);box-sizing:border-box;overflow:hidden}
.mkay-home-hero{display:grid;gap:10px;padding:clamp(18px,4vw,42px);border-radius:30px;background:radial-gradient(circle at 88% 12%,rgba(201,163,90,.20),transparent 36%),linear-gradient(135deg,#fff,#F8F5EF);border:1px solid rgba(201,163,90,.18)}
.mkay-home-hero h1{margin:0;font-size:clamp(2rem,5vw,4.2rem);font-weight:300;line-height:.98;letter-spacing:-.05em;color:var(--mkay-ink)}
.mkay-home-hero p{max-width:720px;margin:0;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.55;color:rgba(5,5,5,.64);font-weight:300}
.mkay-home-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;padding:10px;border-radius:28px;background:#fff;border:1px solid var(--mkay-line);box-shadow:0 18px 42px rgba(5,5,5,.05)}
.mkay-home-tab{appearance:none;border:1px solid rgba(201,163,90,.22);background:#fff;border-radius:22px;padding:16px 14px;text-align:left;color:var(--mkay-ink);cursor:pointer;transition:.22s ease;font:inherit;min-height:78px;display:flex;flex-direction:column;justify-content:center;gap:3px;box-sizing:border-box}
.mkay-home-tab span{font-weight:600;font-size:clamp(.98rem,1.3vw,1.18rem);line-height:1.1}.mkay-home-tab small{font-size:.8rem;color:rgba(5,5,5,.52);font-weight:300}.mkay-home-tab:hover,.mkay-home-tab.is-active{background:var(--mkay-gold);color:#fff;border-color:transparent;box-shadow:0 16px 36px rgba(201,163,90,.24);transform:translateY(-1px)}.mkay-home-tab:hover small,.mkay-home-tab.is-active small{color:rgba(255,255,255,.82)}
.mkay-home-panels{background:#fff;border:1px solid rgba(201,163,90,.18);border-radius:30px;padding:clamp(16px,3vw,34px);box-shadow:0 20px 55px rgba(5,5,5,.05);min-height:420px;box-sizing:border-box}.mkay-home-panel[hidden]{display:none!important}.mkay-home-panel.is-active{animation:mkayPanelIn .22s ease both}@keyframes mkayPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mkay-panel-intro{margin:0 0 18px}.mkay-panel-intro h2{margin:.15em 0 .2em;font-size:clamp(1.45rem,2.4vw,2.4rem);font-weight:300;letter-spacing:-.04em}.mkay-panel-intro p{margin:0;max-width:760px;color:rgba(5,5,5,.62);line-height:1.5}.mkay-panel-intro-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.mkay-panel-intro-row p{max-width:420px;text-align:right}
.mkay-home-app .mkay-form-card{box-shadow:none;border-color:rgba(201,163,90,.18);background:linear-gradient(180deg,#fff,rgba(248,245,239,.38));border-radius:28px}.mkay-home-app .mkay-panel-grid{grid-template-columns:1fr}.mkay-home-app .mkay-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mkay-home-app .mkay-filters{border-radius:24px;background:rgba(248,245,239,.54);border:1px solid rgba(201,163,90,.18);padding:12px;box-shadow:none;margin-bottom:18px}.mkay-home-app .mkay-filters input,.mkay-home-app .mkay-filters select{border-radius:18px;border:1px solid rgba(201,163,90,.18);background:#fff;min-height:48px}.mkay-home-app .mkay-btn{border-radius:999px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mkay-home-app .mkay-fullmatch{position:relative!important;min-height:720px;border-radius:32px;overflow:hidden;margin-top:12px}.mkay-home-app .mkay-fullmatch .mkay-fullmatch-back{display:none!important}.mkay-home-app .mkay-fullmatch-topbar{justify-content:center}.mkay-home-app .mkay-fullmatch-stage{padding-top:30px}.mkay-home-app .mkay-fullmatch-actions{position:relative;bottom:auto;margin:22px auto 0;max-width:760px}.mkay-home-app .mkay-fullmatch-panel,.mkay-home-app .mkay-fullmatch-login,.mkay-home-app .mkay-fullmatch-profile{position:absolute!important;border-radius:32px}.mkay-home-app .mkay-empty{border-radius:28px;background:#fff;border:1px solid rgba(201,163,90,.18);padding:24px}
@media(max-width:960px){.mkay-home-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px}.mkay-home-tab{min-width:210px;scroll-snap-align:start}.mkay-home-app .mkay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mkay-panel-intro-row{display:block}.mkay-panel-intro-row p{text-align:left}.mkay-home-app .mkay-fullmatch{min-height:740px}}
@media(max-width:560px){.mkay-home-shell{width:min(100% - 18px,1180px);border-radius:26px;margin:12px auto;padding:10px}.mkay-home-hero{padding:22px;border-radius:22px}.mkay-home-tabs{margin:12px 0;border-radius:22px}.mkay-home-tab{min-width:176px;min-height:68px;padding:13px}.mkay-home-panels{border-radius:24px;padding:14px;min-height:360px}.mkay-home-app .mkay-grid{grid-template-columns:1fr}.mkay-home-app .mkay-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mkay-home-app .mkay-filters input{grid-column:1/-1}.mkay-home-app .mkay-filters .mkay-btn{grid-column:1/-1}.mkay-home-app .mkay-fullmatch{min-height:690px;border-radius:24px}.mkay-home-app .mkay-fullmatch-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%;padding:0 10px}.mkay-home-app .mkay-fullmatch-action{width:100%;min-height:48px}}


/* Ayúdalos v3.4.15 · Floating elements removed globally */
html body .mkay-qr-floating,
html body .mkay-qr-modal,
html body .mkay-qr-scanner-root,
html body .mk-pet-scanner-root,
html body [data-mkay-qr-open],
html body [data-mkay-qr-modal],
html body [data-mk-qr-open],
html body [data-mk-qr-modal],
html body [data-krn-floating="qr-button"],
html body [data-krn-floating="qr-modal"],
html body [data-kanvas-presence-type="qr-root"],
html body [data-kanvas-presence-type="qr-modal"],
html body .mkay-impact-bubble,
html body [data-mkay-impact-bubble],
html body [data-krn-floating="impact-bubble"],
html body [data-kanvas-presence="commerce-promo"],
html body [data-kanvas-quarantine="commerce-promo"],
html body .mkay-profile-edit-float,
html body [data-krn-floating="profile-edit"],
html body .mkay343-qr-float,
html body .mkay343-wa-float,
html body .mk-whatsapp-floating,
html body .whatsapp-floating,
html body [data-krn-floating="whatsapp"],
html body [data-karen-canvas-floating="true"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;max-width:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;transform:none!important;overflow:hidden!important;}


/* ==========================================================
   v3.4.16 · Match Patitas móvil full-screen fit
   Objetivo: que la app quepa completa en Safari móvil sin que la barra inferior corte acciones.
   ========================================================== */
@media (max-width: 680px) {
  html body.mkay-fullmatch-active {
    overflow: hidden !important;
    height: 100svh !important;
  }

  html body .mkay-fullmatch {
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    --mkay-match-mobile-chrome-safe: clamp(108px, 14svh, 156px);
  }

  html body .mkay-fullmatch-topbar {
    height: 66px !important;
    grid-template-columns: 112px minmax(0,1fr) 72px !important;
    padding: calc(8px + env(safe-area-inset-top, 0px)) 12px 6px !important;
    align-items: start !important;
  }

  html body .mkay-fullmatch-back {
    min-height: 42px !important;
    height: 42px !important;
    min-width: 104px !important;
    max-width: 112px !important;
    padding: 0 14px !important;
    font-size: .84rem !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
    background: #C9A35A !important;
    color: #F8F5EF !important;
    border-color: rgba(201,163,90,.82) !important;
    box-shadow: 0 14px 36px rgba(201,163,90,.22) !important;
  }

  html body .mkay-fullmatch-topbar strong {
    font-size: .92rem !important;
    line-height: 1.05 !important;
  }

  html body .mkay-fullmatch-topbar span {
    font-size: .56rem !important;
    line-height: 1.1 !important;
    max-height: 1.2em !important;
    overflow: hidden !important;
    opacity: .42 !important;
  }

  html body .mkay-fullmatch-stage {
    height: 100svh !important;
    align-items: start !important;
    justify-items: center !important;
    place-items: start center !important;
    padding: calc(76px + env(safe-area-inset-top, 0px)) 14px calc(var(--mkay-match-mobile-chrome-safe) + 86px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body .mkay-fullmatch-deck {
    width: min(430px, calc(100vw - 32px)) !important;
    height: min(560px, calc(100svh - 318px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 28px !important;
  }

  html body .mkay-fullmatch-card {
    border-radius: 28px !important;
  }

  html body .mkay-fullmatch-info {
    padding: 18px 20px 20px !important;
  }

  html body .mkay-fullmatch-info h2 {
    font-size: clamp(2.15rem, 10vw, 3.2rem) !important;
    line-height: .96 !important;
    margin: 5px 0 8px !important;
  }

  html body .mkay-fullmatch-info p {
    font-size: clamp(.98rem, 4.2vw, 1.18rem) !important;
    line-height: 1.34 !important;
    max-height: 2.75em !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
  }

  html body .mkay-fullmatch-eyebrow {
    font-size: .66rem !important;
    letter-spacing: .1em !important;
  }

  html body .mkay-fullmatch-info .mkay-chip-row {
    gap: 7px !important;
    margin-bottom: 0 !important;
  }

  html body .mkay-fullmatch-info .mkay-chip-row span {
    padding: 6px 10px !important;
    font-size: .72rem !important;
  }

  html body .mkay-fullmatch-actions {
    bottom: calc(var(--mkay-match-mobile-chrome-safe) + env(safe-area-inset-bottom, 0px)) !important;
    width: min(430px, calc(100vw - 28px)) !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 8px !important;
    z-index: 2147483050 !important;
  }

  html body .mkay-fullmatch-action {
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 8px !important;
    font-size: .72rem !important;
    line-height: 1.08 !important;
  }
}

@media (max-width: 680px) and (max-height: 760px) {
  html body .mkay-fullmatch {
    --mkay-match-mobile-chrome-safe: clamp(96px, 13svh, 132px);
  }
  html body .mkay-fullmatch-stage {
    padding-top: calc(68px + env(safe-area-inset-top, 0px)) !important;
  }
  html body .mkay-fullmatch-deck {
    height: min(520px, calc(100svh - 292px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
  }
  html body .mkay-fullmatch-info {
    padding: 16px 18px 18px !important;
  }
  html body .mkay-fullmatch-info h2 {
    font-size: clamp(2rem, 9vw, 2.85rem) !important;
  }
}


/* ==========================================================
   v3.4.17 · Match Patitas mobile actions: 2-button contract
   ========================================================== */
html body .mkay-fullmatch .mkay-fullmatch-actions,
html body .mkay-fullmatch .mkay-fullmatch-actions--two {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(10px, 3vw, 16px) !important;
  width: min(560px, calc(100vw - 36px)) !important;
  max-width: 560px !important;
}

html body .mkay-fullmatch .mkay-fullmatch-story {
  display: none !important;
}

html body .mkay-fullmatch .mkay-fullmatch-action {
  min-height: 56px !important;
  height: 56px !important;
  border-radius: 999px !important;
  font-size: clamp(.82rem, 2.8vw, .96rem) !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 18px !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
}

html body .mkay-fullmatch .mkay-fullmatch-no {
  background: linear-gradient(180deg, rgba(248,245,239,.96), rgba(225,219,207,.92)) !important;
  color: #3b3328 !important;
  border-color: rgba(248,245,239,.58) !important;
}

html body .mkay-fullmatch .mkay-fullmatch-yes {
  background: linear-gradient(135deg, #34D878 0%, #2ECF73 42%, #D7B45D 100%) !important;
  color: #05140B !important;
  border-color: rgba(85, 238, 150, .86) !important;
  box-shadow: 0 18px 42px rgba(46,207,115,.28), 0 10px 26px rgba(201,163,90,.22) !important;
}

html body .mkay-fullmatch .mkay-fullmatch-no:active,
html body .mkay-fullmatch .mkay-fullmatch-yes:active {
  transform: translateY(1px) scale(.985) !important;
}

@media (max-width: 680px) {
  html body .mkay-fullmatch .mkay-fullmatch-actions,
  html body .mkay-fullmatch .mkay-fullmatch-actions--two {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: calc(100vw - 32px) !important;
    gap: 10px !important;
    bottom: calc(var(--mkay-match-mobile-chrome-safe, 118px) + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body .mkay-fullmatch .mkay-fullmatch-action {
    min-height: 54px !important;
    height: 54px !important;
    font-size: .78rem !important;
    padding-inline: 10px !important;
  }
}


/* ==========================================================
   v3.4.19 · Match Patitas móvil: card más grande + botones abajo
   ========================================================== */
@media (max-width: 680px) {
  html body .mkay-fullmatch {
    --mkay-match-mobile-chrome-safe: clamp(72px, 8.5svh, 96px) !important;
    --mkay-match-actions-height: 56px;
    height: 100svh !important;
    min-height: 100svh !important;
    overflow: hidden !important;
  }

  html body .mkay-fullmatch-stage {
    height: 100svh !important;
    padding-top: calc(76px + env(safe-area-inset-top, 0px)) !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: calc(var(--mkay-match-mobile-chrome-safe, 84px) + var(--mkay-match-actions-height) + 18px + env(safe-area-inset-bottom, 0px)) !important;
    align-items: start !important;
    justify-items: center !important;
    place-items: start center !important;
  }

  html body .mkay-fullmatch-deck {
    width: min(430px, calc(100vw - 32px)) !important;
    height: clamp(520px, calc(100svh - 220px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)), 690px) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto !important;
  }

  html body .mkay-fullmatch .mkay-fullmatch-actions,
  html body .mkay-fullmatch .mkay-fullmatch-actions--two {
    bottom: calc(var(--mkay-match-mobile-chrome-safe, 84px) + env(safe-area-inset-bottom, 0px)) !important;
    width: min(430px, calc(100vw - 32px)) !important;
    max-width: 430px !important;
    gap: 12px !important;
  }

  html body .mkay-fullmatch .mkay-fullmatch-action {
    min-height: var(--mkay-match-actions-height) !important;
    height: var(--mkay-match-actions-height) !important;
  }
}

@media (max-width: 680px) and (max-height: 760px) {
  html body .mkay-fullmatch {
    --mkay-match-mobile-chrome-safe: clamp(66px, 8svh, 88px) !important;
    --mkay-match-actions-height: 54px;
  }

  html body .mkay-fullmatch-stage {
    padding-top: calc(68px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: calc(var(--mkay-match-mobile-chrome-safe, 76px) + var(--mkay-match-actions-height) + 14px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body .mkay-fullmatch-deck {
    height: clamp(500px, calc(100svh - 204px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)), 640px) !important;
  }
}

@media (max-width: 390px) {
  html body .mkay-fullmatch-deck {
    width: calc(100vw - 26px) !important;
    height: clamp(490px, calc(100svh - 202px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)), 620px) !important;
  }

  html body .mkay-fullmatch .mkay-fullmatch-actions,
  html body .mkay-fullmatch .mkay-fullmatch-actions--two {
    width: calc(100vw - 26px) !important;
  }
}