@charset "utf-8";
/* ================================
  store.css
  - 스토어 공통
================================ */
/* pc/mobile only */


.store .mobile-only.btn.icon {
	position: fixed;
	top: 3.6rem;
	right: calc(100% - (50% + ((var(--sdcm-screen-max-width) - .2rem) / 2)) + 2rem); /*(전체화면넓이 - (50% + (모바일 화면넓이 / 2)) + 2rem)*/
	z-index:11;
	display: inline-flex;
	width: 3.2rem;
	height: 3.2rem;
}
.store .mobile-only.btn.icon .badge {
	position: absolute;
	top:-6px;
	right: -6px;
	font-size: 1rem;
	font-weight: var(--sdcm-font-weight-bold);
	font-family: 'Paperlogy', 'Pretendard Variable' ;
	width: 1.6rem;
	height: 1.6rem;
}

/* 상품목록 */
.store .banner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	aspect-ratio: 353 / 200;
	width: 100%;
	padding: 2.4rem;
	margin-bottom: 3.2rem;
	border-radius: 1.6rem;
	background-image: url(/images/sdcm/m/img-store-banner-bg-mobile.png);
	background-position: right bottom;
	background-size: cover;
	background-repeat: no-repeat;
}
.store .banner p {
	color: #fff;
	text-shadow: 0 0 4px rgba(0,0,0,0.5);
}
.store .banner .slogan {
	font-size: 2.6rem;
	font-weight: var(--sdcm-font-weight-bold);
	font-family: 'Paperlogy', 'Pretendard Variable' ;
}
.store .banner .text {
	font-size: 1.5rem;
}

.store .prd-list {
	gap: 1.6rem;
}
.store .prd-list .list-group-tit {
	height: 3.2rem;
	font-size: 1.5rem;
	color: var(--sdcm-color-text-basic);
}
.store .prd-list .list-group-tit > p > span {
	font-weight: var(--sdcm-font-weight-bold);
	color: var(--sdcm-color-text-secondary);
}
.store .prd-list .list-group {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* 2열 고정 */
	row-gap: 2.8rem;
	column-gap: 1.3rem;
}
.store .prd-item {
	position: relative;
	flex-direction: column;
	gap: 0;
	border-bottom: none !important;
}
.store .prd-item > a {
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.store .prd-item .img-cont {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;
	margin-bottom: 1.2rem;
	border-radius: .6rem;
}

.store .prd-info .sub {
	font-size: 1.3rem;
	color: var(--sdcm-color-text-subtler);
}
.store .prd-info .tit {
	font-size: 1.5rem;
}
.store .prd-info .price-box {
	display: flex;
	flex-direction: column;
}

.store .prd-info .price-box .org { /*할인전가격*/
	position: relative;
	align-self: flex-start;
	font-size: 1.3rem;
	color: var(--sdcm-color-text-subtler);
	font-weight: var(--sdcm-font-weight-regular);
}
.store .prd-info .price-box .org:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--sdcm-color-text-subtler);

}
.store .prd-info .price-box > div {
	display: flex;
	align-items: center;
	gap:  .4rem;
}
.store .prd-info .price-box > div > p {
	font-weight: var(--sdcm-font-weight-bold);
}
.store .prd-info .price-box .rate { /*할인율*/
	color: var(--sdcm-color-danger-40)
}
.store .prd-info .price-box .price { /*가격*/

}
.store .prd-item .desc-cont {
	justify-content: flex-start;
	gap: 0;
}
.store .prd-item .sub {
	margin-bottom: .2rem;
}
.store .prd-item .tit {
	margin-bottom: .4rem;
}

/* 상품상세 */
.store .prd-info.board-info {
	padding: 2.2rem  0 2.4rem 0;
}
.store .prd-info.board-info > * {
	width: 100%;
	padding: 0 2.4rem;
}

.store .prd-info.board-info .sub {
	font-size: 1.5rem;
	margin-bottom: 4px;
}
.store .prd-info.board-info > .tit {
	font-size: 1.9rem;
	font-weight: var(--sdcm-font-weight-semibold);
	padding-bottom: 1.6rem;
}
.store .prd-info.board-info .price-box {
	width: 100%;
	padding-bottom: 2.4rem;
	/* box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.08); */
}
.store .prd-info.board-info .price-box > div > p {
	font-size: 1.9rem;
}

.tab > ul {
		overflow: hidden;
		padding: 0 var(--sdcm-contents-padding-x);
	}
.tab > ul:before {
	content:'';
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 0.1rem;
	background-color: #D9D9D9;
}
.tab .btn-tab {
	--sdcm-tab--button-color-text: #667C99;
	--sdcm-tab--button-size-height: 4rem;
	--sdcm-tab--full-button-size-height: 4rem;

	font-size: 1.5rem;
	font-weight: var(--sdcm-font-weight-regular);
}
.tab.line .btn-tab:before {
	height: 0.3rem;
	background-color: var(--sdcm-color-primary-50);
}
.tab.line.full .btn-tab {
	border-bottom: 1px solid transparent;
	font-size: 1.5rem;
}
.tab.line .active .btn-tab {
	--sdcm-tab--line-button-color-text-active: var(--sdcm-color-text-basic);
	font-weight: var(--sdcm-font-weight-medium);
}

.board-info {
	position: relative;
	z-index: 1;
}

.store .board-conts .tab {
	position: sticky;
	top: 0;
	padding-top: 1rem;
	background-color: #fff;
	transition: var(--sdcm-transition-base);
}
.store .board-conts .tab .btn-tab {
	max-width: 14rem;
}

.store .accordion .accordion-item.active .accordion-collapse {
	max-height: none;
}

.store .board-conts {
	padding-bottom: 0;
}

.store .board-conts .accordion {
	--sdcm-accordion--padding: calc(2rem - var(--sdcm-accordion--list-margin-y));
	--sdcm-accordion--line-padding: var(--sdcm-accordion--padding);
}
.store .board-conts .accordion .accordion-item .btn-accordion {
	padding-left: 2.4rem;
	font-size: 1.5rem;
	font-weight: var(--sdcm-font-weight-medium);
}
.store .board-conts .accordion.type-line .accordion-item .accordion-body {
	padding: 1.6rem 2.4rem;
	font-size: 1.5rem;
}
.store .table-wrap + .table-wrap {
	margin-top: 2.4rem;

}
.store .table-wrap .table-top {
	margin-bottom: 1rem;
}
.store .table-wrap .table-top .table-tit {
	font-weight: var(--sdcm-font-weight-semibold);
}
.store .table th,
.store .table td {
	padding: 1rem;
	border: 1px solid var(--sdcm-color-border-gray-light);
}
.store .table th {
	background-color: var(--sdcm-color-gray-5);
}

.store .dot li:after {
	top: 0.8rem;
}

.store .prd-info.board-info > .form-group {margin-bottom: 1rem;}

.selected-box {
	display: flex;
	flex-direction: column;
	padding: 0 1.6rem;
	border: 1px solid var(--sdcm-color-border-gray-light);
	border-radius: .8rem;
}
.selected-box .selected-item {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	padding: 2rem 0;
}
.selected-box .selected-item + .selected-item {
	border-top: 1px solid var(--sdcm-color-border-gray-light);
}
.selected-box .selected-item .tit {
	padding: 0;
	font-size: 1.5rem;
	font-weight: var(--sdcm-font-weight-medium);
}
.selected-box .selected-item > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.selected-box .selected-item .price {
	font-size: 1.5rem;
	font-weight: var(--sdcm-font-weight-medium);
}
.selected-box .selected-item .btn-delete {
	position: absolute;
	top: 2rem;
	right: 0;
	z-index: 1;
}

.stepper {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--sdcm-color-border-gray-light);
	border-radius: .6rem;
	background-color: #fff;
}
.stepper > * {
	width: 3.2rem;
	height: 3.2rem;
}
.stepper > button {
	display: flex;
	align-items: center;
	justify-content: center;
}
.stepper > button:disabled {
	opacity: 0.3;
}
.stepper > input {
	font-size: 1.3rem;
	text-align: center;
}

.total-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	font-size: 1.5rem;
	margin-top: 2.4rem;
}
.total-wrap .total {
	font-size: 2rem;
	font-weight: var(--sdcm-font-weight-semibold);
	color: var(--sdcm-color-danger-50);
}

/* 주문/결제 */
.store .page-info {
	display: none;
	flex-direction: row;
	align-items:center;
	gap: 2.4rem;
	margin: 0 -2.4rem 1.6rem -2.4rem;
}

.store #btn_back {
	width: 4.4rem;
	height: 4.4rem;
	border-radius: 50px;
}

.store .breadcrumb {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
	font-size: 1.5rem;
	font-weight: var(--sdcm-font-weight-medium);
	color: var(--sdcm-color-text-subtler);
}
.store .breadcrumb .svg-icon {
	width: 2rem;
	height: 2rem;
	background-color: var(--sdcm-color-gray-10);
}
.store .breadcrumb .active {
	font-weight: var(--sdcm-font-weight-bold);
	color: var(--sdcm-color-text-basic);
}

/* 장바구니 */
.cart .cart-table,
.cart-table .cart-table-body {
	display: flex;
	flex-direction: column;
}
.cart .cart-table-body {
	border-top: .2rem solid var(--sdcm-color-divider-gray-darker);
	border-bottom: .1rem solid var(--sdcm-color-divider-gray-darker);
}
.cart-table .cart-table-row {
	display: flex;
	flex-direction: row;
}
.cart-table .cart-table-th,
.cart-table .cart-table-td {
	display: inline-flex;
	flex: 0 0 auto;
}
.cart-table .cart-table-header {
	margin-bottom: .6rem;
}
.cart-table .cart-table-header .chk-total {
	padding-right: 1.2rem;
}
.cart-table .cart-table-header .chk-total label{
	--sdcm-form-check--mobile-font-size: 1.5rem;
	color: var(--sdcm-color-text-subtle);
}

.cart-table .cart-table-header .chk-selected {
	position: relative;
}
.cart-table .cart-table-header .chk-selected:before {
	content: '';
	position: absolute;
	top: 50%;
	left:0;
	transform:translateY(-50%);
	width: 1px;
	height: 13px;
	background-color: var(--sdcm-color-divider-gray-light);
}

.cart-table .cart-table-header .chk-selected .btn.text {
	--sdcm-button--color-text-text: var(--sdcm-color-text-subtle);
}


.cart-table .cart-item {
	position: relative;
	flex-direction: column;
	padding-bottom: 2rem;
}
.cart-table .cart-table-body > .cart-item:not(:last-child) {
	border-bottom: 1px solid var(--sdcm-color-divider-gray-light);
}
.cart-item .inp-chk.form-check {
	position: absolute;
	top: 2.4rem;
}
.cart-table .cart-item-info  {
	display: flex;
	gap: 2.4rem;
	flex-direction: row-reverse;
	padding: 6rem 0 1.6rem 0;
}
.cart-table .cart-item-info .cart-thumb {
	width: 7.6rem;
	height: 7.6rem;
	border-radius: .6rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: var(--sdcm-color-gray-5);
}
.cart-item-desc {
	flex: 1;
	display: flex;
	flex-direction: column;
	font-size: 1.5rem;
	color: var(--sdcm-color-text-subtle);
	padding: .4rem 1.6rem .4rem 0;
}
.cart-product-name {
	font-weight: var(--sdcm-font-weight-semibold);
	font-size: 1.7rem;
	color: var(--sdcm-color-text-basic);
}
.cart-item-option {
	font-size: 1.3rem;
}
.cart-item-total {
	font-size: 1.9rem;
	font-weight: var(--sdcm-font-weight-semibold);
	color: var(--sdcm-color-text-border);
}
.cart-table .cart-table-td.cart-item-etc {
	align-items: center;
	justify-content: space-between;
}
.cart .payment {
	width: 100%;
	margin-top: 3.2rem;
}
.cart .payment .list-group {
	width: 100%;
	gap: 1.6rem;
}
.cart .payment .list-group li{ /*결제*/
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 1.5rem;
}
.cart .payment .price {
	font-weight: var(--sdcm-font-weight-bold);
}
.cart .payment .list-group li.total {
	font-size: 1.7rem;
}
.cart .payment .total > span {
	font-weight: var(--sdcm-font-weight-bold);
	font-size: 1.9rem;
}
.cart .payment .total .price {
	color: var(--sdcm-color-text-error);
}

/* 주문/결제 */
.pay .contents{padding-bottom: 6rem;}

.pay .list-box.card {
	border: 1px solid var(--sdcm-color-divider-gray-light);
}
.pay .list-box .list-group-tit {
	font-size: 1.5rem;
	font-weight: var(--sdcm-font-weight-semibold);

}
.pay .pay-main .list-box {
	margin-bottom: 2.4rem;
}
.pay .list-box .list-group {
	padding: 1.6rem 0;
}

.pay .delivery { /*배송지*/

}

.pay .delivery .list-group-tit .form-check{
	margin-left: auto;
	font-weight: var(--sdcm-font-weight-regular);
	color: var(--sdcm-color-text-basic);
}

.pay .delivery .tab {
	width: 100%;
}
.pay .delivery .tab > ul{ /*배송지*/
	padding: 0;
}
.pay .delivery .tab-conts {
	padding: 1.6rem 0;
}
.pay .delivery .tab-conts.default ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .4rem;
}
.pay .delivery .tab-conts.default li {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: .4rem;
	flex-wrap: wrap;
	font-size: 1.5rem;
}
.pay .delivery .tab-conts.default .username {
	font-weight: var(--sdcm-font-weight-semibold);
}
.pay .delivery textarea.form-input {
	height: 8rem;
}

.pay .order .list-group { /*주문*/
	gap: 0;
	padding: 0;
}
.pay .order .thumb-list-item {
	padding: 1rem 0;
}
.pay .order .thumb-list-item .img-cont {
	width: 7.6rem;
	height: 7.6rem;
}
.pay .order .thumb-list-item .desc-cont {
	padding: .4rem 0;
	font-size: 1.3rem;
}
.pay .order .thumb-list-item .desc-cont li {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: .4rem;
}
.pay .order .thumb-list-item .tit {
	font-size: 1.5rem;
	font-weight: var(--sdcm-font-weight-bold);
}
.pay .order .thumb-list-item .option {

}
.pay .order .thumb-list-item .price {

}
.pay .order .thumb-list-item .count {

}

.pay .order .list-group .thumb-list-item:not(:last-child) {
    border-bottom: 1px dashed var(--sdcm-color-border-gray-light);
}

.pay .payment { /*결제*/

}
.pay .payment .list-group {
	gap: 1.6rem;
}
.pay .payment .list-group li{ /*결제*/
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 1.5rem;
}
.pay .payment .price {
	font-weight: var(--sdcm-font-weight-bold);
}
.pay .payment .list-group li.total {
	padding-top: 2rem;
	border-top: 1px solid var(--sdcm-color-divider-gray);
	font-size: 1.7rem;
}
.pay .payment .total .price {
	color: var(--sdcm-color-text-error);
	font-size: 1.9rem;
}

.pay .bottom-action-bar p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
	font-size: 1.3rem;
}

.pay .bottom-action-bar > .btn {
	--sdcm-button--color-fill: var(--sdcm-color-primary-50);
	--sdcm-button--color-fill-hover: var(--sdcm-color-primary-60);
	--sdcm-button--color-fill-pressed: var(--sdcm-color-primary-70);
}

/* 약관 및 결제하기 */
 .pay .terms {
 	margin-top: 4rem;
 	display: flex;
 	flex-direction: column;
 	gap: 1rem;
 	font-size: 1.5rem;
 }
 .pay .terms-item {
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
 	align-items: center;
 	gap: 2rem;
 }

 .pay .terms >.btn {
 	--sdcm-button--color-fill: var(--sdcm-color-primary-50);
	--sdcm-button--color-fill-hover: var(--sdcm-color-primary-60);
	--sdcm-button--color-fill-pressed: var(--sdcm-color-primary-70);
 	margin-top: 1.6rem;
 }



.mobile-only {
	display: block;
}
.pc-only {
	display: none !important;
}


/* ================================
  pagination - 스토어용
================================ */

/* 바깥 래퍼: 리스트와 적당한 간격 + 가운데 정렬 */
.store .pagination-wrap {
	margin-top: 2.4rem;
	margin-bottom: 4rem;
	display: flex;
	justify-content: center;
}

/* 실제 페이지네이션 컨테이너 */
.store .pagination {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	font-size: 1.4rem;
}

/* 공통 버튼/링크 스타일 */
.store .pagination a,
.store .pagination button,
.store .pagination span {
	min-width: 3.2rem;
	height: 3.2rem;
	padding: 0 0.8rem;
	border-radius: 999px;
	border: 1px solid var(--sdcm-color-border-gray-light);
	background-color: #fff;
	color: var(--sdcm-color-text-subtler);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	line-height: 1;
	cursor: pointer;
	box-sizing: border-box;
}

/* 현재 페이지(활성) */
.store .pagination .active,
.store .pagination a.active,
.store .pagination span.active {
	border-color: var(--sdcm-color-primary-50);
	background-color: var(--sdcm-color-primary-50);
	color: #fff;
	font-weight: var(--sdcm-font-weight-medium);
}

/* 비활성(이전/다음 막힘 등) */
.store .pagination .disabled,
.store .pagination a.disabled,
.store .pagination button:disabled {
	border-color: var(--sdcm-color-border-gray-light);
	background-color: var(--sdcm-color-gray-5);
	color: var(--sdcm-color-text-subtler);
	opacity: 0.5;
	cursor: default;
}

/* 이전/다음 버튼을 텍스트로 쓸 경우 여백 조금 더 */
.store .pagination .prev,
.store .pagination .next {
	padding: 0 1.2rem;
}

/* 호버 효과 – PC에서만 티 나게 */
@media (hover: hover) {
	.store .pagination a:not(.active):not(.disabled):hover,
	.store .pagination button:not(.active):not(:disabled):hover {
		border-color: var(--sdcm-color-primary-20);
		background-color: var(--sdcm-color-primary-5);
		color: var(--sdcm-color-text-basic);
	}
}

/* 태블릿 이상 → 살짝 키우기 */
@media (min-width: 768px) {
	.store .pagination {
		gap: 0.6rem;
		font-size: 1.5rem;
	}

	.store .pagination a,
	.store .pagination button,
	.store .pagination span {
		min-width: 3.6rem;
		height: 3.6rem;
	}
}

/* 데스크톱 이상 → 레이아웃 넉넉하게 */
@media (min-width: 1024px) {
	.store .pagination-wrap {
		margin-top: 3.2rem;
		margin-bottom: 6rem;
	}

	.store .pagination a,
	.store .pagination button,
	.store .pagination span {
		min-width: 3.8rem;
		height: 3.8rem;
	}
}

/* pagination ul/li를 가로로 배치 */
.store .pagination {
	display: flex;
	justify-content: center;
}

/* PageObject가 만들어주는 <ul> 잡기 */
.store .pagination ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;          /* 숫자 간 간격 */
	padding: 0;
	margin: 0;
	list-style: none;
}

/* li 기본 block + bullet 제거 */
.store .pagination li {
	list-style: none;
}

/* li 안의 a를 버튼처럼 */
.store .pagination li a,
.store .pagination li span {
	min-width: 3.2rem;
	height: 3.2rem;
	padding: 0 0.8rem;
	border-radius: 999px;
	border: 1px solid var(--sdcm-color-border-gray-light);
	background-color: #fff;
	color: var(--sdcm-color-text-subtler);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	line-height: 1;
	cursor: pointer;
	box-sizing: border-box;
}

/* 현재 페이지 */
.store .pagination li.on a,
.store .pagination li.active a {
	border-color: var(--sdcm-color-primary-50);
	background-color: var(--sdcm-color-primary-50);
	color: #fff;
	font-weight: var(--sdcm-font-weight-medium);
}

/* disabled (이전/다음 막힘 상태 등) */
.store .pagination li.disabled a,
.store .pagination li a.disabled {
	border-color: var(--sdcm-color-border-gray-light);
	background-color: var(--sdcm-color-gray-5);
	color: var(--sdcm-color-text-subtler);
	opacity: 0.5;
	cursor: default;
}

/* 이전/다음 버튼이 텍스트일 때 */
.store .pagination li.prev a,
.store .pagination li.next a {
	padding: 0 1.2rem;
}

/* hover 효과 – PC에서만 */
@media (hover: hover) {
	.store .pagination li a:not(.disabled):not(.active):hover {
		border-color: var(--sdcm-color-primary-20);
		background-color: var(--sdcm-color-primary-5);
		color: var(--sdcm-color-text-basic);
	}
}


/* ================================
  pagination - 스토어용
================================ */

/* 바깥 래퍼: 리스트와 적당한 간격 + 가운데 정렬 */
.store .pagination-wrap {
	margin-top: 2.4rem;
	margin-bottom: 4rem;
	display: flex;
	justify-content: center;
}

/* 전체 페이징 컨테이너 */
.store .pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	font-size: 1.4rem;
}

/* 숫자 리스트 래퍼 */
.store .pagination ul.num-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

/* 공통 버튼 스타일 (처음/이전/다음/끝 + 숫자 li) */
.store .pagination p,
.store .pagination li {
	min-width: 3.2rem;
	height: 3.2rem;
	padding: 0 0.8rem;
	border-radius: 999px;
	border: 1px solid var(--sdcm-color-border-gray-light);
	background-color: #fff;
	color: var(--sdcm-color-text-subtler);
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	line-height: 1;
	cursor: pointer; /* ✅ 마우스 올리면 손가락 */
}

/* 현재 페이지(li.selected) 스타일 */
.store .pagination li.selected {
	border-color: var(--sdcm-color-primary-50);
	background-color: var(--sdcm-color-primary-50);
	color: #fff;
	font-weight: var(--sdcm-font-weight-medium);
	text-decoration: underline;      /* ✅ 언더바 */
	text-underline-offset: 0.15em;   /* ✅ 글자와 살짝 띄우기 */
}

/* 비활성 상태 (혹시 disabled 클래스 쓸 경우 대비) */
.store .pagination p.disabled,
.store .pagination li.disabled {
	border-color: var(--sdcm-color-border-gray-light);
	background-color: var(--sdcm-color-gray-5);
	color: var(--sdcm-color-text-subtler);
	opacity: 0.5;
	cursor: default;
}

/* 이전/다음 텍스트 버튼 여백 살짝 더 */
.store .pagination p.first,
.store .pagination p.prev,
.store .pagination p.next,
.store .pagination p.end {
	padding: 0 1.2rem;
}

/* hover 효과 – PC에서만 */
@media (hover: hover) {
	.store .pagination p:not(.disabled):hover,
	.store .pagination li:not(.disabled):hover {
		border-color: var(--sdcm-color-primary-20);
		background-color: var(--sdcm-color-primary-5);
		color: var(--sdcm-color-text-basic);
	}
}

/* 태블릿 이상 → 살짝 키우기 */
@media (min-width: 768px) {
	.store .pagination {
		gap: 0.8rem;
		font-size: 1.5rem;
	}

	.store .pagination p,
	.store .pagination li {
		min-width: 3.6rem;
		height: 3.6rem;
	}
}

/* 데스크톱 이상 → 여백 넉넉 */
@media (min-width: 1024px) {
	.store .pagination-wrap {
		margin-top: 3.2rem;
		margin-bottom: 6rem;
	}

	.store .pagination p,
	.store .pagination li {
		min-width: 3.8rem;
		height: 3.8rem;
	}
}