html[data-abelle-site="true"] .ab-signature--editorial{
  overflow:hidden;
  padding-top:clamp(54px,5vw,78px);
  background:#f7faf9;
}

html[data-abelle-site="true"] .ab-signature-programs{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
  max-width:1540px;
  margin:0 auto;
}

html[data-abelle-site="true"] .ab-signature-card{
  --signature-accent:#b49982;
  position:relative;
  isolation:isolate;
  display:block;
  grid-column:span 6;
  min-height:440px;
  overflow:hidden;
  border-radius:26px;
  color:#fff;
  background:#e8efed;
  box-shadow:0 18px 46px rgba(32,50,52,.1);
  cursor:pointer;
  transition:border-radius .92s cubic-bezier(.22,.65,.3,1);
}

html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3){
  grid-column:span 4;
  min-height:360px;
  border-radius:20px;
}

html[data-abelle-site="true"] .ab-signature-card--skin{--signature-accent:#80a7a2}
html[data-abelle-site="true"] .ab-signature-card--petit{--signature-accent:#a4a3b8}
html[data-abelle-site="true"] .ab-signature-card--surgery{--signature-accent:#7e8d94}
html[data-abelle-site="true"] .ab-signature-card--mammotome{--signature-accent:#719a96}
html[data-abelle-site="true"] .ab-signature-card--antiaging{--signature-accent:#b6a479}

/* Show a concise second-level menu summary consistently on all clinic cards. */
html[data-abelle-site="true"] .ab-signature-card--skin .ab-signature-card__name:after,
html[data-abelle-site="true"] .ab-signature-card--surgery .ab-signature-card__name:after,
html[data-abelle-site="true"] .ab-signature-card--petit .ab-signature-card__name:after,
html[data-abelle-site="true"] .ab-signature-card--mammotome .ab-signature-card__name:after,
html[data-abelle-site="true"] .ab-signature-card--antiaging .ab-signature-card__name:after{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.84);
  font-size:11px;
  font-weight:550;
  line-height:1.35;
  letter-spacing:-.025em;
  text-transform:none;
}
html[data-abelle-site="true"] .ab-signature-card--skin .ab-signature-card__name:after{content:"스킨부스터 · 색소 · 리프팅 · 흉터 · 제모"}
html[data-abelle-site="true"] .ab-signature-card--surgery .ab-signature-card__name:after{content:"눈 · 코 · 가슴 · 얼굴거상"}
html[data-abelle-site="true"] .ab-signature-card--petit .ab-signature-card__name:after{content:"필러 · 보톡스 · 실리프팅 · 스킨부스터"}
html[data-abelle-site="true"] .ab-signature-card--mammotome .ab-signature-card__name:after{content:"검사 · 시술 과정 · FAQ"}
html[data-abelle-site="true"] .ab-signature-card--antiaging .ab-signature-card__name:after{content:"수액 · 혈액정화·PRP · 두피 케어"}

html[data-abelle-site="true"] .ab-signature-card__image{
  position:absolute;
  inset:0;
  z-index:-3;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:none;
}

html[data-abelle-site="true"] .ab-signature-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(180deg,rgba(24,39,42,.025) 0%,rgba(24,39,42,.055) 44%,rgba(24,39,42,.74) 100%);
  background:
    linear-gradient(180deg,rgba(24,39,42,.025) 0%,rgba(24,39,42,.055) 44%,rgba(24,39,42,.74) 100%),
    linear-gradient(115deg,color-mix(in srgb,var(--signature-accent) 13%,transparent),transparent 62%);
  transition:background .65s ease;
}

html[data-abelle-site="true"] .ab-signature-card:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.22);
  border-radius:inherit;
  transition:border-color .45s ease,box-shadow .45s ease;
}

html[data-abelle-site="true"] .ab-signature-card__index{
  position:absolute;
  top:34px;
  left:36px;
  z-index:1;
  font-family:"Pretendard",sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:.17em;
  text-transform:uppercase;
}

html[data-abelle-site="true"] .ab-signature-card__content{
  position:absolute;
  right:34px;
  bottom:32px;
  left:36px;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 52px;
  column-gap:24px;
  align-items:end;
}

html[data-abelle-site="true"] .ab-signature-card__name{
  display:block;
  margin:0 0 9px;
  font-family:"Pretendard",sans-serif;
  font-size:12px;
  font-weight:650;
  line-height:1.3;
  letter-spacing:.14em;
  text-transform:uppercase;
}

html[data-abelle-site="true"] .ab-signature-card__primary{
  position:relative;
  display:block;
  color:inherit;
  text-decoration:none;
}

html[data-abelle-site="true"] .ab-signature-card__title{
  display:block;
  max-width:390px;
  font-family:"Pretendard","Noto Sans KR",sans-serif;
  font-size:38px;
  font-weight:700;
  line-height:1.12;
  letter-spacing:-.055em;
  white-space:nowrap;
  text-wrap:balance;
}

html[data-abelle-site="true"] .ab-signature-card__submenu{
  position:absolute;
  bottom:calc(100% + 22px);
  left:0;
  z-index:4;
  display:flex;
  flex-wrap:wrap;
  gap:7px 16px;
  width:max-content;
  max-width:100%;
  margin:0;
  padding:10px 14px;
  overflow:visible;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(35,29,25,.54);
  box-shadow:0 10px 28px rgba(19,15,12,.12);
  backdrop-filter:blur(10px);
  transform:translateY(8px);
  transition:opacity .28s ease,transform .38s cubic-bezier(.2,.75,.25,1),visibility 0s linear .38s;
}

html[data-abelle-site="true"] .ab-signature-card__submenu a{
  position:relative;
  display:inline-block;
  padding-bottom:3px;
  color:rgba(255,255,255,.88);
  font-family:"Pretendard",sans-serif;
  font-size:12px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-.02em;
  text-decoration:none;
  white-space:nowrap;
}

html[data-abelle-site="true"] .ab-signature-card__submenu a:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
}

html[data-abelle-site="true"] .ab-signature-card__submenu a:hover:after,
html[data-abelle-site="true"] .ab-signature-card__submenu a:focus-visible:after{
  transform:scaleX(1);
}

html[data-abelle-site="true"] .ab-signature-card__arrow{
  position:relative;
  display:flex;
  width:48px;
  height:48px;
  align-items:center;
  justify-content:center;
  align-self:end;
  border:1px solid rgba(255,255,255,.52);
  border-radius:50%;
  background:rgba(33,27,23,.22);
  backdrop-filter:blur(8px);
  color:inherit;
  transition:color .3s ease,transform .3s ease,background .3s ease,border-color .3s ease;
}

html[data-abelle-site="true"] .ab-signature-card__arrow svg{
  width:26px;
  height:31px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

html[data-abelle-site="true"] .ab-signature-card__mouse-wheel{
  transition:transform .28s ease;
}

html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__index{
  top:27px;
  left:28px;
  font-size:11px;
}

html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__content{
  right:26px;
  bottom:26px;
  left:28px;
  grid-template-columns:minmax(0,1fr) 46px;
  column-gap:18px;
}

html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__title{
  font-size:30px;
}

html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__submenu a{
  font-size:11px;
}

html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__arrow{
  width:44px;
  height:44px;
}

@media (hover:hover) and (pointer:fine){
  html[data-abelle-site="true"] .ab-signature-card:hover{
    z-index:2;
    border-radius:52px;
    transition-delay:.24s;
  }
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3):hover{border-radius:42px}
  html[data-abelle-site="true"] .ab-signature-card:hover:after{
    border-color:rgba(255,255,255,.48);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--signature-accent) 45%,transparent);
  }
  html[data-abelle-site="true"] .ab-signature-card:hover .ab-signature-card__submenu{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
    transition-delay:0s;
  }
  html[data-abelle-site="true"] .ab-signature-card:hover .ab-signature-card__arrow{
    color:#fff;
    border-color:rgba(255,255,255,.88);
    background:rgba(255,255,255,.16);
    transform:translateY(-2px);
  }
  html[data-abelle-site="true"] .ab-signature-card:hover .ab-signature-card__mouse-wheel{transform:translateY(3px)}
}

html[data-abelle-site="true"] .ab-signature-card:focus-within .ab-signature-card__submenu{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
  transition-delay:0s;
}

html[data-abelle-site="true"] .ab-signature-card__primary:focus-visible,
html[data-abelle-site="true"] .ab-signature-card__submenu a:focus-visible{
  outline:3px solid color-mix(in srgb,var(--signature-accent) 80%,#fff);
  outline-offset:4px;
}

html[data-abelle-site="true"] .ab-signature-card.is-activating .ab-signature-card__arrow{
  color:#302b27;
  border-color:#fff;
  background:#fff;
}

html[data-abelle-site="true"] .ab-signature-programs__guide{display:none}

html[data-abelle-site="true"] .ab-signature-card__content,
html[data-abelle-site="true"] .ab-signature-card__index{transition:opacity .24s ease}
html[data-abelle-site="true"] .ab-signature-card__submenu{
  top:50%;
  right:auto;
  bottom:auto;
  left:50%;
  z-index:5;
  display:grid!important;
  width:calc(100% - 56px);
  max-width:340px;
  gap:0;
  padding:14px 18px;
  overflow:hidden;
  visibility:hidden;
  opacity:0;
  border:1px solid rgba(255,255,255,.32);
  border-radius:20px;
  background:rgba(31,27,24,.82);
  box-shadow:0 18px 48px rgba(17,13,10,.3);
  backdrop-filter:blur(14px);
  transform:translate(-50%,calc(-50% + 12px));
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.75,.25,1),visibility 0s linear .28s;
}
html[data-abelle-site="true"] .ab-signature-card__submenu a,
html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__submenu a{
  display:flex;
  min-height:50px;
  padding:10px 2px;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:18px;
  font-weight:650;
  line-height:1.35;
  letter-spacing:-.035em;
}
html[data-abelle-site="true"] .ab-signature-card__submenu a:last-child{border-bottom:0}
html[data-abelle-site="true"] .ab-signature-card__submenu a:before{content:""}
html[data-abelle-site="true"] .ab-signature-card__submenu a:after{
  content:"↗";
  position:static;
  width:auto;
  height:auto;
  flex:0 0 auto;
  background:none;
  font-size:17px;
  transform:none;
}
html[data-abelle-site="true"] .ab-signature-card--surgery .ab-signature-card__submenu{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:560px;
}
html[data-abelle-site="true"] .ab-signature-card--surgery .ab-signature-card__submenu a{
  padding-right:10px;
  padding-left:10px;
}
html[data-abelle-site="true"] .ab-signature-card--surgery .ab-signature-card__submenu a:nth-child(odd){
  border-right:1px solid rgba(255,255,255,.18);
}
html[data-abelle-site="true"] .ab-signature-card--surgery .ab-signature-card__submenu a:nth-last-child(-n+2){border-bottom:0}
html[data-abelle-site="true"] .ab-signature-card:not(.is-menu-open):hover .ab-signature-card__submenu,
html[data-abelle-site="true"] .ab-signature-card:not(.is-menu-open):focus-within .ab-signature-card__submenu{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,calc(-50% + 12px));
}
html[data-abelle-site="true"] .ab-signature-card.is-menu-open .ab-signature-card__submenu{
  right:auto!important;
  left:50%!important;
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,-50%);
  transition-delay:0s;
}
html[data-abelle-site="true"] .ab-signature-card.is-menu-open{z-index:10}
html[data-abelle-site="true"] .ab-signature-card.is-menu-open .ab-signature-card__content,
html[data-abelle-site="true"] .ab-signature-card.is-menu-open .ab-signature-card__index{opacity:.2}
html[data-abelle-site="true"] .ab-signature-card.is-menu-open:before{background:rgba(22,18,15,.66)}
html[data-abelle-site="true"] .ab-signature-card.is-menu-open .ab-signature-card__submenu a:hover,
html[data-abelle-site="true"] .ab-signature-card.is-menu-open .ab-signature-card__submenu a:focus-visible{color:#f0d5bd;outline:none}

@media (max-width:1180px){
  html[data-abelle-site="true"] .ab-signature-card,
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3){
    grid-column:span 6;
    min-height:390px;
  }
  html[data-abelle-site="true"] .ab-signature-card:last-child{grid-column:4/span 6}
}

@media (max-width:767px){
  html[data-abelle-site="true"] .ab-signature--editorial{
    padding:44px 0 64px;
  }
  html[data-abelle-site="true"] .ab-signature-programs{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:14px;
    max-width:none;
    margin:0 24px;
    padding:0;
    overflow:visible;
    overscroll-behavior:auto;
    scroll-snap-type:none;
    scrollbar-width:none;
  }
  html[data-abelle-site="true"] .ab-signature-programs::-webkit-scrollbar{display:none}
  html[data-abelle-site="true"] .ab-signature-card,
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3),
  html[data-abelle-site="true"] .ab-signature-card:last-child{
    grid-column:1/-1;
    width:100%;
    min-width:0;
    min-height:300px;
    border-radius:22px;
    scroll-snap-align:none;
  }
  html[data-abelle-site="true"] .ab-signature-card__index,
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__index{
    top:28px;
    left:28px;
    font-size:11px;
  }
  html[data-abelle-site="true"] .ab-signature-card__content,
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__content{
    right:25px;
    bottom:26px;
    left:28px;
    grid-template-columns:minmax(0,1fr) 46px;
    column-gap:16px;
  }
  html[data-abelle-site="true"] .ab-signature-card__title,
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__title{
    font-size:32px;
  }
  html[data-abelle-site="true"] .ab-signature-card--skin .ab-signature-card__name:after,
  html[data-abelle-site="true"] .ab-signature-card--surgery .ab-signature-card__name:after,
  html[data-abelle-site="true"] .ab-signature-card--petit .ab-signature-card__name:after,
  html[data-abelle-site="true"] .ab-signature-card--mammotome .ab-signature-card__name:after,
  html[data-abelle-site="true"] .ab-signature-card--antiaging .ab-signature-card__name:after{margin-top:6px;font-size:12px}
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3){min-height:258px}
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__index{top:22px}
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__content{bottom:21px}
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__title{font-size:28px}
  html[data-abelle-site="true"] .ab-signature-card__submenu,
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__submenu{
    width:calc(100% - 48px);
    max-width:320px;
    padding:12px 18px;
  }
  html[data-abelle-site="true"] .ab-signature-card__submenu a,
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__submenu a{
    min-height:49px;
    padding:9px 2px;
    font-size:19px;
  }
  html[data-abelle-site="true"] .ab-signature-card__arrow,
  html[data-abelle-site="true"] .ab-signature-card:nth-child(n+3) .ab-signature-card__arrow{
    width:44px;
    height:44px;
  }
  html[data-abelle-site="true"] .ab-signature-programs__guide{
    display:none;
  }
  html[data-abelle-site="true"] .ab-signature-card--surgery .ab-signature-card__submenu{
    width:calc(100% - 32px);
    max-width:none;
    padding:10px 12px;
  }
  html[data-abelle-site="true"] .ab-signature-card--surgery .ab-signature-card__submenu a{
    min-height:42px;
    padding:7px 8px;
    font-size:15px;
  }
}

@media (prefers-reduced-motion:reduce){
  html[data-abelle-site="true"] .ab-signature-card,
  html[data-abelle-site="true"] .ab-signature-card__image,
  html[data-abelle-site="true"] .ab-signature-card__submenu,
  html[data-abelle-site="true"] .ab-signature-card__arrow,
  html[data-abelle-site="true"] .ab-signature-card__mouse-wheel{transition:none!important}
}