/* Meimey Unified Slider — balanced smaller photo / subtle curve / no text overlap (Review 03). */
/* Review: presentation-only, keeps frontend/backend editor, slide options and old theme fallback intact. */
.mms-staging{display:none!important;}
.mms-slot{position:relative;width:100%;max-width:100%;margin:10px auto 16px;isolation:isolate;}
body.mms-active .cct-home-full-width .cct-ad-slider,
body.mms-active .cct-home-full-width .cct-mobile-feature-slider{display:none!important;}
.mms-toolbar{position:absolute;z-index:25;right:12px;top:10px;}
.mms-open-editor{border:1px solid rgba(255,255,255,.9);background:#28252e;color:#fff;border-radius:99px;font-size:12px;font-weight:800;padding:9px 15px;box-shadow:0 6px 20px #0003;cursor:pointer;}
.mms-open-editor:hover,.mms-open-editor:focus-visible{background:#ff2f74;color:#fff;}
.mms-gallery{position:relative;width:100%;max-width:100%;margin:0 auto;font-family:inherit;}
.mms-viewport{border-radius:18px;overflow:hidden;background:#fff1f6;box-shadow:0 14px 38px rgba(70,33,56,.12);border:1px solid #f5c9da;touch-action:pan-y;}
.mms-slide{position:relative;display:grid;grid-template-columns:minmax(0,63%) minmax(0,37%);
  width:100%;min-height:clamp(295px,31vw,350px);height:auto;aspect-ratio:auto;
  isolation:isolate;overflow:hidden;align-items:stretch;
  background:radial-gradient(ellipse 50% 75% at 0% 5%,rgba(255,212,228,.9),transparent 76%),
  radial-gradient(ellipse 65% 75% at 65% 100%,rgba(255,208,225,.6),transparent 78%),
  linear-gradient(118deg,#fffafd 0%,#fff1f6 51%,#ffe4ed 100%);
}
.mms-slide::before{content:'';position:absolute;left:-6%;bottom:-70%;width:80%;height:94%;border-radius:50%;
  background:rgba(251,203,222,.36);pointer-events:none;z-index:0;}
.mms-slide[hidden]{display:none!important;}
.mms-slide-copy{grid-row:1;grid-column:1;position:relative;z-index:2;box-sizing:border-box;
  width:100%;min-width:0;max-width:100%;min-height:0;height:auto;align-self:stretch;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  gap:clamp(7px,1.1vw,13px);
  padding:clamp(18px,2.5vw,30px) clamp(12px,2.5vw,28px) clamp(58px,5vw,65px) clamp(20px,3.8vw,45px);
}
.mms-slide-copy::before{content:'美眉网 · 精选推荐';display:inline-flex;align-items:center;color:#e82e6f;
  background:rgba(255,211,227,.55);border-radius:99px;padding:5px 13px;font-size:clamp(10px,1.15vw,15px);
  font-weight:800;letter-spacing:.025em;max-width:100%;}
.mms-title-link{display:block;width:100%;min-width:0;max-width:100%;text-decoration:none!important;color:inherit!important;}
.mms-title{font-size:clamp(20px,2.65vw,37px);line-height:1.18;letter-spacing:-.015em;font-weight:900;
  color:#21222a;margin:0;width:100%;max-width:100%;min-width:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;overflow-wrap:anywhere;word-break:break-word;text-overflow:ellipsis;
}
.mms-pills{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(6px,1.1vw,13px);max-width:100%;}
.mms-pills span{display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;
  width:clamp(40px,5.6vw,78px);height:clamp(40px,5.6vw,78px);padding:4px;border-radius:50%;
  background:linear-gradient(140deg,#30b6b2,#008e91);color:#fff;font-size:clamp(11px,1.25vw,17px);
  font-weight:800;line-height:1.22;overflow-wrap:anywhere;box-shadow:0 5px 12px #008e9119;}
.mms-phone{display:inline-flex;align-items:center;gap:clamp(5px,1vw,13px);min-width:0;max-width:100%;width:fit-content;
  padding:clamp(5px,.8vw,11px) clamp(9px,1.7vw,21px);background:rgba(255,255,255,.82);
  border-radius:60px;font-size:clamp(16px,2.2vw,31px);font-weight:900;line-height:1.16;
  color:#e62269!important;text-decoration:none!important;overflow-wrap:anywhere;box-shadow:0 4px 16px #cc40720a;}
.mms-phone span{display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:clamp(21px,3vw,42px);height:clamp(21px,3vw,42px);border-radius:50%;
  background:#ff2f74;color:#fff;font-size:clamp(13px,1.8vw,25px);}
/* Keep the image strictly in grid column two: curves never enter or cover the text region.
   A small elliptical left border is softer than the original oversized semicircle. */
.mms-slide-picture{position:relative;grid-row:1;grid-column:2;align-self:stretch;z-index:1;
  top:auto;bottom:auto;right:auto;width:100%;height:100%;min-width:0;min-height:0;
  overflow:hidden;box-sizing:border-box;background:#f5d4e2;
  border-left:3px solid rgba(255,139,177,.55);
  border-radius:23% 0 0 23% / 50% 0 0 50%;
}
.mms-slide-picture>a{position:absolute;inset:0;display:block;width:100%;height:100%;}
.mms-slide-picture img{position:absolute;inset:0;display:block;width:100%;height:100%;
  object-fit:cover;object-position:center 30%;}
.mms-bottom-strip{position:absolute;z-index:5;left:0;right:0;bottom:0;box-sizing:border-box;
  margin:0;min-height:38px;padding:9px clamp(12px,2.5vw,28px);
  background:linear-gradient(90deg,#2ba9a9,#0e898f);color:#fff;
  line-height:1.25;font-size:clamp(12px,1.4vw,18px);font-weight:800;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mms-nav{position:absolute;top:46%;transform:translateY(-50%);display:grid;place-items:center;
  width:38px;height:42px;border:0;border-radius:50%;background:rgba(43,35,44,.4);
  color:#fff;font-size:33px;line-height:1;cursor:pointer;z-index:9;}
.mms-nav-prev{left:8px;}.mms-nav-next{right:8px;}
.mms-nav:hover,.mms-nav:focus-visible{background:#ff2f74;color:#fff;}
.mms-dots{display:flex;gap:9px;align-items:center;justify-content:center;padding:13px 8px 9px;}
.mms-dot{width:10px;height:10px;min-width:10px;padding:0;border:0;border-radius:50%;background:#c9c9cf;cursor:pointer;}
.mms-dot.is-active{background:#ff2f74;}
.mms-dot:focus-visible{outline:2px solid #ff2f74;outline-offset:3px;}
/* Mid-size laptops: preserve the strict 2-column grid, never overlap copy with photo. */
@media(min-width:768px) and (max-width:1100px){
  .mms-slide{grid-template-columns:minmax(0,64%) minmax(0,36%);min-height:300px;}
  .mms-slide-copy{width:100%;padding:16px 14px 54px 24px;gap:8px;}
  .mms-slide-copy::before{padding:4px 9px;}
  .mms-title{font-size:clamp(21px,2.7vw,30px);-webkit-line-clamp:3;}
  .mms-pills span{width:clamp(36px,4.6vw,54px);height:clamp(36px,4.6vw,54px);font-size:11px;}
  .mms-phone{font-size:clamp(15px,2.05vw,23px);}
  .mms-slide-picture{width:100%;border-radius:22% 0 0 22% / 50% 0 0 50%;}
}
/* Mobile: the photo uses at most 36% of the width. A three-line title stays in its own grid cell.
   Slides grow vertically with their content rather than painting text over an absolute image. */
@media(max-width:767px){
  .mms-slot{margin:6px auto 11px;}
  .mms-viewport{border-radius:10px;}
  .mms-slide{grid-template-columns:minmax(0,64%) minmax(0,36%);min-height:clamp(215px,57vw,270px);height:auto;aspect-ratio:auto;}
  .mms-slide-copy{grid-row:1;grid-column:1;width:100%;height:auto;max-width:100%;min-width:0;
    padding:10px 5px 34px 12px;gap:clamp(4px,1vw,7px);justify-content:center;}
  .mms-slide-copy::before{content:'美眉网 · 精选';font-size:clamp(8px,2.1vw,11px);padding:3px 7px;}
  .mms-title{font-size:clamp(15px,3.9vw,21px);line-height:1.17;-webkit-line-clamp:3;max-width:100%;}
  .mms-pills{gap:4px;max-width:100%;}
  .mms-pills span{width:clamp(27px,7.8vw,38px);height:clamp(27px,7.8vw,38px);
    font-size:clamp(8px,2.1vw,11px);line-height:1.13;padding:2px;}
  .mms-phone{font-size:clamp(11px,3.25vw,17px);padding:4px 6px;gap:3px;}
  .mms-phone span{width:19px;height:19px;font-size:12px;}
  .mms-slide-picture{width:100%;height:100%;border-left-width:2px;
    border-radius:20% 0 0 20% / 50% 0 0 50%;}
  .mms-bottom-strip{min-height:24px;padding:5px 9px;font-size:clamp(9px,2.7vw,13px);}
  .mms-nav{width:25px;height:30px;font-size:23px;opacity:.68;top:43%;}
  .mms-nav-prev{left:3px;}.mms-nav-next{right:3px;}
  .mms-dots{padding:10px 5px 8px;gap:8px;}
  .mms-dot{width:8px;height:8px;min-width:8px;}
  .mms-toolbar{top:5px;right:5px;}
  .mms-open-editor{font-size:10px;padding:6px 8px;}
}
@media(max-width:370px){
  .mms-slide{grid-template-columns:minmax(0,65%) minmax(0,35%);min-height:215px;}
  .mms-slide-copy{gap:3px;padding-top:8px;padding-left:10px;}
  .mms-slide-copy::before{font-size:8px;padding:2px 6px;}
  .mms-title{font-size:clamp(14px,3.9vw,17px);}
  .mms-pills span{height:27px;width:27px;font-size:8px;}
  .mms-phone{font-size:11px;}
}
@media(prefers-reduced-motion:reduce){.mms-nav,.mms-dot{transition:none!important;}}
/* Shared admin page and front-end popup editor */
.mms-editor{color:#222;background:#fff;max-width:1100px;margin:0 auto;}
.mms-info{background:#fdf4f8;border-left:4px solid #ff3374;padding:12px 14px;margin:12px 0;}
.mms-muted{font-size:13px;color:#555;line-height:1.6;}
.mms-editor-row{background:#fff;border:1px solid #e5e0e4;border-radius:12px;margin:14px 0;padding:14px;box-shadow:0 4px 14px #00000008;}
.mms-row-head,.mms-row-actions,.mms-edit-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between;}
.mms-row-head{border-bottom:1px solid #eee;padding-bottom:10px;}
.mms-row-grid{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:16px;padding-top:15px;}
.mms-pick-image{display:flex;flex-wrap:wrap;gap:7px;align-content:start;align-items:start;}
.mms-pick-image img{display:block;width:100%;max-height:210px;object-fit:contain;background:#eee;border-radius:8px;}
.mms-pick-image img[hidden]{display:none;}
.mms-pick-image>label,.mms-pick-image>small{display:block;width:100%;}
.mms-editor label{font-size:13px;font-weight:700;line-height:1.55;}
.mms-inputs{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
.mms-inputs label{display:block;}
.mms-input{display:block;width:100%!important;max-width:100%!important;box-sizing:border-box;border-radius:6px!important;border:1px solid #c9cdd1!important;padding:8px 9px!important;margin-top:4px!important;background:#fff!important;color:#222!important;font-weight:400!important;font-size:14px!important;line-height:1.3!important;}
.mms-checkbox{display:flex!important;align-items:center;gap:8px;}
.mms-global-enabled{font-size:15px!important;margin:14px 0 6px;}
.mms-form-status{font-size:13px;font-weight:600;color:#07824c;}
.mms-form-status.mms-error{color:#a0152b;}
.mms-edit-actions{justify-content:flex-start;margin:18px 0;}
.mms-backend{max-width:1120px;}
.mms-edit-dialog{position:fixed;z-index:100000!important;border:0;border-radius:16px;background:#fff;box-shadow:0 16px 80px #0006;max-width:min(96vw,1100px);width:100%;max-height:91vh;overflow:auto;padding:18px 22px;color:#222;box-sizing:border-box;}
.mms-edit-dialog::backdrop{background:rgba(0,0,0,.68);}
.mms-dialog-head{position:sticky;z-index:10;top:-18px;background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:8px 2px 12px;font-size:17px;}
.mms-dialog-close{display:grid;place-items:center;font-size:24px;width:34px;height:34px;border-radius:50%;background:#f7eef2;color:#333;border:0;cursor:pointer;}
@media(max-width:680px){.mms-row-grid{grid-template-columns:1fr;}.mms-edit-dialog{max-width:100vw;width:100%;max-height:97vh;padding:12px;border-radius:9px;}.mms-dialog-head{top:-12px;font-size:14px;}.mms-editor-row{padding:10px}.mms-pick-image img{max-height:155px}}
/* Ensure the front-end modal controls are usable without wp-admin styles. */
.mms-edit-dialog .mms-editor .button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border:1px solid #bcc0c4;border-radius:6px;background:#fff;color:#333;font-weight:700;line-height:1.3;font-size:13px;cursor:pointer;box-sizing:border-box;text-decoration:none;}
.mms-edit-dialog .mms-editor .button:hover{border-color:#ff3374;color:#b12055;}
.mms-edit-dialog .mms-editor .button-primary{background:#ff3374;color:#fff;border-color:#ff3374;}
.mms-edit-dialog .mms-editor .button-primary:hover{background:#d8205b;color:#fff;}
.mms-edit-dialog .mms-editor .button:disabled{opacity:.55;cursor:wait;}
