@charset "utf-8";

/* =========================================================
   MANSUP CLINIC — GROUP STYLE
   - 발기부전·조루·남성수술·남성확대·남성체형·정관/포경 확장용
   - 클리닉 전용 클래스는 mc- 접두어 사용
   - 기본 콘텐츠 width:100% / 좌우 7vw
========================================================= */
:root{
  --mc-navy:#06182e;
  --mc-navy-2:#0b274a;
  --mc-blue:#0878be;
  --mc-blue-2:#125ca5;
  --mc-cyan:#79c8ef;
  --mc-sky:#edf7ff;
  --mc-soft:#f4f8fb;
  --mc-line:rgba(8,31,56,.13);
  --mc-text:#172434;
  --mc-muted:#617183;
  --mc-x:7vw;
  --mc-y:clamp(96px,8vw,154px);
}        
.ms-clinic-page{width:100%;overflow:hidden;background:#fff;color:var(--mc-text);}
.mc-section{position:relative;width:100%;padding:var(--mc-y) var(--mc-x);border-bottom:1px solid var(--mc-line);background:#fff;}
.mc-section.is-soft{background:var(--mc-soft);}
.mc-section.is-sky{background:var(--mc-sky);}
.mc-section.is-dark{color:#fff;background:linear-gradient(135deg,#03101e 0%,#092b4b 62%,#05182c 100%);}
.mc-section.no-line{border-bottom:0;}
.mc-inner{width:100%;max-width:none;margin:0;}
.mc-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--mc-blue);font-size:11px;line-height:1;font-weight:900;letter-spacing:.2em;text-transform:uppercase;}
.mc-eyebrow:before{content:"";width:40px;height:1px;background:currentColor;}
.is-dark .mc-eyebrow{color:var(--mc-cyan);}
.mc-title{margin:0;color:var(--mc-navy);font-size:clamp(38px,4.7vw,72px);font-weight:750;line-height:1.08;letter-spacing:-.065em;word-break:keep-all;}
.mc-title.mid{font-size:clamp(31px,3.3vw,54px);}
.mc-title.small{font-size:clamp(26px,2.5vw,40px);}
.is-dark .mc-title{color:#fff;}
.mc-lead{max-width:850px;margin:26px 0 0;color:var(--mc-muted);font-size:clamp(17px,1.1vw,20px);line-height:1.9;word-break:keep-all;}
.is-dark .mc-lead{color:rgba(255,255,255,.74);}
.mc-btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;}
.mc-btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:0 24px;border:1px solid transparent;border-radius:999px;font-size:15px;font-weight:800;transition:.25s ease;}
.mc-btn:hover{transform:translateY(-3px);}
.mc-btn.blue{color:#fff;background:var(--mc-blue);}
.mc-btn.navy{color:#fff;background:var(--mc-navy);}
.mc-btn.line{color:var(--mc-navy);background:#fff;border-color:rgba(6,24,46,.22);}
.is-dark .mc-btn.line,.mc-hero .mc-btn.line{color:#fff;background:transparent;border-color:rgba(255,255,255,.38);}

/* HERO — PAGE-SPECIFIC VARIATIONS */
.mc-hero{position:relative;width:100%;overflow:hidden;}
.mc-hero .mc-eyebrow{margin-bottom:22px;}
.mc-hero h1{margin:0;font-size:clamp(46px,6.4vw,100px);line-height:1.02;font-weight:780;letter-spacing:-.075em;word-break:keep-all;}
.mc-hero h1 span{display:block;margin-bottom:14px;font-size:.15em;line-height:1;letter-spacing:.17em;}
.mc-hero-sub{max-width:820px;margin:28px 0 0;font-size:clamp(21px,1.9vw,33px);line-height:1.48;font-weight:720;letter-spacing:-.045em;word-break:keep-all;}
.mc-hero-desc{max-width:760px;margin:18px 0 0;font-size:17px;line-height:1.85;word-break:keep-all;}
  
/* 01. ABOUT — cause orbit */ 
.mc-hero--about{
  min-height:clamp(720px,58vw,940px);
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  grid-template-rows:1fr auto;color:#fff;
 background-image:
    linear-gradient(
      90deg,
      rgba(2, 13, 24, .96) 0%,
      rgba(8, 37, 65, .78) 42%,
      rgba(6, 24, 46, .18) 76%,
      rgba(6, 24, 46, .06) 100%
    ),
    url('../img/ed_about_01.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}   
.mc-hero--about:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 34%,rgba(121,200,239,.20),transparent 25%),linear-gradient(90deg,rgba(2,13,24,.18),transparent 62%);}
.mc-hero-about-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(100px,9vw,160px) 3vw clamp(60px,6vw,100px) var(--mc-x);}
.mc-hero--about .mc-eyebrow,.mc-hero--about h1 span{color:var(--mc-cyan);}
.mc-hero--about h1,.mc-hero--about .mc-hero-sub{color:#fff;}
.mc-hero--about .mc-hero-desc{color:rgba(255,255,255,.7);}
.mc-hero-about-visual{position:relative;z-index:1;display:grid;place-items:center;min-height:610px;}
.mc-ed-orbit{position:relative;width:min(42vw,650px);aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:50%;display:grid;place-items:center;}
.mc-ed-orbit .ring{position:absolute;border:1px solid rgba(121,200,239,.19);border-radius:50%;}
.mc-ed-orbit .r1{inset:9%;}.mc-ed-orbit .r2{inset:23%;}.mc-ed-orbit .r3{inset:37%;}
.mc-ed-orbit strong{position:relative;color:rgba(255,255,255,.13);font-size:clamp(110px,14vw,230px);line-height:.8;letter-spacing:-.1em;}
.mc-ed-orbit small{position:absolute;top:54%;color:var(--mc-cyan);font-size:11px;font-weight:900;letter-spacing:.18em;}
.mc-ed-orbit .node{position:absolute;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.78);background:rgba(4,17,31,.6);font-size:10px;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(8px);}
.mc-ed-orbit .n1{left:-4%;top:28%;}.mc-ed-orbit .n2{right:2%;top:15%;}.mc-ed-orbit .n3{right:-3%;bottom:26%;}.mc-ed-orbit .n4{left:1%;bottom:12%;}
.mc-hero-about-meta{position:relative;z-index:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:0 var(--mc-x) clamp(32px,3vw,50px);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2);}
.mc-hero-about-meta div{display:grid;grid-template-columns:54px 1fr;gap:5px 12px;padding:22px 24px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);}
.mc-hero-about-meta b{grid-row:1/3;color:var(--mc-cyan);font-size:12px;}.mc-hero-about-meta strong{color:#fff;font-size:18px;}.mc-hero-about-meta span{color:rgba(255,255,255,.58);font-size:14px;}

/* 02. SELF CHECK — interactive preview */
.mc-hero--selfcheck{min-height:clamp(650px,52vw,830px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);align-items:center;padding:clamp(90px,8vw,140px) var(--mc-x);color:var(--mc-navy);background:linear-gradient(135deg,#f8fbfd 0%,#edf7ff 64%,#dceefa 100%);}
.mc-hero--selfcheck:after{content:"CHECK";position:absolute;right:-1vw;bottom:-3vw;color:rgba(8,120,190,.045);font-size:clamp(120px,17vw,300px);font-weight:900;letter-spacing:-.1em;}
.mc-selfcheck-hero-copy{position:relative;z-index:2;padding-right:clamp(30px,5vw,90px);}
.mc-hero--selfcheck .mc-eyebrow,.mc-hero--selfcheck h1 span{color:var(--mc-blue);}.mc-hero--selfcheck h1,.mc-hero--selfcheck .mc-hero-sub{color:var(--mc-navy);}.mc-hero--selfcheck .mc-hero-desc{color:var(--mc-muted);}
.mc-text-link{display:inline-flex;align-items:center;gap:18px;margin-top:38px;color:var(--mc-navy);font-size:12px;font-weight:900;letter-spacing:.18em;}.mc-text-link i{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(6,24,46,.22);border-radius:50%;font-style:normal;}
.mc-selfcheck-preview{position:relative;z-index:2;width:min(100%,680px);margin-left:auto;padding:clamp(34px,4vw,62px);border:1px solid rgba(6,24,46,.12);background:rgba(255,255,255,.86);box-shadow:0 30px 80px rgba(8,31,56,.12);backdrop-filter:blur(12px);}
.preview-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--mc-line);color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}.preview-head span{color:#82909e;}
.mc-selfcheck-preview>strong{display:block;margin:clamp(42px,5vw,72px) 0;color:var(--mc-navy);font-size:clamp(28px,3vw,48px);line-height:1.28;letter-spacing:-.065em;}
.preview-options{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}.preview-options i{height:14px;border-radius:999px;background:#dbe4eb;}.preview-options i.is-on{background:var(--mc-blue);}
.preview-scale{display:flex;justify-content:space-between;margin-top:12px;color:#84919e;font-size:12px;}.preview-note{margin-top:50px;padding-top:17px;border-top:1px solid var(--mc-line);color:#8996a3;font-size:10px;font-weight:900;letter-spacing:.14em;}

/* 03. TREATMENT — route map */
.mc-hero--treatment{min-height:clamp(700px,58vw,930px);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(100px,9vw,160px) var(--mc-x) clamp(42px,4vw,64px);color:#fff;background:linear-gradient(120deg,#031321,#0b3156 64%,#06182e);}
.mc-hero--treatment:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 16%,rgba(121,200,239,.23),transparent 24%);}
.mc-treatment-hero-copy{position:relative;z-index:2;max-width:980px;}.mc-hero--treatment .mc-eyebrow,.mc-hero--treatment h1 span{color:var(--mc-cyan);}.mc-hero--treatment h1,.mc-hero--treatment .mc-hero-sub{color:#fff;}.mc-hero--treatment .mc-hero-desc{color:rgba(255,255,255,.68);}
.mc-treatment-route{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.24);}
.mc-treatment-route a{position:relative;min-height:150px;padding:24px 18px 8px;border-right:1px solid rgba(255,255,255,.16);color:#fff;}.mc-treatment-route a:before{content:"";position:absolute;top:-6px;left:18px;width:11px;height:11px;border:2px solid var(--mc-cyan);border-radius:50%;background:#082541;}.mc-treatment-route b{display:block;color:var(--mc-cyan);font-size:11px;}.mc-treatment-route strong{display:block;margin-top:28px;font-size:18px;letter-spacing:.04em;}.mc-treatment-route span{display:block;margin-top:6px;color:rgba(255,255,255,.55);font-size:13px;}
.mc-treatment-watermark{position:absolute;right:-1vw;bottom:3vw;color:rgba(255,255,255,.035);font-size:clamp(150px,22vw,360px);font-weight:900;line-height:.7;letter-spacing:-.1em;}

/* 04. MEDICINE — prescription guide */
.mc-hero--medicine{min-height:clamp(680px,54vw,870px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);color:var(--mc-navy);background:#fff;}
.mc-medicine-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(95px,9vw,155px) 4vw clamp(70px,7vw,115px) var(--mc-x);}
.mc-hero--medicine .mc-eyebrow,.mc-hero--medicine h1 span{color:var(--mc-blue);}.mc-hero--medicine h1,.mc-hero--medicine .mc-hero-sub{color:var(--mc-navy);}.mc-hero--medicine .mc-hero-desc{color:var(--mc-muted);}
.mc-medicine-guide{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(90px,8vw,140px) var(--mc-x) 46px 6vw;overflow:hidden;color:#fff;background:linear-gradient(145deg,#082847,#0878be);}
.mc-medicine-guide:before{content:"";position:absolute;right:-20%;top:-15%;width:70%;aspect-ratio:1;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.035);}
.pde{position:relative;z-index:1;}.pde small{display:block;color:var(--mc-cyan);font-size:10px;font-weight:900;letter-spacing:.14em;}.pde strong{display:block;margin-top:22px;font-size:clamp(110px,13vw,220px);line-height:.72;letter-spacing:-.12em;}.pde span{display:block;margin-top:28px;color:rgba(255,255,255,.62);font-size:12px;font-weight:900;letter-spacing:.14em;}
.drug-timeline{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.24);}.drug-timeline div{padding:19px 12px;border-right:1px solid rgba(255,255,255,.18);}.drug-timeline b,.drug-timeline span{display:block;}.drug-timeline b{color:var(--mc-cyan);font-size:11px;}.drug-timeline span{margin-top:8px;color:rgba(255,255,255,.72);font-size:13px;}

/* 05. INJECTION — three ingredients */
.mc-hero--injection{min-height:clamp(720px,57vw,920px);display:grid;grid-template-columns:minmax(0,.82fr) minmax(600px,1.18fr);color:#fff;background:#041422;}
.mc-injection-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(100px,9vw,160px) 4vw clamp(70px,7vw,120px) var(--mc-x);}
.mc-hero--injection .mc-eyebrow,.mc-hero--injection h1 span{color:var(--mc-cyan);}.mc-hero--injection h1,.mc-hero--injection .mc-hero-sub{color:#fff;}.mc-hero--injection .mc-hero-desc{color:rgba(255,255,255,.68);}
.mc-trimix-visual{position:relative;min-height:inherit;overflow:hidden;background:linear-gradient(145deg,#07243f,#0b365c);}
.mc-trimix-visual>img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.mc-trimix-visual:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(4,20,34,.08),rgba(4,20,34,.40));}
.mix-column{position:relative;display:flex;min-height:430px;flex-direction:column;justify-content:flex-end;padding:26px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);}.mix-column:before{content:"";position:absolute;left:50%;top:10%;width:1px;height:50%;background:linear-gradient(var(--mc-cyan),transparent);}.mix-column:after{content:"";position:absolute;left:calc(50% - 6px);top:9%;width:12px;height:12px;border:1px solid var(--mc-cyan);border-radius:50%;background:#0b365c;}.mix-column b{color:var(--mc-cyan);font-size:11px;}.mix-column strong{margin-top:14px;font-size:12px;letter-spacing:.06em;word-break:break-all;}.mix-column span{margin-top:8px;color:rgba(255,255,255,.6);font-size:13px;}.mix-column.c2{transform:translateY(-36px);}.mix-result{position:absolute;right:5vw;top:54px;text-align:right;}.mix-result small{display:block;color:var(--mc-cyan);font-size:10px;font-weight:900;letter-spacing:.15em;}.mix-result strong{display:block;margin-top:8px;color:rgba(255,255,255,.12);font-size:clamp(70px,8vw,140px);line-height:.8;letter-spacing:-.1em;}

/* 06. HORMONE — rhythm and blood test */
.mc-hero--hormone{min-height:clamp(690px,55vw,880px);display:grid;grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);align-items:center;color:var(--mc-navy);background:linear-gradient(135deg,#f7f4ef 0%,#eef4f7 60%,#e0edf5 100%);}
.mc-hormone-hero-copy{position:relative;z-index:2;padding:clamp(95px,8vw,145px) 3vw clamp(70px,7vw,115px) var(--mc-x);}.mc-hero--hormone .mc-eyebrow,.mc-hero--hormone h1 span{color:#537d9a;}.mc-hero--hormone h1,.mc-hero--hormone .mc-hero-sub{color:var(--mc-navy);}.mc-hero--hormone .mc-hero-desc{color:#66727c;}
.mc-hormone-rhythm{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;overflow:hidden;}.mc-hormone-rhythm>strong{position:absolute;right:5%;top:10%;color:rgba(8,120,190,.065);font-size:clamp(250px,34vw,560px);line-height:.8;letter-spacing:-.12em;}.mc-hormone-rhythm svg{position:relative;z-index:1;width:100%;height:44%;overflow:visible;}.mc-hormone-rhythm path{fill:none;stroke:#0878be;stroke-width:4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 10px 18px rgba(8,120,190,.16));}.rhythm-labels{position:absolute;left:5%;right:5%;bottom:14%;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(6,24,46,.16);}.rhythm-labels span{padding:18px 12px;color:#607180;font-size:10px;font-weight:900;letter-spacing:.14em;border-right:1px solid rgba(6,24,46,.12);}

/* 07. MALLEABLE — simple bend structure */
.mc-hero--malleable{min-height:clamp(680px,54vw,860px);display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(0,.95fr);background:#f4f7fa;}
.mc-malleable-visual{position:relative;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,#020e19,#0b2c4e);}.mc-malleable-visual:before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.12);border-radius:50%;}.mc-malleable-visual>b{color:rgba(255,255,255,.08);font-size:clamp(220px,28vw,450px);line-height:.7;letter-spacing:-.12em;}.mc-malleable-visual>small{position:absolute;bottom:8%;color:var(--mc-cyan);font-size:11px;font-weight:900;letter-spacing:.18em;}.device-line{position:absolute;left:19%;right:19%;height:18px;border:1px solid rgba(121,200,239,.55);border-radius:999px;transform-origin:center;}.device-line:after{content:"";position:absolute;inset:3px;border-radius:999px;background:linear-gradient(90deg,rgba(121,200,239,.18),rgba(121,200,239,.75));}.device-line.l1{top:35%;transform:rotate(-24deg);}.device-line.l2{top:54%;transform:rotate(17deg);}
.mc-malleable-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(90px,8vw,145px) var(--mc-x) clamp(70px,7vw,115px) 6vw;}.mc-hero--malleable .mc-eyebrow,.mc-hero--malleable h1 span{color:var(--mc-blue);}.mc-hero--malleable h1,.mc-hero--malleable .mc-hero-sub{color:var(--mc-navy);}.mc-hero--malleable .mc-hero-desc{color:var(--mc-muted);}

/* 08. INFLATABLE — three-piece diagram */
.mc-hero--inflatable{min-height:clamp(720px,58vw,930px);display:grid;grid-template-columns:minmax(0,.78fr) minmax(640px,1.22fr);color:#fff;background:linear-gradient(125deg,#020d18,#072c4c 68%,#06182e);}
.mc-inflatable-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(100px,9vw,160px) 4vw clamp(70px,7vw,120px) var(--mc-x);}.mc-hero--inflatable .mc-eyebrow,.mc-hero--inflatable h1 span{color:var(--mc-cyan);}.mc-hero--inflatable h1,.mc-hero--inflatable .mc-hero-sub{color:#fff;}.mc-hero--inflatable .mc-hero-desc{color:rgba(255,255,255,.68);}
.mc-threepiece-visual{position:relative;min-height:620px;margin:5vw 4vw 5vw 0;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.025);}.mc-threepiece-visual:before{content:"";position:absolute;inset:8%;border:1px solid rgba(121,200,239,.12);border-radius:50%;}.mc-threepiece-visual .part{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;border:1px solid rgba(121,200,239,.35);color:#fff;background:rgba(4,17,31,.74);backdrop-filter:blur(8px);}.mc-threepiece-visual .part b{color:var(--mc-cyan);font-size:10px;}.mc-threepiece-visual .part strong{margin-top:8px;font-size:13px;letter-spacing:.08em;}.mc-threepiece-visual .part span{margin-top:5px;color:rgba(255,255,255,.6);font-size:12px;}.mc-threepiece-visual .reservoir{left:12%;top:13%;width:29%;height:29%;border-radius:50%;}.mc-threepiece-visual .cylinder{right:10%;top:14%;width:24%;height:58%;border-radius:999px 999px 30px 30px;}.mc-threepiece-visual .pump{left:28%;bottom:12%;width:25%;height:25%;border-radius:45% 45% 50% 50%;}.connection{position:absolute;height:1px;background:var(--mc-cyan);transform-origin:left center;opacity:.55;}.connection.c1{left:36%;top:32%;width:38%;transform:rotate(4deg);}.connection.c2{left:40%;top:41%;width:28%;transform:rotate(82deg);}.threepiece-label{position:absolute;right:5%;bottom:4%;color:rgba(255,255,255,.09);font-size:clamp(48px,6vw,100px);font-weight:900;letter-spacing:-.08em;}

/* OPENING / EDITORIAL */
.mc-opening{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(50px,8vw,150px);align-items:start;}
.mc-opening-copy{padding-left:clamp(26px,3vw,58px);border-left:1px solid var(--mc-line);}
.mc-opening-copy .mc-lead{max-width:none;margin-top:0;}
.mc-highlight{margin-top:38px;padding:26px 0 0;border-top:1px solid var(--mc-line);color:var(--mc-navy);font-size:clamp(21px,1.8vw,30px);line-height:1.5;font-weight:750;letter-spacing:-.045em;}

/* FLOW */
.mc-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:58px;border-top:1px solid var(--mc-line);border-left:1px solid var(--mc-line);}
.mc-flow article{position:relative;min-height:270px;padding:30px;border-right:1px solid var(--mc-line);border-bottom:1px solid var(--mc-line); background-color: #fff;}
.mc-flow article:not(:last-child):after{content:"";position:absolute;top:50%;right:-7px;z-index:2;width:13px;height:13px;border-top:2px solid var(--mc-blue);border-right:2px solid var(--mc-blue);background:#fff;transform:rotate(45deg);}
.mc-flow b{color:var(--mc-blue);font-size:12px;letter-spacing:.12em;}
.mc-flow h3{margin:42px 0 12px;color:var(--mc-navy);font-size:28px;line-height:1.35;letter-spacing:-.055em;}
.mc-flow p{margin:0;color:var(--mc-muted);font-size:17px;}

/* LIST / CARDS
   카드 개수(count)가 아니라 콘텐츠 밀도로 배치합니다.
   - 기본/ is-standard : 일반 설명 카드
   - is-compact         : 짧은 핵심 카드, 넓은 화면에서 5~6개 한 줄 가능
   - is-wide            : 내용이 긴 카드, 큰 폭으로 배치
   카드 추가·삭제 시 숫자 클래스 수정이 필요하지 않습니다.
========================================================= */
.mc-card-grid{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:1px;
  width:100%;
  margin-top:58px;
  background:var(--mc-line);
  border:1px solid var(--mc-line);
}
.mc-card-grid>.mc-card{
  flex:1 1 320px;
  min-width:0;
}
.mc-card-grid.is-standard>.mc-card{
  flex-basis:320px;
}
.mc-card-grid.is-compact>.mc-card{
  flex-basis:190px;
}
.mc-card-grid.is-wide>.mc-card{
  flex-basis:440px;
}
.mc-card-grid.is-feature>.mc-card{
  flex-basis:calc(50% - 1px);
}
/* 이전 is-count-* 클래스가 남아 있어도 기본 자동 배치를 사용 */
.mc-card-grid:is(.is-count-3,.is-count-4,.is-count-5,.is-count-6)>.mc-card{
  flex-basis:320px;
}

.mc-card{min-height:300px;padding:32px;background:#fff;}
.mc-card .num{display:block;color:var(--mc-blue);font-size:12px;font-weight:900;letter-spacing:.12em;}
.mc-card h3{margin:50px 0 14px;color:var(--mc-navy);font-size:clamp(22px,1.8vw,30px);line-height:1.35;letter-spacing:-.055em;}
.mc-card p{margin:0;color:var(--mc-muted);}
.mc-card ul{margin:16px 0 0;padding:0;list-style:none;color:var(--mc-muted);}
.mc-card li{position:relative;padding:7px 0 7px 14px;}
.mc-card li:before{content:"";position:absolute;left:0;top:1.15em;width:5px;height:5px;border-radius:50%;background:var(--mc-blue);}
.mc-card.is-dark{color:#fff;background:var(--mc-navy);}
.mc-card.is-dark h3{color:#fff;}
.mc-card.is-dark p,.mc-card.is-dark li{color:rgba(255,255,255,.7);}

/* ROW LIST */
.mc-row-list{margin-top:58px;border-top:1px solid var(--mc-line);}
.mc-row{display:grid;grid-template-columns:78px minmax(260px,.42fr) minmax(0,.58fr);gap:clamp(22px,4vw,70px);padding:30px 0;border-bottom:1px solid var(--mc-line);}
.mc-row .num{color:var(--mc-blue);font-size:12px;font-weight:900;letter-spacing:.12em;}
.mc-row h3{margin:0;color:var(--mc-navy);font-size:clamp(23px,2vw,35px);line-height:1.3;letter-spacing:-.06em;}
.mc-row p{margin:0;color:var(--mc-muted);}

/* SPLIT */
.mc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:620px;}
.mc-split-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,7vw,120px);}
.mc-split-copy .mc-lead{max-width:none;}
.mc-split-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#06182e,#0d3c63);}
.mc-split-visual:before,.mc-split-visual:after{content:"";position:absolute;border:1px solid rgba(121,200,239,.28);border-radius:50%;}
.mc-split-visual:before{width:62%;aspect-ratio:1;left:8%;top:13%;}
.mc-split-visual:after{width:38%;aspect-ratio:1;right:4%;bottom:-6%;}
.mc-visual-copy{position:absolute;z-index:2;left:10%;right:10%;top:50%;transform:translateY(-50%);}
.mc-visual-copy span{color:var(--mc-cyan);font-size:11px;font-weight:900;letter-spacing:.17em;}
.mc-visual-copy strong{display:block;margin-top:16px;color:#fff;font-size:clamp(36px,4vw,72px);line-height:1.06;letter-spacing:-.075em;}
.mc-visual-copy p{max-width:440px;margin:22px 0 0;color:rgba(255,255,255,.68);}

/* COMPARE */
.mc-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:54px;background:var(--mc-line);border: 1px solid #ddd;}
.mc-compare article{padding:clamp(36px,4vw,66px);background:#fff;}
.mc-compare article.is-navy{color:#fff;background:var(--mc-navy);}
.mc-compare small{color:var(--mc-blue);font-weight:900;letter-spacing:.13em;}
.mc-compare .is-navy small{color:var(--mc-cyan);}
.mc-compare h3{margin:17px 0 26px;color:var(--mc-navy);font-size:clamp(27px,2.7vw,44px);letter-spacing:-.065em;}
.mc-compare .is-navy h3{color:#fff;}
.mc-check-list{margin:0;padding:0;border-top:1px solid var(--mc-line);list-style:none; margin-top: 22px;}
.is-navy .mc-check-list{border-color:rgba(255,255,255,.18);}
.mc-check-list li{position:relative;padding:17px 0 17px 25px;border-bottom:1px solid var(--mc-line);color:var(--mc-muted);}
.is-navy .mc-check-list li{color:rgba(255,255,255,.74);border-color:rgba(255,255,255,.15);}
.mc-check-list li:before{content:"";position:absolute;left:0;top:27px;width:8px;height:8px;border:2px solid var(--mc-blue);border-radius:50%;}
.is-navy .mc-check-list li:before{border-color:var(--mc-cyan);}

/* TREATMENT NAV */
.mc-treatment-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:58px;background:var(--mc-line);}
.mc-treatment-nav a{min-height:220px;padding:28px;background:#fff;transition:.25s ease;}
.mc-treatment-nav a:hover{position:relative;z-index:1;background:var(--mc-sky);transform:translateY(-6px);}
.mc-treatment-nav b{color:var(--mc-blue);font-size:12px;letter-spacing:.12em;}
.mc-treatment-nav strong{display:block;margin-top:46px;color:var(--mc-navy);font-size:28px;line-height:1.35;letter-spacing:-.05em;}
.mc-treatment-nav span{display:block;margin-top:10px;color:var(--mc-muted);font-size:14px;}
   
/* PROCESS */ 
/* PROCESS  
   단계 개수에 따라 자동으로 폭을 분배합니다.
   5개면 5열, 6개면 6열로 채워지며 항목 추가·삭제 시 별도 클래스 수정이 필요 없습니다.
========================================================= */
.mc-process{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:1px;
  width:100%;
  margin-top:58px;
  background:rgba(255,255,255,.17);
  border:1px solid rgba(255,255,255,.17);
}
.mc-process article{
  position:relative;
  flex:1 1 160px;
  min-width:0;
  min-height:300px;
  padding:30px 26px;
  background:rgba(255,255,255,.055);
}
.mc-process article:not(:last-child):after{content:"";position:absolute;right:-6px;top:50%;width:11px;height:11px;border-top:1px solid var(--mc-cyan);border-right:1px solid var(--mc-cyan);transform:rotate(45deg);}
.mc-process b{color:var(--mc-cyan);font-size:12px;letter-spacing:.12em;}
.mc-process h3{margin:52px 0 13px;color:#fff;font-size:21px;line-height:1.35;letter-spacing:-.05em;}
.mc-process p{margin:0;color:rgba(255,255,255,.66);font-size:15px;}

/* TABLE */
.mc-table-wrap{width:100%;margin-top:50px;overflow-x:auto;border-top:2px solid var(--mc-navy);}
.mc-table{width:100%;min-width:820px;border-collapse:collapse;background:#fff;}
.mc-table th,.mc-table td{padding:18px 16px;border-bottom:1px solid var(--mc-line);border-right:1px solid var(--mc-line);text-align:center;vertical-align:middle;}
.mc-table th:first-child,.mc-table td:first-child{text-align:left;font-weight:800;}
.mc-table thead th{color:#fff;background:var(--mc-navy);font-size:14px;}
.mc-table tbody th{color:var(--mc-navy);background:var(--mc-soft);}
.mc-table td{color:#536478;}

/* WARNING */
.mc-warning{display:grid;grid-template-columns:minmax(280px,.34fr) minmax(0,.66fr);gap:clamp(38px,6vw,96px);margin-top:54px;padding:clamp(40px,5vw,74px);color:#fff;background:linear-gradient(135deg,#471820,#761e2a);}
.mc-warning h3{margin:0;font-size:clamp(30px,3vw,50px);line-height:1.18;letter-spacing:-.065em;}
.mc-warning p{margin:0;color:rgba(255,255,255,.76);}
.mc-warning ul{margin:24px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.2);list-style:none;}
.mc-warning li{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.15);}

/* SELF CHECK */
.mc-selfcheck{display:grid;grid-template-columns:minmax(300px,.35fr) minmax(0,.65fr);gap:clamp(44px,7vw,120px);align-items:start;}
.mc-selfcheck-aside{position:sticky;top:120px;}
.mc-selfcheck-form{border-top:1px solid var(--mc-line);}
.mc-question{padding:28px 0;border-bottom:1px solid var(--mc-line);}
.mc-question strong{display:block;color:var(--mc-navy);font-size:21px;line-height:1.5;}
.mc-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.mc-options label{cursor:pointer;}
.mc-options input{position:absolute;opacity:0;pointer-events:none;}
.mc-options span{display:inline-flex;min-width:74px;height:42px;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--mc-line);border-radius:999px;color:#5a697a;background:#fff;font-size:14px;}
.mc-options input:checked+span{color:#fff;border-color:var(--mc-blue);background:var(--mc-blue);}
.mc-result{display:none;margin-top:30px;padding:34px;color:#fff;background:var(--mc-navy);}
.mc-result.is-show{display:block;}
.mc-result b{display:block;color:var(--mc-cyan);font-size:12px;letter-spacing:.13em;}
.mc-result strong{display:block;margin-top:14px;font-size:30px;}
.mc-result p{margin:12px 0 0;color:rgba(255,255,255,.72);}

/* IMPLANT DIAGRAM */
.mc-implant-diagram{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px;}
.mc-implant-part{position:relative;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#06182e,#0d3d66);}
.mc-implant-part:before{content:"";position:absolute;right:-35px;top:-35px;width:150px;height:150px;border:1px solid rgba(121,200,239,.35);border-radius:50%;}
.mc-implant-part b{position:relative;color:var(--mc-cyan);font-size:12px;letter-spacing:.12em;}
.mc-implant-part h3{position:relative;margin:15px 0 8px;color:#fff;font-size:25px;}
.mc-implant-part p{position:relative;margin:0;color:rgba(255,255,255,.7);}

/* RESPONSIVE */
@media(max-width:1440px){
  .mc-card-grid>.mc-card,
  .mc-card-grid.is-standard>.mc-card,
  .mc-card-grid:is(.is-count-3,.is-count-4,.is-count-5,.is-count-6)>.mc-card{flex-basis:300px;}
  .mc-card-grid.is-compact>.mc-card{flex-basis:180px;}
  .mc-card-grid.is-wide>.mc-card{flex-basis:400px;}
  .mc-treatment-nav{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:1180px){
  :root{--mc-x:6vw;--mc-y:96px;}
  .mc-opening,.mc-selfcheck,.mc-warning{grid-template-columns:1fr;}
  .mc-opening-copy{padding-left:0;border-left:0;}
  .mc-selfcheck-aside{position:relative;top:0;}
  .mc-flow{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mc-flow article:nth-child(2):after{display:none;}
  .mc-row{grid-template-columns:64px minmax(220px,.42fr) minmax(0,.58fr);}
  .mc-split{grid-template-columns:1fr;}
  .mc-split-visual{min-height:520px;}

  .mc-card-grid>.mc-card,
  .mc-card-grid.is-standard>.mc-card,
  .mc-card-grid:is(.is-count-3,.is-count-4,.is-count-5,.is-count-6)>.mc-card{flex-basis:calc(50% - 1px);}
  .mc-card-grid.is-compact>.mc-card{flex-basis:calc(33.333% - 1px);}
  .mc-card-grid.is-wide>.mc-card,
  .mc-card-grid.is-feature>.mc-card{flex-basis:100%;}

  /* 과정 영역은 3열을 기준으로 하되 마지막 줄의 항목이 남은 폭을 균등하게 채웁니다. */
  .mc-process article{flex-basis:calc(33.333% - 1px);}
  .mc-process article:after{display:none!important;}
}
@media(max-width:760px){
  :root{--mc-x:24px;--mc-y:72px;}
  .mc-hero{min-height:700px;}
  .mc-hero-inner{padding-left:24px;padding-right:24px;}
  .mc-hero-index{right:24px;bottom:36px;}
  .mc-hero-index b{font-size:90px;}
  .mc-hero-index span{display:none;}
  .mc-flow,.mc-compare,.mc-treatment-nav,.mc-implant-diagram{grid-template-columns:minmax(0,1fr);}
  .mc-card-grid>.mc-card,
  .mc-card-grid.is-standard>.mc-card,
  .mc-card-grid.is-compact>.mc-card,
  .mc-card-grid.is-wide>.mc-card,
  .mc-card-grid.is-feature>.mc-card,
  .mc-card-grid:is(.is-count-3,.is-count-4,.is-count-5,.is-count-6)>.mc-card{
    flex:1 1 100%;
    min-width:0;
  }
  .mc-flow article:after,.mc-process article:after{display:none!important;}
  .mc-card{min-height:0;}
  .mc-row{grid-template-columns:42px minmax(0,1fr);gap:14px;}
  .mc-row p{grid-column:2;}
  .mc-split-copy{padding:60px 24px;}
  .mc-split-visual{min-height:430px;}
  .mc-process article{flex:1 1 100%;min-height:220px;}
  .mc-warning{padding:34px 24px;}
  .mc-options span{min-width:62px;}
}


/* HERO RESPONSIVE OVERRIDES */
@media(max-width:1180px){
  .mc-hero--about,.mc-hero--medicine,.mc-hero--injection,.mc-hero--hormone,.mc-hero--malleable,.mc-hero--inflatable{grid-template-columns:1fr;}
  .mc-hero--about{grid-template-rows:auto auto auto;}
  .mc-hero-about-copy{padding-right:var(--mc-x);padding-bottom:30px;}
  .mc-hero-about-visual{min-height:500px;}
  .mc-ed-orbit{width:min(74vw,600px);}
  .mc-hero--selfcheck{grid-template-columns:1fr;gap:54px;}
  .mc-selfcheck-preview{margin:0;}
  .mc-treatment-route{grid-template-columns:repeat(3,1fr);}
  .mc-treatment-route a:nth-child(3){border-right:0;}
  .mc-medicine-guide{min-height:580px;padding-left:var(--mc-x);}
  .mc-trimix-visual{min-height:610px;padding:0;}
  .mc-hormone-rhythm{min-height:520px;}
  .mc-malleable-visual{min-height:560px;order:2;}
  .mc-malleable-copy{padding-left:var(--mc-x);}
  .mc-threepiece-visual{margin:0 var(--mc-x) 70px;min-height:600px;}
}
@media(max-width:760px){
  .mc-hero h1{font-size:clamp(44px,14vw,68px);}
  .mc-hero-sub{font-size:21px;}
  .mc-hero-about-copy,.mc-medicine-hero-copy,.mc-injection-hero-copy,.mc-hormone-hero-copy,.mc-malleable-copy,.mc-inflatable-copy{padding:92px 24px 54px;}
  .mc-hero-about-visual{min-height:390px;}
  .mc-ed-orbit{width:86vw;}
  .mc-ed-orbit .node{font-size:8px;padding:6px 8px;}
  .mc-hero-about-meta{grid-template-columns:1fr;margin:0 24px 26px;}
  .mc-hero--selfcheck{padding:92px 24px 64px;}
  .mc-selfcheck-hero-copy{padding-right:0;}
  .mc-selfcheck-preview{padding:28px 22px;}
  .mc-selfcheck-preview>strong{margin:42px 0;font-size:30px;}
  .mc-hero--treatment{padding:92px 24px 38px;}
  .mc-treatment-route{grid-template-columns:1fr;margin-top:50px;}
  .mc-treatment-route a{min-height:104px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16);}
  .mc-treatment-route a:before{top:24px;left:auto;right:12px;}
  .mc-treatment-route strong{margin-top:12px;}
  .mc-medicine-guide{min-height:470px;padding:70px 24px 28px;}
  .drug-timeline{grid-template-columns:repeat(2,1fr);}
  .mc-trimix-visual{min-height:420px;padding:0;}
  .mix-column{min-height:170px;}
  .mix-column:before,.mix-column:after{display:none;}
  .mix-column.c2{transform:none;}
  .mix-result{right:24px;top:44px;}
  .mc-hormone-rhythm{min-height:400px;}
  .mc-hormone-rhythm svg{height:50%;}
  .rhythm-labels{left:24px;right:24px;}
  .mc-malleable-visual{min-height:430px;}
  .device-line{left:12%;right:12%;}
  .mc-threepiece-visual{margin:0 24px 54px;min-height:520px;}
  .mc-threepiece-visual .reservoir{left:7%;top:10%;width:36%;height:27%;}
  .mc-threepiece-visual .cylinder{right:6%;top:11%;width:29%;height:57%;}
  .mc-threepiece-visual .pump{left:24%;bottom:11%;width:31%;height:23%;}
  .threepiece-label{font-size:42px;}
}

/* =========================================================
   CLINIC PHOTO MODULES
   - 현재 이미지는 교체용 임시 비주얼
   - 같은 파일명을 유지하면 PHP 수정 없이 이미지 교체 가능
========================================================= */
.mc-photo-section{padding-top:clamp(72px,6vw,112px);padding-bottom:clamp(72px,6vw,112px);}
.mc-photo-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);min-height:clamp(500px,42vw,720px);background:var(--mc-soft);}
.mc-photo-feature.is-reverse{grid-template-columns:minmax(380px,.88fr) minmax(0,1.12fr);}
.mc-photo-feature.is-reverse .mc-photo-media{order:2;}
.mc-photo-media{position:relative;min-height:500px;overflow:hidden;background:#dce5ec;}
.mc-photo-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(4,17,31,.18));pointer-events:none;}
.mc-photo-media img{width:100%;height:100%;object-fit:cover;object-position:center;}
.mc-photo-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(44px,5vw,88px);background:#f4f8fb;}
.mc-photo-copy .mc-lead{max-width:680px;margin-top:24px;}

.mc-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:54px;}
.mc-photo-pair figure{position:relative;min-height:clamp(440px,38vw,650px);margin:0;overflow:hidden;background:#dce5ec;}
.mc-photo-pair figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(4,17,31,.88));}
.mc-photo-pair img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.mc-photo-pair figure:hover img{transform:scale(1.025);}
.mc-photo-pair figcaption{position:absolute;z-index:2;left:clamp(26px,3vw,48px);right:clamp(26px,3vw,48px);bottom:clamp(24px,3vw,44px);color:#fff;}
.mc-photo-pair figcaption b{display:block;color:var(--mc-cyan);font-size:11px;letter-spacing:.16em;}
.mc-photo-pair figcaption strong{display:block;margin-top:10px;font-size:clamp(25px,2.2vw,38px);line-height:1.2;letter-spacing:-.055em;}
.mc-photo-pair figcaption span{display:block;max-width:580px;margin-top:10px;color:rgba(255,255,255,.72);}

.mc-photo-band{position:relative;width:100%;min-height:clamp(500px,44vw,760px);overflow:hidden;background:#07192d;}
.mc-photo-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.mc-photo-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,27,.9) 0%,rgba(3,14,27,.58) 48%,rgba(3,14,27,.08) 82%),linear-gradient(180deg,transparent 45%,rgba(3,14,27,.42));}
.mc-photo-band-copy{position:absolute;z-index:2;left:var(--mc-x);bottom:clamp(42px,6vw,92px);max-width:760px;color:#fff;}
.mc-photo-band-copy span{display:block;color:var(--mc-cyan);font-size:11px;font-weight:900;letter-spacing:.18em;}
.mc-photo-band-copy strong{display:block;margin-top:16px;font-size:clamp(34px,4vw,64px);line-height:1.12;letter-spacing:-.065em;}
.mc-photo-band-copy p{max-width:680px;margin:20px 0 0;color:rgba(255,255,255,.74);font-size:clamp(16px,1.15vw,20px);line-height:1.8;}

.mc-split-visual.has-photo{background:#07192d;}
.mc-split-visual.has-photo:before{z-index:1;inset:0;width:auto;aspect-ratio:auto;left:0;top:0;border:0;border-radius:0;background:linear-gradient(90deg,rgba(4,17,31,.82),rgba(4,17,31,.34));}
.mc-split-visual.has-photo:after{display:none;}
.mc-split-visual.has-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.mc-split-visual.has-photo .mc-visual-copy{z-index:2;}

@media(max-width:1180px){
  .mc-photo-feature,.mc-photo-feature.is-reverse{grid-template-columns:1fr;}
  .mc-photo-feature.is-reverse .mc-photo-media{order:0;}
  .mc-photo-media{min-height:520px;}
}
@media(max-width:760px){
  .mc-photo-feature{min-height:0;}
  .mc-photo-media{min-height:340px;}
  .mc-photo-copy{padding:44px 24px;}
  .mc-photo-pair{grid-template-columns:1fr;}
  .mc-photo-pair figure{min-height:440px;}
  .mc-photo-band{min-height:560px;}
  .mc-photo-band:after{background:linear-gradient(180deg,rgba(3,14,27,.12) 10%,rgba(3,14,27,.9) 78%);}
  .mc-photo-band-copy{left:24px;right:24px;bottom:38px;}
}

/* =========================================================
   EDITORIAL MEDICAL IMAGE FLOW v2.2
   해양병원 서브페이지처럼 설명 흐름 안에 이미지를 결합
========================================================= */
.mc-editorial-image{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(420px,.84fr);
  min-height:clamp(560px,46vw,820px);
  border-top:0px solid var(--mc-line);
  border-bottom:0px solid var(--mc-line);
  background:#fff;
}
.mc-editorial-image.is-reverse{
  grid-template-columns:minmax(420px,.84fr) minmax(0,1.16fr);
}
.mc-editorial-image.is-reverse .mc-editorial-media{order:2;}
.mc-editorial-image.is-compact{min-height:520px;}
.mc-editorial-media{position:relative;min-height:520px;overflow:hidden;background:#dfe7ed;}
.mc-editorial-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(4,17,31,.18));pointer-events:none;}
.mc-editorial-media img{width:100%;height:100%;object-fit:cover;object-position:center;}
.mc-editorial-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(58px,7vw,126px) var(--mc-x);}
.mc-editorial-copy .mc-lead{max-width:720px;margin-top:26px;}
.mc-image-note{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;margin-top:38px;padding-top:22px;border-top:1px solid var(--mc-line);}
.mc-image-note b{color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-image-note span{color:var(--mc-muted);font-size:14px;line-height:1.7;}

.mc-media-break{position:relative;width:100%;min-height:clamp(520px,46vw,820px);overflow:hidden;background:#07192d;color:#fff;}
.mc-media-break>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.mc-media-break:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,27,.92) 0%,rgba(3,14,27,.67) 48%,rgba(3,14,27,.08) 82%),linear-gradient(180deg,transparent 42%,rgba(3,14,27,.36));}
.mc-media-break.align-right:after{background:linear-gradient(270deg,rgba(3,14,27,.92) 0%,rgba(3,14,27,.67) 48%,rgba(3,14,27,.08) 82%),linear-gradient(180deg,transparent 42%,rgba(3,14,27,.36));}
.mc-media-break-copy{position:absolute;z-index:2;left:var(--mc-x);right:auto;bottom:clamp(46px,6vw,98px);max-width:820px;}
.mc-media-break.align-right .mc-media-break-copy{left:auto;right:var(--mc-x);text-align:left;}
.mc-media-break-copy span{display:block;color:var(--mc-cyan);font-size:11px;font-weight:900;letter-spacing:.18em;}
.mc-media-break-copy strong{display:block;margin-top:17px;font-size:clamp(34px,4.2vw,68px);line-height:1.1;letter-spacing:-.065em;word-break:keep-all;}
.mc-media-break-copy p{max-width:680px;margin:20px 0 0;color:rgba(255,255,255,.74);font-size:clamp(16px,1.12vw,20px);line-height:1.8;}

@media (max-width:1180px){
  .mc-editorial-image,.mc-editorial-image.is-reverse{grid-template-columns:1fr;}
  .mc-editorial-image.is-reverse .mc-editorial-media{order:0;}
  .mc-editorial-media{min-height:520px;}
}
@media (max-width:760px){
  .mc-editorial-image,.mc-editorial-image.is-compact{min-height:0;}
  .mc-editorial-media{min-height:380px;}
  .mc-editorial-copy{padding:58px 24px;}
  .mc-image-note{grid-template-columns:1fr;gap:8px;}
  .mc-media-break{min-height:600px;}
  .mc-media-break-copy,.mc-media-break.align-right .mc-media-break-copy{left:24px;right:24px;bottom:38px;}
  .mc-media-break:after,.mc-media-break.align-right:after{background:linear-gradient(180deg,rgba(3,14,27,.12) 20%,rgba(3,14,27,.92) 78%);}
}


/* =========================================================
   MALE SURGERY CLINIC — page-specific visual system
   - clinic shared CSS stays in this file
   - image files are split by page/section for easy replacement
========================================================= */
.male-surgery-page{background:#fff;}
.mc-male-hero{position:relative;min-height:clamp(650px,52vw,900px);overflow:hidden;color:#fff;background:#06182e;}
.mc-male-hero>.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;}
.mc-male-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,25,.96),rgba(3,13,25,.68) 54%,rgba(3,13,25,.16)),linear-gradient(180deg,transparent 45%,rgba(3,13,25,.52));}
.mc-male-hero-inner{position:relative;z-index:2;display:flex;min-height:inherit;flex-direction:column;justify-content:flex-end;padding:clamp(100px,10vw,180px) 7vw clamp(64px,7vw,110px);}
.mc-male-hero h1{max-width:980px;margin:18px 0 24px;color:#fff;font-size:clamp(44px,5.2vw,86px);line-height:1.03;letter-spacing:-.075em;word-break:keep-all;}
.mc-male-hero h1 span{display:block;margin-bottom:15px;color:var(--mc-cyan);font-size:12px;line-height:1.2;font-weight:900;letter-spacing:.18em;}
.mc-male-hero .mc-hero-sub{max-width:850px;color:#fff;}
.mc-male-hero .mc-hero-desc{max-width:780px;}
.mc-male-hero-index{position:absolute;z-index:2;right:7vw;bottom:clamp(55px,6vw,100px);display:grid;grid-template-columns:repeat(2,minmax(125px,1fr));gap:1px;background:rgba(255,255,255,.25);}
.mc-male-hero-index div{padding:20px 22px;background:rgba(4,17,31,.62);backdrop-filter:blur(8px);}
.mc-male-hero-index b,.mc-male-hero-index span{display:block;}
.mc-male-hero-index b{color:var(--mc-cyan);font-size:11px;letter-spacing:.13em;}
.mc-male-hero-index span{margin-top:7px;color:#fff;font-size:15px;font-weight:800;}

.mc-male-hero--silicone .bg{object-position:center 38%;}
.mc-male-hero--revision:after{background:linear-gradient(110deg,rgba(4,17,31,.98),rgba(9,38,72,.84) 48%,rgba(4,17,31,.24)),linear-gradient(180deg,transparent 52%,rgba(4,17,31,.64));}
.mc-male-hero--curvature .mc-male-hero-inner{justify-content:center;}
.mc-male-hero--curvature .curve-mark{position:absolute;z-index:2;right:6vw;top:50%;width:min(34vw,480px);aspect-ratio:1;border:1px solid rgba(121,200,239,.25);border-radius:50%;transform:translateY(-50%);}
.mc-male-hero--curvature .curve-mark:before{content:"";position:absolute;left:22%;top:17%;width:50%;height:67%;border:12px solid rgba(121,200,239,.85);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(20deg);}
.mc-male-hero--vaseline:after{background:linear-gradient(90deg,rgba(30,5,9,.96),rgba(64,13,23,.72) 55%,rgba(30,5,9,.18)),linear-gradient(180deg,transparent,rgba(30,5,9,.62));}
.mc-male-hero--webbing .bg{object-position:center 35%;}
.mc-male-hero--pubic:after{background:linear-gradient(100deg,rgba(5,21,40,.96),rgba(7,45,73,.72) 58%,rgba(5,21,40,.16));}
.mc-male-hero--testicular .balance-mark{position:absolute;z-index:2;right:9vw;top:47%;display:flex;align-items:center;gap:36px;transform:translateY(-50%);}
.mc-male-hero--testicular .balance-mark i{display:block;width:clamp(95px,10vw,170px);aspect-ratio:1;border:1px solid rgba(121,200,239,.42);border-radius:50%;background:rgba(121,200,239,.08);box-shadow:inset 0 0 50px rgba(121,200,239,.08);}
.mc-male-hero--testicular .balance-mark:after{content:"BALANCE";position:absolute;left:50%;top:50%;color:var(--mc-cyan);font-size:11px;font-weight:900;letter-spacing:.2em;transform:translate(-50%,-50%) rotate(-90deg);}

.mc-diagram-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(340px,1.2fr);min-height:540px;background:#fff;}
.mc-diagram-panel.is-reverse{grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr);}
.mc-diagram-panel.is-reverse .mc-diagram-media{order:2;}
.mc-diagram-media{display:flex;align-items:center;justify-content:center;min-height:540px;padding:clamp(28px,4vw,64px);overflow:hidden;background:#fff;}
.mc-diagram-media img{width:100%;height:100%;object-fit:contain;}
.mc-diagram-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,105px);}
.mc-diagram-copy .mc-lead{margin:22px 0;}
.mc-diagram-caption{margin-top:28px;padding-top:20px;border-top:0px solid var(--mc-line);color:var(--mc-muted);font-size:14px;}

.mc-product-gallery{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:1px;margin-top:54px;background:var(--mc-line);}
.mc-product-main,.mc-product-side{background:#fff;}
.mc-product-main{min-height:540px;padding:32px;}
.mc-product-main img{width:100%;height:100%;object-fit:contain;}
.mc-product-side{display:grid;grid-template-rows:minmax(260px,1fr) auto;}
.mc-product-side img{width:100%;height:100%;object-fit:contain;padding:25px;}
.mc-product-side div{padding:30px;border-top:1px solid var(--mc-line);}
.mc-product-side strong{display:block;color:var(--mc-navy);font-size:24px;}
.mc-product-side p{margin:12px 0 0;color:var(--mc-muted);}

.mc-case-timeline{display:grid;margin-top:54px;border-top:1px solid var(--mc-line);}
.mc-case-timeline article{display:grid;grid-template-columns:110px minmax(230px,.36fr) minmax(0,.64fr);gap:clamp(22px,4vw,65px);padding:30px 0;border-bottom:1px solid var(--mc-line);}
.mc-case-timeline b{color:var(--mc-blue);font-size:12px;letter-spacing:.12em;}
.mc-case-timeline h3{margin:0;color:var(--mc-navy);font-size:clamp(24px,2.2vw,36px);line-height:1.3;letter-spacing:-.05em;}
.mc-case-timeline p{margin:0;color:var(--mc-muted);}

.mc-anatomy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:52px;background:var(--mc-line);border: 1px solid #ddd;}
.mc-anatomy-grid article{padding:clamp(34px,4vw,62px);background:#fff;}
.mc-anatomy-grid b{color:var(--mc-blue);font-size:12px;letter-spacing:.12em;}
.mc-anatomy-grid h3{margin:28px 0 14px;color:var(--mc-navy);font-size:clamp(26px,2.4vw,40px);letter-spacing:-.06em;}
.mc-anatomy-grid p{margin:0;color:var(--mc-muted);}

@media(max-width:1180px){
  .mc-male-hero-index{position:relative;right:auto;bottom:auto;margin:0 6vw 42px;grid-template-columns:repeat(4,minmax(0,1fr));}
  .mc-male-hero--curvature .curve-mark,.mc-male-hero--testicular .balance-mark{opacity:.42;right:2vw;}
  .mc-diagram-panel,.mc-diagram-panel.is-reverse,.mc-product-gallery{grid-template-columns:1fr;}
  .mc-diagram-panel.is-reverse .mc-diagram-media{order:0;}
  .mc-product-main{min-height:460px;}
}
@media(max-width:760px){
  .mc-male-hero{min-height:760px;}
  .mc-male-hero-inner{padding:110px 24px 58px;}
  .mc-male-hero-index{margin:0 24px 28px;grid-template-columns:repeat(2,minmax(0,1fr));}
  .mc-male-hero--curvature .curve-mark{width:78vw;right:-34vw;}
  .mc-male-hero--testicular .balance-mark{right:-40px;gap:16px;}
  .mc-male-hero--testicular .balance-mark i{width:100px;}
  .mc-diagram-media{min-height:340px;padding:22px;}
  .mc-diagram-copy{padding:52px 24px;}
  .mc-product-main{min-height:330px;padding:18px;}
  .mc-case-timeline article{grid-template-columns:52px minmax(0,1fr);gap:15px;}
  .mc-case-timeline p{grid-column:2;}
  .mc-anatomy-grid{grid-template-columns:1fr;}
}

/* =========================================================
   PREMATURE EJACULATION CLINIC
   - 3 pages: about / self-check / treatment
   - images are section-specific and replaceable without PHP edits
========================================================= */
.pe-page{background:#fff;}

/* ABOUT / TREATMENT — full background editorial hero */
.mc-pe-hero{position:relative;width:100%;min-height:clamp(720px,57vw,930px);overflow:hidden;color:#fff;background:#06182e;}
.mc-pe-hero>.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.72;}
.mc-pe-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,25,.96) 0%,rgba(3,13,25,.75) 53%,rgba(3,13,25,.14) 84%),linear-gradient(180deg,transparent 42%,rgba(3,13,25,.62));}
.mc-pe-hero-inner{position:relative;z-index:2;display:flex;min-height:inherit;flex-direction:column;justify-content:center;padding:clamp(110px,10vw,175px) 7vw clamp(120px,10vw,170px);}
.mc-pe-hero .mc-eyebrow{color:var(--mc-cyan);}
.mc-pe-hero h1{max-width:980px;margin:0;color:#fff;font-size:clamp(48px,6vw,96px);line-height:1.03;font-weight:780;letter-spacing:-.075em;word-break:keep-all;}
.mc-pe-hero .mc-hero-sub{color:#fff;}
.mc-pe-hero .mc-hero-desc{color:rgba(255,255,255,.72);}
.mc-pe-hero .mc-btn.line{color:#fff;background:transparent;border-color:rgba(255,255,255,.38);}
.mc-pe-hero--about>.bg{object-position:center 35%;}
.mc-pe-hero--treatment>.bg{object-position:center 42%;}
.mc-pe-hero--treatment:after{background:linear-gradient(95deg,rgba(2,11,21,.97) 0%,rgba(4,25,45,.78) 55%,rgba(2,11,21,.18) 84%),linear-gradient(180deg,transparent 36%,rgba(2,11,21,.74));}

.mc-pe-hero-metrics{position:absolute;z-index:3;left:7vw;right:7vw;bottom:38px;display:flex;flex-wrap:wrap;gap:1px;background:rgba(255,255,255,.24);}
.mc-pe-hero-metrics article{flex:1 1 260px;min-width:0;padding:22px 24px;background:rgba(4,17,31,.66);backdrop-filter:blur(8px);}
.mc-pe-hero-metrics b,.mc-pe-hero-metrics strong,.mc-pe-hero-metrics span{display:block;}
.mc-pe-hero-metrics b{color:var(--mc-cyan);font-size:10px;letter-spacing:.16em;}
.mc-pe-hero-metrics strong{margin-top:8px;color:#fff;font-size:18px;}
.mc-pe-hero-metrics span{margin-top:5px;color:rgba(255,255,255,.62);font-size:13px;}

.mc-pe-treatment-index{position:absolute;z-index:3;right:7vw;bottom:45px;display:grid;grid-template-columns:repeat(4,minmax(118px,1fr));gap:1px;background:rgba(255,255,255,.24);}
.mc-pe-treatment-index div{padding:20px 22px;background:rgba(3,15,28,.68);backdrop-filter:blur(8px);}
.mc-pe-treatment-index b,.mc-pe-treatment-index span{display:block;}
.mc-pe-treatment-index b{color:var(--mc-cyan);font-size:10px;letter-spacing:.14em;}
.mc-pe-treatment-index span{margin-top:7px;color:#fff;font-size:15px;font-weight:800;}

/* SELF-CHECK — photo + content + floating preview */
.mc-pe-selfcheck-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(480px,.96fr);min-height:clamp(720px,57vw,900px);overflow:hidden;background:#eef5f8;}
.mc-pe-selfcheck-photo{position:relative;overflow:hidden;background:#dce6ec;}
.mc-pe-selfcheck-photo:after{content:"";position:absolute;inset:0;}
.mc-pe-selfcheck-photo img{width:100%;height:100%;object-fit:cover;object-position:center;}
.mc-pe-selfcheck-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(90px,8vw,145px) 7vw clamp(120px,10vw,170px) 5vw;}
.mc-pe-selfcheck-copy h1{margin:0;color:var(--mc-navy);font-size:clamp(48px,6vw,92px);line-height:1.03;letter-spacing:-.075em;}
.mc-pe-selfcheck-copy .mc-hero-sub{color:var(--mc-navy);}
.mc-pe-selfcheck-copy .mc-hero-desc{color:var(--mc-muted);}
.mc-pe-selfcheck-preview{position:absolute;z-index:4;right:7vw;bottom:40px;width:min(36vw,520px);padding:24px 28px;border:1px solid rgba(6,24,46,.12);background:rgba(255,255,255,.9);box-shadow:0 22px 70px rgba(8,31,56,.14);backdrop-filter:blur(10px);}
.mc-pe-selfcheck-preview>span{color:var(--mc-blue);font-size:10px;font-weight:900;letter-spacing:.15em;}
.mc-pe-selfcheck-preview>strong{display:block;margin:20px 0;color:var(--mc-navy);font-size:clamp(24px,2.2vw,36px);line-height:1.25;letter-spacing:-.055em;}
.mc-pe-selfcheck-preview>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.mc-pe-selfcheck-preview i{height:10px;border-radius:999px;background:#dfe7ed;}
.mc-pe-selfcheck-preview i.on{background:var(--mc-blue);}
.mc-pe-selfcheck-preview small{display:block;margin-top:20px;padding-top:15px;border-top:1px solid var(--mc-line);color:#8794a1;font-size:9px;font-weight:900;letter-spacing:.15em;}

/* PE-specific small refinements */
.pe-treatment-page .mc-product-main img,.pe-treatment-page .mc-product-side img{object-fit:contain;background:#fff;}
.pe-treatment-page .mc-diagram-media img,.pe-about-page .mc-diagram-media img{object-fit:contain;}
.pe-treatment-page .mc-check-list{margin-top:32px;}

@media(max-width:1180px){
  .mc-pe-hero-inner{padding-left:6vw;padding-right:6vw;}
  .mc-pe-hero-metrics{left:6vw;right:6vw;}
  .mc-pe-treatment-index{position:relative;right:auto;bottom:auto;margin:0 6vw 38px;grid-template-columns:repeat(4,minmax(0,1fr));}
  .mc-pe-selfcheck-hero{grid-template-columns:1fr;}
  .mc-pe-selfcheck-photo{min-height:560px;}
  .mc-pe-selfcheck-photo:after{background:linear-gradient(180deg,transparent 50%,rgba(238,245,248,.95));}
  .mc-pe-selfcheck-copy{padding:68px 6vw 190px;}
  .mc-pe-selfcheck-preview{left:6vw;right:6vw;bottom:34px;width:auto;}
}

@media(max-width:760px){
  .mc-pe-hero{min-height:880px;}
  .mc-pe-hero>.bg{object-position:62% center;}
  .mc-pe-hero:after,.mc-pe-hero--treatment:after{background:linear-gradient(180deg,rgba(3,13,25,.3) 10%,rgba(3,13,25,.96) 70%);}
  .mc-pe-hero-inner{justify-content:flex-end;padding:110px 24px 330px;}
  .mc-pe-hero-metrics{left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:1fr;}
  .mc-pe-hero-metrics article{padding:16px 18px;}
  .mc-pe-treatment-index{margin:0 24px 24px;grid-template-columns:repeat(2,minmax(0,1fr));}
  .mc-pe-treatment-index div{padding:16px;}
  .mc-pe-selfcheck-photo{min-height:430px;}
  .mc-pe-selfcheck-copy{padding:58px 24px 280px;}
  .mc-pe-selfcheck-preview{left:24px;right:24px;bottom:24px;padding:22px;}
  .mc-pe-selfcheck-preview>strong{font-size:26px;}
}

/* =========================================================
   MALE ENLARGEMENT CLINIC
   - penile / glans / lengthening
   - flexible grids: item additions/deletions need no count class
========================================================= */
.enlarge-page{background:#fff;}

.mc-enlarge-hero{position:relative;width:100%;min-height:clamp(760px,59vw,960px);overflow:hidden;color:#fff;background:#06182e;}
.mc-enlarge-hero>.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.76;}
.mc-enlarge-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,25,.96) 0%,rgba(3,13,25,.76) 52%,rgba(3,13,25,.16) 84%),linear-gradient(180deg,transparent 38%,rgba(3,13,25,.68));}
.mc-enlarge-hero-inner{position:relative;z-index:2;display:flex;min-height:inherit;flex-direction:column;justify-content:center;padding:clamp(115px,10vw,180px) 7vw clamp(160px,13vw,220px);}
.mc-enlarge-hero .mc-eyebrow{color:var(--mc-cyan);}
.mc-enlarge-hero h1{max-width:1050px;margin:0;color:#fff;font-size:clamp(48px,6vw,96px);font-weight:780;line-height:1.03;letter-spacing:-.075em;word-break:keep-all;}
.mc-enlarge-hero .mc-hero-sub{color:#fff;}
.mc-enlarge-hero .mc-hero-desc{color:rgba(255,255,255,.73);}
.mc-enlarge-hero .mc-btn.line{color:#fff;background:transparent;border-color:rgba(255,255,255,.4);}
.mc-enlarge-hero--penile>.bg{object-position:center 42%;}
.mc-enlarge-hero--glans>.bg{object-position:center 36%;}
.mc-enlarge-hero--length>.bg{object-position:center 40%;}
.mc-enlarge-hero--glans:after{background:linear-gradient(92deg,rgba(3,13,25,.96),rgba(6,31,55,.76) 54%,rgba(3,13,25,.12) 84%),linear-gradient(180deg,transparent 38%,rgba(3,13,25,.68));}
.mc-enlarge-hero--length:after{background:linear-gradient(92deg,rgba(3,13,25,.96),rgba(7,31,48,.75) 54%,rgba(3,13,25,.15) 84%),linear-gradient(180deg,transparent 38%,rgba(3,13,25,.72));}

.mc-enlarge-hero-index{position:absolute;z-index:3;left:7vw;right:7vw;bottom:38px;display:flex;flex-wrap:wrap;gap:1px;background:rgba(255,255,255,.22);}
.mc-enlarge-hero-index article{flex:1 1 210px;min-width:0;padding:21px 23px;background:rgba(4,17,31,.68);backdrop-filter:blur(8px);}
.mc-enlarge-hero-index b,.mc-enlarge-hero-index strong,.mc-enlarge-hero-index span{display:block;}
.mc-enlarge-hero-index b{color:var(--mc-cyan);font-size:10px;letter-spacing:.16em;}
.mc-enlarge-hero-index strong{margin-top:8px;color:#fff;font-size:18px;}
.mc-enlarge-hero-index span{margin-top:5px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.55;}

.mc-material-strip{display:flex;flex-wrap:wrap;gap:1px;width:100%;margin-top:52px;background:var(--mc-line);}
.mc-material-strip article{flex:1 1 210px;min-width:0;min-height:270px;padding:clamp(30px,3vw,48px);background:#fff;}
.mc-material-strip article.is-navy{color:#fff;background:var(--mc-navy);}
.mc-material-strip b{display:block;color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-material-strip .is-navy b{color:var(--mc-cyan);}
.mc-material-strip h3{margin:42px 0 14px;color:var(--mc-navy);font-size:clamp(23px,2vw,32px);line-height:1.3;letter-spacing:-.055em;}
.mc-material-strip .is-navy h3{color:#fff;}
.mc-material-strip p{margin:0;color:var(--mc-muted);font-size:15px;line-height:1.75;}
.mc-material-strip .is-navy p{color:rgba(255,255,255,.68);}

.mc-method-stack{display:grid;margin-top:54px;border-top:1px solid var(--mc-line);}
.mc-method-stack article{display:grid;grid-template-columns:100px minmax(230px,.32fr) minmax(0,.68fr);gap:clamp(24px,4vw,70px);align-items:start;padding:31px 0;border-bottom:1px solid var(--mc-line);}
.mc-method-stack b{color:var(--mc-blue);font-size:12px;letter-spacing:.14em;}
.mc-method-stack h3{margin:0;color:var(--mc-navy);font-size:clamp(24px,2.2vw,36px);line-height:1.3;letter-spacing:-.055em;}
.mc-method-stack p{margin:0;color:var(--mc-muted);line-height:1.8;}

.mc-enlarge-facts{display:flex;flex-wrap:wrap;gap:1px;margin-top:45px;background:var(--mc-line);}
.mc-enlarge-facts div{flex:1 1 180px;min-width:0;padding:25px 24px;background:#fff;}
.mc-enlarge-facts b{display:block;color:var(--mc-blue);font-size:10px;letter-spacing:.14em;}
.mc-enlarge-facts strong{display:block;margin-top:13px;color:var(--mc-navy);font-size:20px;line-height:1.35;}
.mc-enlarge-facts span{display:block;margin-top:8px;color:var(--mc-muted);font-size:14px;line-height:1.65;}

.mc-enlarge-page-nav{display:flex;flex-wrap:wrap;gap:1px;margin-top:48px;background:var(--mc-line);}
.mc-enlarge-page-nav a{flex:1 1 230px;min-height:170px;padding:28px;background:#fff;transition:.25s ease;}
.mc-enlarge-page-nav a:hover{position:relative;z-index:1;background:var(--mc-sky);transform:translateY(-5px);}
.mc-enlarge-page-nav b{color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-enlarge-page-nav strong{display:block;margin-top:32px;color:var(--mc-navy);font-size:23px;line-height:1.35;letter-spacing:-.05em;}
.mc-enlarge-page-nav span{display:block;margin-top:8px;color:var(--mc-muted);font-size:14px;}

.enlarge-page .mc-diagram-media img{object-fit:contain;}
.enlarge-page .mc-product-main img,.enlarge-page .mc-product-side img{object-fit:contain;background:#f6f9fb;}
.enlarge-page .mc-photo-feature{margin-top:0;}

@media(max-width:1180px){
  .mc-enlarge-hero-inner{padding-left:6vw;padding-right:6vw;}
  .mc-enlarge-hero-index{left:6vw;right:6vw;}
  .mc-method-stack article{grid-template-columns:70px minmax(220px,.4fr) minmax(0,.6fr);gap:28px;}
}

@media(max-width:760px){
  .mc-enlarge-hero{min-height:920px;}
  .mc-enlarge-hero>.bg{object-position:62% center;}
  .mc-enlarge-hero:after,.mc-enlarge-hero--glans:after,.mc-enlarge-hero--length:after{background:linear-gradient(180deg,rgba(3,13,25,.28) 8%,rgba(3,13,25,.97) 69%);}
  .mc-enlarge-hero-inner{justify-content:flex-end;padding:110px 24px 350px;}
  .mc-enlarge-hero-index{left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:1fr;}
  .mc-enlarge-hero-index article{padding:15px 18px;}
  .mc-material-strip article,.mc-enlarge-facts div,.mc-enlarge-page-nav a{flex-basis:100%;}
  .mc-method-stack article{grid-template-columns:45px minmax(0,1fr);gap:14px;}
  .mc-method-stack p{grid-column:2;}
}
 
/* =========================================================
   PENILE ENLARGEMENT — SILICONE PRODUCT GALLERY
   - 메인 제품 이미지는 한 칸 전체 사용
   - 제품별 카드는 이미지 + 설명 구조
   - 다른 페이지의 mc-product-gallery에는 영향 없음
========================================================= */
.penile-enlargement-page .mc-product-gallery{
  display:block;
  width:100%;
  gap:0;
  overflow:hidden;
  border:1px solid var(--mc-line);
  background:#fff;
}
 
.penile-enlargement-page .mc-product-gallery .mc-product-main{
  width:100%;
  min-height:0;
  padding:0;
  background:#f6f9fb;
}

.penile-enlargement-page .mc-product-gallery .mc-product-main img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  background:#f6f9fb;
}
 
.penile-enlargement-page .mc-product-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(22px,1.7vw,32px);
  margin-top:54px;
  padding:0;
  border:0px solid var(--mc-line);
  border-radius:0;
  background:#fff;
}

.penile-enlargement-page .mc-product-card-grid>.mc-product-card{
  width:100%;
  flex-basis:auto;
}

.penile-enlargement-page .mc-product-card{
  display:flex;
  border-radius:0;
  min-height:0;
  flex-direction:column;
  overflow:hidden;
  padding:0;
  border:1px solid var(--mc-line);
  background:#fff;
}

.penile-enlargement-page .mc-product-card .mc-card-image{
  position:relative;
  border-radius:0;
  width:100%;
  margin:0;
  overflow:hidden;
  aspect-ratio:4 / 3;
  border-bottom:1px solid var(--mc-line);
  background:#f5f8fa;
}

.penile-enlargement-page .mc-product-card .mc-card-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.penile-enlargement-page .mc-product-card .mc-card-content{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:28px 28px 34px;
}

.penile-enlargement-page .mc-product-card h3{
  margin:26px 0 13px;
  font-size:clamp(21px,1.55vw,27px);
}

.penile-enlargement-page .mc-product-card p{
  line-height:1.75;
}

@media(max-width:1180px){
  .penile-enlargement-page .mc-product-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    padding:24px;
  }
}

@media(max-width:760px){
  .penile-enlargement-page .mc-product-gallery{
    margin-top:38px;
  }

  .penile-enlargement-page .mc-product-card-grid{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    margin-top:38px;
    padding:14px;
  }

  .penile-enlargement-page .mc-product-card .mc-card-content{
    padding:26px 24px 30px;
  }
}



/* =========================================================
   PENILE ENLARGEMENT — AUTOLOGOUS FAT IMAGE FULL BLEED
   - 자가지방 is-reverse 도식 이미지를 미디어 영역에 꽉 채움
   - 다른 mc-diagram-panel에는 영향 없음
========================================================= */
.penile-enlargement-page .mc-diagram-panel.is-reverse .mc-diagram-media{
  position:relative;
  align-self:stretch;
  min-height:540px;
  padding:0;
  overflow:hidden;
  background:#f6f9fb;
}

.penile-enlargement-page .mc-diagram-panel.is-reverse .mc-diagram-media img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:#f6f9fb;
}

@media(max-width:1180px){
  .penile-enlargement-page .mc-diagram-panel.is-reverse .mc-diagram-media{
    min-height:500px;
  }
}

@media(max-width:760px){
  .penile-enlargement-page .mc-diagram-panel.is-reverse .mc-diagram-media{
    min-height:360px;
  }
}

/* =========================================================
   MALE BODY CLINIC
   - gynecomastia / abdominal liposuction / nipple surgery / abdominal etching
   - actual menu filenames are preserved in PHP links
========================================================= */
.body-page{background:#fff;}

.mc-body-hero{position:relative;width:100%;min-height:clamp(760px,58vw,940px);overflow:hidden;color:#fff;background:#06182e;}
.mc-body-hero>.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.mc-body-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,25,.97) 0%,rgba(3,13,25,.78) 48%,rgba(3,13,25,.13) 82%),linear-gradient(180deg,transparent 38%,rgba(3,13,25,.7));}
.mc-body-hero-inner{position:relative;z-index:2;display:flex;min-height:inherit;flex-direction:column;justify-content:center;padding:clamp(115px,10vw,180px) 7vw clamp(170px,14vw,230px);}
.mc-body-hero .mc-eyebrow{color:var(--mc-cyan);}
.mc-body-hero h1{max-width:1050px;margin:0;color:#fff;font-size:clamp(50px,6.2vw,98px);font-weight:780;line-height:1.02;letter-spacing:-.075em;word-break:keep-all;}
.mc-body-hero .mc-hero-sub{color:#fff;}
.mc-body-hero .mc-hero-desc{color:rgba(255,255,255,.72);}
.mc-body-hero .mc-btn.line{color:#fff;background:transparent;border-color:rgba(255,255,255,.4);}
.mc-body-hero--gyne>.bg{object-position:center 48%;}
.mc-body-hero--lipo>.bg{object-position:center 45%;}
.mc-body-hero--nipple>.bg{object-position:center 45%;}
.mc-body-hero--abs>.bg{object-position:center 46%;}

.mc-body-hero-index{position:absolute;z-index:3;left:7vw;right:7vw;bottom:38px;display:flex;flex-wrap:wrap;gap:1px;background:rgba(255,255,255,.2);}
.mc-body-hero-index article{flex:1 1 210px;min-width:0;padding:21px 23px;background:rgba(4,17,31,.69);backdrop-filter:blur(8px);}
.mc-body-hero-index b,.mc-body-hero-index strong,.mc-body-hero-index span{display:block;}
.mc-body-hero-index b{color:var(--mc-cyan);font-size:10px;letter-spacing:.16em;}
.mc-body-hero-index strong{margin-top:8px;color:#fff;font-size:18px;}
.mc-body-hero-index span{margin-top:5px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.55;}

.mc-body-type-visual{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:clamp(520px,44vw,720px);background:var(--mc-soft);}
.mc-body-type-media{position:relative;min-height:500px;overflow:hidden;background:#eef4f7;}
.mc-body-type-media img{width:100%;height:100%;object-fit:contain;}
.mc-body-type-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(50px,6vw,96px);}
.mc-body-type-copy .mc-lead{max-width:700px;}

.mc-body-map{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:stretch;margin-top:54px;border:1px solid var(--mc-line);background:#fff;}
.mc-body-map-media{min-height:560px;background:#f3f7f9;}
.mc-body-map-media img{width:100%;height:100%;object-fit:contain;}
.mc-body-map-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,5vw,82px);}
.mc-body-map-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px;}
.mc-body-map-list span{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--mc-line);border-radius:999px;color:var(--mc-navy);background:#fff;font-size:14px;font-weight:800;}

.mc-body-principles{display:flex;flex-wrap:wrap;gap:1px;margin-top:52px;background:var(--mc-line);}
.mc-body-principles article{flex:1 1 230px;min-width:0;min-height:260px;padding:clamp(30px,3vw,46px);background:#fff;}
.mc-body-principles article.is-navy{color:#fff;background:var(--mc-navy);}
.mc-body-principles b{display:block;color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-body-principles .is-navy b{color:var(--mc-cyan);}
.mc-body-principles h3{margin:42px 0 14px;color:var(--mc-navy);font-size:clamp(23px,2vw,31px);line-height:1.3;letter-spacing:-.055em;}
.mc-body-principles .is-navy h3{color:#fff;}
.mc-body-principles p{margin:0;color:var(--mc-muted);font-size:15px;line-height:1.75;}
.mc-body-principles .is-navy p{color:rgba(255,255,255,.68);}

.mc-body-incision{display:flex;flex-wrap:wrap;gap:1px;margin-top:52px;background:var(--mc-line);}
.mc-body-incision article{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);flex:1 1 560px;min-width:0;background:#fff;}
.mc-body-incision figure{min-height:360px;margin:0;background:#f5f8fa;}
.mc-body-incision img{width:100%;height:100%;object-fit:contain;}
.mc-body-incision div{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,4vw,60px);}
.mc-body-incision b{color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-body-incision h3{margin:24px 0 14px;color:var(--mc-navy);font-size:clamp(27px,2.7vw,42px);line-height:1.24;letter-spacing:-.06em;}
.mc-body-incision p{margin:0;color:var(--mc-muted);line-height:1.8;}

.mc-body-outcomes{display:flex;flex-wrap:wrap;gap:1px;margin-top:48px;background:rgba(255,255,255,.16);}
.mc-body-outcomes article{flex:1 1 210px;min-width:0;min-height:220px;padding:30px 26px;background:rgba(255,255,255,.055);}
.mc-body-outcomes b{display:block;color:var(--mc-cyan);font-size:11px;letter-spacing:.14em;}
.mc-body-outcomes strong{display:block;margin-top:45px;color:#fff;font-size:22px;line-height:1.35;letter-spacing:-.045em;}
.mc-body-outcomes span{display:block;margin-top:10px;color:rgba(255,255,255,.65);font-size:14px;line-height:1.65;}

.mc-body-page-nav{display:flex;flex-wrap:wrap;gap:1px;margin-top:48px;background:var(--mc-line);}
.mc-body-page-nav a{flex:1 1 220px;min-height:175px;padding:28px;background:#fff;transition:.25s ease;}
.mc-body-page-nav a:hover{position:relative;z-index:1;background:var(--mc-sky);transform:translateY(-5px);}
.mc-body-page-nav b{color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-body-page-nav strong{display:block;margin-top:30px;color:var(--mc-navy);font-size:23px;line-height:1.35;letter-spacing:-.05em;}
.mc-body-page-nav span{display:block;margin-top:8px;color:var(--mc-muted);font-size:14px;line-height:1.55;}

.body-page .mc-diagram-media img,.body-page .mc-product-main img,.body-page .mc-product-side img{object-fit:contain;background:#f5f8fa;}
.body-page .mc-photo-feature{margin-top:0;}

@media(max-width:1180px){
  .mc-body-hero-inner{padding-left:6vw;padding-right:6vw;}
  .mc-body-hero-index{left:6vw;right:6vw;}
  .mc-body-type-visual,.mc-body-map{grid-template-columns:1fr;}
  .mc-body-type-media,.mc-body-map-media{min-height:500px;}
  .mc-body-incision article{grid-template-columns:1fr;}
  .mc-body-incision figure{min-height:420px;}
}

@media(max-width:760px){
  .mc-body-hero{min-height:930px;}
  .mc-body-hero>.bg{object-position:66% center;}
  .mc-body-hero:after{background:linear-gradient(180deg,rgba(3,13,25,.25) 8%,rgba(3,13,25,.98) 69%);}
  .mc-body-hero-inner{justify-content:flex-end;padding:110px 24px 360px;}
  .mc-body-hero-index{left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:1fr;}
  .mc-body-hero-index article{padding:15px 18px;}
  .mc-body-type-media,.mc-body-map-media{min-height:360px;}
  .mc-body-type-copy,.mc-body-map-copy{padding:54px 24px;}
  .mc-body-principles article,.mc-body-outcomes article,.mc-body-page-nav a{flex-basis:100%;}
  .mc-body-incision figure{min-height:320px;}
  .mc-body-incision div{padding:42px 24px;}
}

/* =========================================================
   VASECTOMY / CIRCUMCISION CLINIC
   - laser_circumcision.php / no_scalpel_vasectomy.php
   - actual menu filenames are preserved
========================================================= */
.vc-page{background:#fff;}

.mc-vc-hero{position:relative;width:100%;min-height:clamp(760px,58vw,930px);overflow:hidden;color:#fff;background:#06182e;}
.mc-vc-hero>.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.mc-vc-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,25,.97) 0%,rgba(3,13,25,.78) 49%,rgba(3,13,25,.1) 84%),linear-gradient(180deg,transparent 38%,rgba(3,13,25,.72));}
.mc-vc-hero--circumcision>.bg{object-position:center 43%;}
.mc-vc-hero--vasectomy>.bg{object-position:center 46%;}
.mc-vc-hero-inner{position:relative;z-index:2;display:flex;min-height:inherit;flex-direction:column;justify-content:center;padding:clamp(115px,10vw,180px) 7vw clamp(180px,15vw,245px);}
.mc-vc-hero .mc-eyebrow{color:var(--mc-cyan);}
.mc-vc-hero h1{max-width:1120px;margin:0;color:#fff;font-size:clamp(50px,6.2vw,98px);font-weight:780;line-height:1.02;letter-spacing:-.075em;word-break:keep-all;}
.mc-vc-hero .mc-hero-sub{color:#fff;}
.mc-vc-hero .mc-hero-desc{color:rgba(255,255,255,.72);}
.mc-vc-hero .mc-btn.line{color:#fff;background:transparent;border-color:rgba(255,255,255,.4);}
.mc-vc-hero-index{position:absolute;z-index:3;left:7vw;right:7vw;bottom:38px;display:flex;flex-wrap:wrap;gap:1px;background:rgba(255,255,255,.2);}
.mc-vc-hero-index article{flex:1 1 210px;min-width:0;padding:21px 23px;background:rgba(4,17,31,.69);backdrop-filter:blur(8px);}
.mc-vc-hero-index b,.mc-vc-hero-index strong,.mc-vc-hero-index span{display:block;}
.mc-vc-hero-index b{color:var(--mc-cyan);font-size:10px;letter-spacing:.16em;}
.mc-vc-hero-index strong{margin-top:8px;color:#fff;font-size:18px;}
.mc-vc-hero-index span{margin-top:5px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.55;}

.mc-vc-visual{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:clamp(540px,45vw,740px);background:var(--mc-soft);}
.mc-vc-visual.is-reverse{grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);}
.mc-vc-visual.is-reverse .mc-vc-visual-media{order:2;}
.mc-vc-visual-media{position:relative;min-height:520px;overflow:hidden;background:#eef4f7;}
.mc-vc-visual-media img{width:100%;
  height:100%;
  object-fit:contain;
  background:#f6f9fb;}
.mc-vc-visual-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(52px,6vw,98px);}
.mc-vc-visual-copy .mc-lead{max-width:720px;}

.mc-vc-points{display:flex;flex-wrap:wrap;gap:1px;margin-top:52px;background:var(--mc-line);}
.mc-vc-points article{flex:1 1 230px;min-width:0;min-height:260px;padding:clamp(30px,3vw,46px);background:#fff;}
.mc-vc-points article.is-navy{color:#fff;background:var(--mc-navy);}
.mc-vc-points b{display:block;color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-vc-points .is-navy b{color:var(--mc-cyan);}
.mc-vc-points h3{margin:42px 0 14px;color:var(--mc-navy);font-size:clamp(23px,2vw,31px);line-height:1.3;letter-spacing:-.055em;}
.mc-vc-points .is-navy h3{color:#fff;}
.mc-vc-points p{margin:0;color:var(--mc-muted);font-size:15px;line-height:1.75;}
.mc-vc-points .is-navy p{color:rgba(255,255,255,.68);}

.mc-vc-two-methods{display:flex;flex-direction: column;gap:30px;margin-top:54px;}
.mc-vc-two-methods article{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(300px,1.1fr);flex:1 1 620px;min-width:0;background:#fff;}
.mc-vc-two-methods figure{min-height:390px;margin:0;}
.mc-vc-two-methods img{width:100%;height:100%;object-fit:contain;}
.mc-vc-two-methods div{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,4vw,62px);}
.mc-vc-two-methods b{color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-vc-two-methods h3{margin:24px 0 14px;color:var(--mc-navy);font-size:clamp(27px,2.7vw,42px);line-height:1.24;letter-spacing:-.06em;}
.mc-vc-two-methods p{margin:0;color:var(--mc-muted);line-height:1.8;}

.mc-vc-alert{margin-top:48px;padding:clamp(34px,4vw,58px);border-left:4px solid var(--mc-blue);background:#fff;}
.mc-vc-alert b{display:block;color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-vc-alert strong{display:block;margin-top:18px;color:var(--mc-navy);font-size:clamp(25px,2.6vw,42px);line-height:1.35;letter-spacing:-.06em;}
.mc-vc-alert p{max-width:980px;margin:18px 0 0;color:var(--mc-muted);line-height:1.8;}

.mc-vc-page-nav{display:flex;flex-wrap:wrap;gap:1px;margin-top:48px;background:var(--mc-line);}
.mc-vc-page-nav a{flex:1 1 280px;min-height:180px;padding:30px;background:#fff;transition:.25s ease;}
.mc-vc-page-nav a:hover{position:relative;z-index:1;background:var(--mc-sky);transform:translateY(-5px);}
.mc-vc-page-nav b{color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-vc-page-nav strong{display:block;margin-top:30px;color:var(--mc-navy);font-size:24px;line-height:1.35;letter-spacing:-.05em;}
.mc-vc-page-nav span{display:block;margin-top:8px;color:var(--mc-muted);font-size:14px;line-height:1.55;}

.vc-page .mc-diagram-media img,.vc-page .mc-product-main img,.vc-page .mc-product-side img{object-fit:contain;background:#f5f8fa;}
.vc-page .mc-photo-feature{margin-top:0;}

@media(max-width:1180px){
  .mc-vc-hero-inner{padding-left:6vw;padding-right:6vw;}
  .mc-vc-hero-index{left:6vw;right:6vw;}
  .mc-vc-visual,.mc-vc-visual.is-reverse{grid-template-columns:1fr;}
  .mc-vc-visual.is-reverse .mc-vc-visual-media{order:0;}
  .mc-vc-visual-media{min-height:500px;}
  .mc-vc-two-methods article{grid-template-columns:1fr;}
  .mc-vc-two-methods figure{min-height:420px;}
}

@media(max-width:760px){
  .mc-vc-hero{min-height:940px;}
  .mc-vc-hero>.bg{object-position:66% center;}
  .mc-vc-hero:after{background:linear-gradient(180deg,rgba(3,13,25,.24) 8%,rgba(3,13,25,.98) 69%);}
  .mc-vc-hero-inner{justify-content:flex-end;padding:110px 24px 370px;}
  .mc-vc-hero-index{left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:1fr;}
  .mc-vc-hero-index article{padding:15px 18px;}
  .mc-vc-visual-media{min-height:350px;}
  .mc-vc-visual-copy{padding:54px 24px;}
  .mc-vc-points article,.mc-vc-page-nav a{flex-basis:100%;}
  .mc-vc-two-methods figure{min-height:300px;}
  .mc-vc-two-methods div{padding:42px 24px;}
}

/* =========================================================
   AFTERCARE / SIDE EFFECTS
   - side_effects.php
   - normal recovery / common rules / surgery-specific risks
========================================================= */
.aftercare-page{background:#fff;}
.mc-aftercare-hero{position:relative;min-height:clamp(780px,60vw,960px);overflow:hidden;color:#fff;background:#06182e;}
.mc-aftercare-hero>.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;}
.mc-aftercare-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,25,.98) 0%,rgba(3,13,25,.8) 52%,rgba(3,13,25,.14) 86%),linear-gradient(180deg,transparent 38%,rgba(3,13,25,.76));}
.mc-aftercare-hero-inner{position:relative;z-index:2;display:flex;min-height:inherit;flex-direction:column;justify-content:center;padding:clamp(115px,10vw,180px) 7vw clamp(190px,16vw,255px);}
.mc-aftercare-hero .mc-eyebrow{color:var(--mc-cyan);}
.mc-aftercare-hero h1{max-width:1000px;margin:0;color:#fff;font-size:clamp(54px,6.4vw,100px);font-weight:780;line-height:1.02;letter-spacing:-.075em;word-break:keep-all;}
.mc-aftercare-hero .mc-hero-sub{color:#fff;}
.mc-aftercare-hero .mc-hero-desc{color:rgba(255,255,255,.72);}
.mc-aftercare-hero .mc-btn.line{color:#fff;background:transparent;border-color:rgba(255,255,255,.4);}
.mc-aftercare-hero-index{position:absolute;z-index:3;left:7vw;right:7vw;bottom:38px;display:flex;flex-wrap:wrap;gap:1px;background:rgba(255,255,255,.2);}
.mc-aftercare-hero-index article{flex:1 1 230px;min-width:0;padding:22px 24px;background:rgba(4,17,31,.72);backdrop-filter:blur(8px);}
.mc-aftercare-hero-index b,.mc-aftercare-hero-index strong,.mc-aftercare-hero-index span{display:block;}
.mc-aftercare-hero-index b{color:var(--mc-cyan);font-size:10px;letter-spacing:.16em;}
.mc-aftercare-hero-index strong{margin-top:8px;color:#fff;font-size:18px;}
.mc-aftercare-hero-index span{margin-top:6px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.55;}

.mc-recovery-scale{display:flex;flex-wrap:wrap;gap:1px;margin-top:50px;background:var(--mc-line);}
.mc-recovery-scale article{flex:1 1 300px;min-width:0;min-height:260px;padding:34px;background:#fff;border-top:5px solid var(--mc-blue);}
.mc-recovery-scale article.is-check{border-color:#d59421;}
.mc-recovery-scale article.is-contact{color:#fff;background:#781d28;border-color:#ff9b9b;}
.mc-recovery-scale b,.mc-recovery-scale strong,.mc-recovery-scale span{display:block;}
.mc-recovery-scale b{color:var(--mc-blue);font-size:11px;letter-spacing:.15em;}
.mc-recovery-scale .is-check b{color:#ad6c00;}
.mc-recovery-scale .is-contact b{color:#ffd0d0;}
.mc-recovery-scale strong{margin-top:44px;color:var(--mc-navy);font-size:clamp(23px,2vw,31px);line-height:1.35;letter-spacing:-.055em;}
.mc-recovery-scale .is-contact strong{color:#fff;}
.mc-recovery-scale span{margin-top:12px;color:var(--mc-muted);font-size:15px;line-height:1.75;}
.mc-recovery-scale .is-contact span{color:rgba(255,255,255,.74);}

.mc-aftercare-photo,.mc-aftercare-check{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);min-height:600px;background:#f1f6f9;}
.mc-aftercare-photo-media,.mc-aftercare-check-media{position:relative;min-height:580px;overflow:hidden;}
.mc-aftercare-photo-media img,.mc-aftercare-check-media img{width:100%;height:100%;object-fit:cover;}
.mc-aftercare-photo-copy,.mc-aftercare-check-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,6vw,105px);}
.mc-aftercare-check{grid-template-columns:minmax(380px,.88fr) minmax(0,1.12fr);background:#fff;}
.mc-aftercare-check-media{order:2;background:#eef3f7;}
.mc-aftercare-check-media img{object-fit:cover;}

.mc-aftercare-rules{display:flex;flex-wrap:wrap;gap:1px;margin-top:54px;background:var(--mc-line);}
.mc-aftercare-rules article{flex:1 1 340px;min-width:0;min-height:290px;padding:clamp(30px,3vw,48px);background:#fff;}
.mc-aftercare-rules article.is-navy{color:#fff;background:var(--mc-navy);}
.mc-aftercare-rules b{display:block;color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-aftercare-rules .is-navy b{color:var(--mc-cyan);}
.mc-aftercare-rules h3{margin:45px 0 14px;color:var(--mc-navy);font-size:clamp(23px,2vw,31px);line-height:1.35;letter-spacing:-.055em;}
.mc-aftercare-rules .is-navy h3{color:#fff;}
.mc-aftercare-rules p{margin:0;color:var(--mc-muted);font-size:15px;line-height:1.8;}
.mc-aftercare-rules .is-navy p{color:rgba(255,255,255,.68);}

.mc-aftercare-types{display:flex;flex-wrap:wrap;align-items:stretch;gap:1px;margin-top:54px;background:var(--mc-line);}
.mc-aftercare-types article{flex:1 1 340px;min-width:0;min-height:360px;padding:clamp(30px,3vw,46px);background:#fff;}
.mc-aftercare-types b{display:block;color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-aftercare-types h3{margin:40px 0 14px;color:var(--mc-navy);font-size:clamp(24px,2.1vw,33px);line-height:1.35;letter-spacing:-.055em;}
.mc-aftercare-types p{margin:0;color:var(--mc-muted);font-size:15px;line-height:1.75;}
.mc-aftercare-types ul{margin:22px 0 0;padding:17px 0 0;border-top:1px solid var(--mc-line);list-style:none;}
.mc-aftercare-types li{position:relative;padding:7px 0 7px 15px;color:var(--mc-muted);font-size:14px;}
.mc-aftercare-types li:before{content:"";position:absolute;left:0;top:1.05em;width:5px;height:5px;border-radius:50%;background:var(--mc-blue);}

.mc-contact-now{padding:clamp(90px,8vw,145px) 7vw;color:#fff;background:linear-gradient(135deg,#4f111a,#861d2b 58%,#3a0b12);}
.mc-contact-now .mc-eyebrow{color:#ffb8be;}
.mc-contact-now-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:clamp(40px,7vw,130px);align-items:end;}
.mc-contact-now-head .mc-eyebrow{grid-column:1/-1;margin-bottom:0;}
.mc-contact-now h2{margin:0;color:#fff;font-size:clamp(34px,4vw,64px);line-height:1.1;letter-spacing:-.065em;}
.mc-contact-now-head p{margin:0;color:rgba(255,255,255,.72);font-size:clamp(17px,1.1vw,20px);line-height:1.85;}
.mc-contact-now-grid{display:flex;flex-wrap:wrap;gap:1px;margin-top:55px;background:rgba(255,255,255,.2);}
.mc-contact-now-grid article{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;flex:1 1 360px;min-width:0;min-height:150px;padding:28px;background:rgba(44,5,11,.58);}
.mc-contact-now-grid b{color:#ffb8be;font-size:12px;letter-spacing:.12em;}
.mc-contact-now-grid strong{color:#fff;font-size:19px;line-height:1.5;letter-spacing:-.035em;}

@media(max-width:1180px){
  /*
   * 반응형에서는 하단 안내카드를 absolute 상태로 두지 않는다.
   * 카드가 2줄 이상으로 늘어나도 히어로 높이에 포함되어 본문과 겹치지 않는다.
   */
  .mc-aftercare-hero{min-height:0;}
  .mc-aftercare-hero-inner{
    min-height:clamp(680px,78vw,820px);
    justify-content:flex-end;
    padding:120px 6vw 72px;
  }
  .mc-aftercare-hero-index{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin:0 6vw 36px;
  }
  .mc-aftercare-hero-index article{min-width:0;}
  .mc-aftercare-photo,.mc-aftercare-check{grid-template-columns:1fr;}
  .mc-aftercare-check-media{order:0;}
  .mc-aftercare-photo-media,.mc-aftercare-check-media{min-height:500px;}
  .mc-contact-now-head{grid-template-columns:1fr;gap:24px;}
}
@media(max-width:760px){
  .mc-aftercare-hero{min-height:0;}
  .mc-aftercare-hero>.bg{object-position:66% top;}
  .mc-aftercare-hero:after{background:linear-gradient(180deg,rgba(3,13,25,.22) 4%,rgba(3,13,25,.92) 52%,rgba(3,13,25,1) 100%);}
  .mc-aftercare-hero-inner{
    min-height:680px;
    justify-content:flex-end;
    padding:120px 24px 52px;
  }
  .mc-aftercare-hero h1{font-size:clamp(46px,14vw,64px);}
  .mc-aftercare-hero-index{
    grid-template-columns:minmax(0,1fr);
    margin:0 24px 24px;
  }
  .mc-aftercare-hero-index article{padding:15px 18px;}
  .mc-aftercare-photo-media,.mc-aftercare-check-media{min-height:350px;}
  .mc-aftercare-photo-copy,.mc-aftercare-check-copy{padding:54px 24px;}
  .mc-recovery-scale article,.mc-aftercare-rules article,.mc-aftercare-types article,.mc-contact-now-grid article{flex-basis:100%;}
  .mc-contact-now{padding:80px 24px;}
  .mc-contact-now-grid article{grid-template-columns:38px minmax(0,1fr);}
}

/* =========================================================
   UROLOGY CHECK-UP / PROSTATE / STI / ANDROPAUSE / WEDDING
   - prostate_disease.php / rezum.php / urolift.php / progate.php
   - std_checkup.php / male_menopause.php / wedding_checkup.php
========================================================= */
.urology-page{background:#fff;}
.mc-urology-hero{position:relative;min-height:clamp(760px,58vw,930px);overflow:hidden;color:#fff;background:#06182e;}
.mc-urology-hero>.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.mc-urology-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,25,.98) 0%,rgba(3,13,25,.82) 50%,rgba(3,13,25,.16) 87%),linear-gradient(180deg,transparent 36%,rgba(3,13,25,.78));}
.mc-urology-hero--rezum:after,.mc-urology-hero--urolift:after,.mc-urology-hero--progate:after{background:linear-gradient(90deg,rgba(3,13,25,.98) 0%,rgba(3,13,25,.76) 48%,rgba(3,13,25,.12) 88%),linear-gradient(180deg,transparent 34%,rgba(3,13,25,.78));}
.mc-urology-hero-inner{position:relative;z-index:2;display:flex;min-height:inherit;flex-direction:column;justify-content:center;padding:clamp(115px,10vw,180px) 7vw clamp(190px,16vw,255px);}
.mc-urology-hero .mc-eyebrow{color:var(--mc-cyan);}
.mc-urology-hero h1{max-width:1120px;margin:0;color:#fff;font-size:clamp(52px,6.2vw,98px);font-weight:780;line-height:1.02;letter-spacing:-.075em;word-break:keep-all;}
.mc-urology-hero .mc-hero-sub{color:#fff;}
.mc-urology-hero .mc-hero-desc{color:rgba(255,255,255,.72);}
.mc-urology-hero .mc-btn.line{color:#fff;background:transparent;border-color:rgba(255,255,255,.4);}
.mc-urology-hero-index{position:absolute;z-index:3;left:7vw;right:7vw;bottom:38px;display:flex;flex-wrap:wrap;gap:1px;background:rgba(255,255,255,.2);}
.mc-urology-hero-index article{flex:1 1 210px;min-width:0;padding:21px 23px;background:rgba(4,17,31,.7);backdrop-filter:blur(8px);}
.mc-urology-hero-index b,.mc-urology-hero-index strong,.mc-urology-hero-index span{display:block;}
.mc-urology-hero-index b{color:var(--mc-cyan);font-size:10px;letter-spacing:.16em;}
.mc-urology-hero-index strong{margin-top:8px;color:#fff;font-size:18px;}
.mc-urology-hero-index span{margin-top:5px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.55;}

.mc-urology-visual{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);min-height:clamp(560px,46vw,760px);background:var(--mc-soft);}
.mc-urology-visual.is-reverse{grid-template-columns:minmax(370px,.92fr) minmax(0,1.08fr);background:#fff;}
.mc-urology-visual.is-reverse .mc-urology-visual-media{order:2;}
.mc-urology-visual-media{position:relative;min-height:540px;overflow:hidden;background:#edf3f7;}
.mc-urology-visual-media img{width:100%;height:100%;object-fit:cover;}
.mc-urology-visual-media.is-diagram img{object-fit:contain;background:#f6f9fb;}
.mc-urology-visual-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(52px,6vw,98px);}
.mc-urology-visual-copy .mc-lead{max-width:760px;}

.mc-urology-symptoms{display:flex;flex-wrap:wrap;gap:1px;margin-top:50px;background:var(--mc-line);}
.mc-urology-symptoms article{flex:1 1 260px;min-width:0;min-height:235px;padding:30px;background:#fff;}
.mc-urology-symptoms article.is-navy{color:#fff;background:var(--mc-navy);}
.mc-urology-symptoms b{display:block;color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-urology-symptoms .is-navy b{color:var(--mc-cyan);}
.mc-urology-symptoms strong{display:block;margin-top:42px;color:var(--mc-navy);font-size:clamp(22px,2vw,30px);line-height:1.35;letter-spacing:-.05em;}
.mc-urology-symptoms .is-navy strong{color:#fff;}
.mc-urology-symptoms span{display:block;margin-top:10px;color:var(--mc-muted);font-size:15px;line-height:1.72;}
.mc-urology-symptoms .is-navy span{color:rgba(255,255,255,.7);}

.mc-urology-feature-row{display:flex;flex-wrap:wrap;gap:1px;margin-top:52px;background:var(--mc-line);}
.mc-urology-feature-row article{flex:1 1 260px;min-width:0;padding:32px;background:#fff;}
.mc-urology-feature-row b{color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-urology-feature-row h3{margin:34px 0 12px;color:var(--mc-navy);font-size:clamp(22px,2vw,31px);line-height:1.35;letter-spacing:-.055em;}
.mc-urology-feature-row p{margin:0;color:var(--mc-muted);font-size:15px;line-height:1.75;}

.mc-urology-device{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);min-height:600px;background:#f2f7fa;}
.mc-urology-device.is-reverse{grid-template-columns:minmax(380px,.92fr) minmax(0,1.08fr);background:#fff;}
.mc-urology-device.is-reverse .mc-urology-device-media{order:2;}
.mc-urology-device-media{display:grid;place-items:center;min-height:580px;padding:clamp(30px,4vw,60px);background:#eef4f7;}
.mc-urology-device-media img{width:100%;height:100%;max-height:620px;object-fit:contain;}
.mc-urology-device-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,6vw,100px);}

.mc-urology-video{position:relative;display:grid;place-items:center;min-height:clamp(420px,42vw,720px);margin-top:52px;overflow:hidden;background:#03101e;}
.mc-urology-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.56;}
.mc-urology-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,16,30,.1),rgba(3,16,30,.78));}
.mc-urology-video-copy{position:relative;z-index:2;max-width:760px;padding:40px;text-align:center;color:#fff;}
.mc-urology-video-copy b{color:var(--mc-cyan);font-size:11px;letter-spacing:.16em;}
.mc-urology-video-copy strong{display:block;margin-top:20px;font-size:clamp(32px,4vw,62px);line-height:1.14;letter-spacing:-.065em;}
.mc-urology-video-copy span{display:inline-grid;place-items:center;width:74px;height:74px;margin-top:30px;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:22px;}

.mc-urology-page-nav{display:flex;flex-wrap:wrap;gap:1px;margin-top:48px;background:var(--mc-line);}
.mc-urology-page-nav a{flex:1 1 220px;min-height:170px;padding:28px;background:#fff;transition:.25s ease;}
.mc-urology-page-nav a:hover{position:relative;z-index:1;background:var(--mc-sky);transform:translateY(-5px);}
.mc-urology-page-nav b{color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-urology-page-nav strong{display:block;margin-top:28px;color:var(--mc-navy);font-size:22px;line-height:1.35;letter-spacing:-.05em;}
.mc-urology-page-nav span{display:block;margin-top:8px;color:var(--mc-muted);font-size:14px;line-height:1.55;}

.mc-screening-grid{display:flex;flex-wrap:wrap;gap:1px;margin-top:52px;background:var(--mc-line);}
.mc-screening-grid article{flex:1 1 300px;min-width:0;min-height:300px;padding:clamp(30px,3vw,46px);background:#fff;}
.mc-screening-grid b{display:block;color:var(--mc-blue);font-size:11px;letter-spacing:.14em;}
.mc-screening-grid h3{margin:42px 0 14px;color:var(--mc-navy);font-size:clamp(24px,2.1vw,33px);line-height:1.35;letter-spacing:-.055em;}
.mc-screening-grid p{margin:0;color:var(--mc-muted);font-size:15px;line-height:1.8;}

.mc-checkup-package{display:flex;flex-wrap:wrap;gap:1px;margin-top:52px;background:rgba(255,255,255,.16);}
.mc-checkup-package article{flex:1 1 260px;min-width:0;min-height:250px;padding:30px;background:rgba(255,255,255,.055);}
.mc-checkup-package b{display:block;color:var(--mc-cyan);font-size:11px;letter-spacing:.14em;}
.mc-checkup-package h3{margin:42px 0 12px;color:#fff;font-size:clamp(23px,2vw,31px);line-height:1.35;letter-spacing:-.05em;}
.mc-checkup-package p{margin:0;color:rgba(255,255,255,.68);font-size:15px;line-height:1.72;}

.urology-page .mc-diagram-media img,.urology-page .mc-product-main img,.urology-page .mc-product-side img{object-fit:contain;background:#f5f8fa;}
.urology-page .mc-photo-feature{margin-top:0;}

@media(max-width:1180px){
  .mc-urology-hero{min-height:0;}
  .mc-urology-hero-inner{min-height:clamp(680px,78vw,830px);justify-content:flex-end;padding:120px 6vw 72px;}
  .mc-urology-hero-index{position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 6vw 36px;}
  .mc-urology-visual,.mc-urology-visual.is-reverse,.mc-urology-device,.mc-urology-device.is-reverse{grid-template-columns:1fr;}
  .mc-urology-visual.is-reverse .mc-urology-visual-media,.mc-urology-device.is-reverse .mc-urology-device-media{order:0;}
  .mc-urology-visual-media,.mc-urology-device-media{min-height:500px;}
}
@media(max-width:760px){
  .mc-urology-hero{min-height:0;}
  .mc-urology-hero>.bg{object-position:66% top;}
  .mc-urology-hero:after{background:linear-gradient(180deg,rgba(3,13,25,.22) 4%,rgba(3,13,25,.92) 52%,rgba(3,13,25,1) 100%);}
  .mc-urology-hero-inner{min-height:680px;justify-content:flex-end;padding:120px 24px 52px;}
  .mc-urology-hero h1{font-size:clamp(46px,14vw,64px);}
  .mc-urology-hero-index{grid-template-columns:minmax(0,1fr);margin:0 24px 24px;}
  .mc-urology-hero-index article{padding:15px 18px;}
  .mc-urology-visual-media,.mc-urology-device-media{min-height:350px;}
  .mc-urology-visual-copy,.mc-urology-device-copy{padding:54px 24px;}
  .mc-urology-symptoms article,.mc-urology-feature-row article,.mc-urology-page-nav a,.mc-screening-grid article,.mc-checkup-package article{flex-basis:100%;}
  .mc-urology-video-copy{padding:28px 22px;}
}

/* =========================================================
   MANSUP SUBPAGE LAYER ORDER — SAFE FINAL
   menu.css는 수정하지 않고 이 파일에서 레이어만 보정합니다.

   PC header / dropdown : 1000+
   select navigation    : 20
   subpage contents     : 0
   mobile menu          : 기존 menu.css의 110 / 120 유지
========================================================= */

/* 서브페이지 본문은 독립된 낮은 레이어에 한정 */
main.ms-sub-page {
  position: relative;
  z-index: 0;
  isolation: isolate;
}

/* 서브 선택 메뉴는 모든 히어로와 본문보다 위 */
.select-nav-wrapper {
  position: relative;
  z-index: 20 !important;
  overflow: visible !important;
  isolation: auto !important;
}

.select-nav-wrapper .select-nav,
.select-nav-wrapper .select-nav .select {
  overflow: visible !important;
}

.select-nav-wrapper .select-nav .select {
  position: relative;
}

.select-nav-wrapper .select-nav .select.on {
  z-index: 21;
}

.select-nav-wrapper .select-nav .select > ul {
  z-index: 30 !important;
}

/*
   PC에서만 헤더의 stacking context를 선택 메뉴보다 높입니다.
   모바일에서는 menu.css의 #m-lnb-wrapper(110), #btn-menu-m(120)를
   그대로 사용해야 하므로 헤더 z-index를 강제로 높이지 않습니다.
*/
@media screen and (min-width: 1181px) {
  body.sub-page #header-wrap {
    position: fixed;
    z-index: 1000 !important;
    overflow: visible !important;
  }

  body.sub-page #header-wrap #header,
  body.sub-page #header-wrap .lnb-line,
  body.sub-page #header-wrap #lnb,
  body.sub-page #header-wrap #lnb > ul,
  body.sub-page #header-wrap #lnb > ul > li {
    overflow: visible !important;
  }

  body.sub-page #header-wrap #lnb {
    position: relative;
    z-index: 1001;
  }

  body.sub-page #header-wrap #lnb > ul > li > ul {
    z-index: 1010 !important;
  }

  body.sub-page #header-wrap #lnb > ul > li > ul ul {
    z-index: 1020 !important;
  }
}

/* 히어로 내부 요소는 각 히어로 안에서만 순서를 유지 */
.mc-urology-hero,
.mc-aftercare-hero,
.mc-enlarge-hero,
.mc-male-hero,
.mc-pe-hero,
.mc-ed-hero,
.mc-body-hero,
.mc-vc-hero {
  position: relative;
  z-index: 0;
  isolation: isolate;
}

/* =========================================================
   SUBPAGE HERO BRIGHTNESS TUNING
   - 서브페이지 메인 비주얼이 지나치게 어둡게 눌리지 않도록 조정
   - 좌측 텍스트 영역의 대비는 유지하고, 우측 이미지 노출을 확대
========================================================= */

/* 공통 이미지 선명도 */
.mc-male-hero > .bg,
.mc-pe-hero > .bg,
.mc-enlarge-hero > .bg,
.mc-body-hero > .bg,
.mc-vc-hero > .bg,
.mc-aftercare-hero > .bg,
.mc-urology-hero > .bg {
  opacity: .9;
  filter: brightness(1.06) saturate(.96);
}

/* 남성수술 */
.mc-male-hero:after {
  background:
    linear-gradient(
      90deg,
      rgba(3,13,25,.88) 0%,
      rgba(3,13,25,.60) 48%,
      rgba(3,13,25,.20) 72%,
      rgba(3,13,25,.04) 100%
    ),
    linear-gradient(
      180deg,
      rgba(3,13,25,.02) 35%,
      rgba(3,13,25,.34) 100%
    );
}

.mc-male-hero--revision:after,
.mc-male-hero--pubic:after {
  background:
    linear-gradient(
      100deg,
      rgba(4,17,31,.88) 0%,
      rgba(9,38,72,.58) 50%,
      rgba(4,17,31,.08) 100%
    ),
    linear-gradient(180deg,transparent 52%,rgba(4,17,31,.38));
}

.mc-male-hero--vaseline:after {
  background:
    linear-gradient(
      90deg,
      rgba(30,5,9,.86) 0%,
      rgba(64,13,23,.56) 52%,
      rgba(30,5,9,.07) 100%
    ),
    linear-gradient(180deg,transparent 52%,rgba(30,5,9,.38));
}

/* 조루 */
.mc-pe-hero:after,
.mc-pe-hero--treatment:after {
  background:
    linear-gradient(
      90deg,
      rgba(3,13,25,.88) 0%,
      rgba(3,13,25,.58) 50%,
      rgba(3,13,25,.16) 74%,
      rgba(3,13,25,.03) 100%
    ),
    linear-gradient(180deg,transparent 45%,rgba(3,13,25,.40));
}

/* 남성확대 */
.mc-enlarge-hero:after,
.mc-enlarge-hero--glans:after,
.mc-enlarge-hero--length:after {
  background:
    linear-gradient(
      92deg,
      rgba(3,13,25,.88) 0%,
      rgba(5,29,51,.59) 50%,
      rgba(3,13,25,.16) 74%,
      rgba(3,13,25,.03) 100%
    ),
    linear-gradient(180deg,transparent 42%,rgba(3,13,25,.42));
}

/* 남성체형 */
.mc-body-hero:after {
  background:
    linear-gradient(
      90deg,
      rgba(3,13,25,.88) 0%,
      rgba(3,13,25,.58) 47%,
      rgba(3,13,25,.14) 74%,
      rgba(3,13,25,.025) 100%
    ),
    linear-gradient(180deg,transparent 42%,rgba(3,13,25,.42));
}

/* 정관·포경 */
.mc-vc-hero:after {
  background:
    linear-gradient(
      90deg,
      rgba(3,13,25,.88) 0%,
      rgba(3,13,25,.58) 48%,
      rgba(3,13,25,.14) 75%,
      rgba(3,13,25,.025) 100%
    ),
    linear-gradient(180deg,transparent 42%,rgba(3,13,25,.42));
}

/* 주의사항·부작용 */
.mc-aftercare-hero:after {
  background:
    linear-gradient(
      90deg,
      rgba(3,13,25,.90) 0%,
      rgba(3,13,25,.62) 50%,
      rgba(3,13,25,.16) 76%,
      rgba(3,13,25,.03) 100%
    ),
    linear-gradient(180deg,transparent 42%,rgba(3,13,25,.46));
}

/* 비뇨의학검진 */
.mc-urology-hero:after,
.mc-urology-hero--rezum:after,
.mc-urology-hero--urolift:after,
.mc-urology-hero--progate:after {
  background:
    linear-gradient(
      90deg,
      rgba(3,13,25,.87) 0%,
      rgba(3,13,25,.56) 48%,
      rgba(3,13,25,.13) 74%,
      rgba(3,13,25,.02) 100%
    ),
    linear-gradient(180deg,transparent 42%,rgba(3,13,25,.40));
}

/* 웨딩검진은 다른 비뇨의학 페이지보다 한 단계 더 밝게 */
.mc-urology-hero--wedding:after {
  background:
    linear-gradient(
      90deg,
      rgba(3,13,25,.80) 0%,
      rgba(3,13,25,.45) 46%,
      rgba(3,13,25,.08) 72%,
      rgba(3,13,25,0) 100%
    ),
    linear-gradient(180deg,transparent 48%,rgba(3,13,25,.30));
}

.mc-male-hero h1,
.mc-pe-hero h1,
.mc-enlarge-hero h1,
.mc-body-hero h1,
.mc-vc-hero h1,
.mc-aftercare-hero h1,
.mc-urology-hero h1,
.mc-male-hero .mc-hero-sub,
.mc-pe-hero .mc-hero-sub,
.mc-enlarge-hero .mc-hero-sub,
.mc-body-hero .mc-hero-sub,
.mc-vc-hero .mc-hero-sub,
.mc-aftercare-hero .mc-hero-sub,
.mc-urology-hero .mc-hero-sub {
  text-shadow: 0 3px 24px rgba(1,10,20,.22);
}

/* 모바일은 텍스트가 이미지 위에 겹치므로 기존보다 어둡게 유지하되 과도한 암부는 완화 */
@media(max-width:760px) {
  .mc-male-hero:after,
  .mc-pe-hero:after,
  .mc-pe-hero--treatment:after,
  .mc-enlarge-hero:after,
  .mc-enlarge-hero--glans:after,
  .mc-enlarge-hero--length:after,
  .mc-body-hero:after,
  .mc-vc-hero:after,
  .mc-aftercare-hero:after,
  .mc-urology-hero:after,
  .mc-urology-hero--rezum:after,
  .mc-urology-hero--urolift:after,
  .mc-urology-hero--progate:after,
  .mc-urology-hero--wedding:after {
    background:
      linear-gradient(
        180deg,
        rgba(3,13,25,.10) 0%,
        rgba(3,13,25,.26) 34%,
        rgba(3,13,25,.80) 66%,
        rgba(3,13,25,.96) 100%
      );
  }

  .mc-male-hero > .bg,
  .mc-pe-hero > .bg,
  .mc-enlarge-hero > .bg,
  .mc-body-hero > .bg,
  .mc-vc-hero > .bg,
  .mc-aftercare-hero > .bg,
  .mc-urology-hero > .bg {
    opacity: .94;
    filter: brightness(1.04) saturate(.96);
  }
}

/* =========================================================
   MALE MENOPAUSE — diagnosis photo background
   반복된 오전 검사 섹션의 이미지를 장비 이미지형(contain)이 아니라
   배경 비주얼형(cover)으로 표현합니다.
========================================================= */
.male-menopause-page .mc-urology-device-media.is-photo-bg{
  position:relative;
  overflow:hidden;
  padding:0;
  background:#e8f0f5;
}

.male-menopause-page .mc-urology-device-media.is-photo-bg img{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center;
}

.male-menopause-page .mc-urology-device-media.is-photo-bg:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(6,24,46,.04),transparent 48%),
    linear-gradient(180deg,transparent 68%,rgba(6,24,46,.12));
}

@media(max-width:1180px){
  .male-menopause-page .mc-urology-device-media.is-photo-bg{
    min-height:520px;
  }
}

@media(max-width:760px){
  .male-menopause-page .mc-urology-device-media.is-photo-bg{
    min-height:380px;
  }

  .male-menopause-page .mc-urology-device-media.is-photo-bg img{
    object-position:center;
  }
}

/* =========================================================
   PROGATOR — FOUR STEP FLOW
   기존 mc-product-gallery / mc-card 구조를 사용하지 않고
   4단계 이미지와 설명을 같은 위치·비율로 정렬합니다.
========================================================= */
.progate-page .progate-flow-section .mc-lead{
  max-width:920px;
}

.progate-page .mc-progate-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  width:100%;
  margin-top:54px;
  border:1px solid var(--mc-line);
  background:var(--mc-line);
}

.progate-page .mc-progate-step{
  min-width:0;
  background:#fff;
}

.progate-page .mc-progate-step figure{
  position:relative;
  width:100%;
  margin:0;
  overflow:hidden;
  aspect-ratio:4 / 3;
  background:#f5f8fa;
  border-bottom:1px solid var(--mc-line);
}

.progate-page .mc-progate-step figure img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.progate-page .mc-progate-step-copy{
  min-height:250px;
  padding:30px 28px 34px;
}

.progate-page .mc-progate-step .num{
  display:block;
  color:var(--mc-blue);
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
}

.progate-page .mc-progate-step h3{
  margin:28px 0 13px;
  color:var(--mc-navy);
  font-size:clamp(22px,1.8vw,30px);
  line-height:1.3;
  letter-spacing:-.055em;
}

.progate-page .mc-progate-step p{
  margin:0;
  color:var(--mc-muted);
  font-size:15px;
  line-height:1.75;
}

@media(max-width:1180px){
  .progate-page .mc-progate-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .progate-page .mc-progate-step-copy{
    min-height:220px;
  }
}

@media(max-width:760px){
  .progate-page .mc-progate-steps{
    grid-template-columns:minmax(0,1fr);
    margin-top:38px;
  }

  .progate-page .mc-progate-step-copy{
    min-height:0;
    padding:26px 24px 30px;
  }

  .progate-page .mc-progate-step h3{
    margin-top:22px;
  }
}

/* =========================================================
   PROGATOR — principle image as background visual
   원리 설명 이미지를 contain 장비 이미지가 아니라 cover 배경 비주얼로 표시
========================================================= */
.progate-page .mc-urology-device-media.is-photo-bg{
  position:relative;
  overflow:hidden;
  padding:0;
  background:#dfeaf2;
}

.progate-page .mc-urology-device-media.is-photo-bg img{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center;
}

.progate-page .mc-urology-device-media.is-photo-bg:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(6,24,46,.05),transparent 46%),
    linear-gradient(180deg,transparent 70%,rgba(6,24,46,.12));
}

@media(max-width:1180px){
  .progate-page .mc-urology-device-media.is-photo-bg{
    min-height:520px;
  }
}

@media(max-width:760px){
  .progate-page .mc-urology-device-media.is-photo-bg{
    min-height:380px;
  }

  .progate-page .mc-urology-device-media.is-photo-bg img{
    object-position:center;
  }
}

/* =========================================================
   UROLIFT — device image as background visual
   왼쪽 장비 이미지를 카드형 배경 비주얼처럼 사용
========================================================= */
.urolift-page .mc-urology-device-media.is-photo-bg{
  position:relative;
  overflow:hidden;
  padding:0;
  background:#dfeaf2;
}

.urolift-page .mc-urology-device-media.is-photo-bg img{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center;
}

.urolift-page .mc-urology-device-media.is-photo-bg:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(6,24,46,.04),transparent 46%),
    linear-gradient(180deg,transparent 72%,rgba(6,24,46,.10));
}

@media(max-width:1180px){
  .urolift-page .mc-urology-device-media.is-photo-bg{
    min-height:520px;
  }
}

@media(max-width:760px){
  .urolift-page .mc-urology-device-media.is-photo-bg{
    min-height:380px;
  }

  .urolift-page .mc-urology-device-media.is-photo-bg img{
    object-position:center;
  }
}

/* =========================================================
   REZUM — device/evidence images as background visuals
   리줌 페이지에만 적용되며 다른 mc-urology-device에는 영향 없음
========================================================= */
.rezum-page .mc-urology-device-media.is-photo-bg{
  position:relative;
  display:block;
  overflow:hidden;
  min-height:580px;
  padding:0;
  background:#e6eef4;
}

.rezum-page .mc-urology-device-media.is-photo-bg img{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
}

/* 첫 번째 원리 이미지 */
.rezum-page .mc-urology-device-media.is-rezum-device img{
  object-position:center center;
}

/* is-reverse 경과 이미지 */
.rezum-page .mc-urology-device-media.is-rezum-evidence img{
  object-position:center center;
}

.rezum-page .mc-urology-device-media.is-photo-bg:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(6,24,46,.035),transparent 48%),
    linear-gradient(180deg,transparent 72%,rgba(6,24,46,.08));
}

@media(max-width:1180px){
  .rezum-page .mc-urology-device-media.is-photo-bg{
    min-height:500px;
  }
}

@media(max-width:760px){
  .rezum-page .mc-urology-device-media.is-photo-bg{
    min-height:360px;
  }

  .rezum-page .mc-urology-device-media.is-rezum-device img,
  .rezum-page .mc-urology-device-media.is-rezum-evidence img{
    object-position:center;
  }
}


/* =========================================================
   PE ABOUT — IMAGE VISIBILITY / FULL-BLEED TUNING
   - 조루증이란? 페이지에만 적용
   - 민감도 검사 이미지는 왼쪽 미디어 영역을 빈틈없이 채움
   - 치료 방향 이미지는 좌측 비주얼을 살리고 우측 텍스트 대비를 유지
========================================================= */
.pe-about-page .mc-diagram-panel .mc-diagram-media{
  position:relative;
  align-self:stretch;
  min-height:540px;
  padding:0;
  overflow:hidden;
  background:#eef4f7;
}

.pe-about-page .mc-diagram-panel .mc-diagram-media img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:#eef4f7;
}

.pe-about-page .mc-media-break.align-right{
  min-height:clamp(560px,42vw,720px);
  background:#dfeaf2;
}

.pe-about-page .mc-media-break.align-right > img{
  object-position:left center;
  filter:brightness(1.03) saturate(.96) contrast(1.02);
}

.pe-about-page .mc-media-break.align-right:after{
  background:
    linear-gradient(
      270deg,
      rgba(3,14,27,.90) 0%,
      rgba(3,14,27,.72) 30%,
      rgba(3,14,27,.30) 52%,
      rgba(3,14,27,.06) 70%,
      rgba(3,14,27,0) 100%
    );
}

.pe-about-page .mc-media-break.align-right .mc-media-break-copy{
  max-width:min(620px,42vw);
}

@media(max-width:1180px){
  .pe-about-page .mc-diagram-panel .mc-diagram-media{
    min-height:500px;
  }

  .pe-about-page .mc-media-break.align-right{
    min-height:620px;
  }

  .pe-about-page .mc-media-break.align-right .mc-media-break-copy{
    max-width:560px;
  }
}

@media(max-width:760px){
  .pe-about-page .mc-diagram-panel .mc-diagram-media{
    min-height:360px;
  }

  .pe-about-page .mc-diagram-panel .mc-diagram-media img{
    object-position:center;
  }

  .pe-about-page .mc-media-break.align-right{
    min-height:640px;
  }

  .pe-about-page .mc-media-break.align-right > img{
    object-position:center 36%;
  }

  .pe-about-page .mc-media-break.align-right:after{
    background:
      linear-gradient(
        180deg,
        rgba(3,14,27,.04) 0%,
        rgba(3,14,27,.10) 42%,
        rgba(3,14,27,.72) 70%,
        rgba(3,14,27,.96) 100%
      );
  }

  .pe-about-page .mc-media-break.align-right .mc-media-break-copy{
    max-width:none;
  }
}

/* =========================================================
   SILICONE IMPLANT — PRODUCT TYPES SPLIT GRID
   - implant-types 전용: 왼쪽 제품 상세 이미지 / 오른쪽 종류 목록
   - 기존 mc-product-main 제거 후 두 영역의 높이와 기준선을 정렬
========================================================= */
.silicone-page #implant-types .mc-product-gallery{
  grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);
  gap:clamp(24px,2.5vw,44px);
  align-items:stretch;
  margin-top:54px;
  background:transparent;
}

.silicone-page #implant-types .mc-product-side{
  min-width:0;
  min-height:620px;
  overflow:hidden;
  border:1px solid var(--mc-line);
  background:#fff;
}

.silicone-page #implant-types .mc-product-side img{
  min-height:430px;
  padding:clamp(24px,3vw,46px);
  object-fit:contain;
  background:#f6f9fb;
}

.silicone-page #implant-types .mc-product-side div{
  padding:clamp(26px,2.4vw,38px);
}

.silicone-page #implant-types .mc-row-list{
  display:flex;
  min-width:0;
  height:100%;
  margin-top:0;
  flex-direction:column;
  border:1px solid var(--mc-line);
  border-bottom:0;
  background:#fff;
}

.silicone-page #implant-types .mc-row{
  flex:1 1 0;
  grid-template-columns:52px minmax(145px,.38fr) minmax(0,.62fr);
  gap:clamp(18px,2.3vw,38px);
  align-items:center;
  padding:clamp(24px,2.2vw,34px);
}

.silicone-page #implant-types .mc-row h3{
  font-size:clamp(22px,1.8vw,31px);
}

.silicone-page #implant-types .mc-row p{
  line-height:1.75;
}

@media(max-width:1180px){
  .silicone-page #implant-types .mc-product-gallery{
    grid-template-columns:1fr;
  }

  .silicone-page #implant-types .mc-product-side{
    min-height:0;
  }

  .silicone-page #implant-types .mc-product-side img{
    min-height:460px;
  }

  .silicone-page #implant-types .mc-row-list{
    height:auto;
  }
}

@media(max-width:760px){
  .silicone-page #implant-types .mc-product-gallery{
    gap:18px;
    margin-top:38px;
  }

  .silicone-page #implant-types .mc-product-side img{
    min-height:330px;
    padding:20px;
  }

  .silicone-page #implant-types .mc-row{
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    padding:24px 20px;
  }

  .silicone-page #implant-types .mc-row p{
    grid-column:2;
  }
}

/* =========================================================
   COMMUNITY — ADAM SELF CHECK
   - self_diagnosis.php 전용
   - 기존 공통 self-check UI를 재사용하고 이 페이지 범위만 보완
========================================================= */
.community-selfcheck-page .mc-hero--selfcheck{
  min-height:clamp(680px,54vw,860px);
  background:
    radial-gradient(circle at 82% 22%,rgba(121,200,239,.26),transparent 26%),
    linear-gradient(135deg,#f8fbfd 0%,#eef7fc 58%,#dceefa 100%);
}

.community-selfcheck-page .mc-selfcheck-preview{
  max-width:620px;
}

.community-selfcheck-page .mc-selfcheck-preview>strong{
  margin-bottom:34px;
}

.community-selfcheck-page .mc-adam-guide{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:52px;
  border:1px solid var(--mc-line);
  background:var(--mc-line);
}

.community-selfcheck-page .mc-adam-guide article{
  min-height:230px;
  padding:30px;
  background:#fff;
}

.community-selfcheck-page .mc-adam-guide b{
  display:block;
  color:var(--mc-blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}

.community-selfcheck-page .mc-adam-guide strong{
  display:block;
  margin-top:38px;
  color:var(--mc-navy);
  font-size:clamp(22px,2vw,31px);
  line-height:1.35;
  letter-spacing:-.055em;
}

.community-selfcheck-page .mc-adam-guide span{
  display:block;
  margin-top:11px;
  color:var(--mc-muted);
  font-size:15px;
  line-height:1.75;
}

.community-selfcheck-page .mc-adam-question{
  position:relative;
}

.community-selfcheck-page .mc-adam-question.is-key{
  margin-left:-22px;
  margin-right:-22px;
  padding-left:22px;
  padding-right:22px;
  background:linear-gradient(90deg,rgba(8,120,190,.06),rgba(8,120,190,.015));
  border-left:3px solid var(--mc-blue);
}

.community-selfcheck-page .mc-adam-question.is-key strong{
  padding-right:90px;
}

.community-selfcheck-page .mc-adam-key{
  position:absolute;
  right:22px;
  top:30px;
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:0 10px;
  border:1px solid rgba(8,120,190,.2);
  color:var(--mc-blue);
  background:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.community-selfcheck-page .mc-adam-question .mc-options span{
  min-width:96px;
}

.community-selfcheck-page .mc-adam-rule{
  margin-top:28px;
  padding:25px 28px;
  border-left:3px solid var(--mc-blue);
  background:var(--mc-sky);
}

.community-selfcheck-page .mc-adam-rule b{
  display:block;
  color:var(--mc-blue);
  font-size:11px;
  letter-spacing:.13em;
}

.community-selfcheck-page .mc-adam-rule p{
  margin:10px 0 0;
  color:var(--mc-muted);
  line-height:1.75;
}

.community-selfcheck-page .mc-result{
  padding:clamp(34px,4vw,56px);
}

.community-selfcheck-page .mc-result.is-positive{
  background:linear-gradient(135deg,#06182e,#0b3f69);
}

.community-selfcheck-page .mc-result.is-negative{
  background:linear-gradient(135deg,#15364b,#245d73);
}

.community-selfcheck-page .mc-result-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}

.community-selfcheck-page .mc-result-meta span{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.2);
  color:rgba(255,255,255,.76);
  font-size:12px;
  font-weight:800;
}

.community-selfcheck-page .mc-selfcheck-medical-note{
  margin-top:36px;
  padding:28px 30px;
  color:#fff;
  background:linear-gradient(135deg,#5f1d27,#862b36);
}

.community-selfcheck-page .mc-selfcheck-medical-note strong{
  display:block;
  font-size:clamp(23px,2vw,31px);
  line-height:1.4;
  letter-spacing:-.045em;
}

.community-selfcheck-page .mc-selfcheck-medical-note p{
  margin:12px 0 0;
  color:rgba(255,255,255,.76);
  line-height:1.8;
}

@media(max-width:1180px){
  .community-selfcheck-page .mc-adam-guide{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .community-selfcheck-page .mc-hero--selfcheck{
    min-height:0;
    padding-top:92px;
  }

  .community-selfcheck-page .mc-adam-guide{
    margin-top:38px;
  }

  .community-selfcheck-page .mc-adam-guide article{
    min-height:0;
    padding:26px 24px;
  }

  .community-selfcheck-page .mc-adam-guide strong{
    margin-top:26px;
  }

  .community-selfcheck-page .mc-adam-question.is-key{
    margin-left:-12px;
    margin-right:-12px;
    padding-left:12px;
    padding-right:12px;
  }

  .community-selfcheck-page .mc-adam-question.is-key strong{
    padding-right:0;
  }

  .community-selfcheck-page .mc-adam-key{
    position:static;
    margin-bottom:12px;
  }

  .community-selfcheck-page .mc-adam-question .mc-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .community-selfcheck-page .mc-adam-question .mc-options label,
  .community-selfcheck-page .mc-adam-question .mc-options span{
    width:100%;
  }

  .community-selfcheck-page .mc-adam-rule,
  .community-selfcheck-page .mc-selfcheck-medical-note{
    padding:24px 22px;
  }
}

/* =========================================================
   COMMUNITY / FOOTER — NONPAY PRICE GUIDE
   - semyeonp.php 전용
   - 해양병원 비급여 페이지의 검색/필터/안내 흐름을 참고하되
     맨즈업 공통 컬러와 직선형 UI에 맞춰 재구성
========================================================= */
.community-nonpay-page{background:#fff;}

.community-nonpay-page .mc-nonpay-intro{
  padding-top:clamp(92px,7vw,132px);
  padding-bottom:0;
  background:linear-gradient(135deg,#f9fbfd 0%,#eef6fb 100%);
}
.community-nonpay-page .mc-nonpay-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  gap:clamp(50px,8vw,150px);
  align-items:end;
}
.community-nonpay-page .mc-nonpay-intro-copy{
  padding-left:clamp(28px,3vw,58px);
  border-left:1px solid var(--mc-line);
}
.community-nonpay-page .mc-nonpay-intro-copy .mc-lead:first-child{margin-top:0;}
.community-nonpay-page .mc-nonpay-intro-copy .mc-lead+.mc-lead{margin-top:14px;}

.community-nonpay-page .mc-nonpay-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:clamp(62px,6vw,100px);
  background:var(--mc-line);
  border-top:1px solid var(--mc-line);
  border-left:1px solid var(--mc-line);
  border-right:1px solid var(--mc-line);
}
.community-nonpay-page .mc-nonpay-summary article{
  min-height:170px;
  padding:30px;
  background:#fff;
}
.community-nonpay-page .mc-nonpay-summary b,
.community-nonpay-page .mc-nonpay-summary strong,
.community-nonpay-page .mc-nonpay-summary span{display:block;}
.community-nonpay-page .mc-nonpay-summary b{
  color:var(--mc-blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.community-nonpay-page .mc-nonpay-summary strong{
  margin-top:31px;
  color:var(--mc-navy);
  font-size:clamp(22px,1.8vw,30px);
  line-height:1.25;
  letter-spacing:-.045em;
}
.community-nonpay-page .mc-nonpay-summary span{
  margin-top:9px;
  color:var(--mc-muted);
  font-size:14px;
  line-height:1.6;
}

.community-nonpay-page .mc-nonpay-search-section{padding-top:clamp(82px,7vw,120px);}
.community-nonpay-page .mc-nonpay-search-box{
  overflow:hidden;
  border:1px solid var(--mc-line);
  background:#fff;
}
.community-nonpay-page .mc-nonpay-search-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,430px);
  gap:clamp(30px,5vw,80px);
  align-items:end;
  padding:clamp(34px,4vw,58px);
  color:#fff;
  background:linear-gradient(135deg,#06182e 0%,#0b3156 100%);
}
.community-nonpay-page .mc-nonpay-search-head>div:first-child>span{
  display:block;
  margin-bottom:14px;
  color:var(--mc-cyan);
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
}
.community-nonpay-page .mc-nonpay-search-head .mc-title{color:#fff;}
.community-nonpay-page .mc-nonpay-search-head p{
  margin:14px 0 0;
  color:rgba(255,255,255,.68);
  font-size:15px;
  line-height:1.75;
}
.community-nonpay-page .mc-nonpay-search-input{position:relative;}
.community-nonpay-page .mc-nonpay-search-input input{
  width:100%;
  height:60px;
  padding:0 64px 0 20px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:0;
  outline:0;
  color:var(--mc-navy);
  background:#fff;
  font-size:15px;
}
.community-nonpay-page .mc-nonpay-search-input input:focus{box-shadow:0 0 0 3px rgba(121,200,239,.22);}
.community-nonpay-page .mc-nonpay-search-input button{
  position:absolute;
  right:0;
  top:0;
  display:grid;
  place-items:center;
  width:60px;
  height:60px;
  padding:0;
  border:0;
  border-radius:0;
  color:#fff;
  background:var(--mc-blue);
  cursor:pointer;
}
.community-nonpay-page .mc-nonpay-search-input svg{width:20px;height:20px;fill:currentColor;}

.community-nonpay-page .mc-nonpay-category{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:28px 30px 0;
}
.community-nonpay-page .mc-nonpay-category button{
  min-height:42px;
  padding:0 16px;
  border:1px solid var(--mc-line);
  border-radius:0;
  color:#566678;
  background:#fff;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition:.22s ease;
}
.community-nonpay-page .mc-nonpay-category button:hover,
.community-nonpay-page .mc-nonpay-category button.is-active{
  color:#fff;
  border-color:var(--mc-blue);
  background:var(--mc-blue);
}

.community-nonpay-page .mc-nonpay-table-meta{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:8px;
  padding:22px 30px 0;
  color:#81909f;
  font-size:12px;
}
.community-nonpay-page .mc-nonpay-table-meta strong{
  color:var(--mc-blue);
  font-size:24px;
  font-weight:800;
}
.community-nonpay-page .mc-nonpay-table-meta em{font-style:normal;letter-spacing:.08em;}

.community-nonpay-page .mc-nonpay-table-wrap{
  padding:16px 30px 34px;
  overflow-x:auto;
}
.community-nonpay-page .mc-nonpay-table{
  width:100%;
  min-width:1050px;
  border-collapse:collapse;
  table-layout:fixed;
  border-top:2px solid var(--mc-navy);
  border-left:1px solid var(--mc-line);
}
.community-nonpay-page .mc-nonpay-table th,
.community-nonpay-page .mc-nonpay-table td{
  padding:18px 16px;
  border-right:1px solid var(--mc-line);
  border-bottom:1px solid var(--mc-line);
  text-align:center;
  vertical-align:middle;
  word-break:keep-all;
}
.community-nonpay-page .mc-nonpay-table thead th{
  color:#fff;
  background:var(--mc-navy);
  font-size:14px;
  font-weight:800;
}
.community-nonpay-page .mc-nonpay-table tbody tr{transition:background .18s ease;}
.community-nonpay-page .mc-nonpay-table tbody tr:hover{background:#f7fbfe;}
.community-nonpay-page .mc-nonpay-table tbody td{
  color:#536478;
  background:transparent;
  font-size:14px;
  line-height:1.6;
}
.community-nonpay-page .mc-nonpay-table tbody td:nth-child(2){color:var(--mc-navy);font-weight:700;}
.community-nonpay-page .mc-nonpay-table tbody td:nth-child(3){text-align:left;color:#26394c;font-weight:700;}
.community-nonpay-page .mc-nonpay-group{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  color:var(--mc-blue);
  border:1px solid rgba(8,120,190,.18);
  background:var(--mc-sky);
  font-size:12px;
  font-weight:900;
}
.community-nonpay-page .mc-nonpay-price{
  color:#d93b46!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:-.02em;
}
.community-nonpay-page .mc-nonpay-dash{color:#aab3bc;}
.community-nonpay-page .mc-nonpay-empty{
  display:none;
  margin-top:18px;
  padding:28px;
  color:var(--mc-muted);
  background:var(--mc-soft);
  text-align:center;
  font-size:15px;
}
.community-nonpay-page .mc-nonpay-empty.is-show{display:block;}

.community-nonpay-page .mc-nonpay-note-list{
  display:grid;
  gap:0;
  margin:0;
  padding:0 30px 34px;
  list-style:none;
}
.community-nonpay-page .mc-nonpay-note-list li{
  position:relative;
  padding:11px 0 11px 18px;
  border-top:1px solid var(--mc-line);
  color:#718091;
  font-size:13px;
  line-height:1.7;
}
.community-nonpay-page .mc-nonpay-note-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:1.25em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--mc-blue);
}

.community-nonpay-page .mc-nonpay-guide-layout{
  display:grid;
  grid-template-columns:minmax(280px,.34fr) minmax(0,.66fr);
  gap:clamp(50px,8vw,140px);
  align-items:start;
}
.community-nonpay-page .mc-nonpay-guide-title{position:sticky;top:130px;}
.community-nonpay-page .mc-nonpay-guide-list{border-top:1px solid var(--mc-line);}
.community-nonpay-page .mc-nonpay-guide-list article{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:clamp(22px,3vw,46px);
  padding:30px 0;
  border-bottom:1px solid var(--mc-line);
}
.community-nonpay-page .mc-nonpay-guide-list b{
  color:var(--mc-blue);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
}
.community-nonpay-page .mc-nonpay-guide-list h3{
  margin:0;
  color:var(--mc-navy);
  font-size:clamp(22px,2vw,31px);
  line-height:1.3;
  letter-spacing:-.055em;
}
.community-nonpay-page .mc-nonpay-guide-list p{
  margin:10px 0 0;
  color:var(--mc-muted);
  line-height:1.8;
}

@media(max-width:1180px){
  .community-nonpay-page .mc-nonpay-intro-grid,
  .community-nonpay-page .mc-nonpay-search-head,
  .community-nonpay-page .mc-nonpay-guide-layout{grid-template-columns:1fr;}
  .community-nonpay-page .mc-nonpay-intro-copy{padding-left:0;border-left:0;}
  .community-nonpay-page .mc-nonpay-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
  .community-nonpay-page .mc-nonpay-guide-title{position:relative;top:auto;}
}

@media(max-width:760px){
  .community-nonpay-page .mc-nonpay-intro{padding-top:72px;}
  .community-nonpay-page .mc-nonpay-summary{grid-template-columns:1fr;margin-top:48px;}
  .community-nonpay-page .mc-nonpay-summary article{min-height:0;padding:24px;}
  .community-nonpay-page .mc-nonpay-summary strong{margin-top:20px;}
  .community-nonpay-page .mc-nonpay-search-head{padding:30px 22px;}
  .community-nonpay-page .mc-nonpay-category{
    /* flex-wrap:nowrap; */
    overflow-x:auto;
    padding:20px 20px 4px;
    scrollbar-width:none;
  }
  .community-nonpay-page .mc-nonpay-category::-webkit-scrollbar{display:none;}
  .community-nonpay-page .mc-nonpay-category button{flex:0 0 auto;}
  .community-nonpay-page .mc-nonpay-table-meta{padding:20px 20px 0;}
  .community-nonpay-page .mc-nonpay-table-wrap{padding:14px 20px 26px;}
  .community-nonpay-page .mc-nonpay-note-list{padding:0 20px 26px;}
  .community-nonpay-page .mc-nonpay-guide-list article{grid-template-columns:45px minmax(0,1fr);gap:14px;}
}


/* =========================================================
   PENILE IMPLANT — MP4 VIDEO SECTION
   - ed_malleable_implant.php / ed_inflatable_implant.php
   - /theme/mansup/video/*.mp4 경로 기준
   - 비디오 원본 비율을 유지하고 잘리지 않도록 contain 처리
========================================================= */
.ed-malleable-page .mc-implant-video-section,
.ed-inflatable-page .mc-implant-video-section{
  overflow:hidden;
}

.ed-malleable-page .mc-implant-video-head,
.ed-inflatable-page .mc-implant-video-head{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(380px,.58fr);
  gap:clamp(42px,7vw,120px);
  align-items:end;
  margin-bottom:clamp(38px,4vw,58px);
}

.ed-malleable-page .mc-implant-video-head .mc-lead,
.ed-inflatable-page .mc-implant-video-head .mc-lead{
  max-width:none;
  margin-top:0;
}

.ed-malleable-page .mc-implant-video-frame,
.ed-inflatable-page .mc-implant-video-frame{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border:1px solid rgba(8,31,56,.14);
  background:linear-gradient(145deg,#03101e,#0b274a);
  box-shadow:0 26px 70px rgba(6,24,46,.12);
}

.ed-malleable-page .mc-implant-video-frame video,
.ed-inflatable-page .mc-implant-video-frame video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#03101e;
}

.ed-malleable-page .mc-implant-video-note,
.ed-inflatable-page .mc-implant-video-note{
  margin:16px 0 0;
  color:#7b8997;
  font-size:13px;
  line-height:1.7;
}

@media(max-width:1180px){
  .ed-malleable-page .mc-implant-video-head,
  .ed-inflatable-page .mc-implant-video-head{
    grid-template-columns:1fr;
    gap:24px;
  }
}

@media(max-width:760px){
  .ed-malleable-page .mc-implant-video-frame,
  .ed-inflatable-page .mc-implant-video-frame{
    aspect-ratio:16 / 9;
    width:calc(100% + 48px);
    margin-left:-24px;
    border-left:0;
    border-right:0;
  }

  .ed-malleable-page .mc-implant-video-note,
  .ed-inflatable-page .mc-implant-video-note{
    font-size:12px;
  }
}

/* =========================================================
   PENILE IMPLANT — FULL BACKGROUND HERO
   - 굴곡형 / 팽창형 히어로 이미지를 분할 패널이 아닌 전체 배경으로 사용
   - 굴곡형 / 팽창형 모두 좌측 카피 배치
   - 기존 MP4 영상 영역에는 영향 없음
========================================================= */
.ed-malleable-page .mc-hero--malleable,
.ed-inflatable-page .mc-hero--inflatable{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:clamp(720px,56vw,920px);
  padding:0;
  overflow:hidden;
  background-color:#06182e;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  color:#fff;
}

.ed-malleable-page .mc-hero--malleable:before,
.ed-inflatable-page .mc-hero--inflatable:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}

/* 굴곡형도 팽창형처럼 좌측 카피가 올라가므로 좌측에 명암을 확보 */
.ed-malleable-page .mc-hero--malleable:before{
  background:
    linear-gradient(90deg,
      rgba(2,13,24,.94) 0%,
      rgba(2,13,24,.82) 34%,
      rgba(2,13,24,.42) 58%,
      rgba(2,13,24,.08) 82%,
      rgba(2,13,24,.03) 100%),
    linear-gradient(180deg,rgba(2,13,24,.04) 42%,rgba(2,13,24,.34) 100%);
}

/* 팽창형은 카피가 좌측이므로 좌측에 명암을 확보 */
.ed-inflatable-page .mc-hero--inflatable:before{
  background:
    linear-gradient(90deg,
      rgba(2,13,24,.94) 0%,
      rgba(2,13,24,.82) 34%,
      rgba(2,13,24,.42) 58%,
      rgba(2,13,24,.08) 82%,
      rgba(2,13,24,.03) 100%),
    linear-gradient(180deg,rgba(2,13,24,.04) 42%,rgba(2,13,24,.34) 100%);
}

.ed-malleable-page .mc-hero--malleable .mc-malleable-copy,
.ed-inflatable-page .mc-hero--inflatable .mc-inflatable-copy{
  position:relative;
  z-index:2;
  width:min(48%,820px);
  padding-top:clamp(110px,9vw,165px);
  padding-bottom:clamp(90px,8vw,145px);
}

.ed-malleable-page .mc-hero--malleable .mc-malleable-copy{
  margin-right:auto;
  padding-left:var(--mc-x);
  padding-right:clamp(42px,5vw,88px);
}

.ed-inflatable-page .mc-hero--inflatable .mc-inflatable-copy{
  margin-right:auto;
  padding-left:var(--mc-x);
  padding-right:clamp(42px,5vw,88px);
}

.ed-malleable-page .mc-hero--malleable .mc-eyebrow,
.ed-malleable-page .mc-hero--malleable h1 span,
.ed-inflatable-page .mc-hero--inflatable .mc-eyebrow,
.ed-inflatable-page .mc-hero--inflatable h1 span{
  color:var(--mc-cyan);
}

.ed-malleable-page .mc-hero--malleable h1,
.ed-malleable-page .mc-hero--malleable .mc-hero-sub,
.ed-inflatable-page .mc-hero--inflatable h1,
.ed-inflatable-page .mc-hero--inflatable .mc-hero-sub{
  color:#fff;
  text-shadow:0 3px 24px rgba(1,10,20,.22);
}

.ed-malleable-page .mc-hero--malleable .mc-hero-desc,
.ed-inflatable-page .mc-hero--inflatable .mc-hero-desc{
  color:rgba(255,255,255,.74);
}

@media(max-width:1180px){
  .ed-malleable-page .mc-hero--malleable,
  .ed-inflatable-page .mc-hero--inflatable{
    min-height:760px;
  }

  .ed-malleable-page .mc-hero--malleable .mc-malleable-copy,
  .ed-inflatable-page .mc-hero--inflatable .mc-inflatable-copy{
    width:min(62%,760px);
    padding-top:120px;
    padding-bottom:90px;
  }

  .ed-malleable-page .mc-hero--malleable .mc-malleable-copy{
    padding-left:6vw;
    padding-right:52px;
  }

  .ed-inflatable-page .mc-hero--inflatable .mc-inflatable-copy{
    padding-left:6vw;
    padding-right:52px;
  }
}

@media(max-width:760px){
  .ed-malleable-page .mc-hero--malleable,
  .ed-inflatable-page .mc-hero--inflatable{
    align-items:flex-end;
    min-height:720px;
    background-position:center top;
  }

  .ed-malleable-page .mc-hero--malleable:before,
  .ed-inflatable-page .mc-hero--inflatable:before{
    background:
      linear-gradient(180deg,
        rgba(2,13,24,.06) 0%,
        rgba(2,13,24,.18) 34%,
        rgba(2,13,24,.74) 66%,
        rgba(2,13,24,.96) 100%);
  }
 
  .ed-malleable-page .mc-hero--malleable .mc-malleable-copy,
  .ed-inflatable-page .mc-hero--inflatable .mc-inflatable-copy{
    width:100%;
    margin:0;
    padding:120px 24px 64px;
  }
}

/* =========================================================
   REZUM — MP4 PROCEDURE VIDEO
   - rezum.php 전용
   - 치료 원리 5단계 바로 아래 영상 영역
   - /theme/mansup/img/video/rezum.mp4
========================================================= */
.rezum-page .mc-rezum-video-block{
  margin-top:clamp(52px,5vw,76px);
}

.rezum-page .mc-rezum-video-head{
  display:flex;
  flex-direction: column;
  gap:30px;
  align-items:start;
  margin-bottom:24px;
}

.rezum-page .mc-rezum-video-head .mc-eyebrow{
  margin-bottom:0;
}

.rezum-page .mc-rezum-video-head h3{
  margin:0;
  color:var(--mc-navy);
  font-size:clamp(28px,3vw,48px);
  line-height:1.18;
  letter-spacing:-.055em;
  word-break:keep-all;
}

.rezum-page .mc-urology-video.is-mp4{
  display:block;
  min-height:0;
  margin-top:0;
  aspect-ratio:16 / 9;
  background:#03101e;
  border:1px solid rgba(8,31,56,.14);
  box-shadow:0 26px 70px rgba(6,24,46,.12);
}

.rezum-page .mc-urology-video.is-mp4:after{
  display:none;
}

.rezum-page .mc-urology-video.is-mp4 video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#03101e;
}

.rezum-page .mc-rezum-video-note{
  margin:16px 0 0;
  color:#7b8997;
  font-size:13px;
  line-height:1.7;
}

@media(max-width:760px){
  .rezum-page .mc-rezum-video-head{
    grid-template-columns:1fr;
    gap:12px;
  }

  .rezum-page .mc-urology-video.is-mp4{
    width:calc(100% + 48px);
    margin-left:-24px;
    border-left:0;
    border-right:0;
  }

  .rezum-page .mc-rezum-video-note{
    font-size:12px;
  }
}

/* =========================================================
   PROGATOR — MP4 PROCEDURE VIDEO
   - progate.php 전용
   - 치료 흐름 4단계 바로 아래 영상 영역
   - /theme/mansup/img/video/progate.mp4
========================================================= */
.progate-page .mc-progate-video-block{
  margin-top:clamp(52px,5vw,76px);
}

.progate-page .mc-progate-video-head{
  display:flex;
  flex-direction:column;
  gap:30px;
  align-items:flex-start;
  margin-bottom:24px;
}

.progate-page .mc-progate-video-head .mc-eyebrow{
  margin-bottom:0;
}

.progate-page .mc-progate-video-head h3{
  margin:0;
  color:var(--mc-navy);
  font-size:clamp(28px,3vw,48px);
  line-height:1.18;
  letter-spacing:-.055em;
  word-break:keep-all;
}

.progate-page .mc-urology-video.is-mp4{
  display:block;
  min-height:0;
  margin-top:0;
  aspect-ratio:16 / 9;
  background:#03101e;
  border:1px solid rgba(8,31,56,.14);
  box-shadow:0 26px 70px rgba(6,24,46,.12);
}

.progate-page .mc-urology-video.is-mp4:after{
  display:none;
}

.progate-page .mc-urology-video.is-mp4 video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#03101e;
}

.progate-page .mc-progate-video-note{
  margin:16px 0 0;
  color:#7b8997;
  font-size:13px;
  line-height:1.7;
}

@media(max-width:760px){
  .progate-page .mc-progate-video-head{
    gap:12px;
  }

  .progate-page .mc-urology-video.is-mp4{
    width:calc(100% + 48px);
    margin-left:-24px;
    border-left:0;
    border-right:0;
  }

  .progate-page .mc-progate-video-note{
    font-size:12px;
  }
}

/* =========================================================
   TESTICULAR IMPLANT — PROSTHESIS TYPE CARDS
   - testicular_implant.php / #testicular-types 전용
   - 기존 mc-product-gallery 제거 후 2가지 보형물을 이미지 상단 카드로 구성
   - 다른 mc-anatomy-grid에는 영향 없음
========================================================= */
.testicular-page #testicular-types .mc-anatomy-grid{
  gap:clamp(22px,2vw,34px);
  margin-top:52px;
  background:transparent;
}

.testicular-page #testicular-types .mc-anatomy-grid article{
  display:flex;
  min-width:0;
  padding:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--mc-line);
  background:#fff;
}

.testicular-page #testicular-types .mc-testicular-type-image{
  position:relative;
  width:100%;
  margin:0;
  overflow:hidden;
  aspect-ratio:16 / 9;
  border-bottom:1px solid var(--mc-line);
  background:#f5f8fa;
}

.testicular-page #testicular-types .mc-testicular-type-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.testicular-page #testicular-types .mc-testicular-type-copy{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:clamp(30px,3vw,48px);
}

.testicular-page #testicular-types .mc-testicular-type-copy h3{
  margin:26px 0 14px;
}

.testicular-page #testicular-types .mc-testicular-type-copy p{
  line-height:1.8;
}

@media(max-width:760px){
  .testicular-page #testicular-types .mc-anatomy-grid{
    gap:16px;
    margin-top:38px;
  }

  .testicular-page #testicular-types .mc-testicular-type-image{
    aspect-ratio:4 / 3;
  }

  .testicular-page #testicular-types .mc-testicular-type-copy{
    padding:26px 24px 30px;
  }
}


/* =========================================================
   WIDE HERO — MOBILE IMAGE VISIBILITY
   2026-08-21
   - 모바일에서 "전체 배경형 와이드 히어로"만 이미지가 잘 보이도록 보정
   - 50:50 / grid 분할형 히어로는 수정하지 않음
   - PC / 태블릿(761px 이상)에는 영향 없음
========================================================= */
@media(max-width:760px){

  .mc-male-hero,
  .mc-pe-hero,
  .mc-enlarge-hero,
  .mc-body-hero,
  .mc-vc-hero,
  .mc-aftercare-hero,
  .mc-urology-hero{
    min-height:0;
    padding-top:56.25vw;
    background:#06182e;
  }

  .mc-male-hero > .bg,
  .mc-pe-hero > .bg,
  .mc-enlarge-hero > .bg,
  .mc-body-hero > .bg,
  .mc-vc-hero > .bg,
  .mc-aftercare-hero > .bg,
  .mc-urology-hero > .bg{
    top:0;
    bottom:auto;
    width:100%;
    height:56.25vw;
    object-fit:contain;
    object-position:center center;
    opacity:1;
    filter:brightness(1.03) saturate(.98);
    background:#06182e;
  }

  .mc-male-hero:after,
  .mc-pe-hero:after,
  .mc-pe-hero--treatment:after,
  .mc-enlarge-hero:after,
  .mc-enlarge-hero--glans:after,
  .mc-enlarge-hero--length:after,
  .mc-body-hero:after,
  .mc-vc-hero:after,
  .mc-aftercare-hero:after,
  .mc-urology-hero:after,
  .mc-urology-hero--rezum:after,
  .mc-urology-hero--urolift:after,
  .mc-urology-hero--progate:after,
  .mc-urology-hero--wedding:after{
    top:0;
    bottom:auto;
    height:56.25vw;
    background:
      linear-gradient(
        180deg,
        rgba(3,13,25,0) 0%,
        rgba(3,13,25,.03) 56%,
        rgba(3,13,25,.40) 82%,
        rgba(3,13,25,.92) 100%
      );
  }

  .mc-male-hero-inner,
  .mc-pe-hero-inner,
  .mc-enlarge-hero-inner,
  .mc-body-hero-inner,
  .mc-vc-hero-inner,
  .mc-aftercare-hero-inner,
  .mc-urology-hero-inner{
    min-height:0;
    justify-content:flex-start;
    padding:46px 24px 38px;
  }

  .mc-male-hero-index,
  .mc-pe-hero-metrics,
  .mc-pe-treatment-index,
  .mc-enlarge-hero-index,
  .mc-body-hero-index,
  .mc-vc-hero-index,
  .mc-aftercare-hero-index,
  .mc-urology-hero-index{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:auto;
    margin:0 24px 24px;
  }

  .mc-pe-hero-metrics,
  .mc-enlarge-hero-index,
  .mc-body-hero-index,
  .mc-vc-hero-index,
  .mc-aftercare-hero-index,
  .mc-urology-hero-index{
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }

  .mc-male-hero-index,
  .mc-pe-treatment-index{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .mc-male-hero--silicone > .bg,
  .mc-male-hero--webbing > .bg,
  .mc-pe-hero--about > .bg,
  .mc-pe-hero--treatment > .bg,
  .mc-enlarge-hero--penile > .bg,
  .mc-enlarge-hero--glans > .bg,
  .mc-enlarge-hero--length > .bg,
  .mc-body-hero--gyne > .bg,
  .mc-body-hero--lipo > .bg,
  .mc-body-hero--nipple > .bg,
  .mc-body-hero--abs > .bg,
  .mc-vc-hero--circumcision > .bg,
  .mc-vc-hero--vasectomy > .bg{
    object-position:center center;
  }

  .ed-malleable-page .mc-hero--malleable,
  .ed-inflatable-page .mc-hero--inflatable{
    display:block;
    min-height:0;
    padding-top:56.25vw;
    background-color:#06182e;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center top;
  }

  .ed-malleable-page .mc-hero--malleable:before,
  .ed-inflatable-page .mc-hero--inflatable:before{
    top:0;
    bottom:auto;
    height:56.25vw;
    background:
      linear-gradient(
        180deg,
        rgba(2,13,24,0) 0%,
        rgba(2,13,24,.03) 56%,
        rgba(2,13,24,.40) 82%,
        rgba(2,13,24,.94) 100%
      );
  }

  .ed-malleable-page .mc-hero--malleable .mc-malleable-copy,
  .ed-inflatable-page .mc-hero--inflatable .mc-inflatable-copy{
    width:100%;
    margin:0;
    padding:46px 24px 64px;
  }

  /*
    제외:
    .mc-pe-selfcheck-hero
    .mc-hero--selfcheck
    .mc-hero--medicine
    .mc-hero--injection
    .mc-hero--hormone
    일반 grid형 .mc-hero--malleable / .mc-hero--inflatable
  */
}


/* =========================================================
   WIDE HERO — MOBILE IMAGE HIDE
   2026-08-21 FINAL
   - 모바일에서는 전체 배경형 와이드 히어로 이미지를 숨김
   - 50:50 / grid 분할형 히어로는 영향 없음
   - 텍스트 + 인덱스만 네이비 배경 위에 노출
========================================================= */
@media(max-width:760px){

  /* 전체 배경형 와이드 히어로 */
  .mc-male-hero,
  .mc-pe-hero,
  .mc-enlarge-hero,
  .mc-body-hero,
  .mc-vc-hero,
  .mc-aftercare-hero,
  .mc-urology-hero{
    min-height:0;
    padding-top:0;
    background:
      linear-gradient(135deg,#06182e 0%,#0b274a 62%,#06182e 100%);
  }

  /* 와이드 배경 이미지 완전 숨김 */
  .mc-male-hero > .bg,
  .mc-pe-hero > .bg,
  .mc-enlarge-hero > .bg,
  .mc-body-hero > .bg,
  .mc-vc-hero > .bg,
  .mc-aftercare-hero > .bg,
  .mc-urology-hero > .bg{
    display:none;
  }

  /* 이미지용 오버레이 제거 */
  .mc-male-hero:after,
  .mc-pe-hero:after,
  .mc-pe-hero--treatment:after,
  .mc-enlarge-hero:after,
  .mc-enlarge-hero--glans:after,
  .mc-enlarge-hero--length:after,
  .mc-body-hero:after,
  .mc-vc-hero:after,
  .mc-aftercare-hero:after,
  .mc-urology-hero:after,
  .mc-urology-hero--rezum:after,
  .mc-urology-hero--urolift:after,
  .mc-urology-hero--progate:after,
  .mc-urology-hero--wedding:after{
    display:none;
  }

  /* 텍스트 영역은 자연스러운 높이로 */
  .mc-male-hero-inner,
  .mc-pe-hero-inner,
  .mc-enlarge-hero-inner,
  .mc-body-hero-inner,
  .mc-vc-hero-inner,
  .mc-aftercare-hero-inner,
  .mc-urology-hero-inner{
    min-height:0;
    justify-content:flex-start;
    padding:88px 24px 46px;
  }

  /* 인덱스 / 안내카드는 본문 흐름에 포함 */
  .mc-male-hero-index,
  .mc-pe-hero-metrics,
  .mc-pe-treatment-index,
  .mc-enlarge-hero-index,
  .mc-body-hero-index,
  .mc-vc-hero-index,
  .mc-aftercare-hero-index,
  .mc-urology-hero-index{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:auto;
    margin:0 24px 24px;
  }

  .mc-pe-hero-metrics,
  .mc-enlarge-hero-index,
  .mc-body-hero-index,
  .mc-vc-hero-index,
  .mc-aftercare-hero-index,
  .mc-urology-hero-index{
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }

  .mc-male-hero-index,
  .mc-pe-treatment-index{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  /* 굴곡형 / 팽창형 보형물: background-image 기반 와이드 히어로 */
  .ed-malleable-page .mc-hero--malleable,
  .ed-inflatable-page .mc-hero--inflatable{
    display:block;
    min-height:0;
    padding-top:0;
    background-image:none !important;
    background:
      linear-gradient(135deg,#06182e 0%,#0b274a 62%,#06182e 100%);
  }

  .ed-malleable-page .mc-hero--malleable:before,
  .ed-inflatable-page .mc-hero--inflatable:before{
    display:none;
  }

  .ed-malleable-page .mc-hero--malleable .mc-malleable-copy,
  .ed-inflatable-page .mc-hero--inflatable .mc-inflatable-copy{
    width:100%;
    margin:0;
    padding:88px 24px 58px;
  }

  /*
    아래 분할형 / grid형 히어로는 의도적으로 미수정:
    .mc-pe-selfcheck-hero
    .mc-hero--selfcheck
    .mc-hero--medicine
    .mc-hero--injection
    .mc-hero--hormone
  */
}


/* =========================================================
   MOBILE COMPACT UI — LONG PAGE SCROLL OPTIMIZATION
   2026-08-21
   - PC / tablet layout unchanged
   - 모바일에서 반복 카드·단계·목록 컴포넌트의 불필요한 높이 축소
   - 이미지 / 영상 / 50:50 비주얼 구조는 변경하지 않음
========================================================= */
@media(max-width:760px){

  /* -------------------------------------------------------
     01. SECTION / TYPOGRAPHY — 전체 세로 리듬
     ------------------------------------------------------- */
  :root{
    --mc-y:58px;
  }

  .mc-eyebrow{
    margin-bottom:14px;
  }

  .mc-title{
    line-height:1.12;
  }

  .mc-lead{
    margin-top:18px;
    line-height:1.75;
  }

  .mc-highlight{
    margin-top:26px;
    padding-top:20px;
  }

  .mc-btn-row{
    margin-top:24px;
  }

  /* -------------------------------------------------------
     02. COMMON CARD GRID
     PC의 넉넉한 카드 여백을 모바일에서만 압축
     ------------------------------------------------------- */
  .mc-card-grid{
    margin-top:36px;
  }

  .mc-card{
    min-height:0;
    padding:22px 20px;
  }

  .mc-card h3{
    margin:18px 0 10px;
    font-size:22px;
  }

  .mc-card ul{
    margin-top:12px;
  }

  .mc-card li{
    padding-top:5px;
    padding-bottom:5px;
  }

  /* -------------------------------------------------------
     03. FLOW / PROCESS
     단계형 UI의 가장 큰 세로 낭비 제거
     ------------------------------------------------------- */
  .mc-flow,
  .mc-process{
    margin-top:36px;
  }

  .mc-flow article,
  .mc-process article{
    min-height:0;
    padding:22px 20px;
  }

  .mc-flow h3{
    margin:18px 0 9px;
    font-size:21px;
  }

  .mc-flow p{
    font-size:15px;
    line-height:1.65;
  }

  .mc-process h3{
    margin:18px 0 9px;
    font-size:19px;
  }

  .mc-process p{
    font-size:14px;
    line-height:1.65;
  }

  /* -------------------------------------------------------
     04. ROW / TIMELINE LIST
     ------------------------------------------------------- */
  .mc-row-list,
  .mc-case-timeline,
  .mc-method-stack{
    margin-top:36px;
  }

  .mc-row{
    padding:20px 0;
  }

  .mc-case-timeline article{
    padding:20px 0;
  }

  .mc-method-stack article{
    padding:20px 0;
  }

  /* -------------------------------------------------------
     05. COMPARE / CHECK LIST
     ------------------------------------------------------- */
  .mc-compare{
    margin-top:36px;
  }

  .mc-compare article{
    padding:24px 20px;
  }

  .mc-compare h3{
    margin:12px 0 18px;
  }

  .mc-check-list{
    margin-top:16px;
  }

  .mc-check-list li{
    padding:12px 0 12px 22px;
  }

  .mc-check-list li:before{
    top:20px;
  }

  /* -------------------------------------------------------
     06. TREATMENT NAV
     ------------------------------------------------------- */
  .mc-treatment-nav{
    margin-top:36px;
  }

  .mc-treatment-nav a{
    min-height:0;
    padding:22px 20px;
  }

  .mc-treatment-nav strong{
    margin-top:18px;
    font-size:22px;
  }

  /* -------------------------------------------------------
     07. ANATOMY / IMPLANT TEXT CARDS
     ------------------------------------------------------- */
  .mc-anatomy-grid{
    margin-top:36px;
  }

  .mc-anatomy-grid article{
    padding:24px 20px;
  }

  .mc-anatomy-grid h3{
    margin:18px 0 10px;
  }

  .mc-implant-diagram{
    margin-top:36px;
    gap:1px;
  }

  .mc-implant-part{
    min-height:0;
    padding:22px 20px;
  }

  .mc-implant-part h3{
    margin:16px 0 8px;
    font-size:22px;
  }

  /* -------------------------------------------------------
     08. ENLARGEMENT — 반복 설명 카드
     ------------------------------------------------------- */
  .mc-material-strip,
  .mc-enlarge-facts,
  .mc-enlarge-page-nav{
    margin-top:36px;
  }

  .mc-material-strip article{
    min-height:0;
    padding:22px 20px;
  }

  .mc-material-strip h3{
    margin:18px 0 10px;
  }

  .mc-enlarge-facts div{
    padding:20px;
  }

  .mc-enlarge-page-nav a{
    min-height:0;
    padding:22px 20px;
  }

  .mc-enlarge-page-nav strong{
    margin-top:18px;
    font-size:21px;
  }

  /* -------------------------------------------------------
     09. MALE BODY — principles / outcomes / nav
     ------------------------------------------------------- */
  .mc-body-principles,
  .mc-body-outcomes,
  .mc-body-page-nav{
    margin-top:36px;
  }

  .mc-body-principles article{
    min-height:0;
    padding:22px 20px;
  }

  .mc-body-principles h3{
    margin:18px 0 10px;
  }

  .mc-body-outcomes article{
    min-height:0;
    padding:22px 20px;
  }

  .mc-body-outcomes strong{
    margin-top:18px;
    font-size:20px;
  }

  .mc-body-page-nav a{
    min-height:0;
    padding:22px 20px;
  }

  .mc-body-page-nav strong{
    margin-top:18px;
    font-size:21px;
  }

  /* -------------------------------------------------------
     10. VASECTOMY / CIRCUMCISION
     ------------------------------------------------------- */
  .mc-vc-points,
  .mc-vc-page-nav{
    margin-top:36px;
  }

  .mc-vc-points article{
    min-height:0;
    padding:22px 20px;
  }

  .mc-vc-points h3{
    margin:18px 0 10px;
  }

  .mc-vc-page-nav a{
    min-height:0;
    padding:22px 20px;
  }

  .mc-vc-page-nav strong{
    margin-top:18px;
    font-size:21px;
  }

  .mc-vc-alert{
    margin-top:34px;
    padding:26px 22px;
  }

  .mc-vc-alert strong{
    margin-top:14px;
  }

  .mc-vc-alert p{
    margin-top:12px;
  }

  /* -------------------------------------------------------
     11. AFTERCARE / SIDE EFFECTS
     ------------------------------------------------------- */
  .mc-recovery-scale,
  .mc-aftercare-rules,
  .mc-aftercare-types,
  .mc-contact-now-grid{
    margin-top:36px;
  }

  .mc-recovery-scale article{
    min-height:0;
    padding:22px 20px;
  }

  .mc-recovery-scale strong{
    margin-top:18px;
  }

  .mc-aftercare-rules article,
  .mc-aftercare-types article{
    min-height:0;
    padding:22px 20px;
  }

  .mc-aftercare-rules h3,
  .mc-aftercare-types h3{
    margin:18px 0 10px;
  }

  .mc-aftercare-types ul{
    margin-top:16px;
    padding-top:12px;
  }

  .mc-contact-now{
    padding-top:60px;
    padding-bottom:60px;
  }

  .mc-contact-now-grid article{
    min-height:0;
    padding:22px 20px;
  }

  /* -------------------------------------------------------
     12. UROLOGY — symptoms / features / screening / package
     ------------------------------------------------------- */
  .mc-urology-symptoms,
  .mc-urology-feature-row,
  .mc-urology-page-nav,
  .mc-screening-grid,
  .mc-checkup-package{
    margin-top:36px;
  }

  .mc-urology-symptoms article,
  .mc-urology-feature-row article,
  .mc-screening-grid article,
  .mc-checkup-package article{
    min-height:0;
    padding:22px 20px;
  }

  .mc-urology-symptoms strong{
    margin-top:18px;
  }

  .mc-urology-feature-row h3,
  .mc-screening-grid h3,
  .mc-checkup-package h3{
    margin:18px 0 10px;
  }

  .mc-urology-page-nav a{
    min-height:0;
    padding:22px 20px;
  }

  .mc-urology-page-nav strong{
    margin-top:18px;
    font-size:21px;
  }

  /* -------------------------------------------------------
     13. SELF CHECK — 터치 영역은 유지하고 문항 간격만 축소
     ------------------------------------------------------- */
  .mc-question{
    padding:20px 0;
  }

  .mc-question strong{
    font-size:19px;
    line-height:1.45;
  }

  .mc-options{
    margin-top:14px;
  }

  .mc-result{
    margin-top:22px;
    padding:26px 22px;
  }

  /* -------------------------------------------------------
     14. COMMUNITY / GUIDE 계열의 반복 카드
     ------------------------------------------------------- */
  .community-selfcheck-page .mc-adam-guide{
    margin-top:32px;
  }

  .community-selfcheck-page .mc-adam-guide article{
    padding:22px 20px;
  }

  .community-selfcheck-page .mc-adam-guide strong{
    margin-top:18px;
  }

  .community-nonpay-page .mc-nonpay-summary{
    margin-top:36px;
  }

  .community-nonpay-page .mc-nonpay-summary article{
    padding:22px 20px;
  }

  .community-nonpay-page .mc-nonpay-summary strong{
    margin-top:16px;
  }

  .community-nonpay-page .mc-nonpay-guide-list article{
    padding:20px 0;
  }

  /* -------------------------------------------------------
     15. PAGE-SPECIFIC PRODUCT / STEP CARDS
     ------------------------------------------------------- */
  .progate-page .mc-progate-steps{
    margin-top:32px;
  }

  .progate-page .mc-progate-step-copy{
    padding:22px 20px 24px;
  }

  .progate-page .mc-progate-step h3{
    margin:18px 0 10px;
  }

  .testicular-page #testicular-types .mc-anatomy-grid{
    margin-top:32px;
  }

  .testicular-page #testicular-types .mc-testicular-type-copy{
    padding:22px 20px 24px;
  }

  .testicular-page #testicular-types .mc-testicular-type-copy h3{
    margin:18px 0 10px;
  }

  .penile-enlargement-page .mc-product-card-grid{
    margin-top:32px;
  }

  .penile-enlargement-page .mc-product-card .mc-card-content{
    padding:22px 20px 24px;
  }

  .penile-enlargement-page .mc-product-card h3{
    margin:18px 0 10px;
  }
}