.pd_info .bookmark:before,
.pd_rel .item .bookmark:before,
.pd_additional .item .bookmark:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    -webkit-mask-image: url("../../images/new/layout/aproicon.svg");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat
}

.pos-1:before {
    -webkit-mask-position: 0% 0
}

.pos-2:before {
    -webkit-mask-position: 2.56% 0
}

.pos-3:before {
    -webkit-mask-position: 5.13% 0
}

.pos-4:before {
    -webkit-mask-position: 7.69% 0
}

.pos-5:before {
    -webkit-mask-position: 10.26% 0
}

.pos-6:before {
    -webkit-mask-position: 12.82% 0
}

.pos-7:before {
    -webkit-mask-position: 15.38% 0
}

.pos-8:before {
    -webkit-mask-position: 17.95% 0
}

.pos-9:before {
    -webkit-mask-position: 20.51% 0
}

.pos-10:before {
    -webkit-mask-position: 23.08% 0
}

.pos-11:before {
    -webkit-mask-position: 25.64% 0
}

.pos-12:before {
    -webkit-mask-position: 28.21% 0
}

.pos-13:before {
    -webkit-mask-position: 30.77% 0
}

.pos-14:before {
    -webkit-mask-position: 33.33% 0
}

.pos-15:before {
    -webkit-mask-position: 35.9% 0
}

.pos-16:before {
    -webkit-mask-position: 38.46% 0
}

.pos-17:before {
    -webkit-mask-position: 41.03% 0
}

.pos-18:before {
    -webkit-mask-position: 43.59% 0
}

.pos-19:before {
    -webkit-mask-position: 46.15% 0
}

.pos-20:before {
    -webkit-mask-position: 48.72% 0
}

.pos-21:before {
    -webkit-mask-position: 51.28% 0
}

.pos-22:before {
    -webkit-mask-position: 53.85% 0
}

.pos-23:before {
    -webkit-mask-position: 56.41% 0
}

.pos-24:before {
    -webkit-mask-position: 58.97% 0
}

.pos-25:before {
    -webkit-mask-position: 61.54% 0
}

.pos-26:before {
    -webkit-mask-position: 64.1% 0
}

.pos-27:before {
    -webkit-mask-position: 66.67% 0
}

.pos-28:before {
    -webkit-mask-position: 69.23% 0
}

.pos-29:before {
    -webkit-mask-position: 71.79% 0
}

.pos-30:before {
    -webkit-mask-position: 74.36% 0
}

.pos-31:before {
    -webkit-mask-position: 76.92% 0
}

.pos-32:before {
    -webkit-mask-position: 79.49% 0
}

.pos-33:before {
    -webkit-mask-position: 82.05% 0
}

.pos-34:before {
    -webkit-mask-position: 84.62% 0
}

.pos-35:before {
    -webkit-mask-position: 87.18% 0
}

.pos-36:before {
    -webkit-mask-position: 89.74% 0
}

.pos-37:before {
    -webkit-mask-position: 92.31% 0
}

.pos-38:before {
    -webkit-mask-position: 94.87% 0
}

.pos-39:before {
    -webkit-mask-position: 97.44% 0
}

.pos-40:before {
    -webkit-mask-position: 100% 0
}

.aproicon {
    font-size: 0;
    display: block;
    transition: all .35s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-property: transform
}

.aproicon:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    -webkit-mask-image: url("../../images/new/layout/aproicon.svg");
    -webkit-mask-size: auto 100%;
    -webkit-mask-repeat: no-repeat;
    background-color: #000;
    transition: all .35s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-property: background-color;
    width: 30px;
    height: 30px
}

.quantity {
    display: flex;
    border-radius: var(--size-radius);
    border: 1px solid var(--color-border);
    align-items: center;
    overflow: hidden;
    position: relative;
    width: 120px;
    margin-left: 15px;
    flex-shrink: 0
}

.quantity div,
.quantity input {
    height: 40px;
    border: none;
    outline: none;
    width: auto;
    flex: 1;
    display: block
}

.quantity input {
    font-size: 1.125rem;
    text-align: center;
    border: none;
    width: 100%;
    color: var(--color-text);
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0)
}

.quantity .less {
    font-size: 1.125rem;
    position: absolute;
    width: 30%;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.quantity .add {
    font-size: 1.125rem;
    position: absolute;
    width: 30%;
    height: 100%;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.download_item_wrap {
    display: flex
}

.download_item_wrap a {
    display: block;
    margin-right: 10px;
    transition: all .35s ease
}

@media(min-width: 1100px) {

    .download_item_wrap a:hover,
    .download_item_wrap a:active {
        transform: scale(1.1)
    }
}

.download_item_wrap span {
    display: block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: all .35s ease
}

@media(min-width: 1500px) {
    .download_item_wrap span {
        width: 45px;
        height: 45px
    }
}

.pd_body_tag_content>div h1,
.pd_body_tag_content>div h2,
.pd_body_tag_content>div h3,
.pd_body_tag_content>div h4,
.pd_body_tag_content>div h5,
.pd_body_tag_content>div h6 {
    font-family: var(--font-family);
    font-size: clamp(18px, 1.25vw, 30px)
}

.pd_body_tag_content>div strong,
.pd_body_tag_content>div strong span {
    font-weight: bold !important
}

.pd_body_tag_content>div table {
    border: 1px solid var(--color-border);
    border-collapse: collapse;
    width: auto !important
}

.pd_body_tag_content>div table caption {
    padding-bottom: .5em;
    font-weight: bold;
    font-size: 1.125em;
    text-align: left;
    background-color: rgba(0, 0, 0, 0) !important
}

.pd_body_tag_content>div table tr {
    border-bottom: 1px solid var(--color-border)
}

.pd_body_tag_content>div table tr:nth-of-type(2n + 1) {
    background-color: #f9f9f9
}

.pd_body_tag_content>div table th,
.pd_body_tag_content>div table td {
    padding: .25em .5em
}

.pd_body_tag_content>div table th:first-of-type,
.pd_body_tag_content>div table td:first-of-type {
    border-left: none
}

@media(min-width: 0)and (max-width: 739px) {
    .pd_body_tag_content>div .table-wrap {
        width: 100%;
        padding-bottom: 1em
    }

    .pd_body_tag_content>div .table-wrap.ori table {
        width: 100% !important
    }

    .pd_body_tag_content>div .table-wrap.scroll {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }

    .pd_body_tag_content>div .table-wrap.scroll table {
        min-width: 500px
    }

    .pd_body_tag_content>div .table-wrap.scroll:after {
        content: "請左右捲動查看表格";
        font-size: 12px;
        color: #999;
        position: sticky;
        left: 0;
        bottom: 0
    }
}

.pd_body_tag_content>div p {
    text-align: justify;
    text-justify: distribute
}

:lang(eng) .pd_body_tag_content>div p {
    text-align: initial
}

.pd_body_tag_content>div em,
.pd_body_tag_content>div em span {
    font-style: italic !important
}

.pd_body_tag_content>div ul {
    list-style: disc;
    padding-left: 1.5em;
    padding-bottom: 2em
}

.pd_body_tag_content>div ul li {
    padding-left: .5em
}

.pd_body_tag_content>div ol {
    list-style: decimal;
    padding-left: 1.5em;
    padding-bottom: 2em
}

.pd_body_tag_content>div ol li {
    padding-left: .5em
}

.pd_body_tag_content>div u,
.pd_body_tag_content>div u span {
    text-decoration: underline !important
}

.pd_body_tag_content>div * {
    font-family: var(--font-family) !important
}

.pd_body_tag_content>div img {
    display: block !important;
    max-width: 100%;
    height: auto !important
}

.pd_body_tag_content>div iframe {
    max-width: 100% !important
}

@media(max-width: 700px) {
    .pd_body_tag_content>div iframe {
        height: 200px !important
    }
}

@media(min-width: 980px) {
    .pd_download .item_container {
        display: flex;
        flex-wrap: wrap
    }
}

.pd_download .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-border);
    padding: 1.87vw 0
}

.pd_download .item .name {
    line-height: 1.25em;
    display: block;
    padding-right: 20px;
    font-weight: bold
}

@media(min-width: 980px) {
    .pd_download .item {
        width: 50%;
        min-width: 50%;
        max-width: 50%;
        position: relative
    }

    .pd_download .item:nth-of-type(2n + 1) {
        padding-right: 6.6%
    }

    .pd_download .item:nth-of-type(2n + 2) {
        padding-left: 6.6%
    }

    .pd_download .item:nth-of-type(2n + 2):before {
        content: "";
        display: block;
        height: 40%;
        width: 1px;
        border-left: 1px solid var(--color-border);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0
    }

    .pd_download .item:last-of-type {
        border-bottom: none
    }

    .pd_download .item:nth-last-of-type(2) {
        border-bottom: none
    }
}

.product_detail {
    overflow: initial;
    padding-top: var(--height-nav-xs)
}

@media(min-width: 740px) {
    .product_detail {
        padding-top: calc(var(--height-nav-xs) + 10px)
    }
}

@media(min-width: 980px) {
    .product_detail {
        padding-top: calc(var(--height-nav-md) + 10px)
    }
}

.product_detail .banner {
    display: none !important
}

@media(min-width: 740px) {
    .product_detail .page_header {
        margin-top: 0;
        padding-top: 10px
    }
}

@media(min-width: 740px) {
    .product_detail .page_header.v3 {
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 20px !important
    }

    .product_detail .page_header.v3 .num {
        display: none
    }
}

@media(min-width: 980px) {
    .product_detail .page_header.v3 {
        padding-top: 20px
    }
}

@media(min-width: 740px) {
    .product_detail .page_header {
        padding-bottom: var(--height-banner-bottom-md);
        padding-bottom: 0
    }
}

.product_detail .tag_header {
    padding-top: 30px
}

@media(min-width: 980px) {
    .product_detail .tag_header {
        padding-top: 5.2vw
    }
}

@media(min-width: 980px) {
    .pd_header {
        display: flex;
        align-items: flex-start;
        position: relative
    }

    .pd_header.v3 .pd_info {
        position: relative
    }

    .pd_header.v3 .pd_info>.fz-A {
        padding-top: 0;
        padding-right: 90px
    }
}

@media(min-width: 980px) {
    .pd_gallery_container {
        width: 54%;
        min-width: 54%;
        max-width: 54%;
        position: sticky;
        left: 0;
        top: 75px
    }
}

@media(min-width: 1100px) {
    .pd_gallery_container {
        width: 48%;
        min-width: 48%;
        max-width: 48%
    }
}

.pd_gallery_container .pd_gallery {
    margin-bottom: clamp(20px, 1.5vw, 30px)
}

.pd_gallery_container .img_container {
    background-size: var(--mode-bgsize-product);
    border-radius: var(--size-radius);
    overflow: hidden;
    background-position: center
}

.pd_gallery_container .img_container:after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%
}

.pd_gallery_container .swiper-button-prev,
.pd_gallery_container .swiper-button-next {
    background-color: rgba(0, 0, 0, 0);
    transform: translateY(-50%)
}

.pd_gallery_container .swiper-button-prev:after,
.pd_gallery_container .swiper-button-next:after {
    color: var(--color-text)
}

.pd_gallery_container .swiper-button-prev:hover,
.pd_gallery_container .swiper-button-next:hover {
    background-color: rgba(0, 0, 0, 0)
}

.pd_gallery_container .swiper-button-prev.swiper-button-disabled,
.pd_gallery_container .swiper-button-next.swiper-button-disabled {
    pointer-events: none !important;
    opacity: 0 !important
}

.pd_gallery_container .swiper-button-prev {
    left: 0
}

.pd_gallery_container .swiper-button-next {
    right: 0
}

.pd_thumbs_container {
    padding-left: 15%;
    padding-right: 15%;
    position: relative
}

.pd_thumbs_container .swiper-button-next,
.pd_thumbs_container .swiper-button-prev {
    background: none;
    background-color: rgba(0, 0, 0, 0) !important
}

.pd_thumbs_container .swiper-button-disabled {
    opacity: .6
}

@media(min-width: 0)and (max-width: 575px) {
    .pd_thumbs_container {
        padding-left: 25px;
        padding-right: 25px
    }

    .pd_thumbs_container .swiper-button-prev {
        left: -15px
    }

    .pd_thumbs_container .swiper-button-next {
        right: -15px
    }
}

.pd_thumbs_container .swiper-slide {
    cursor: pointer
}

.pd_thumbs_container .swiper-slide .img_container {
    position: relative
}

.pd_thumbs_container .swiper-slide .img_container:before {
    transition: all .35s ease;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0;
    background-color: rgba(0, 0, 0, .3)
}

.pd_thumbs_container .swiper-slide:hover .img_container:before {
    content: "";
    background-color: rgba(0, 0, 0, 0);
    border-radius: var(--size-radius)
}

.pd_thumbs_container .swiper-slide.swiper-slide-thumb-active .img_container:before {
    background-color: rgba(0, 0, 0, 0)
}

@media(min-width: 980px) {
    .v3 {
        align-items: flex-start
    }
}

@media(min-width: 980px) {
    .v3 .pd_gallery_container {
        display: flex;
        flex-direction: row-reverse
    }
}

@media(min-width: 1100px) {
    .v3 .pd_gallery_container {
        width: 50%;
        min-width: 50%;
        max-width: 50%
    }
}

@media(min-width: 980px) {
    .v3 .swpiper_pdt_v3 {
        height: auto
    }
}

@media(min-width: 980px) {
    .v3 .pd_thumbs_container {
        width: 50px;
        flex-shrink: 0;
        padding: 0;
        height: 361px;
        overflow: hidden;
        margin-right: 10px
    }

    .v3 .pd_thumbs_container.noarrows .swiper-button-prev,
    .v3 .pd_thumbs_container.noarrows .swiper-button-next {
        display: none !important
    }

    .v3 .pd_thumbs_container .swiper-slide {
        width: 100%;
        height: 58px
    }

    .v3 .pd_thumbs_container .swiper-button-prev,
    .v3 .pd_thumbs_container .swiper-button-next {
        left: 0;
        right: auto;
        top: auto;
        bottom: 0;
        width: 50%;
        height: 35px;
        border-radius: 0;
        margin: 0;
        transform: none
    }

    .v3 .pd_thumbs_container .swiper-button-prev:after {
        font-size: .5vw;
        transform: rotate(90deg)
    }

    .v3 .pd_thumbs_container .swiper-button-next {
        left: auto;
        right: 0
    }

    .v3 .pd_thumbs_container .swiper-button-next:after {
        font-size: .5vw;
        transform: rotate(90deg)
    }

    .v3 .pd_thumbs_container .swiper-container {
        height: 316px
    }
}

@media(min-width: 1500px) {
    .v3 .pd_thumbs_container {
        width: 60px;
        height: 415px;
        margin-right: 20px
    }

    .v3 .pd_thumbs_container .swiper-slide {
        width: 100%;
        height: 68px
    }

    .v3 .pd_thumbs_container .swiper-container {
        height: 370px
    }
}

@media(min-width: 1800px) {
    .v3 .pd_thumbs_container {
        width: 70px;
        height: 480px
    }

    .v3 .pd_thumbs_container .swiper-slide {
        width: 100%;
        height: 78px
    }

    .v3 .pd_thumbs_container .swiper-container {
        height: 435px
    }
}

@media(min-width: 980px) {
    .v3 .pd_gallery {
        width: calc(100% - 70px);
        margin-left: 0;
        flex-shrink: 0
    }
}

@media(min-width: 1500px) {
    .v3 .pd_gallery {
        width: calc(100% - 80px)
    }
}

@media(min-width: 1800px) {
    .v3 .pd_gallery {
        width: calc(100% - 90px)
    }
}

.star_wrap .star {
    display: inline-block
}

.star_wrap .star:last-of-type {
    margin-right: 15px
}

.star_wrap .star:after {
    width: 14px;
    height: 14px;
    margin: -3px 2px 0 0;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url("../../images/new/layout/inpage_iconset.svg");
    background-size: auto 100%;
    background-position: 0% 0
}

.star_wrap .star.active:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url("../../images/new/layout/inpage_iconset.svg");
    background-size: auto 100%;
    background-position: 2.04% 0
}

.comment_header {
    padding-bottom: 1em
}

.comment_header h6 .name {
    font-weight: bold
}

.comment_header h6 .date {
    font-weight: normal;
    padding-left: .5em
}

@media(min-width: 740px) {
    .comment_header .star_wrap {
        transform: translateY(136.5%)
    }
}

@media(min-width: 980px) {
    .comment_header .star_wrap {
        transform: translateY(140%)
    }
}

@media(min-width: 576px) {
    .comment_header {
        display: flex;
        justify-content: space-between
    }
}

.pd_info {
    color: var(--color-text)
}

@media(min-width: 0)and (max-width: 979px) {
    .pd_info {
        padding-top: 40px
    }
}

@media(min-width: 980px) {
    .pd_info {
        width: 41%;
        min-width: 41%;
        max-width: 41%;
        margin-left: 5%
    }
}

@media(min-width: 1100px) {
    .pd_info {
        width: 40.5%;
        min-width: 40.5%;
        max-width: 40.5%;
        margin-left: 11.5%
    }
}

.pd_info>.fz-A {
    padding-top: .2em;
    padding-bottom: 1.7vw
}

.pd_info .label .sticker {
    display: inline-block;
    margin-left: 10px;
    border-radius: 3px;
    padding: .25em 1em;
    line-height: 1.5em;
    font-size: 14px;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: bold;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.pd_info .label .sticker:first-of-type {
    margin-left: 0
}

.pd_info .label .sticker.hot {
    color: var(--color-text-label-hot);
    background-color: var(--color-bg-label-hot)
}

.pd_info .label .sticker.new {
    color: var(--color-text-label-new);
    background-color: var(--color-bg-label-new)
}

.pd_info .desc {
    display: block;
    padding-bottom: 1.7vw;
    text-align: justify;
    text-justify: distribute
}

:lang(eng) .pd_info .desc {
    text-align: initial
}

@media(min-width: 740px) {
    .pd_info .desc {
        font-size: .875rem
    }
}

@media(min-width: 980px) {
    .pd_info .desc {
        padding-bottom: 0;
        margin-bottom: 1.7vw
    }
}

@media(min-width: 1100px) {
    .pd_info .desc {
        width: 100%
    }
}

@media(min-width: 1500px) {
    .pd_info .desc {
        width: 75%
    }
}

@media(min-width: 1800px) {
    .pd_info .desc {
        width: 70%;
        -webkit-line-clamp: 7
    }
}

.pd_info .price-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    justify-content: flex-start
}

@media(min-width: 1500px) {
    .pd_info .price-wrap {
        padding-top: 1vw;
        padding-bottom: 1vw
    }
}

.pd_info .price-wrap .fz-A {
    font-family: var(--font-family-en);
    color: var(--color-price-sp);
    margin-right: 30px
}

.pd_info .price-wrap .orig {
    color: var(--color-price-orig);
    font-weight: bold;
    font-size: 14px;
    font-family: var(--font-family-en);
    flex: auto;
    width: 20%;
    min-width: 20%;
    max-width: 20%;
    text-decoration: line-through
}

@media(min-width: 1100px) {
    .pd_info .price-wrap .orig {
        font-size: 1.25vw
    }
}

.pd_info .price-wrap .discount {
    width: 50%;
    display: block;
    overflow: hidden;
    line-height: 1.2em;
    font-size: 14px;
    text-align: right;
    padding-left: 10%
}

@media(min-width: 0)and (max-width: 575px) {
    .pd_info .price-wrap .discount {
        font-size: 12px
    }
}

.pd_info .btn-share {
    display: flex;
    align-items: center;
    position: relative
}

.pd_info .btn-share .st-remove-label {
    border-radius: 50% !important;
    background-color: var(--color-text) !important;
    margin-right: 10px
}

.pd_info .btn-share .st-remove-label:hover {
    top: 0 !important
}

.pd_info .btn-share .sharethis-inline-share-buttons {
    margin-right: 10px
}

.pd_info .btn-share .sharethis-inline-share-buttons:hover {
    transform: none !important
}

.pd_info .btn-share i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--color-share);
    margin-right: .5em
}

@media(min-width: 0)and (max-width: 575px) {
    .pd_info .btn-share i {
        width: 36px;
        height: 36px
    }
}

.pd_info .btn-share i:after {
    width: 20px;
    height: 20px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url("../../images/new/layout/inpage_iconset.svg");
    background-size: auto 100%;
    background-position: 42.86% 0
}

@media(min-width: 0)and (max-width: 575px) {
    .pd_info .btn-share i:after {
        width: 14px;
        height: 14px
    }
}

.pd_info .commentBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 1vw;
    font-size: 14px
}

@media(min-width: 0)and (max-width: 575px) {
    .pd_info .commentBox {
        flex-direction: column;
        align-items: flex-start;
        padding-top: .5em;
        padding-bottom: .5em
    }
}

@media(min-width: 980px)and (max-width: 1099px) {
    .pd_info .commentBox {
        flex-direction: column;
        align-items: flex-start;
        border-top: 1px solid var(--color-border);
        padding-top: .5em
    }
}

.pd_info .commentBox .buyNum {
    font-size: 14px
}

.pd_info .event_list .event_box {
    border-left: var(--border-event-detail);
    padding-left: 20px;
    color: var(--colot-text-event-detail);
    overflow: hidden;
    transition: all .25s ease-in;
    max-height: 350px
}

.pd_info .event_list .event_box>div {
    border-bottom: 1px solid var(--color-border);
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.5em
}

.pd_info .event_list .event_box>div:first-of-type {
    padding-top: 0
}

.pd_info .event_list .event_box>div:last-of-type {
    padding-bottom: 0;
    border: none
}

@media(min-width: 0)and (max-width: 575px) {
    .pd_info .event_list .event_box {
        font-size: 14px;
        line-height: 1.5em
    }
}

.pd_info .event_list .event_toggle {
    cursor: pointer;
    position: relative;
    padding-right: 50px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    color: #888;
    transition: all .35s ease
}

.pd_info .event_list.simple {
    margin-bottom: 0
}

@media(min-width: 0)and (max-width: 979px) {
    .pd_info .event_list.simple {
        margin-bottom: 20px
    }
}

.pd_info .event_list.simple .event_toggle {
    display: none !important
}

.pd_info .event_list .et_close {
    display: block;
    opacity: 1;
    transition: all .5s ease
}

.pd_info .event_list .et_open {
    display: block;
    opacity: 0;
    position: absolute;
    transition: all .5s ease;
    top: 50%;
    transform: translateY(-50%)
}

.pd_info .event_list .arrow {
    width: 40px;
    height: 40px;
    position: relative
}

.pd_info .event_list .arrow:after,
.pd_info .event_list .arrow:before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background-color: #888;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all .35s ease;
    transition-delay: 0s
}

.pd_info .event_list .arrow:before {
    transform: translateX(3px) rotate(45deg)
}

.pd_info .event_list .arrow:after {
    transform: translateX(-3px) rotate(-45deg)
}

.pd_info .event_list:hover .event_toggle {
    color: #000
}

.pd_info .event_list:hover .arrow:after,
.pd_info .event_list:hover .arrow:before {
    background-color: #000
}

.pd_info .event_list.close .et_close {
    opacity: 0
}

.pd_info .event_list.close .et_open {
    opacity: 1
}

.pd_info .event_list.close .arrow:before {
    transform: translateX(3px) rotate(-45deg);
    transition-delay: .2s
}

.pd_info .event_list.close .arrow:after {
    transform: translateX(-3px) rotate(45deg);
    transition-delay: .2s
}

.pd_info .spec {
    padding-top: 15px
}

@media(min-width: 1500px) {
    .pd_info .spec {
        padding-top: 1.3vw
    }
}

.pd_info .spec .select-container {
    margin-top: .375em;
    margin-bottom: 1em;
    display: flex;
    justify-content: space-between
}

.pd_info .spec select {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    width: 100%;
    height: 40px;
    transition: all .35s ease;
    border: none;
    border-radius: 0;
    font-size: 16px;
    box-sizing: border-box;
    cursor: pointer;
    padding-left: 0;
    background: url("../../images/new/layout/select-arrow-border.svg") no-repeat right center;
    background-size: 12px auto;
    border-bottom: 1px solid var(--color-border);
    color: #000 !important
}

.pd_info .spec select option {
    color: #000
}

.pd_info .spec select:focus {
    outline: none !important
}

.pd_info .spec option {
    display: block;
    line-height: 1.75em;
    padding-left: 0
}

.pd_info .stock-wrap {
    padding-bottom: 20px;
    font-size: 13px;
    color: var(--color-border-dark)
}

.pd_info .stock-wrap .stock {
    font-weight: bold;
    color: var(--color-text)
}

.pd_info .stock-wrap.hide {
    display: none
}

.pd_info .val {
    font-size: 14px;
    display: block;
    padding-top: .375em
}

.pd_info .comment_count {
    display: flex;
    align-items: center
}

.pd_info .comment_count .comment {
    color: #000
}

.pd_info .comment_count a {
    color: #000
}

.pd_info .comment {
    color: #000
}

.pd_info .cart-select {
    padding-top: 18px;
    padding-bottom: 2.29vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(min-width: 0)and (max-width: 979px) {
    .pd_info .cart-select {
        padding-bottom: 35px
    }
}

.pd_info .fn {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px
}

.pd_info .fn .consultation {
    height: clamp(38px, 2.5vw, 50px);
    background-color: #fff;
    border: 1px solid var(--color-border);
    flex: 1;
    margin: 0 0 0 10px;
    width: auto;
    justify-content: center
}

.pd_info .fn .consultation:first-of-type {
    margin-left: 0
}

.pd_info .fn .consultation span {
    color: #333;
    margin: 0 3px;
    font-weight: normal;
    font-size: 15px
}

@media(min-width: 740px) {
    .pd_info .fn .consultation span {
        font-size: 16px
    }
}

@media(min-width: 1100px) {
    .pd_info .fn .consultation:hover {
        background-color: #efefef
    }
}

.section_title.fz-C {
    line-height: 2.5em;
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 2.39vw;
    padding-top: 5.5vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.section_title.fz-C .fn {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.section_title.fz-C .fn.--hide {
    display: none
}

.section_title.fz-C h3 {
    display: block
}

.section_title.fz-C .swiper-pagination {
    position: static;
    width: max-content;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .875em;
    margin: 0;
    transform: none
}

.section_title.fz-C .swiper-button-prev,
.section_title.fz-C .swiper-button-next {
    position: static;
    height: 22px;
    width: 23px;
    background-color: var(--color-main);
    margin: 0;
    transform: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -1px
}

.section_title.fz-C .swiper-button-prev:before,
.section_title.fz-C .swiper-button-prev:after,
.section_title.fz-C .swiper-button-next:before,
.section_title.fz-C .swiper-button-next:after {
    font-size: 8px;
    color: #fff
}

.section_title.fz-C .swiper-button-prev {
    margin-right: 10px
}

.section_title.fz-C .swiper-button-next {
    margin-left: 10px
}

.pd_body_tag_content>div {
    opacity: 1;
    pointer-events: initial;
    display: inline-block
}

.pd_body_tag_content p {
    padding-bottom: 1em
}

.pd_body_tag_content img {
    display: block;
    max-width: 100%;
    height: auto !important
}

.pd_back_wrap {
    display: flex;
    justify-content: center;
    padding-top: 3.3vw;
    padding-bottom: 3.95vw;
    border-bottom: 1px solid var(--color-border)
}

@media(min-width: 0)and (max-width: 979px) {
    .pd_back_wrap {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.pd_comment .item:nth-child(2) {
    margin-bottom: 2.08vw;
    padding-bottom: 2.08vw;
    border-bottom: 1px solid var(--color-line-comment)
}

@media(min-width: 0)and (max-width: 739px) {
    .pd_comment .item:nth-child(2) {
        margin-bottom: 20px;
        padding-bottom: 20px
    }
}

.pd_comment p {
    display: block;
    font-size: 14px
}

@media(min-width: 740px) {
    .pd_comment p {
        width: 80%
    }
}

@media(min-width: 1500px) {
    .pd_comment p {
        width: 72%
    }
}

@media(min-width: 1800px) {
    .pd_comment p {
        width: 68%
    }
}

.pd_rel,
.pd_additional {
    padding-top: 2.08vw;
    padding-bottom: 4vw;
    position: relative
}

@media(min-width: 0)and (max-width: 739px) {

    .pd_rel,
    .pd_additional {
        margin-bottom: 15vw
    }
}

.pd_rel .item,
.pd_additional .item {
    position: relative
}

.pd_rel .item a,
.pd_additional .item a {
    color: #000
}

.pd_rel .item .bookmark-container,
.pd_additional .item .bookmark-container {
    position: absolute;
    pointer-events: none;
    width: 100%;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end
}

.pd_rel .item .bookmark-container:before,
.pd_additional .item .bookmark-container:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%
}

.pd_rel .item .quantity,
.pd_additional .item .quantity {
    margin-left: 0;
    width: 100%;
    margin-top: -10px
}

.pd_rel .item .quantity input,
.pd_additional .item .quantity input {
    font-size: 1em
}

.pd_rel .item .quantity>div,
.pd_rel .item .quantity>input,
.pd_additional .item .quantity>div,
.pd_additional .item .quantity>input {
    height: 30px
}

.pd_rel .item .spec-small,
.pd_additional .item .spec-small {
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    opacity: .5;
    width: 100%;
    padding-bottom: 3px;
    margin-bottom: 4px
}

.pd_rel .item .bookmark,
.pd_additional .item .bookmark {
    pointer-events: auto;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 13px;
    cursor: pointer
}

@media(hover: hover) {

    .pd_rel .item .bookmark,
    .pd_additional .item .bookmark {
        margin-right: 18px
    }
}

.pd_rel .item .bookmark:before,
.pd_additional .item .bookmark:before {
    width: 18px;
    height: 18px;
    -webkit-mask-size: auto 100%;
    -webkit-mask-position: 2.56% 0;
    background-color: var(--color-main)
}

.pd_rel .item .bookmark.--active:before,
.pd_additional .item .bookmark.--active:before {
    -webkit-mask-size: auto 100%;
    -webkit-mask-position: 0% 0
}

.pd_rel .item .spec,
.pd_additional .item .spec {
    width: 100%;
    max-width: 100%;
    border: initial;
    border-radius: initial;
    margin-bottom: 6px
}

.pd_rel .item .spec option,
.pd_additional .item .spec option {
    color: #000
}

.pd_rel .item .spec select,
.pd_additional .item .spec select {
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 100%;
    border: 1px solid var(--color-border);
    height: 32px;
    padding: 0 20px 0 5px;
    border-radius: 6px;
    background-image: url("../../images/new/layout/select-arrow-border.svg");
    background-size: 10px auto;
    background-position: right 5% center;
    background-repeat: no-repeat;
    color: #000
}

@media(min-width: 740px) {

    .pd_rel .item .spec select,
    .pd_additional .item .spec select {
        height: 36px
    }
}

@media(min-width: 1800px) {

    .pd_rel .item .spec select,
    .pd_additional .item .spec select {
        height: 40px
    }
}

.pd_rel .item .fn-area,
.pd_additional .item .fn-area {
    justify-content: space-between
}

.pd_rel .item .fn-area a,
.pd_additional .item .fn-area a {
    width: 50%;
    max-width: calc(50% - 4px);
    border-radius: 6px;
    border: 1px solid var(--color-main-dark);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 12px;
    flex: auto;
    margin: 0 0 6px 0 !important;
    padding: 0;
    height: 32px;
    white-space: nowrap
}

@media(min-width: 740px) {

    .pd_rel .item .fn-area a,
    .pd_additional .item .fn-area a {
        justify-content: space-between;
        height: 36px;
        padding: 0 8px;
        font-size: 13px
    }
}

@media(min-width: 1800px) {

    .pd_rel .item .fn-area a,
    .pd_additional .item .fn-area a {
        height: 40px;
        font-size: 14px
    }
}

.pd_rel .item .fn-area a span,
.pd_additional .item .fn-area a span {
    color: #000;
    font-weight: normal
}

.pd_rel .item .fn-area a .aproicon:before,
.pd_additional .item .fn-area a .aproicon:before {
    width: 20px;
    height: 20px
}

.pd_rel .item .fn-area a .aproicon:before:before,
.pd_additional .item .fn-area a .aproicon:before:before {
    background-color: var(--color-main-dark)
}

@media(min-width: 740px)and (max-width: 1799px) {

    .pd_rel .item .fn-area a .aproicon:before,
    .pd_additional .item .fn-area a .aproicon:before {
        width: 18px;
        height: 18px
    }
}

@media(min-width: 0)and (max-width: 739px) {

    .pd_rel .item .fn-area a .aproicon,
    .pd_additional .item .fn-area a .aproicon {
        display: none
    }
}

.pd_rel .item .fn-area a.--disabled,
.pd_additional .item .fn-area a.--disabled {
    pointer-events: none;
    border-color: rgba(149, 149, 149, .2);
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.pd_rel .item .fn-area a.--disabled:before,
.pd_additional .item .fn-area a.--disabled:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #959595;
    opacity: .1;
    position: absolute;
    left: 0;
    top: 0
}

.pd_rel .item .fn-area a.--disabled span,
.pd_additional .item .fn-area a.--disabled span {
    color: #959595
}

.pd_rel .item .fn-area a.--disabled .aproicon:before,
.pd_additional .item .fn-area a.--disabled .aproicon:before {
    background-color: #959595
}

.pd_rel .item .fn-area a:active,
.pd_additional .item .fn-area a:active {
    background-color: var(--color-main-dark)
}

.pd_rel .item .fn-area a:active span,
.pd_additional .item .fn-area a:active span {
    color: #fff
}

.pd_rel .item .fn-area a:active .aproicon:before,
.pd_additional .item .fn-area a:active .aproicon:before {
    background-color: #fff
}

@media(hover: hover) {

    .pd_rel .item .fn-area a:hover,
    .pd_additional .item .fn-area a:hover {
        background-color: var(--color-main-dark)
    }

    .pd_rel .item .fn-area a:hover span,
    .pd_additional .item .fn-area a:hover span {
        color: #fff
    }

    .pd_rel .item .fn-area a:hover .aproicon:before,
    .pd_additional .item .fn-area a:hover .aproicon:before {
        background-color: #fff
    }
}

.pd_rel .item:hover .img_container,
.pd_additional .item:hover .img_container {
    transition: all .6s ease
}

.pd_rel .item:hover .img_container .img_holder,
.pd_additional .item:hover .img_container .img_holder {
    transform: scale(1.1)
}

.pd_rel .cart-select,
.pd_additional .cart-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.pd_rel .cart-select a,
.pd_additional .cart-select a {
    border: none;
    cursor: pointer
}

@media(min-width: 0)and (max-width: 739px) {

    .pd_rel .cart-select a,
    .pd_additional .cart-select a {
        padding-left: 3px;
        padding-right: 3px;
        border: 1px solid var(--color-main);
        color: var(--color-main);
        border: 1px solid #000;
        color: #000;
        border-radius: 5px;
        white-space: nowrap;
        text-align: center;
        justify-content: center;
        flex: auto;
        height: 36px
    }

    .pd_rel .cart-select a+a,
    .pd_additional .cart-select a+a {
        margin-left: 6px
    }

    .pd_rel .cart-select a .aproicon,
    .pd_additional .cart-select a .aproicon {
        display: none
    }
}

@media(min-width: 740px) {

    .pd_rel .cart-select a,
    .pd_additional .cart-select a {
        justify-content: flex-start;
        flex: initial;
        max-width: initial;
        width: initial
    }
}

@media(min-width: 980px) {

    .pd_rel .cart-select a,
    .pd_additional .cart-select a {
        max-width: calc(50% - 6px);
        font-size: 14px;
        justify-content: flex-start
    }
}

.pd_rel .cart-select a.--disabled,
.pd_additional .cart-select a.--disabled {
    pointer-events: none;
    border-color: rgba(149, 149, 149, .2);
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    justify-content: center
}

.pd_rel .cart-select a.--disabled:before,
.pd_additional .cart-select a.--disabled:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #959595;
    opacity: .1;
    position: absolute;
    left: 0;
    top: 0
}

.pd_rel .cart-select a.--disabled span,
.pd_additional .cart-select a.--disabled span {
    color: #959595
}

.pd_rel .cart-select a.--disabled .aproicon:before,
.pd_additional .cart-select a.--disabled .aproicon:before {
    background-color: #959595
}

.pd_rel .img_container,
.pd_additional .img_container {
    overflow: hidden;
    position: relative;
    border-radius: var(--size-radius)
}

.pd_rel .img_container .img_holder,
.pd_additional .img_container .img_holder {
    transition: all .6s ease;
    background-size: var(--mode-bgsize-product);
    background-position: center center;
    background-repeat: no-repeat
}

.pd_rel .img_container .img_holder:after,
.pd_additional .img_container .img_holder:after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%
}

.pd_rel .text_container,
.pd_additional .text_container {
    padding: 20px 0;
    position: relative
}

.pd_rel .orig,
.pd_additional .orig {
    color: var(--color-price-orig);
    text-decoration: line-through;
    margin-left: 1em;
    transition: all .35s ease
}

.pd_rel .discount,
.pd_additional .discount {
    font-size: 11px;
    display: block;
    line-height: 1.5em;
    padding: .5em 0 1em;
    color: var(--color-price-orig);
    display: none
}

.pd_rel .fz-C,
.pd_additional .fz-C {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.2;
    width: calc(100% - 50px)
}

@media(min-width: 0)and (max-width: 739px) {

    .pd_rel .fz-C,
    .pd_additional .fz-C {
        padding: 0;
        font-weight: bold
    }
}

@media(min-width: 0)and (max-width: 739px) {

    .pd_rel .price,
    .pd_additional .price {
        font-size: 13px
    }
}

@media(min-width: 0)and (max-width: 350px) {

    .pd_rel .price,
    .pd_additional .price {
        font-size: 11px;
        letter-spacing: -0.1px
    }
}

.pd_rel .section_title.fz-C,
.pd_additional .section_title.fz-C {
    border: none
}

@media(min-width: 980px) {

    .pd_rel .section_title.fz-C,
    .pd_additional .section_title.fz-C {
        padding-top: 0
    }
}

.pd_rel.v3,
.pd_additional.v3 {
    position: relative;
    margin-bottom: 30px
}

@media(min-width: 0)and (max-width: 739px) {

    .pd_rel.v3,
    .pd_additional.v3 {
        padding-bottom: 60px
    }
}

.pd_rel .swiper-pagination {
    width: 100%;
    margin-top: 15px
}

@media(min-width: 740px) {
    .pd_rel .swiper-pagination {
        left: auto;
        top: 5.5vw;
        bottom: auto;
        max-width: 50vw;
        right: 0;
        text-align: right
    }
}

@media(min-width: 980px) {
    .pd_rel .swiper-pagination {
        top: 2.08vw;
        transform: translateY(-30%)
    }
}

.pd_body {
    padding-top: 6vw
}

.pd_body_tag {
    position: relative;
    margin-bottom: 3.125vw
}

.pd_body_tag:after {
    content: "";
    display: block;
    border-bottom: 1px solid var(--color-border);
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1
}

.pd_body_tag .fz-C {
    line-height: 2.5em;
    position: relative;
    z-index: 2;
    display: inline-block;
    cursor: pointer;
    transition: all .35s ease;
    border-bottom: 3px solid rgba(0, 0, 0, 0)
}

.pd_body_tag .fz-C:hover,
.pd_body_tag .fz-C:active {
    color: var(--color-main)
}

@media(min-width: 576px) {
    .pd_body_tag .fz-C {
        margin-left: 9.21vw
    }

    .pd_body_tag .fz-C:first-of-type {
        margin-left: 0
    }
}

.pd_body_tag .fz-C.active {
    border-bottom: 3px solid var(--color-text)
}

@media(min-width: 0)and (max-width: 575px) {
    .pd_body_tag {
        display: flex;
        justify-content: space-between
    }
}

.pd_info .title-area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 10px;
    padding-top: 5px
}

.pd_info .bookmark {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer
}

.pd_info .bookmark:before {
    width: 22px;
    height: 22px;
    -webkit-mask-size: auto 100%;
    -webkit-mask-position: 2.56% 0;
    background-color: var(--color-main)
}

@media(min-width: 1500px) {
    .pd_info .bookmark:before {
        width: 26px;
        height: 26px
    }
}

.pd_info .bookmark.--active:before {
    -webkit-mask-size: auto 100%;
    -webkit-mask-position: 0% 0
}

.pd_info .addCart,
.pd_info .addCartInstant {
    width: calc(50% - 7px);
    background-color: var(--color-btn-cart-text);
    height: clamp(50px, 7.2vh, 72px);
    border-radius: var(--size-radius);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding-left: clamp(15px, 1.3vw, 30px);
    padding-right: clamp(15px, 1.3vw, 30px);
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    transition: all .4s ease;
    border: 1px solid var(--color-btn-cart)
}

.pd_info .addCart span,
.pd_info .addCartInstant span {
    color: var(--color-btn-cart)
}

.pd_info .addCart .aproicon,
.pd_info .addCartInstant .aproicon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    box-sizing: border-box
}

@media(min-width: 740px) {

    .pd_info .addCart .aproicon,
    .pd_info .addCartInstant .aproicon {
        width: clamp(20px, 3vh, 30px);
        height: clamp(20px, 3vh, 30px)
    }
}

.pd_info .addCart .aproicon:before,
.pd_info .addCartInstant .aproicon:before {
    width: 100%;
    height: 100%;
    display: block;
    background-color: var(--color-btn-cart);
    box-sizing: border-box
}

@media(min-width: 0)and (max-width: 739px) {

    .pd_info .addCart .aproicon:before,
    .pd_info .addCartInstant .aproicon:before {
        -webkit-mask-size: auto 20px
    }
}

.pd_info .addCart.--disabled,
.pd_info .addCartInstant.--disabled {
    pointer-events: none;
    border-color: #959595
}

.pd_info .addCart.--disabled span,
.pd_info .addCartInstant.--disabled span {
    color: #959595
}

.pd_info .addCart.--disabled .aproicon:before,
.pd_info .addCartInstant.--disabled .aproicon:before {
    background-color: #959595
}

@media(hover: hover) {

    .pd_info .addCart:hover,
    .pd_info .addCartInstant:hover {
        background-color: var(--color-btn-cart)
    }

    .pd_info .addCart:hover span,
    .pd_info .addCartInstant:hover span {
        color: var(--color-btn-cart-text)
    }

    .pd_info .addCart:hover .aproicon:before,
    .pd_info .addCartInstant:hover .aproicon:before {
        background-color: var(--color-btn-cart-text)
    }

    .pd_info .addCart:hover.--disabled,
    .pd_info .addCartInstant:hover.--disabled {
        pointer-events: none;
        border-color: #959595
    }

    .pd_info .addCart:hover.--disabled span,
    .pd_info .addCartInstant:hover.--disabled span {
        color: #959595
    }

    .pd_info .addCart:hover.--disabled .aproicon:before,
    .pd_info .addCartInstant:hover.--disabled .aproicon:before {
        background-color: #959595
    }
}

.pd_info .fn-area {
    display: flex;
    flex-wrap: wrap
}

.pd_info .fn-area>div,
.pd_info .fn-area>a {
    display: flex;
    font-size: 1em;
    align-items: center;
    white-space: nowrap;
    margin-right: 15px;
    margin-bottom: 10px;
    cursor: pointer
}

@media(min-width: 0)and (max-width: 575px) {

    .pd_info .fn-area>div,
    .pd_info .fn-area>a {
        width: 100%;
        margin: 0 0 10px 0
    }
}

@media(min-width: 980px)and (max-width: 1099px) {

    .pd_info .fn-area>div,
    .pd_info .fn-area>a {
        width: 100%;
        margin: 0 0 10px 0
    }
}

.pd_info .fn-area>div .icon-circle,
.pd_info .fn-area>a .icon-circle {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-price-orig);
    border-radius: 50%;
    margin-right: 5px;
    overflow: hidden;
    transition: background-color .35s ease;
    flex-shrink: 0
}

.pd_info .fn-area>div .aproicon:before,
.pd_info .fn-area>a .aproicon:before {
    width: 16px;
    height: 16px;
    background-color: #fff
}

.pd_info .fn-area>div span,
.pd_info .fn-area>a span {
    font-weight: 1
}

@media(hover: hover) {

    .pd_info .fn-area>div:hover .icon-circle,
    .pd_info .fn-area>a:hover .icon-circle {
        background-color: var(--color-main-dark)
    }
}

.pd_additional {
    padding-top: 0
}

.pd_additional .fake {
    background-color: #efefef
}

@media(min-width: 740px) {
    .fn_additional {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.fn_additional .swiper-pagination {
    position: static
}

/*# sourceMappingURL=product_detail.css.map */