.tisyou-product .hero {
    width: 100%;
    display: flex;
    align-items: center;
}
.tisyou-product .hero__mv {
    width: calc(1258px / 1920px * 100vw);
}
.tisyou-product .hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(662px / 1920px * 100vw);
}
.tisyou-product .hero__content h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: clamp(30px, calc(50 / 1920 * 100vw), 50px);
    font-weight: 500;
    color: #707070;
}
.tisyou-product .hero__content span {
    font-size: clamp(16px, calc(24 / 1920 * 100vw), 24px);
    font-weight: 500;
    color: #707070;
    margin-top: -0.7em;
}
.tisyou-product .hero__content span::before,
.tisyou-product .hero__content span::after {
    content: "-";
    font-family: var(--tisyou-font-yumincho);
    font-weight: 500;
    letter-spacing: 0.05em;
}
.tisyou-product .hero__content p {
    font-size: clamp(12px, calc(16 / 1920 * 100vw), 16px);
    font-weight: 500;
    color: #707070;
    text-align: center;
    line-height: 1.8em;
    margin-top: 2em;
}


.tisyou-product .product-slider {
    margin: min(200px, calc(200 / 1920 * 100vw)) min(50px, calc(50 / 1920 * 100vw)) min(300px, calc(300 / 1920 * 100vw));
}
.tisyou-product .product-slider__wrapper {
    width: max(728px, calc(1470px / 1920px * 100vw));
    max-width: 100%;
    margin: 0 auto min(170px, calc(170 / 1920 * 100vw));
    position: relative;
}
.tisyou-product .product-slider__list {
    opacity: 1;
    overflow: visible;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
.tisyou-product .product-slider__list .slick-list {
    overflow: hidden;
}
.tisyou-product .product-slider__list:not(.slick-initialized) > .product-slider__item:not(:first-child) {
    display: none;
}
.tisyou-product .product-slider__item {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: min(90px, calc(90 / 1920 * 100vw));
}
.tisyou-product .product-slider__item-image {
    display: block;
    width: max(380px, calc(650 / 1920 * 100vw));
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
}
.tisyou-product .product-slider__item-image img {
    object-fit: contain;
}
.tisyou-product .product-slider__item-content {
    width: calc(760px / 1920px * 100vw);
}
.tisyou-product .product-slider__item-title {
    font-size: clamp(22px, calc(30 / 1920 * 100vw), 30px);
    font-weight: 500;
}
.tisyou-product .product-slider__item-wrapper {
    font-size: clamp(13px, calc(16 / 1920 * 100vw), 16px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; 
    align-items: flex-start;
    gap: 2.5em 6.25em;
    margin-top: 2em;
}
.tisyou-product .product-slider__item-detail {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}
.tisyou-product .product-slider__item-detail-title {
    font-family: var(--tisyou-font-yugo);
    letter-spacing: -0.01em;
}
.tisyou-product .product-slider__item-detail-number {
    font-family: var(--tisyou-font-yugo);
    letter-spacing: -0.01em;
}
.tisyou-product .product-slider__item-detail-price {
    font-family: var(--tisyou-font-yugo);
    letter-spacing: -0.01em;
}
.tisyou-product .product-slider__item-note {
    font-size: clamp(13px, calc(16 / 1920 * 100vw), 16px);
    font-family: var(--tisyou-font-yugo);
    letter-spacing: -0.01em;
    margin-top: 2em;
}

.tisyou-product .product-slider__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: min(420px, calc(420 / 1920 * 100vw));
    min-height: min(62px, calc(62 / 1920 * 100vw));
    margin: 2em auto 0;
    padding: 0;
    gap: 1.25em;
}
.tisyou-product .product-slider__controls .slick-prev {
    order: 1;
}
.tisyou-product .product-slider__controls .slick-dots {
    order: 2;
}
.tisyou-product .product-slider__controls .slick-next {
    order: 3;
}
.tisyou-product .product-slider__controls .slick-prev,
.tisyou-product .product-slider__controls .slick-next {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: none;
    flex: 0 0 max(62px, calc(62 / 1920 * 100vw));
    width: max(62px, calc(62 / 1920 * 100vw));
    height: max(62px, calc(62 / 1920 * 100vw));
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: none;
    z-index: 1;
    cursor: pointer;
    pointer-events: auto;
}
.tisyou-product .product-slider__controls .slick-prev::before,
.tisyou-product .product-slider__controls .slick-next::before {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    line-height: 1;
    font-size: max(13px, calc(13 / 1920 * 100vw));
    color: #3B3B3B;
    font-family: 'Playfair Display', serif;
    background-repeat: no-repeat;
    background-size: max(4.8px, calc(4.8 / 1920 * 100vw)) max(10px, calc(10 / 1920 * 100vw));
    opacity: 1;
}
.tisyou-product .product-slider__controls .slick-prev::before {
    text-align: right;
    content: 'PREV';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath d='M4.5 0.5L0.5 5l4 4.5' fill='none' stroke='%233B3B3B' stroke-width='1'/%3E%3C/svg%3E");
    background-position: max(9px, calc(9 / 1920 * 100vw)) center;
}
.tisyou-product .product-slider__controls .slick-next::before {
    text-align: left;
    content: 'NEXT';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath d='M0.5 0.5L4.5 5l-4 4.5' fill='none' stroke='%233B3B3B' stroke-width='1'/%3E%3C/svg%3E");
    background-position: max(48px, calc(48 / 1920 * 100vw)) center;
}
.tisyou-product .product-slider__controls .slick-dots {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: none;
    flex: 0 1 auto;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    list-style: none;
}
.tisyou-product .product-slider__controls .slick-dots li {
    position: relative;
    top: auto;
    margin: 0 0.25em;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tisyou-product .product-slider__controls .slick-dots li button {
    position: relative;
    width: max(20px, calc(20 / 1920 * 100vw));
    height: max(20px, calc(20 / 1920 * 100vw));
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    border: none;
    background: transparent;
    font-size: 0;
    line-height: 0;
    color: transparent;
}
.tisyou-product .product-slider__controls .slick-dots li button:before {
    content: '';
    opacity: 1;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: max(10px, calc(10 / 1920 * 100vw)) !important;
    height: max(10px, calc(10 / 1920 * 100vw)) !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    background-color: #3B3B3B;
    color: #3B3B3B;
    box-sizing: border-box;
    -webkit-transition: all .1s;
    transition: all .1s;
}
.tisyou-product .product-slider__controls .slick-dots li button:hover:before,
.tisyou-product .product-slider__controls .slick-dots li.slick-active button:before {
    font-size: 0;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: max(15px, calc(15 / 1920 * 100vw)) !important;
    height: max(15px, calc(15 / 1920 * 100vw)) !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    background-color: #F5FAFE;
    border: solid #3B3B3B 1px;
}

.tisyou-product .btn__viewall-wrapper {
    width: max(728px, calc(1470px / 1920px * 100vw));
    max-width: 100%;
    margin: 0 auto;
}
.tisyou-product .btn__viewall {
    position: relative;
    display: block;
    width: fit-content;
    padding-right: 1.286em;
    padding-left: 0.1em;
    margin: 0 0 0 auto;
    font-size: clamp(18px, calc(20 / 1099 * 100vw), 18px);
    letter-spacing: 0;
    color: #000;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.tisyou-product .btn__viewall::before {
    content: '';
    position: absolute;
    top: 0.286em;
    right: 0.143em;
    width: 0.643em;
    height: 0.643em;
    background-image: url(../images/common/arrow.svg);
    background-size: cover;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.tisyou-product .btn__viewall::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0.071em;
    width: 100%;
    height: 1px;
    background-color: #000;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.tisyou-product .btn__viewall:hover {
    opacity: 0.4;
    transition: 0.6s;
}
.tisyou-product .btn__viewall:hover::before {
    top: 0.429em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
    .tisyou-product .hero {
        display: block;
        position: relative;
    }
    .tisyou-product .hero__mv {
        width: 100%;
    }
    .tisyou-product .hero__content {
        position: absolute;
        bottom: 10.667%;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    .tisyou-product .hero__content h2 {
        font-size: clamp(18px, calc(18 / 375 * 100vw), 22px);
    }
    .tisyou-product .hero__content span {
        font-size: clamp(8px, calc(8 / 375 * 100vw), 12px);
    }
    .tisyou-product .hero__content p {
        font-size: clamp(12px, calc(12 / 375 * 100vw), 16px);
    }

    .tisyou-product .product-slider {
        font-size: clamp(9px, calc(9 / 375 * 100vw), 13px);
        margin: max(72px, calc(72 / 375 * 100vw)) max(20px, calc(20 / 375 * 100vw)) max(55px, calc(55 / 375 * 100vw));
    }

    .tisyou-product .product-slider__wrapper {
        width: 100%;
        font-size: clamp(9px, calc(9 / 375 * 100vw), 13px);
        margin-bottom: 5.556em;
    }
    .tisyou-product .product-slider__item-wrapper {
        gap: 2.222em 6.444em;
    }
    .tisyou-product .product-slider__item {
        flex-direction: column;
        gap: 2.222em;
    }
    .tisyou-product .product-slider__item-image {
        width: calc(250 / 375 * 100%);
        max-width: 100%;
    }
    .tisyou-product .product-slider__item-content {
        max-width: 100%;
        width: 100%;
    }
    .tisyou-product .product-slider__item-title {
        font-size: clamp(16px, calc(16 / 375 * 100vw), 20px);
        margin: 1.25em 0 1.75em 0;
    }
    .tisyou-product .product-slider__controls {
        max-width: 100%;
        gap: 1.333em;
        margin-top: 2.667em;
    }
    .tisyou-product .product-slider__controls .slick-dots li {
        margin: 0 0.222em;
    }

    .tisyou-product .btn__viewall-wrapper {
        width: 100%;
    }

    .tisyou-product .btn__viewall {
        font-size: clamp(14px, calc(14 / 375 * 100vw), 16px);
        padding-right: 1.333em;
        padding-left: 0.3em;
    }
    .tisyou-product .btn__viewall::before {
        width: 0.75em;
        height: 0.75em;
        top: 0.25em;
        right: 0.25em;
    }
    .tisyou-product .btn__viewall::after {
        width: calc(100% - 0.417em);
        bottom: 0.083em;
        left: 0.25em;
    }
    .tisyou-product .btn__viewall:hover::before {
        top: 0.5em;
    }
}