.goods_suggestion_head{padding: 0 2% 2%  2%; background: linear-gradient(279deg, #7EA7FF 5.77%, #658EF9 27.61%, #4B75F2 49.46%, #5561F9 71.3%, #5F4DFF 93.14%); border-radius: 20px;}

.goods_suggestion_head>.goods_suggestion_head_title_wrap{display: flex; padding: 30px 0;}
.goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title{width: 100%; font-size: 2.5rem; color: white; font-weight: 200; display: flex; align-items: center;}
.goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title::after{content: ''; height: 1px; border-top: 1px solid #fff; margin: 0 20px; display: block; align-self: center; flex-grow: 1;}
.goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title>p>span{display: inline-block; overflow: hidden; font-weight: 800; vertical-align: bottom;}
.goods_suggestion_head_category{width: 60%; padding: 10px; background: var(--white); border-radius: 300px; overflow: hidden; position: relative;}
.goods_suggestion_head_category::before{content: ''; width: 10px; height: 100%; background: var(--white); position: absolute; top: 0; left: 0; z-index: 99;}
.goods_suggestion_head_category::after{content: ''; width: 10px; height: 100%; background: var(--white); position: absolute; top: 0; right: 0; z-index: 99;}
.goods_suggestion_head_category>ul{/*width: 2000%;*/ display: flex; /*position: absolute; top: 50%; transform: translateY(-50%);*/}
.goods_suggestion_head_category>ul>li{width: auto; height: auto; margin: 0 10px; align-content: center;}
.goods_suggestion_head_category>ul>li:nth-of-type(1){margin-left: 0;}
.goods_suggestion_head_category>ul>li>button{color: var(--point-blue-1);}
/* .goods_suggestion_head_category>ul>li.category_select{padding: 5px 8px; background-color: var(--point-blue-1); border-radius: 300px; }
.goods_suggestion_head_category>ul>li.category_select>button{color: var(--white);} */
.goods_suggestion_head_category>ul>li.swiper-slide-active{padding: 5px 8px; background-color: var(--point-blue-1); border-radius: 300px; }
.goods_suggestion_head_category>ul>li.swiper-slide-active>button{color: var(--white);}

.goods_suggestion_head_title_wrap>.goods_suggestion_head_category>ul>li.preRemoveElement{margin-left: -10px}

.goods_suggestion_head_goods_wrap{width: 100%; background-color: var(--white); border-radius: 20px; overflow: hidden;}
.goods_suggestion_head_goods_wrap .prd_wrap{width: 100%;}
.goods_suggestion_head_goods_wrap .product_list{width: 100%; margin: unset;}
.goods_suggestion_head_goods_wrap .product_list.hide{display: none}
.goods_suggestion_head_goods_wrap .product_list li{padding-top: 0.94em; padding-bottom: unset;}
.goods_suggestion_head_goods_wrap .product_list li a .desc_wrap{min-height: 10lh;}

@media screen and (max-width: 1400px) {
    .goods_suggestion_head_category{width: 40%;}
    .goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title{font-size: 2rem;}
}

@media screen and (max-width: 1280px) {
    .goods_suggestion_head_goods_wrap .product_list{flex-wrap: nowrap;}
}

@media screen and (max-width: 760px) {
    .goods_suggestion_head{padding: 0 3.5% 3.5% 3.5%;}

    .goods_suggestion_head>.goods_suggestion_head_title_wrap{padding: 20px 0; flex-direction: column; align-items: center;}
    .goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title{margin-bottom: 15px; justify-content: center;}
    .goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title::after{display: none;}
    .goods_suggestion_head>.goods_suggestion_head_title_wrap>.goods_suggestion_head_title>p>span{margin-top: 5px; text-align: center; display: block;}

    .goods_suggestion_head_category{width: 100%; padding: 5px;}

    /* 1280px 이하는 한줄에 상품 리스트 2개 이므로 3번째부터 숨김 */
    .goods_suggestion_article>.goods_suggestion_article_product .product_list li:nth-of-type(n+3){height: 0; padding: 0;}
}

.goods_suggestion_article{margin-top: 5%}
.goods_suggestion_article:has(.goods_suggestion_event){display: flex;}
.goods_suggestion_article:has(.goods_suggestion_event)>div{flex-basis: 0;}
.goods_suggestion_article_title_wrap{margin-bottom: 20px; display: flex;}
.goods_suggestion_article_title{width: 100%; font-size: 1.5rem; color: var(--point-blue-1); font-weight: 200; display: flex;}
.goods_suggestion_article_title::after{content: ''; height: 1px; border-top: 1px solid var(--point-blue-1); margin: 0 20px; display: block; align-self: center; flex-grow: 1;}
.goods_suggestion_article_title>p>span{font-weight: 600;}
.goods_suggestion_article_title_wrap button{width: 1.7rem; height: 1.7rem; background: var(--point-blue-1); border-radius: 300px; position: relative; display: flex; justify-content: center; align-items: center;}
.goods_suggestion_article_title_wrap button svg{width: 50%; height: 50%;}
.goods_suggestion_article_title_wrap button span{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); font-family: 'Pretendard'; font-size: 1.7rem; font-weight: 700; color: var(--white);}

@media screen and (max-width: 760px) {
    .goods_suggestion_article{margin-top: 80px}
}

.goods_suggestion_event{margin-right: 5%; overflow: hidden; flex-grow: 0.75;}
.goods_suggestion_recent{flex-grow: 1; width: 40%;}

.goods_suggestion_event_aritcle{border-radius: 18px;}
.goods_suggestion_exhibit li img{width: 100%; aspect-ratio : 40 / 23; display: block; object-fit: cover;}

/* 이벤트 배너 카드 + 오버레이 — 홈 .c-cp-banner__slide 룩 미러(흰색 chip/title/body, thumb_banner 값 있을 때만 노출). goodsRecommendation event 영역 전용 스코프 */
.goods_suggestion_event_aritcle .c-cp-banner__card{display:block; position:relative; border-radius:18px; overflow:hidden; background:var(--mono-7, #EEEEEE);}
.goods_suggestion_event_aritcle .c-cp-banner__image{width:100%; aspect-ratio:40 / 23; display:block; object-fit:cover;}
.goods_suggestion_event_aritcle .c-cp-banner__overlay{position:absolute; inset:0; display:flex; flex-direction:column; padding:28px 30px; box-sizing:border-box; pointer-events:none;}
.goods_suggestion_event_aritcle .c-cp-banner__chip{align-self:flex-start; display:inline-flex; align-items:center; height:24px; padding:0 12px; border-radius:20px; background:rgba(255,255,255,.22); color:#fff; font-size:12px; font-weight:700; line-height:1; letter-spacing:-.16px; white-space:nowrap;}
.goods_suggestion_event_aritcle .c-cp-banner__title{margin:auto 0 0; color:#fff; font-size:24px; font-weight:800; line-height:1.28; letter-spacing:-.48px; word-break:break-all; white-space:pre-line; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.goods_suggestion_event_aritcle .c-cp-banner__body{margin:6px 0 0; color:#fff; opacity:.9; font-size:13px; font-weight:400; line-height:1.3; letter-spacing:-.16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.goods_suggestion_event>.index_button{margin-top: 15px; display: flex; justify-content: center; align-items: center;}
.goods_suggestion_event>.index_button>button{width: 15px; height: 15px; background-color: #eee; border-radius: 1000px; margin: 0 5px; opacity: 1; transition: all 0.3s ease;}
.goods_suggestion_event>.index_button>button.swiper-pagination-bullet-active{width: 45px; background-color: var(--point-blue-1);}

.goods_suggestion_recent>.goods_suggestion_article_product{width: 100%; }
.goods_suggestion_recent>.goods_suggestion_article_product>div{width: 100%; overflow: hidden;}
.goods_suggestion_recent>.goods_suggestion_article_product .product_list{flex-wrap: nowrap;}
.goods_suggestion_recent>.goods_suggestion_article_product .product_list li{width: calc(32.5% - 0.94em); padding-right: unset; padding-left: unset; margin: 0 0.94em;}
.goods_suggestion_recent>.goods_suggestion_article_product:has(.noLogin, .noPurchaseList){height: calc(100% - (1.5rem + 20px)); align-content: center;}
.goods_suggestion_recent>.goods_suggestion_article_product .noLogin{display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
.goods_suggestion_recent>.goods_suggestion_article_product .noLogin svg{max-width: 110px; height: 100%;}
.goods_suggestion_recent>.goods_suggestion_article_product .noLogin svg path{fill: var(--point-blue-1);}
.goods_suggestion_recent>.goods_suggestion_article_product .noLogin p{margin-top: 30px; color: var(--point-blue-1); font-size: 1.4rem;}
.goods_suggestion_recent>.goods_suggestion_article_product .noPurchaseList p{color: var(--point-blue-1); font-size: 1.4rem; text-align: center}
.goods_suggestion_recent>.goods_suggestion_article_product .hide{display: none;}

@media screen and (max-width: 1510px) {
    .goods_suggestion_event{flex-grow: 1;}
    .goods_suggestion_recent>.goods_suggestion_article_product .product_list li{width: calc(50% - 0.94em);}
}

@media screen and (max-width: 760px) {
    .goods_suggestion_article:has(.goods_suggestion_event){flex-direction: column;}
    .goods_suggestion_article:has(.goods_suggestion_event)>div{width: 100%; flex-basis: auto; flex-grow: unset;}
    .goods_suggestion_event{margin-right: unset;}

    .goods_suggestion_recent{margin-top: 80px;}
    .goods_suggestion_recent>.goods_suggestion_article_product .product_list li{width: 50%; padding: 10px 6px; margin: unset;}
    .goods_suggestion_recent>.goods_suggestion_article_product .noLogin svg{max-width: 60px;}

    .goods_suggestion_event_aritcle .c-cp-banner__overlay{padding:20px 22px;}
    .goods_suggestion_event_aritcle .c-cp-banner__title{font-size:20px; letter-spacing:-.4px;}
    .goods_suggestion_event_aritcle .c-cp-banner__body{font-size:12px;}
}

.goods_suggestion_article>.goods_suggestion_article_title_wrap .minus{display: none;}
.goods_suggestion_article>.goods_suggestion_article_product{overflow: hidden;}
.goods_suggestion_article>.goods_suggestion_article_product .product_list li{overflow: hidden; transition: all 0.5s ease;}

@media screen and (min-width: 1280px) {
    /* 1280px 이상은 한줄에 상품 리스트 5개 이므로 6번째부터 숨김 */
    .goods_suggestion_article>.goods_suggestion_article_product .product_list li:nth-of-type(n+6){height: 0; padding: 0;}
}

@media screen and (max-width: 1280px) {
    /* 1280px 이하는 한줄에 상품 리스트 4개 이므로 5번째부터 숨김 */
    .goods_suggestion_article>.goods_suggestion_article_product .product_list li:nth-of-type(n+5){height: 0; padding: 0;}
}

@media screen and (max-width: 950px) {
    /* 1280px 이하는 한줄에 상품 리스트 3개 이므로 4번째부터 숨김 */
    .goods_suggestion_article>.goods_suggestion_article_product .product_list li:nth-of-type(n+4){height: 0; padding: 0;}
}
@media screen and (max-width: 760px) {
    /* 1280px 이하는 한줄에 상품 리스트 2개 이므로 3번째부터 숨김 */
    .goods_suggestion_article>.goods_suggestion_article_product .product_list li:nth-of-type(n+3){height: 0; padding: 0;}
}

.goods_suggestion_exhibit ul{display: flex;}
.goods_suggestion_exhibit li{width: 33.3%; margin-right: 2%;}
.goods_suggestion_exhibit li:nth-last-of-type(1){margin-right: unset;}
.goods_suggestion_exhibit li img{border-radius: 10px;}

/* 기획전 썸네일 카드 + 오버레이 — 홈 c-cp-banner / 이벤트 배너와 동일 룩(흰색 chip/title/body, thumb_banner 값 있을 때만 노출). 3-up(33.3%) 썸네일에 맞춰 폰트 축소(이벤트리스트 sub.css 33% 단계 동치) */
.goods_suggestion_exhibit .c-cp-banner__card{display:block; position:relative; border-radius:10px; overflow:hidden; background:var(--mono-7, #EEEEEE);}
/* (시안 우측 기준) title+body 를 최하단에 붙이지 않고 위로 올림(bottom padding 확대) + 폰트 확대. chip 은 상단 고정. */
.goods_suggestion_exhibit .c-cp-banner__overlay{position:absolute; inset:0; display:flex; flex-direction:column; padding:24px 28px 26px; box-sizing:border-box; pointer-events:none;}
.goods_suggestion_exhibit .c-cp-banner__chip{align-self:flex-start; display:inline-flex; align-items:center; height:22px; padding:0 11px; border-radius:14px; background:rgba(255,255,255,.22); color:#fff; font-size:12px; font-weight:700; line-height:1; letter-spacing:-.16px; white-space:nowrap;}
.goods_suggestion_exhibit .c-cp-banner__title{margin:auto 0 0; color:#fff; font-size:22px; font-weight:800; line-height:1.32; letter-spacing:-.44px; word-break:break-all; white-space:pre-line; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.goods_suggestion_exhibit .c-cp-banner__body{margin:8px 0 0; color:#fff; opacity:.9; font-size:13px; font-weight:400; line-height:1.4; letter-spacing:-.16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media screen and (max-width: 760px) {
    /* 1280px 이하는 한줄에 상품 리스트 2개 이므로 3번째부터 숨김 */
    .goods_suggestion_exhibit ul{flex-direction: column;}
    .goods_suggestion_exhibit li{width: 100%; margin-right: unset; margin-bottom: 3%;}

    /* 1열 전환 시 썸네일이 콘텐츠 폭으로 커짐 → 오버레이 폰트/여백 확대 */
    .goods_suggestion_exhibit .c-cp-banner__overlay{padding:30px 34px 34px;}
    .goods_suggestion_exhibit .c-cp-banner__chip{height:24px; padding:0 12px; border-radius:16px; font-size:12px;}
    .goods_suggestion_exhibit .c-cp-banner__title{font-size:24px; line-height:1.3; letter-spacing:-.48px;}
    .goods_suggestion_exhibit .c-cp-banner__body{margin-top:10px; font-size:14px;}
}