/* who307 250908 */
.malltail-header * { box-sizing: border-box; } 
.malltail-header { color: var(--primary-black); font-size:1.4rem; background-color: #fff; font-family: var(--font-family); line-height: 1.5; z-index: 998; position: relative; } 

/* ui slider */
.header-slider { position: relative; width: 100%; } 
.header-slider__container { overflow: hidden; border-radius: 1.2rem; padding: 1.6rem 0; } 
.header-slider__prev,.header-slider__next { width: 3.2rem; height: 3.2rem; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer; background-repeat: no-repeat; background-size: 1.6rem; background-position: center; box-shadow: 0 2px 4px 0 #0000000D; border: 1px solid #EEEEEE; background-color: #fff; border-radius: 100%; } 
.header-slider__next { background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_black_r_D.svg); right: -1.8rem; } 
.header-slider__prev { background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_black_l_D.svg); left: -1.8rem; } 
.header-slider__prev--lg,.header-slider__next--lg { width:4.8rem; height:4.8rem; background-size: 2.4rem; } 
.header-slider .swiper-button-disabled { display:none; } 

/* form field */
.header-form__container { position: relative; display: flex; align-items: center; gap: 1rem; } 
.header-form__search { position: absolute; top: 50%; right: .6rem; transform: translate(0, -50%); width: 2.4rem; height: 2.4rem; padding: 1rem; box-sizing: content-box; cursor: inherit; } 
.header-form__search-del { display:none; position: absolute; top: 50%; right: 4.6rem; transform: translate(0, -50%); width: 1.6rem; height: 1.6rem; padding: 1rem; box-sizing: content-box; cursor: pointer; } 
.header-form__input { width:100%; border-radius: 1.2rem; height: 5rem; border: none; padding: 0 1.4rem; font-size: 1.6rem; font-weight: 500; outline: none; color: var(--primary-black); position: relative; background-color: #F7F7F9; flex:1; font-family: var(--font-family); cursor: inherit; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } 
.header-form__input:focus { outline: 1px solid var(--primary-black); color: var(--primary-black); } 
.header-form__input::placeholder { color:#999; } 
.header-form__input--board { width:46rem; border:1px solid #eee; background-color:#fff; height:4.8rem; padding: 0 8.8rem 0 2rem; } 
.header-form__input--search { width:32rem; border:none; background-color:var(--secondary-grey); height:4.8rem; padding:0 6rem 0 2.4rem; border-radius: 99.9rem; } 
.header-form__input--search:focus { outline: none; } 
.header-form__input--search-2 { width:32rem; border:none; background-color:#F4F4F4; height:4.8rem; padding:0 6.8rem 0 1.6rem; border-radius: 1.2rem; } 
.header-form__input--search-2:focus { outline: none; } 
.header-search-icon { display: inline-block; width: 2.4rem; height: 2.4rem; background-size: contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/search_icon_D.svg); background-repeat: no-repeat; } 

/* ui tooltip */
.header-tooltip-container { position: relative; } 
.header-tooltip { background-color: var(--primary-black); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); border-radius: .6rem; padding: .6rem 2.6rem .6rem 1rem; position: absolute; width: max-content; max-width: 350px; z-index: 98; } 
.header-tooltip--top-center { left:50%; bottom: calc(100% + 1.2rem); transform: translateX(-50%); } 
.header-tooltip--right-center { left: calc(100% + 1.2rem); top: 50%; transform: translateY(-50%); } 
.header-tooltip--bottom-center { left:50%; top: calc(100% + 1.2rem); transform: translateX(-50%); } 
.header-tooltip::after { content: ""; position: absolute; bottom: -.5rem; left: 50%; transform: translate(-50%, 0); width: 1.4rem; height: .6rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/tooltip_arrow_D.svg); background-repeat: no-repeat; } 
.header-tooltip--right-center.header-tooltip::after { transform: translateY(-50%) rotate(90deg); top: 50%; bottom: auto; left: -.9rem; } 
.header-tooltip--bottom-center.header-tooltip::after { transform: translateX(-50%) rotate(-180deg); top: -.5rem; bottom: auto; } 
.header-tooltip__text { font-size: 1.2rem; font-weight: 600; color: #fff; } 
.header-tooltip__close { display: inline-block; width: 1.8rem; height: 1.8rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/tooltip_close_D.svg); background-repeat: no-repeat; cursor: pointer; position: absolute; right: .6rem; top: .6rem; } 

/* ui updated dot */
.header-updated-dot { position: relative; display: inline-block; } 
.header-updated-dot::after { content: ""; width: 4px; height: 4px; border-radius: 100%; background-color: var(--primary-blue); position: absolute; top: 0; right: 11px; } 

.malltail-header--fixed .malltail-header__container { position: fixed; top: 0; left: 0; } 
.malltail-header__container { position: relative; padding-bottom: 2rem; width: 100%; background-color: #fff; border-bottom: 1px solid #eee; } 
.header-grid { display: grid; grid-template-columns: minmax(0, 1fr); grid-gap: 2.8rem 0; width: 128rem; margin: 0 auto; } 
.header-grid__row { display: flex; align-items: center; justify-content: space-between; } 
.header-col { flex: 0 auto; display: flex; align-items: center; gap: 1.6rem; } 

.header-address { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); border-bottom: 1px solid #ccc; width: calc(100vw - 15px); position: absolute; left: 50%; transform: translateX(-50%); min-width: 128rem; z-index: 99; top: -18rem; background-color: #fff; transition: top .5s; } 
.header-address--active { top: 0; } 
.header-address .header-slider__next { right: -4.8rem; } 
.header-address .header-slider__prev { left: -4.8rem; } 
.header-center__button { background-image: url(//cdn.malltail.com/goods_img/contents/index/header_center_button_D.svg); background-size: contain; width: 21rem; height: 5.2rem; font-weight: 600; cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; line-height: 5rem; } 
.header-center__arrow { background-image:url(//cdn.malltail.com/goods_img/contents/index/header_center_arrow_D.svg?date=250909); width: 1.7rem; height: 1.6rem; display: inline-block; background-size: contain; vertical-align: -.3rem; margin-left: .2rem; } 
.header-center__button--active .header-center__arrow { transform: scaleY(-1); } 
.header-center__container { display: flex; max-width: 128rem; margin: 0 auto; } 
.header-center__item { text-align: center; padding: 1.6rem 1.14rem; border-radius: 1.6rem; background-color: #fff; color: var(--primary-black); display: flex; flex-direction: column; gap: 1.2rem; width: fit-content; font-size: 1.4rem; align-items: center; border: 1px solid transparent; } 
.header-center__item--active { border: 1px solid var(--primary-blue); } 
.header-center__name { font-weight: 600; } 
.header-center__country { color: #888; font-weight: 500; font-size: 1.2rem; } 
.header-center__status { height: 2rem; border-radius: 99.9rem; border: none; font-size: 1rem; font-weight: 700; color: #999; background-color: #EEE; width: fit-content; display: flex; padding: 0 .6rem; align-items: center; } 
.header-center__status--active { color: var(--primary-black); background-color: #fff; border: 1px solid #333; } 
.header-center .center-new-badge { position: absolute; top: -1.7rem; left:50%; transform: translateX(-50%); } 
.center-new-badge { border-radius: 0 0 8px 8px; background-color: var(--primary-black); color: #fff; height: 2rem; font-size: 1rem; font-weight: 700; padding: 0 .8rem; display: flex; align-items: center; justify-content: center; } 

.realtime-rank { width: 38.4rem; position: relative; margin-left: -1.6rem; z-index: 1; } 
.realtime-rank__container { border-radius: 1.2rem; padding: 1.6rem 3.8rem 1.6rem 1.6rem; background-color: #fff; display: flex; align-items: center; justify-content: space-between; } 
.realtime-rank__container::after { content: ""; background-image: url(//cdn.malltail.com/goods_img/contents/index/realtime_rank_arrow_M.svg); background-repeat: no-repeat; width: 1.6rem; height: 1.6rem; position: absolute; right: 1.2rem; top: 50%; transform: translateY(-50%); } 
.realtime-rank__title { display: inline-flex; gap: .6rem; align-items: center; line-height: 1; font-weight: 600; color: var(--primary-red); font-size: 1.4rem; flex: 0 0 auto; z-index: 1; } 
.realtime-rank__icon { width: 2rem; height: 2rem; background-image: url(//cdn.malltail.com/goods_img/contents/index/realtime_rank_icon_M.svg); background-repeat: no-repeat; display: inline-block; } 
.realtime-rank__date { font-size: 1.2rem; color: #999; font-weight: 500; display: none; z-index: 1; } 
.realtime-rank__slider { height: 2rem; overflow: hidden; padding-left: .6rem; flex: 1 auto; z-index: 1; } 
.realtime-rank__item { display: flex; align-items: center; gap: .6rem; } 
.realtime-rank__num { font-weight: 700; color: var(--primary-red); min-width: 1.2rem; text-align: center; } 
.realtime-rank__subject { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } 

.realtime-rank--active .search-keyword { display: block!important; } 
.realtime-rank--active .realtime-rank__container::after { display: none; } 
.realtime-rank--active .realtime-rank__slider { display:none; } 
.realtime-rank--active .realtime-rank__date { display:block!important; } 

.realtime-rank .search-keyword { position: absolute; padding-top: 4.8rem; top: 0; left: 0; background-color: #fff; filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.08)); border-radius: 0 0 16px 16px; display: none; } 

.search-keyword--basic { display: grid; grid-gap: 3.2rem; grid-template-columns: 18rem auto; } 
.search-keyword--basic .search-keyword__list { padding: 0; display: flex; flex-direction: column; gap: .8rem; margin-top: 1.6rem; } 
.search-keyword--basic .search-keyword__item { border: none!important; padding: 0; gap: .4rem; align-items: center; height: 2rem; position: relative; } 
.search-keyword--basic .search-keyword__num { color: var(--primary-black); font-size: 1.6rem; width: 2rem; flex: 0 0 2rem; text-align: left; margin-top: 2px; } 
.search-keyword--basic .search-keyword__subject { } 
.search-keyword__status { font-size: 1.2rem; position: relative; margin-left: auto; min-width: 16px; flex: 0 0 auto; text-align: right; } 
.search-keyword__status--up { background-image: url(//cdn.malltail.com/goods_img/contents/index/header_search_status_up_D.svg); background-repeat: no-repeat; background-position: 0 50%; background-size: 8px; color: var(--primary-red); } 
.search-keyword__status--down { background-image: url(//cdn.malltail.com/goods_img/contents/index/header_search_status_down_D.svg); background-repeat: no-repeat; background-position: 0 50%; background-size: 8px; color: var(--primary-blue); } 
.search-keyword__status--keep { width: 8px; height: 1px; border-radius: 3px; background-color: #aaa; min-width: fit-content; } 
.search-keyword__status--new { color: var(--primary-red); } 
.search-keyword__title-box { display: flex; align-items: center; justify-content: space-between; } 
.search-keyword__title { font-size: 1.6rem; font-weight: 600; } 
.search-keyword__date { color: #999; font-size: 1.2rem; } 
.search-keyword__list { padding: 0 2rem 1.6rem 2rem; } 
.search-keyword__item { padding: 1.2rem 0; display: flex; align-items: flex-start; gap: .8rem; line-height: 1.4; } 
.search-keyword__item:not(:last-of-type) { border-bottom: 1px solid #eee; } 
.search-keyword__num { font-weight: 700; color: var(--primary-red); min-width: 1.2rem; text-align: center; } 
.search-keyword__subject { font-size: 1.4rem; font-weight: 400; line-height: 1.4; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-word; -webkit-line-clamp: 1; color:#333; } 

.header-util { display: flex; align-items: center; gap: 2.4rem; } 
.header-util__item { position: relative; } 
.header-util__item:not(:last-of-type)::after { content: ""; width: 1px; height: 1rem; background-color: #BFD0D8; position: absolute; right: -1.25rem; top: 50%; transform: translateY(-50%); } 
.header-util__link { color: #888; } 
.header-util__link--emphasis { color: #111; font-weight: 700; } 

.malltail-logo { background-image:url(//cdn.malltail.com/goods_img/contents/index/header_logo2025_D.svg); width: 14.3rem; height: 3.2rem; display: inline-block; background-size: contain; } 
.header-menu { display: flex; gap: 1.2rem; } 
.malltail-header a:not(.viewed-products a), .header-center__button,.header-center__item, .header-form, .recent-search__delete-all, .recent-search__item, .snb__button { cursor: url(//cdn.malltail.com/goods_img/contents/index/cursor_icon_D.png?date=250910) 0 0, auto; } 
.header-menu__list { display: flex; position: relative; } 
.header-menu__list:not(:last-of-type)::after { content: ""; width: 1px; height: 1.5rem; background-color: #DBDBDB; position: absolute; right: -.8rem; top: 50%; transform: translateY(-50%); } 
.header-menu__item { position: relative; } 
.header-menu__link { font-size: 1.8rem; font-weight: 700; padding: 0 1.6rem; } 
.header-menu__link--active { color: var(--primary-blue); } 
.header-menu__item:hover .header-menu-layer { display: block; } 
.header-menu-layer { position: absolute; left: -1.6rem; width: max-content; display: none; } 
.header-menu-layer--buying { left: -14.4rem; } 
.header-menu-layer--buying .header-menu-layer__container { padding: 3.2rem 4rem; } 
.header-menu-layer__container { border: 1px solid #EEE; background-color: #fff; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.10); border-radius: 2.4rem; padding: 3.2rem; margin-top: 1.85rem; min-width: 16rem; } 
.header-sub-menu { display: flex; flex-direction: column; gap: 1.6rem; font-weight: 500; font-size: 1.6rem; } 
.header-sub-menu__link { position: relative; } 
.header-sub-menu__link:hover { text-decoration-line: underline; text-underline-position: under; } 

.header-searvice-menu__grid { display: grid; grid-gap: 8rem; grid-template-columns: auto auto; } 
.header-searvice-menu__column { display: flex; flex-direction: column; gap: 1.6rem; } 
.header-searvice-menu__name { font-weight: 600; font-size: 1.6rem; color: var(--primary-blue); display: flex; align-items: flex-start; gap: .4rem; width: fit-content; } 
.header-searvice-menu__arrow { width: 24px; height: 24px; background-image: url(//cdn.malltail.com/goods_img/contents/index/arrow_rounded_right_sm_D.svg); background-size: 24px; display: inline-block; } 
.header-searvice-menu__name .header-searvice-menu__arrow { filter: invert(46%) sepia(75%) saturate(4946%) hue-rotate(206deg) brightness(98%) contrast(102%); } 
.header-searvice-menu__list { display: flex; gap: 4.8rem; align-items: flex-start; } 
.header-searvice-menu__cate { display: flex; flex-direction: column; gap: .8rem; } 
.header-searvice-menu__cate--highlighted .header-searvice-menu__item { font-weight: 500; color:var(--primary-black); font-size: 1.6rem; } 
.header-searvice-menu__item { display: inline-flex; gap: .8rem; align-items: center; color: #888; font-size: 1.4rem; } 
.header-searvice-menu__item:hover { color:var(--primary-black); } 
.header-searvice-menu__item--highlighted { font-size: 1.6rem; font-weight: 500; color: var(--primary-black); gap: .4rem; } 
.header-searvice-menu__item--highlighted:hover { text-decoration-line: underline; text-underline-position: under; } 

.header-flag { width:1.6rem; height:1.6rem; background-size:1.6rem; background-repeat: no-repeat; } 
.header-flag--us { background-image : url(//cdn.malltail.com/goods_img/contents/index/header_flag_us_D.svg) } 
.header-flag--jp { background-image : url(//cdn.malltail.com/goods_img/contents/index/header_flag_jp_D.svg) } 

.header-user { display: flex; gap: 2.4rem; align-items: center; } 
.header-user .header-tooltip { bottom: calc(100% + .6rem); } 
.header-user__item { position: relative; } 
.header-user__item:hover .header-menu-layer { display: block; } 
.header-user .header-menu-layer { min-width: 14.4rem; left: 50%; transform: translateX(-50%); } 
.header-user .header-menu-layer__container { padding: 1.4rem 2rem; } 
.header-user .header-sub-menu { gap: 1.2rem; font-weight: 400; font-size: 1.4rem; } 
.header-user .header-sub-menu__link:nth-of-type(5) { margin-bottom: 1.7rem; } 
.header-user .header-sub-menu__link:nth-of-type(5)::after { content: ""; width: 100%; height: 1px; background-color: #eee; position: absolute; bottom: -1.4rem; left: -2rem; padding: 0 2rem; pointer-events: none; } 

.header-user__item .header-updated-dot::after { right: 1px; } 
.header-icon { display: block; width:2.8rem; height:2.8rem; background-size:contain; } 
.header-icon--alert { background-image : url(//cdn.malltail.com/goods_img/contents/index/header_user_icon1_D.svg) } 
.header-icon--user { background-image : url(//cdn.malltail.com/goods_img/contents/index/header_user_icon2_D.svg) } 
.header-icon--cart { background-image : url(//cdn.malltail.com/goods_img/contents/index/header_user_icon3_D.svg) } 
.header-cart-cnt { font-size: 1rem; color: #fff; font-weight: 700; background-color: var(--primary-blue); aspect-ratio: 1/1; width:14px; height:14px; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; right: -3px; bottom: -3px; border: 2px solid #fff; box-sizing: content-box; } 

.header-search { position: relative; padding-right: 1.6rem; } 
.header-search .header-form__search { right: 1rem; box-sizing: content-box!important; } 

.realtime-layer { position: absolute; right: -4.8rem; top: -5.4rem; display: none; padding: 4rem; z-index: 105; } 
.realtime-layer--show { display: flex; } 
.realtime-layer__container { display: flex; padding: 1.4rem 2.4rem 2.4rem 2.4rem; flex-direction: column; gap: 3.2rem; background-color: #fff; border-radius: 2.4rem; line-height: 1.4; position: relative; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.10); } 
.realtime-layer__icon { width: 4rem; height: 4rem; background-image: url(//cdn.malltail.com/goods_img/contents/index/realtime_rank_icon_lg_M.svg); background-size: contain; background-repeat: no-repeat; position: absolute; top: -2rem; left: 2rem; z-index: 1; display: none; } 

.realtime-layer__header .header-form__input { border: none; outline: none; width: 48.8rem; } 
.realtime-layer__header .header-form__search-del { right: 3.4rem; box-sizing: content-box!important; } 
.realtime-layer__body { display: flex; flex-direction: column; gap: 2.8rem; } 

.recent-search__title-box { display: flex; align-items: center; justify-content: space-between; } 
.recent-search__title { font-size: 1.6rem; font-weight: 600; line-height: 1.5; margin-bottom:0; } 
.recent-search__delete-all { color: #999; font-size: 1.3rem; font-weight: 400; } 
.recent-search__empty { text-align: center; display: none; } 
.recent-search__empty-title { font-size: 1.8rem; font-weight: 600; } 
.recent-search__empty-desc { margin-top: .8rem; color: #888; padding-bottom: .9rem; } 
.recent-search__content { margin-top: 1.6rem; } 
.recent-search__list { display: flex; flex-wrap: wrap; gap: .4rem; } 
.recent-search__item { border-radius: 99px; padding: 0 1.2rem; border: 1px solid #eee; background-color: #fff; height: 2.9rem; display: inline-flex; align-items: center; gap: .2rem; font-size: 1.2rem; font-weight: 500; color: #333; line-height: 1; } 
.recent-search__delete { width: 1.6rem; height: 1.7rem; background-image: url(//cdn.malltail.com/goods_img/contents/index/search_keyword_del_M.svg); background-repeat: no-repeat; background-size: contain; } 

.malltail-snb { position: fixed; z-index: 997; left: min(calc(50% + 872px), calc(100% - 80px)); bottom: 3.2rem; } 
.snb__buttons { display: flex; flex-direction: column; gap: .8rem; } 
.snb__button { border: 1px solid #eee; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); width: 4.8rem; height: 4.8rem; border-radius: 2.4rem; background-size: 2.4rem; background-repeat: no-repeat; background-position: center; } 
.snb__button--viewed-product { background-image:url(https://cdn.malltail.com/goods_img/contents/index/snb_viewd_product_D.svg); } 
.snb__button--shortcut { background-image:url(https://cdn.malltail.com/goods_img/contents/index/snb_shortcut_D.svg); } 
.snb__button--top { background-image:url(https://cdn.malltail.com/goods_img/contents/index/snb_top_btn_D.svg); background-color: var(--primary-black); border: none; } 

.snb-shortcut { border-radius: 2rem; border: 1px solid #EEE; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05); padding: 1.6rem 0; position: absolute; bottom: 0; right: 6.4rem; width: max-content; flex-direction: column; gap: 3.2rem; display: none; } 
.snb-shortcut--show { display: flex; } 
.snb-shortcut__list { padding: 0 2rem; display: flex; flex-direction: column; gap: 1rem; position: relative; } 
.snb-shortcut__list:not(:last-of-type):after { content: ""; width: 100%; height: 1px; background-color: #ECECEC; position: absolute; left: 0; bottom: -1.6rem; } 
.snb-shortcut__item { display: flex; align-items: center; gap: 1.2rem; color: #666; } 
.snb-shortcut__title { font-weight: 600; line-height: 1.4; } 
.snb-shortcut__icon { display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; border-radius: 7px; background-color: var(--secondary-grey); } 
.snb__button--shortcut { transition: transform .5s; } 

.viewed-products { position: fixed; top: 0px; background-color: #fff; z-index: 9999; width: 40.8rem; right: -40.8rem; box-shadow: #0000001a 10px 0px 20px 0px; height: 100%; min-height: 100%; transition: all 0.5s ease 0s; visibility: hidden; } 
.viewed-products--show { right: 0px; visibility: visible; } 
.viewed-products__container { position: relative; } 
.viewed-products__close-btn { position: absolute; right: 1.8rem; top: 2.5rem; cursor: pointer; } 
.viewed-products__title { padding: 18px; border-bottom: 1px solid #eee; font-size: 18px; font-weight: 600; line-height: 27px; } 
.viewed-products__section { padding: 1rem .7rem 0 2rem; overflow-y: scroll; height: calc(100vh - 23.5rem); margin-right: .7rem; margin-top: 1rem; position: relative; display: flex; flex-direction: column; gap: 2rem; } 
.viewed-products__section::-webkit-scrollbar { width: 6px; height:6px; } 
.viewed-products__section::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #ADB1BA; } 
.viewed-products__date-section { border-bottom:1px solid #eee; padding-bottom: 2.4rem; } 
.viewed-products__date { font-size: 1.6rem; font-weight: 600; line-height: 150%; } 
.viewed-products__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 0 1rem; margin-top: 1rem; } 
.viewed-products__banner { text-align: center; padding: 3rem 2rem; } 
.viewed-products__banner img { border-radius: 1rem; } 
.viewed-products__none-data { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.4rem; font-weight: 500; color: rgb(0, 0, 0); } 
.viewed-product-cart-icon { display: inline-block; width: 1.8rem; height: 1.8rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/cart_icon_D.svg); background-repeat: no-repeat; } 

/* viewedproduct card */
.viewed-product-card { position: relative; width: 100%; } 
.viewed-product-card__image-box { position: relative; background-color: #F8F8F8; border-radius: 1.2rem; overflow: hidden; aspect-ratio: 1/1; } 
.viewed-product-card__image { width: 100%; height: 100%; object-fit: fill; object-position: center; max-width: 400px; max-height: 500px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.viewed-product-card__link { display: block; width: 100%; height: 100%; } 
.viewed-product-card__dim { background-color: #00000005; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; pointer-events: none; } 
.viewed-product-card__cart { width: 3.6rem; height: 3.6rem; display: flex; align-items: center; justify-content: center; border: 1px solid #E0E0E0; box-shadow: 0 1px 3px 0 #0000001A; border-radius: 1rem; position: absolute; right: .8rem; bottom: .8rem; background-color: #fff; z-index: 3; cursor: pointer; } 
.viewed-product-card__rank { width: 3.2rem; height: 3.2rem; border-radius: .8rem; position: absolute; top: 1.2rem; left: 1.2rem; font-size: 1.2rem; color: #fff; background-color: var(--primary-black); z-index: 3; display: flex; align-items: center; justify-content: center; font-weight: 600; } 
.viewed-product-card:nth-of-type(n + 4) .viewed-product-card__rank { background-color: #ccc; } 
.viewed-product-card__flag { min-width: 3.8rem; height: 1.8rem; padding: 0 .2rem; display: inline-block; position: absolute; top: 1px; right: 1.8rem; font-weight: 500; font-size: 1.2rem; line-height: 1.8rem; text-align: center; } 
.viewed-product-card__flag--blue { background-color: #E5F1FF; color: var(--primary-blue); } 
.viewed-product-card__flag--red { background-color: #FFE9E7; color: var(--primary-red); } 
.viewed-product-card__purchase-time { display: inline-flex; justify-content: center; align-items: center; background-color: #11111199; border-radius: .8rem; padding: 0 1.2rem; height: 3.2rem; font-size: 1.2rem; font-weight: 600; color: #fff; position: absolute; top: .8rem; left: .8rem; } 
.viewed-product-card__info { margin-top:1rem; } 
.viewed-product-card__brand { margin-bottom: .4rem; font-weight: 600; height: 2.1rem; overflow: hidden; text-overflow: ellipsis; word-break: break-word; white-space: nowrap; } 
.viewed-product-card__brand>img { width: 1.8rem; height: 1.8rem; margin-right: .8rem; vertical-align: text-bottom; } .viewed-product-card__store { color:#888; margin-bottom: .4rem; word-break: break-all; } 
.viewed-product-card__name { height:fit-content; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-word; } 
.viewed-product-card__name .new-icon { margin-left: .6rem; vertical-align: -.2rem; } 
.viewed-product-card__price-box { display: flex; align-items: center; gap:0 .6rem; flex-wrap: wrap; } 
.viewed-product-card__price { font-weight: 700; font-size: 1.8rem; } 
.viewed-product-card__price-customer { flex:0; color:#999; height: 2rem; } 
.viewed-product-card__discount { color: var(--primary-blue); font-size: 1.8rem; } 
.viewed-product-card__currency { font-weight: 700; font-size:1.8rem; } 
.viewed-product-card__currency-toggle { width: 2.4rem; height: 2.5rem; cursor: pointer; } 
.currency-toggle-icon { display: inline-block; width: 2.4rem; height: 2.5rem; background-size:contain; background-image: url(//cdn.malltail.com/goods_img/contents/index/product_price_change_icon_D.svg?date=250716); background-repeat: no-repeat; } 
.viewed-product-card__date { font-weight: 600; color: var(--primary-black); margin-bottom: .4rem; word-break: break-all; } 
.viewed-product-card__date--highlighted { color:var(--primary-blue); } 
.viewed-product-card__util { position: absolute; right: 2rem; top: 2rem; display: none; align-items: center; gap: .8rem; z-index: 2; width: max-content; } 
.viewed-product-card__util--center { top:50%; left:50%; transform:translate(-50%,-50%); width: max-content; } 
.viewed-product-card__util-item { background-color: #fff; border-radius: 99.9rem; box-shadow: 0 2px 12px 0 #0000001A; display: flex; justify-content: center; align-items: center; gap: .4rem; font-weight: 600; min-width: 3.6rem; height: 3.6rem; line-height: 1; } 
.viewed-product-card__util-item--pd { padding:0 1.2rem 0 1.6rem; } 
.viewed-product-card:hover .viewed-product-card__util { display: flex; } 
.viewed-product-card__meta { display: flex; align-items: center; gap: .8rem; margin-top: .4rem; height: 2.4rem; position: relative; } 
.viewed-product-card__meta-item { color: #888; font-weight: 500; font-size: 1.2rem; line-height: 1; display: flex; align-items: center; gap: .4rem; } 
.viewed-product-card__meta-item--right { position: absolute; right:0; } 
.viewed-product-card__review-box { display: flex; gap: .4rem; margin-top: 1.6rem; height: 1.7rem; } 
.viewed-product-card__review-cnt { color: #888; font-size: 1.2rem; font-weight: 500; } 
.viewed-product-card__label-box { display: flex; align-items: center; gap: 1.1rem; margin-top:.4rem; } 
.viewed-product-card__label { color: #888; font-size: 1.2rem; position: relative; } 
.viewed-product-card__label:not(:last-of-type)::after { content: ""; width: .3rem; height: .3rem; border-radius: 100%; position: absolute; right: -.75rem; background-color: #E0E0E0; top: 50%; transform: translateY(-50%); } 

.dimmed-layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 998; } 
.dimmed-layer--show { display: block; } 

.address-modal { width: 600px; position: fixed; top: 80px; left: 50%; transform: translate(-50%, 0px); z-index: 999; display: none; } 
.address-modal--show { display: block; } 
.address-modal__wrapper { padding: 30px; border-radius: 20px; background: #fff; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); } 
.address-modal__close { position: absolute; right: 30px; top: 30px; cursor: pointer; } 
.address-modal__title { color: rgb(0, 0, 0); font-size: 20px; font-style: normal; font-weight: 700; line-height: 150%; margin-bottom: 10px; } 
.address-modal__sub-title { padding: 0px 10px; color: rgb(0, 0, 0); font-size: 16px; font-weight: 600; line-height: 150%; } 
.address-modal__title > strong { font-weight: 700; } 
.address-modal__nation-slider { width: 100%; overflow: hidden; padding-top: 22px; } 
.address-modal__nation-item .location > .arrow { display: none; width: 18px; height: 18px; background-image: url("//img.malltail.com/goods_img/single_malltail/address_arrow_disabled_icon01.png"); background-size: cover; margin-left: 4px; } 
.address-modal__nation-item.is-active .location > .arrow { filter: invert(39%) sepia(83%) saturate(3067%) hue-rotate(344deg) brightness(96%) contrast(103%); -webkit-filter: invert(39%) sepia(83%) saturate(3067%) hue-rotate(344deg) brightness(96%) contrast(103%); } 
.address-modal__nation-list { display: flex; } 
.address-modal__nation-area { position: relative; border-radius: 10px; background: rgb(247, 247, 249); padding: 20px 10px; margin-bottom: 20px; } 
.address-modal__nation-item { width: calc(14.2857%); text-align: center; cursor: pointer; } 
.address-modal__nation-item .location { display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; line-height: 140%; } 
.address-modal__nation-item > .flag { margin-bottom: 6px; display: block; } 
.address-modal__nation-item.is-active .location { color: rgb(255, 67, 48); } 
.address-modal__nation-item .nation-name { color: rgb(136, 136, 136); font-size: 12px; line-height: 140%; } 
.address-modal__nation-item .badgeNew { font-size:10px; color:#fff; font-weight:500; display: inline-flex; align-items: center; justify-content: center; min-width: 33px; line-height: 1; height:16px; padding: 0 4px; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; background-color: #FF4330; position: absolute; left: 50%; top: -21px; transform: translateX(-50%); } 
.address-modal__post-area:not([data-post="ca"]) { display: none; } 
.address-modal__post-area { overflow-y: auto; max-height: calc(100vh - 410px); -ms-overflow-style: none; scrollbar-width: none; } 
.address-modal__post-area::-webkit-scrollbar { width: 0px; } 
.address-modal__post-area::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgb(204, 204, 204); } 
.address-modal__post-area .address-modal__sub-title { margin-bottom: 12px; padding: 0px; } 
.address-modal__post-item .row { border-bottom: 1px solid rgb(238, 238, 238); } 
.address-modal__post-item .row:first-of-type { border-top: 1px solid rgb(238, 238, 238); } 
.address-modal__post-area .address-modal__sub-title > img { width: 18px; border-radius: 99px; margin-right: 6px; margin-top: 2px; } 
.address-modal__post-item .row { border-bottom: 1px solid rgb(238, 238, 238); min-height: 36px; display: flex; } 
.address-modal__post-item .row:first-of-type { border-top: 1px solid rgb(238, 238, 238); } 
.address-modal__post-item .title { background-color: #eee; color: rgb(0, 0, 0); font-size: 14px; font-weight: 600; padding: 0px 14px; display: block; line-height: 36px; width: 100%; } 
.address-modal__post-item .term { background-color: rgb(248, 248, 248); color: rgb(0, 0, 0); font-size: 14px; padding: 7.5px 14px; width: 220px; display: flex; align-items: center; line-height: 150%; } 
.address-modal__post-item .desc { color: rgb(0, 0, 0); font-size: 14px; font-weight: 500; display: flex; align-items: center; width: calc(100% - 220px); padding: 7.5px 14px; line-height: 150%; } 
.address-modal__notice { margin-top: 12px; } 
.address-modal__notice > p { color: rgb(102, 102, 102); font-size: 12px; line-height: 150%; padding-left: 9px; position: relative; } 
.address-modal__notice > p:not(:last-of-type) { margin-bottom: 6px; } 
.address-modal__notice > p::before { content: "※"; position: absolute; left: 0px; top: 0px; } 
.address-modal__pagination { display: flex; position: absolute; right: 10px; top: 20px; } 
.address-modal__pagination .swiper-button-next, .address-modal__pagination .swiper-button-prev { background-image: url("//img.malltail.com/goods_img/single_malltail/main_pagination_arrow01.png"); background-position: 5px 4px; width: 26px; height: 26px; border-radius: 99px; background-size: 16px; border: 1px solid rgb(204, 204, 204); position: relative; margin: 0px; display: block; left: auto; right: auto; background-color: #fff; } 
.address-modal__pagination .swiper-button-prev { transform: scaleX(-1); } 
.address-modal__pagination .swiper-button-next { margin-left: 6px; } 
.address-modal__pagination .swiper-button-next.swiper-button-disabled, .address-modal__pagination .swiper-button-prev.swiper-button-disabled { opacity: 1; } 
.address-modal__pagination .swiper-button-next.swiper-button-disabled::after, .address-modal__pagination .swiper-button-prev.swiper-button-disabled::after { content: ""; width: 16px; height: 16px; opacity: 0.7; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); } 

/* who307 250908 */

.address-modal.is-opened { z-index:1000; } 
.header__layer-black.is-opened { z-index:999; }