/* 스매싱데이 개발 페이지 전용 블랙 테마 */
.mbd-banner-wrap, .mbd-count-wrap, .mbd-summary-wrap,
.mbd-discount-wrap, .mbd-cta-wrap, .mbd-oneday-wrap,
.mbd-kakao-wrap, .mbd-lesson-goods-wrap, .mbd-outro-wrap {
    background: #000;
    color: #fff;
}
.mbd-discount-title, .mbd-discount-row__title,
.mbd-discount-row--dark .mbd-discount-row__title,
.mbd-discount-example__heading, .mbd-discount-example__value,
.mbd-discount-example__final-label, .mbd-discount-example__final-value,
.mbd-oneday-wrap .mbd-gwp-title, .mbd-lesson-goods-wrap .mbd-gwp-title,
.mbd-kakao-right__title, .mbd-outro-text__main { color: #fff; }
.mbd-discount-subtitle, .mbd-discount-example__label,
.mbd-discount-example__caption, .mbd-gwp-subtitle,
.mbd-kakao-right__desc { color: #c7c7c7; }
.mbd-discount-row, .mbd-discount-row--dark, .mbd-discount-example {
    background: #111;
    border: 1px solid #393939;
}
.mbd-discount-example__row { border-color: #383838; }
.mbd-discount-example__divider { background: #444; }
.mbd-discount-example__value--muted, .mbd-discount-example__value--struck { color: #a3a3a3; }
.mbd-discount-badge, .mbd-discount-chip--accent, .mbd-gwp-label,
.mbd-kakao-right__label, .mbd-discount-example__final-percent { color: #c6ff5b; }
.mbd-discount-badge--accent { color: #000; background: #c6ff5b; }
.mbd-discount-chip { color: #ddd; background: #333; }
.mbd-discount-chip--accent { color: #c6ff5b; background: #222; }
.mbd-cta-btn, #mbd-sec-kakao .mbd-cta-btn { background: #c6ff5b; color: #000; }
.mbd-oneday-wrap .tab_box .tab li a, .mbd-oneday-wrap .goods_tab_tit li a {
    border-color: #555; color: #ddd;
}
.mbd-oneday-wrap .tab_box .tab li.on a, .mbd-oneday-wrap .goods_tab_tit li.on a {
    background: #c6ff5b; border-color: #c6ff5b; color: #000;
}
.mbd-oneday-wrap .goods_info_list, .mbd-lesson-goods-wrap .goods_info_list,
.mbd-oneday-wrap .goods_info_list li.dc_price, .mbd-oneday-wrap .goods_info_list li.coupon_price .coupon_price1,
.mbd-oneday-wrap .goods_info_list li.price, .mbd-oneday-wrap .item_money_box .item_price,
.mbd-oneday-wrap .item_money_box .item_sale, .mbd-oneday-wrap .item_name,
.mbd-lesson-goods-wrap .item_name, .mbd-lesson-goods-wrap .item_money_box {
    color: #fff;
}
.mbd-oneday-wrap .goods_info_list li.fixed_price,
.mbd-oneday-wrap .goods_info_list li.price.fixed_price .c_price { color: #aaa; }
section.cds-row-md { background: #000; color: #fff; }

/* 콘텐츠 영역과 상품 위젯 바탕 */
#contents_wrap, #contents, .contents_wrap { background-color: #000 !important; }
.mbd-oneday-wrap, .mbd-lesson-goods-wrap,
.mbd-oneday-wrap .goods_list, .mbd-lesson-goods-wrap .goods_list,
.mbd-oneday-wrap .goods_list_cont, .mbd-lesson-goods-wrap .goods_list_cont,
.mbd-oneday-wrap .goods_list_item, .mbd-lesson-goods-wrap .goods_list_item,
.mbd-oneday-wrap .goods_gallery_item, .mbd-lesson-goods-wrap .goods_gallery_item,
.mbd-oneday-wrap .item_cont, .mbd-lesson-goods-wrap .item_cont,
.mbd-oneday-wrap .item_info_cont, .mbd-lesson-goods-wrap .item_info_cont,
.mbd-oneday-wrap .tab_box, .mbd-lesson-goods-wrap .tab_box { background-color: #000; }
.mbd-oneday-wrap .goods_info_list, .mbd-lesson-goods-wrap .goods_info_list,
.mbd-oneday-wrap .item_info_cont, .mbd-lesson-goods-wrap .item_info_cont,
.mbd-oneday-wrap .item_info_cont a, .mbd-lesson-goods-wrap .item_info_cont a,
.mbd-oneday-wrap .goods_info_list a, .mbd-lesson-goods-wrap .goods_info_list a { color: #fff; }

.smash-category{background:#000;color:#fff;padding:80px 24px 64px}.smash-category__inner{max-width:1200px;margin:auto}.smash-category__header{text-align:center;margin:0 0 34px}.smash-category__header span{color:#c6ff5b;font-size:12px;font-weight:800;letter-spacing:.18em}.smash-category__header h2{color:#fff;font-size:34px;line-height:1.3;margin:12px 0}.smash-category__header p{color:#bbb;font-size:15px;margin:0}.smash-category__tabs{display:flex;justify-content:center;gap:8px;overflow-x:auto;padding:0 0 24px;scrollbar-width:none}.smash-category__tabs button{flex:0 0 auto;padding:11px 20px;border:1px solid #555;border-radius:100px;background:#000;color:#ddd;font-size:15px;cursor:pointer}.smash-category__tabs button[aria-selected="true"]{background:#c6ff5b;border-color:#c6ff5b;color:#000;font-weight:700}.smash-category__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}.smash-category__card{min-width:0}.smash-category__card a{display:block;color:#fff;text-decoration:none}.smash-category__image{aspect-ratio:1;background:#fff;overflow:hidden}.smash-category__image img{display:block;width:100%;height:100%;object-fit:cover}.smash-category__brand{color:#c6ff5b;font-size:12px;font-weight:700;margin:14px 0 5px}.smash-category__name{color:#fff;font-size:15px;line-height:1.45;min-height:2.9em;margin:0}.smash-category__price{color:#fff;font-size:16px;font-weight:700;margin:8px 0 0}.smash-category__status{text-align:center;color:#bbb;padding:36px 0}.smash-category__status:empty{display:none}.smash-category__more{display:block;width:max-content;max-width:100%;margin:36px auto 0;padding:14px 25px;border:1px solid #c6ff5b;border-radius:100px;color:#c6ff5b;text-decoration:none;font-weight:700}.smash-category__more span[aria-hidden]{margin-left:8px}@media(max-width:767px){.smash-category{padding:56px 20px 48px}.smash-category__header h2{font-size:26px}.smash-category__header p{font-size:13px}.smash-category__tabs{justify-content:flex-start;margin:0 -20px;padding:0 20px 22px}.smash-category__tabs button{font-size:13px;padding:9px 15px}.smash-category__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.smash-category__name{font-size:13px}.smash-category__price{font-size:14px}}

.smash-category__image, .smash-category__image img { border-radius: 0; }
.smash-category__image { --smash-cut: 28px; clip-path: polygon(0 0, calc(100% - var(--smash-cut)) 0, 100% var(--smash-cut), 100% 100%, 0 100%); }

/* 카테고리 "전체 보기" 버튼: 알약 → 네모 */
.smash-category__more { border-radius: 0; }

/* 카테고리 탭: 알약 → 네모 */
.smash-category__tabs button { border-radius: 0; }

/* 행사 안내 섹션 (장바구니 쿠폰 / 원데이특가 / 라스트찬스) — 멤버스데이 mbd-coupon 섹션 구조를 그대로 쓰고 큰 숫자만 추가 */
.smash-event-sec .mbd-coupon-inner { padding: 64px 20px; }
.smash-event-note { margin: 0 0 22px; color: #9a9a9a; font-size: 12px; letter-spacing: -0.3px; }
.smash-event-big { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.smash-event-big__pre { color: #fff; font-size: 13px; letter-spacing: -0.5px; }
.smash-event-big__num { color: #c6ff5b; font-size: 72px; font-weight: 900; line-height: 1; letter-spacing: -2px; animation: mbd-coupon-float 3s ease-in-out infinite; }
.smash-event-big__cats { color: #9a9a9a; font-size: 12px; letter-spacing: 0.08em; }
.smash-event-big__badge { padding: 4px 10px; background: #c6ff5b; color: #000; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; }
@media (min-width: 768px) {
    .smash-event-sec .mbd-coupon-inner { padding: 84px 24px; }
    .smash-event-big__num { font-size: 96px; }
}

/* 행사 안내 섹션 배경은 완전 블랙 */
.mbd-coupon-wrap.smash-event-sec { background: #000; }

/* 모든 CTA 버튼을 카테고리 "전체 보기"(.smash-category__more) 스타일로 통일: 네모 + 라임 테두리 */
.mbd-cta-btn,
#mbd-sec-optin .mbd-cta-btn,
#mbd-sec-kakao .mbd-cta-btn {
    display: block;
    box-sizing: border-box;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
    padding: 14px 25px;
    border: 1px solid #c6ff5b;
    border-radius: 0;
    background: transparent;
    color: #c6ff5b;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    text-decoration: none;
    box-shadow: none;
    animation: none;
}
.mbd-cta-btn:active,
#mbd-sec-optin .mbd-cta-btn:active,
#mbd-sec-kakao .mbd-cta-btn:active {
    background: transparent;
    transform: none;
    box-shadow: none;
}
.mbd-cta-btn span[aria-hidden] { margin-left: 8px; }

/* 혜택 박스: 라운드 제거 + 오른쪽 위 모서리를 비스듬히 자른 모양 */
.mbd-discount-row,
.mbd-discount-row--dark,
.mbd-discount-example {
    --smash-cut: 28px;
    border-radius: 0;
    clip-path: polygon(0 0, calc(100% - var(--smash-cut)) 0, 100% var(--smash-cut), 100% 100%, 0 100%);
    background-color: #111;
    /* 잘린 모서리의 대각선에도 테두리선(#393939)이 보이도록 */
    background-image: linear-gradient(to top right, transparent calc(50% - 0.5px), #393939 calc(50% - 0.5px), #393939 calc(50% + 0.5px), transparent calc(50% + 0.5px));
    background-position: top right;
    background-size: var(--smash-cut) var(--smash-cut);
    background-repeat: no-repeat;
}
.mbd-discount-example { --smash-cut: 40px; }

/* 행사 3개 섹션 배경: 완전 블랙(ID로 지정해 다른 규칙에 밀리지 않게) */
#mbd-sec-cartcoupon,
#mbd-sec-oneday-sale,
#mbd-sec-lastchance {
    background: #000 !important;
}

/* PC: 원데이특가 섹션은 좌우를 바꿔서 (문구 오른쪽, 숫자 왼쪽) */
@media (min-width: 768px) {
    #mbd-sec-oneday-sale .mbd-coupon-inner { flex-direction: row-reverse; }
}

/* 장바구니 쿠폰: coupon1(앞 태그) + coupon2(뒤 태그)를 겹치고, 앞 태그의 구멍(고리) 위치를 축으로 진짜 매달린 쿠폰처럼 흔들림 */
.smash-coupon-art {
    position: relative;
    display: block;
    width: 300px;
    max-width: 80vw;
    aspect-ratio: 739 / 676;
}
.smash-coupon-art img { position: absolute; display: block; height: auto; }
.smash-coupon-art__back { left: 0; top: 0; width: 100%; transform-origin: 66% 29%; animation: smash-coupon-swing-back 4.6s ease-in-out infinite; }
.smash-coupon-art__front { left: 4.8%; top: 7.1%; width: 78.2%; transform-origin: 78.2% 33.7%; animation: smash-coupon-swing 4.6s ease-in-out infinite; }
@keyframes smash-coupon-swing {
    0%   { transform: rotate(0deg); }
    8%   { transform: rotate(9deg); }
    22%  { transform: rotate(-6.5deg); }
    36%  { transform: rotate(4.5deg); }
    50%  { transform: rotate(-2.8deg); }
    63%  { transform: rotate(1.6deg); }
    75%  { transform: rotate(-0.7deg); }
    86%, 100% { transform: rotate(0deg); }
}
@keyframes smash-coupon-swing-back {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(6deg); }
    25%  { transform: rotate(-4deg); }
    40%  { transform: rotate(2.8deg); }
    54%  { transform: rotate(-1.6deg); }
    67%  { transform: rotate(0.9deg); }
    80%  { transform: rotate(-0.4deg); }
    90%, 100% { transform: rotate(0deg); }
}
@media (min-width: 768px) {
    .smash-coupon-art { width: 380px; }
}

/* 원데이특가: 카테고리 아이콘이 하나씩 뿅 하고 나타났다 사라지고(젤리), 전체가 둥둥 떠 있음 */
#mbd-sec-oneday-sale .smash-event-big { animation: smash-oneday-float 3.6s ease-in-out infinite; }
@keyframes smash-oneday-float {
    0%, 100% { translate: 0 0; }
    50%      { translate: 0 -14px; }
}
.smash-pop-stage { position: relative; display: block; width: 240px; max-width: 70vw; aspect-ratio: 1; }
.smash-pop-stage img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transform-origin: 50% 85%;
    animation: smash-pop 16.8s linear infinite both;
    animation-delay: calc(var(--i, 0) * 2.4s);
}
/* 아이콘 7개 x 2.4초 = 16.8초 주기. 각 아이콘은 자기 차례(14.28%)에 뿅 등장 → 말랑하게 자리잡음 → 잠깐 머물다 사라짐 */
@keyframes smash-pop {
    0%      { opacity: 0; transform: scale(0.2); }
    1.4%    { opacity: 1; transform: scale(1.22, 0.82); }
    2.8%    { transform: scale(0.88, 1.14); }
    4.2%    { transform: scale(1.08, 0.94); }
    5.6%    { transform: scale(0.97, 1.03); }
    7%      { transform: scale(1, 1); }
    11.4%   { opacity: 1; transform: scale(1, 1); }
    13%     { opacity: 0; transform: scale(0.2); }
    100%    { opacity: 0; transform: scale(0.2); }
}
@media (min-width: 768px) {
    .smash-pop-stage { width: 300px; }
}

/* 카카오 섹션 위쪽 여백 */
.mbd-kakao-wrap { padding-top: 72px; }
@media (min-width: 768px) {
    .mbd-kakao-wrap { padding-top: 110px; }
}

/* 라스트찬스: MEGA SALE 이미지 */
.smash-event-big__num--img { display: block; width: 300px; max-width: 78vw; height: auto; }
@media (min-width: 768px) {
    .smash-event-big__num--img { width: 400px; }
}

/* 섹션 사이 1px 틈(소수점 높이/줌 시 배경 비침) 방지: 위 섹션과 1px 겹치고 뒤에 검정 깔기 */
.smash-category,
.mbd-coupon-wrap.smash-event-sec { position: relative; }
.mbd-coupon-wrap.smash-event-sec { margin-top: -1px; background-color: #000; box-shadow: 0 1px 0 #000; }

/* 라스트찬스 상단 라벨: 텍스트 대신 smashing.svg (MEGA SALE 크기의 1/3) */
.smash-event-big__pre-img { display: block; width: 100px; max-width: 26vw; height: auto; }
@media (min-width: 768px) {
    .smash-event-big__pre-img { width: 133px; }
}

/* 원데이특가: top 중심 + 볼(좌하단) + 라켓(우하단, 검정 외곽선) — 젤리로 튀어나온 뒤 좌우로 살랑이며 떠 있음 */
.smash-pop-stage--set img { inset: auto; height: auto; transform-origin: 50% 50%; animation: none; opacity: 0; }
.smash-pop-stage--set .smash-set__top { left: 11%; top: 8%; width: 78%; z-index: 1; animation: smash-set-pop 1.4s linear both, smash-set-sway 5.2s ease-in-out infinite; }
.smash-pop-stage--set .smash-set__ball { left: -2%; bottom: 6%; width: 32%; z-index: 3; filter: drop-shadow(3px 0 0 #000) drop-shadow(-3px 0 0 #000) drop-shadow(0 3px 0 #000) drop-shadow(0 -3px 0 #000); animation: smash-set-pop 1.4s linear both .5s, smash-set-sway 3.8s ease-in-out infinite -1.2s; }
.smash-pop-stage--set .smash-set__racket { right: -6%; bottom: 0; width: 60%; z-index: 2; filter: drop-shadow(3px 0 0 #000) drop-shadow(-3px 0 0 #000) drop-shadow(0 3px 0 #000) drop-shadow(0 -3px 0 #000); animation: smash-set-pop 1.4s linear both 1s, smash-set-sway 4.4s ease-in-out infinite -2.4s; }
@keyframes smash-set-pop {
    0%      { opacity: 0; transform: scale(0.2); }
    14%     { opacity: 1; transform: scale(1.22, 0.82); }
    30%     { transform: scale(0.88, 1.14); }
    50%     { transform: scale(1.08, 0.94); }
    72%     { transform: scale(0.97, 1.03); }
    100%    { opacity: 1; transform: scale(1, 1); }
}
@keyframes smash-set-sway {
    0%, 100% { translate: -7px 0; rotate: -1.5deg; }
    25%      { translate: 0 -8px; }
    50%      { translate: 7px 0; rotate: 1.5deg; }
    75%      { translate: 0 -8px; }
}

/* 스크롤 등장 인터랙션 — 아래에서 올라오며 페이드 인 (JS가 .smash-reveal을 붙이고, 등장이 끝나면 클래스를 떼어 원래 스타일로 복귀) */
html.smash-js .smash-reveal {
    opacity: 0;
    translate: 0 36px;
    transition: opacity .8s ease, translate .9s cubic-bezier(.2, .7, .2, 1), scale .9s cubic-bezier(.2, .7, .2, 1);
    transition-delay: var(--rd, 0s);
    will-change: opacity, translate;
}
html.smash-js .smash-reveal--left  { translate: -48px 0; }
html.smash-js .smash-reveal--right { translate: 48px 0; }
html.smash-js .smash-reveal--zoom  { translate: 0 24px; scale: .94; }
html.smash-js .smash-reveal.is-in  { opacity: 1; translate: 0 0; scale: 1; }
@media (prefers-reduced-motion: reduce) {
    html.smash-js .smash-reveal { opacity: 1; translate: none; scale: none; transition: none; }
}

/* 인트로(smashing-hero): 배경을 그물 이미지로 (모바일 mo / 768px 이상 pc), 배경 속 카운트다운 시계는 숨김 */
.smashing-intro-wrap .mbd-banner-wrap .smashing-hero {
    background: #000 url('https://tm.ajlabs.co.kr/common/event/261103-smashingday2026/bg-net-mo.svg') center / cover no-repeat;
}
@media (min-width: 768px) {
    .smashing-intro-wrap .mbd-banner-wrap .smashing-hero {
        background-image: url('https://tm.ajlabs.co.kr/common/event/261103-smashingday2026/bg-net-pc.svg');
    }
}

/* 카운트다운(mbd-count-inner)을 히어로 안에 포함: 히어로 흐름에 맞춰 여백 조정 */
.smashing-hero .mbd-count-inner { position: relative; z-index: 1; width: 100%; padding: 28px 0 0; }
@media (min-width: 768px) { .smashing-hero .mbd-count-inner { padding-top: 40px; } }

/* 카운트다운 시인성: 숫자 박스 배경 제거 → 넓은 드롭 섀도, 히어로 하단에 진하고 넓은 어두운 그라데이션 */
.smashing-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 62%;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to top, rgba(0, 0, 0, .96) 0%, rgba(0, 0, 0, .88) 28%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, 0) 100%);
}
.smashing-hero .mbd-count-inner { z-index: 2; }
.smashing-hero .mbd-count-unit { background-color: transparent; border-radius: 0; }
.smashing-hero .mbd-count-unit__num,
.smashing-hero .mbd-count-unit__label,
.smashing-hero .mbd-count-sep,
.smashing-hero .mbd-count-title {
    text-shadow: 0 0 8px rgba(0, 0, 0, .95), 0 0 22px rgba(0, 0, 0, .95), 0 0 48px rgba(0, 0, 0, .9), 0 6px 36px #000;
}

/* 비활성 CTA (오픈 전): 회색 테두리·글씨, 클릭/호버 반응 없음 */
.mbd-cta-btn.is-disabled,
.mbd-cta-btn.is-disabled:hover,
.mbd-cta-btn.is-disabled:active {
    border-color: #444;
    background: transparent;
    color: #777;
    cursor: not-allowed;
    pointer-events: none;
    animation: none;
    box-shadow: none;
    transform: none;
}

/* 멤버십 할인 하단 회원가입 CTA */
.smash-discount-cta { display: flex; justify-content: center; margin-top: 36px; }
@media (min-width: 768px) { .smash-discount-cta { margin-top: 48px; } }

/* CTA 마우스 오버/포커스: 라임 배경 위에서 글씨가 잘 보이도록 검정 */
.mbd-cta-btn:hover,
.mbd-cta-btn:focus-visible,
#mbd-sec-optin .mbd-cta-btn:hover,
#mbd-sec-kakao .mbd-cta-btn:hover {
    color: #000;
}

/* 프레임 박스: 오른쪽 위를 비스듬히 자른 사각형 + 라임 실선 테두리 + 같은 색 하드 섀도(첨부파일 느낌)
   clip-path는 자기 그림자까지 잘라내서, 그림자(::before)와 얼굴(::after)을 가상요소로 따로 그림 */
.mbd-kakao-left,
.mbd-discount-stack {
    --smash-cut: 28px;
    --smash-shadow: 10px;
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
    padding: 16px;
}
.mbd-kakao-left { width: calc(100% - var(--smash-shadow)); margin-right: var(--smash-shadow); margin-bottom: var(--smash-shadow); }
.mbd-discount-stack { margin-right: var(--smash-shadow); margin-bottom: var(--smash-shadow); }
.mbd-kakao-left::before,
.mbd-discount-stack::before,
.mbd-kakao-left::after,
.mbd-discount-stack::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    clip-path: polygon(0 0, calc(100% - var(--smash-cut)) 0, 100% var(--smash-cut), 100% 100%, 0 100%);
}
.mbd-kakao-left::before,
.mbd-discount-stack::before {
    z-index: -2;
    background: #c6ff5b;
    transform: translate(var(--smash-shadow), var(--smash-shadow));
}
.mbd-kakao-left::after,
.mbd-discount-stack::after {
    z-index: -1;
    box-sizing: border-box;
    border: 1px solid #c6ff5b;
    background-color: #000;
    /* 잘린 모서리의 대각선에도 같은 테두리선이 보이도록 */
    background-image: linear-gradient(to top right, transparent calc(50% - 0.5px), #c6ff5b calc(50% - 0.5px), #c6ff5b calc(50% + 0.5px), transparent calc(50% + 0.5px));
    background-origin: border-box;
    background-position: top right;
    background-size: var(--smash-cut) var(--smash-cut);
    background-repeat: no-repeat;
}
.mbd-kakao-left__main { border-radius: 0; }

/* 라스트찬스 섹션 배경 카운트다운 효과: 글·비주얼 뒤에 깔고, 섹션 밖으로 번지지 않게 */
#mbd-sec-lastchance .mbd-coupon-inner { overflow: hidden; }
#mbd-sec-lastchance .smashing-hero__ambient-clock { z-index: 0; }
#mbd-sec-lastchance .mbd-coupon-left,
#mbd-sec-lastchance .mbd-coupon-right { position: relative; z-index: 1; }

/* 라스트찬스 MEGA SALE 이미지: 둥둥 떠 있는 효과 제거 */
.smash-event-big__num.smash-event-big__num--img { animation: none; translate: none; transform: none; }

/* 카카오 이미지: 프레임을 이미지(.mbd-kakao-left__main) 자체에 적용 — 여백 없이 이미지 모양대로 자르고, 테두리는 이미지 위에 덧그림 */
.mbd-kakao-left { padding: 0; }
.mbd-kakao-left__main {
    border-radius: 0;
    background: #000;
    clip-path: polygon(0 0, calc(100% - var(--smash-cut)) 0, 100% var(--smash-cut), 100% 100%, 0 100%);
}
.mbd-kakao-left::after { z-index: 1; background-color: transparent; }

/* 라스트찬스 배경 시계 잘림 수정: 컨테이너(.mbd-coupon-inner) 폭에서 자르지 않고 화면 전체 폭으로 펼친 뒤, 섹션(전체 폭)에서만 자름 */
#mbd-sec-lastchance { overflow: hidden; }
#mbd-sec-lastchance .mbd-coupon-inner { overflow: visible; }
#mbd-sec-lastchance .smashing-hero__ambient-clock {
    left: 50%;
    right: auto;
    width: 100vw;
    transform: translateX(-50%);
}
@media (min-width: 768px) {
    #mbd-sec-lastchance .smashing-hero__clock-readout { font-size: clamp(80px, 9vw, 150px); }
}

/* 혜택 박스 프레임 효과를 묶음(.mbd-discount-stack)에서 각 박스(.mbd-discount-row)로 이동 */
.mbd-discount-stack { padding: 0; margin: 0; gap: 22px; }
.mbd-discount-stack::before,
.mbd-discount-stack::after { content: none; }
.mbd-discount-row,
.mbd-discount-row--dark {
    --smash-cut: 28px;
    --smash-shadow: 10px;
    position: relative;
    isolation: isolate;
    clip-path: none;
    background: none;
    border: 0;
    margin: 0 var(--smash-shadow) var(--smash-shadow) 0;
}
.mbd-discount-row::before,
.mbd-discount-row::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    clip-path: polygon(0 0, calc(100% - var(--smash-cut)) 0, 100% var(--smash-cut), 100% 100%, 0 100%);
}
.mbd-discount-row::before {
    z-index: -2;
    background: #c6ff5b;
    transform: translate(var(--smash-shadow), var(--smash-shadow));
}
.mbd-discount-row::after {
    z-index: -1;
    box-sizing: border-box;
    border: 1px solid #c6ff5b;
    background-color: #111;
    background-image: linear-gradient(to top right, transparent calc(50% - 0.5px), #c6ff5b calc(50% - 0.5px), #c6ff5b calc(50% + 0.5px), transparent calc(50% + 0.5px));
    background-origin: border-box;
    background-position: top right;
    background-size: var(--smash-cut) var(--smash-cut);
    background-repeat: no-repeat;
}

/* 라스트찬스 배경 카운트다운 — 화면 좌우를 꽉 채우고, 위아래는 섹션 경계에서 잘리지 않게
   가로만 잘라(overflow-x: clip) 가로 스크롤을 막고, 세로는 번짐(블러)이 섹션 밖으로 퍼지도록 허용.
   섹션을 위로 올려(z-index) 아래 섹션 배경에 가려지지 않게 함 */
#mbd-sec-lastchance {
    overflow: visible;
    overflow-x: clip;
    z-index: 1;
}
#mbd-sec-lastchance .smashing-hero__ambient-clock {
    top: -48px;
    bottom: -48px;
    overflow: visible;
}
#mbd-sec-lastchance .smashing-hero__clock-readout { font-size: clamp(120px, 15vw, 300px); }
@media (max-width: 767px) {
    #mbd-sec-lastchance .smashing-hero__clock-readout { font-size: clamp(72px, 26vw, 140px); }
}

/* ===== 카테고리 상품 카드 가격: 메인 상품 목록과 같은 구조(PC .item_money_box / 모바일 .goods_info_list)를 어두운 배경에 맞춰 표시 ===== */
.smash-category__card .item_money_box {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 8px;
    row-gap: 4px;
    padding: 8px 0 0;
    line-height: 1.25;
    text-align: left;
}
.smash-category__card .item_money_box br { display: none; }
.smash-category__card .item_money_box .fixed_price {
    order: 2;
    display: inline-flex;
    padding: 0;
    color: #8b95a1;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -.5px;
}
.smash-category__card .item_money_box .fixed_price--strike { text-decoration: line-through; }
.smash-category__card .item_money_box .item_price,
.smash-category__card .item_money_box .item_sale {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.5px;
}
.smash-category .smash-category__card .item_money_box > .item_price:not([style*="flex"]) { order: 2; }
.smash-category .smash-category__card .item_money_box .item_price span:not(.item_number_box):not(.fixed_price),
.smash-category .smash-category__card .item_money_box .item_sale span:not(.item_number_box) { color: #fff; font-weight: 700; }
.smash-category .smash-category__card .item_money_box .item_price span[style*="line-through"] { color: #8b95a1 !important; font-weight: 400 !important; font-size: 13px; }
.smash-category .smash-category__card .item_money_box .item_number_box { padding: 0; color: #c6ff5b !important; font-weight: 700; }
.smash-category .smash-category__card .item_money_box .item_price span[style*="8b95a1"] { font-size: 12px; font-weight: 600; }
.smash-category__card .item_money_box .icon_item_coupon img { display: inline-block; height: 16px; width: auto; vertical-align: middle; }
.smash-category__card .item_money_box .mileage,
.smash-category__card .item_money_box .item_mileage { order: 3; color: #8b95a1; font-size: 12px; }
/* 쿠폰가 + 상품 쿠폰 할인가가 둘 다 있을 때: 판매가 / 쿠폰 / 할인 순서로 한 줄씩 */
.smash-category__card .item_money_box:has(> .item_sale):has(> .item_price[style*="flex"]) {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.smash-category__card .item_money_box:has(> .item_sale):has(> .item_price[style*="flex"]) > .fixed_price,
.smash-category__card .item_money_box:has(> .item_sale):has(> .item_price[style*="flex"]) > .item_price:not([style*="flex"]) { order: -1; }
.smash-category__card .item_money_box:has(> .item_sale):has(> .item_price[style*="flex"]) > .item_sale { order: 1; }
.smash-category__card .item_money_box:has(> .item_sale):has(> .item_price[style*="flex"]) > .item_price[style*="flex"] { order: 2; }

/* 모바일 */
.smash-category__card .goods_info_list { margin: 8px 0 0; padding: 0; list-style: none; text-align: left; }
.smash-category__card .goods_info_list li {
    display: inline-block;
    margin: 0 8px 4px 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -.5px;
}
.smash-category__card .goods_info_list li.fixed_price { color: #8b95a1; font-weight: 400; text-decoration: line-through; }
.smash-category__card .goods_info_list li.price { font-weight: 700; }
.smash-category__card .goods_info_list li.price .c_price { color: #fff; }
.smash-category__card .goods_info_list li.price.other-price { font-weight: 700; }
.smash-category__card .goods_info_list .per-price,
.smash-category__card .goods_info_list .disc_rate { margin-right: 4px; color: #c6ff5b; font-weight: 700; }
.smash-category__card .goods_info_list li.price.other-price .max_discount { margin-left: 4px; color: #8b95a1; font-size: 12px; font-weight: 600; }
.smash-category__card .goods_info_list li.coupon_price .coupon_price1 { color: #fff; font-weight: 500; }
.smash-category__card .goods_info_list li.coupon_price .icon_item_coupon { width: auto; height: 16px; margin-left: 4px; vertical-align: middle; }
.smash-category__card .goods_info_list li.dc_price { color: #8b95a1; font-size: 12px; }
.smash-category__card .goods_info_list:has(> li.coupon_price):has(> li.other-price) { display: flex; flex-direction: column; align-items: flex-start; }
.smash-category__card .goods_info_list:has(> li.coupon_price):has(> li.other-price) > li.fixed_price,
.smash-category__card .goods_info_list:has(> li.coupon_price):has(> li.other-price) > li.price:not(.other-price) { order: 1; }
.smash-category__card .goods_info_list:has(> li.coupon_price):has(> li.other-price) > li.coupon_price { order: 2; }
.smash-category__card .goods_info_list:has(> li.coupon_price):has(> li.other-price) > li.other-price { order: 3; }
.smash-category__card .goods_info_list:has(> li.coupon_price):has(> li.other-price) > li.dc_price { order: 5; }

/* CTA 호버 효과 통일: 쿠폰(.mbd-coupon-left)·카카오(.mbd-kakao-right)·수신동의 CTA가 모두 같은 효과
   라임 배경 + 검정 글씨 + 살짝 떠오름 + 글로우. 카카오/수신동의는 ID 선택자 규칙이 호버를 덮어써서 따로 지정 */
.mbd-cta-btn:hover,
.mbd-cta-btn:focus-visible,
#mbd-sec-optin .mbd-cta-btn:hover,
#mbd-sec-optin .mbd-cta-btn:focus-visible,
#mbd-sec-kakao .mbd-cta-btn:hover,
#mbd-sec-kakao .mbd-cta-btn:focus-visible {
    background-color: #a9e83f;
    color: #000;
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 8px 24px rgba(198, 255, 91, 0.65);
}

/* 카테고리 카드 상품명: 한 줄짜리 이름 아래 빈 줄(min-height 2줄 확보)을 없애 가격과의 간격을 좁힘 */
.smash-category__name { min-height: 0; }

/* 상품 아이콘(신상/베스트 등): 썸네일 왼쪽 위에 겹쳐 표시 */
.smash-category__thumb { position: relative; }
.smash-category__icons { position: absolute; top: 10px; left: 10px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; pointer-events: none; }
.smash-category__icons img { display: block; width: auto; max-width: 44px; height: auto; }
@media (max-width: 767px) {
    .smash-category__icons { top: 6px; left: 6px; gap: 3px; }
    .smash-category__icons img { max-width: 30px; }
}