/* BASIC css start */
/* ==================================================
   AUUDRÉ PC MAIN — MODERN EDITORIAL SHOP
================================================== */

#contentWrapper {
    overflow:hidden;
    background:#fff;
    color:#222;
}

#contentWrapper a {
    color:inherit;
    text-decoration:none;
}


/* ==================================================
   공통 섹션
================================================== */

.product-wrap {
    width:auto;
    max-width:1500px;
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;
}

.product-wrap .item-wrap {
    width:100%;
}

.section-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
    margin-bottom:38px;
}

.section-title {
    min-width:0;
}

.section-eyebrow {
    display:block;
    margin-bottom:13px;
    color:#b57a80;
    font-family:'Montserrat',sans-serif;
    font-size:10px;
    font-weight:650;
    line-height:1;
    letter-spacing:2.3px;
}

.section-title h3 {
    margin:0;
    color:#202020;
    font-family:'Montserrat',sans-serif;
    font-size:28px;
    font-weight:500;
    line-height:1.2;
    letter-spacing:1.2px;
}

.section-title p {
    margin:13px 0 0;
    color:#969696;
    font-family:'Pretendard',sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:1.6;
    letter-spacing:-.15px;
}

.section-side {
    display:flex;
    align-items:flex-end;
    gap:35px;
    flex-shrink:0;
}

.section-more {
    display:inline-flex;
    align-items:center;
    gap:15px;
    padding-bottom:5px;
    border-bottom:1px solid #bdbdbd;
    color:#444 !important;
    font-family:'Montserrat',sans-serif;
    font-size:10px;
    font-weight:600;
    line-height:17px;
    letter-spacing:1.4px;
    transition:border-color .25s ease, color .25s ease;
}

.section-more span {
    font-size:16px;
    font-weight:300;
    transition:transform .25s ease;
}

.section-more:hover {
    border-color:#c37c82;
    color:#c37c82 !important;
}

.section-more:hover span {
    transform:translateX(4px);
}


/* ==================================================
   메인 비주얼
================================================== */

.visual-banner {
    position:relative;
    width:100%;
    overflow:hidden;
    background:#f3f1f0;
}

.visual-banner .mySwiper,
.visual-banner .inner,
.visual-banner .swiper-slide {
    width:100%;
}

.visual-banner .hero-link {
    position:relative;
    display:block;
    width:100%;
    height:clamp(620px, 72vh, 790px);
    overflow:hidden;
}

.visual-banner .hero-link > img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 7s ease;
}

.visual-banner .swiper-slide-active .hero-link > img {
    transform:scale(1.025);
}

.visual-banner .hero-dim {
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(17,14,14,.44) 0%,
            rgba(17,14,14,.19) 43%,
            rgba(17,14,14,0) 72%
        );
}

.visual-banner .hero-dim-light {
    background:
        linear-gradient(
            270deg,
            rgba(17,14,14,.42) 0%,
            rgba(17,14,14,.16) 44%,
            rgba(17,14,14,0) 72%
        );
}

.visual-banner .hero-copy {
    position:absolute;
    top:50%;
    left:max(7vw, 70px);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    color:#fff;
    opacity:0;
    transform:translateY(-42%);
    transition:opacity .9s ease .15s, transform .9s ease .15s;
}

.visual-banner .swiper-slide-active .hero-copy {
    opacity:1;
    transform:translateY(-50%);
}

.visual-banner .hero-copy-right {
    right:max(7vw, 70px);
    left:auto;
    align-items:flex-start;
}

.visual-banner .hero-copy em {
    margin-bottom:24px;
    color:rgba(255,255,255,.88);
    font-family:'Montserrat',sans-serif;
    font-size:10px;
    font-style:normal;
    font-weight:600;
    line-height:1;
    letter-spacing:3px;
}

.visual-banner .hero-copy strong {
    color:#fff;
    font-family:'Montserrat','Pretendard',sans-serif;
    font-size:clamp(45px, 4.3vw, 74px);
    font-weight:400;
    line-height:1.08;
    letter-spacing:-2.5px;
}

.visual-banner .hero-desc {
    margin-top:24px;
    color:rgba(255,255,255,.89);
    font-family:'Pretendard',sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.7;
    letter-spacing:-.2px;
}

.visual-banner .hero-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:174px;
    height:50px;
    margin-top:35px;
    padding:0 24px;
    border:1px solid rgba(255,255,255,.78);
    color:#fff;
    font-family:'Montserrat',sans-serif;
    font-size:10px;
    font-weight:600;
    line-height:48px;
    letter-spacing:1.5px;
    box-sizing:border-box;
    transition:background .25s ease, color .25s ease;
}

.visual-banner .hero-link:hover .hero-button {
    background:#fff;
    color:#222;
}

.visual-banner .swiper-button-prev,
.visual-banner .swiper-button-next {
    width:44px;
    height:74px;
    margin-top:-37px;
    opacity:.7;
    background-size:auto 28px !important;
    transition:opacity .25s ease;
}

.visual-banner .swiper-button-prev:hover,
.visual-banner .swiper-button-next:hover {
    opacity:1;
}

.visual-banner .swiper-button-prev:after,
.visual-banner .swiper-button-next:after {
    display:none;
}

.visual-banner .swiper-horizontal .swiper-pagination-progressbar {
    position:absolute;
    top:auto;
    bottom:31px;
    left:50%;
    width:128px;
    height:1px;
    margin-left:-64px;
    background:rgba(255,255,255,.42);
}

.visual-banner .swiper-horizontal .swiper-pagination-progressbar span {
    background:#fff;
}


/* ==================================================
   BEST SELLER
================================================== */

.prd01 {
    margin-top:132px;
}

.prd01 .item-wrap {
    position:relative;
    overflow:visible;
}

.prd01 .controller {
    position:static;
    min-width:95px;
}

.prd01 .controller .swiper-fraction {
    margin-bottom:9px;
    color:#aaa;
    font-family:'Montserrat',sans-serif;
    font-size:10px;
    font-weight:500;
    line-height:1;
    text-align:right;
    letter-spacing:1px;
}

.prd01 .controller .swiper-pagination {
    position:static;
    width:95px;
    height:1px;
    background:#ececec;
}

.prd01 .controller .swiper-pagination span {
    background:#c68187;
}

.prd01 .item-cont.mySwiper {
    position:relative;
    width:100%;
    overflow:hidden !important;
}

.prd01 .swiper-wrapper {
    display:flex;
    align-items:stretch;
    flex-wrap:nowrap;
}

.prd01 .item-list.swiper-slide {
    display:flex;
    flex-shrink:0;
    flex-direction:column;
    width:auto;
    height:auto;
    min-width:0;
    margin:0;
    box-sizing:border-box;
}

.prd01 .swiper-button-prev,
.prd01 .swiper-button-next {
    position:absolute;
    top:54%;
    z-index:20;
    display:block !important;
    width:34px;
    height:64px;
    margin:0;
    background-size:auto 22px !important;
    opacity:.58;
    cursor:pointer;
    transform:translateY(-50%);
    transition:opacity .25s ease;
}

.prd01 .swiper-button-prev:hover,
.prd01 .swiper-button-next:hover {
    opacity:1;
}

.prd01 .swiper-button-prev {
    left:-52px;
}

.prd01 .swiper-button-next {
    right:-52px;
}

.prd01 .swiper-button-prev:after,
.prd01 .swiper-button-next:after {
    display:none;
}


/* ==================================================
   상품 카드 공통
================================================== */

.prd01 .item-list,
.prd02 .item-list {
    display:flex;
    flex-direction:column;
    min-width:0;
    height:auto;
    box-sizing:border-box;
}

.prd01 .item-list .thumb,
.prd02 .item-list .thumb {
    position:relative;
    width:100%;
    margin:0;
    overflow:hidden;
    background:#f6f5f4;
}

.prd01 .item-list .thumb > a,
.prd02 .item-list .thumb > a {
    position:relative;
    display:block;
    width:100%;
    height:0;
    padding-top:100%;
    overflow:hidden;
}

.prd01 .item-list .thumb > a > img,
.prd02 .item-list .thumb > a > img {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .65s cubic-bezier(.22,.61,.36,1);
}

.prd01 .item-list:hover .thumb > a > img,
.prd02 .item-list:hover .thumb > a > img {
    transform:scale(1.035);
}

.prd01 .item-list .discount-txt,
.prd02 .item-list .discount-txt {
    position:absolute;
    top:13px;
    left:13px;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:43px;
    height:25px;
    padding:0 8px;
    border-radius:0;
    background:#c68288;
    color:#fff;
    font-family:'Montserrat',sans-serif;
    font-size:9px;
    font-weight:650;
    line-height:25px;
    letter-spacing:.4px;
    box-sizing:border-box;
}

.prd01 .item-list .prd-info,
.prd02 .item-list .prd-info {
    display:flex;
    flex:1;
    flex-direction:column;
    width:100%;
    min-width:0;
    padding:18px 1px 0;
    box-sizing:border-box;
}

.prd01 .item-list .prd-info > ul,
.prd02 .item-list .prd-info > ul {
    display:flex;
    flex:1;
    flex-direction:column;
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
}

.prd01 .item-list .prd-review,
.prd02 .item-list .prd-review {
    min-height:16px;
    margin:0 0 8px;
    line-height:16px;
}

.prd01 .item-list .prd-review a,
.prd02 .item-list .prd-review a {
    color:#b2b2b2;
    font-family:'Montserrat',sans-serif;
    font-size:9px;
    font-weight:500;
    letter-spacing:.7px;
}

.prd01 .item-list .prd-name,
.prd02 .item-list .prd-name {
    min-height:44px;
    margin:0;
    overflow:hidden;
}

.prd01 .item-list .prd-name > a,
.prd02 .item-list .prd-name > a {
    display:-webkit-box;
    max-height:44px;
    overflow:hidden;
    color:#292929;
    font-family:'Pretendard',sans-serif;
    font-size:14px;
    font-weight:450;
    line-height:22px;
    letter-spacing:-.25px;
    word-break:keep-all;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.prd01 .item-list .prd-price,
.prd02 .item-list .prd-price {
    position:relative;
    display:flex;
    align-items:center;
    min-height:31px;
    margin-top:7px;
    padding-right:80px;
    color:#222;
    line-height:31px;
    box-sizing:border-box;
}

.prd01 .item-list .prd-price .price,
.prd02 .item-list .prd-price .price {
    color:#222;
    font-family:'Montserrat','Pretendard',sans-serif;
    font-size:14px;
    font-weight:600;
    letter-spacing:-.2px;
}

.prd01 .item-list .prd-price strike,
.prd02 .item-list .prd-price strike {
    margin-left:8px;
    color:#bbb;
    font-family:'Montserrat','Pretendard',sans-serif;
    font-size:11px;
    font-weight:400;
}

.prd01 .item-list .soldout,
.prd02 .item-list .soldout {
    color:#b5767b;
    font-family:'Montserrat',sans-serif;
    font-size:10px;
    font-weight:650;
    letter-spacing:1px;
}

.prd01 .item-list .prd-preview,
.prd02 .item-list .prd-preview {
    position:absolute;
    right:0;
    bottom:0;
    display:block;
    color:#777;
    font-family:'Montserrat',sans-serif;
    font-size:8px;
    font-weight:600;
    line-height:31px;
    letter-spacing:.75px;
    opacity:0;
    transform:translateX(5px);
    transition:opacity .25s ease, transform .25s ease, color .25s ease;
}

.prd01 .item-list:hover .prd-preview,
.prd02 .item-list:hover .prd-preview {
    color:#b87379;
    opacity:1;
    transform:translateX(0);
}

.prd01 .item-list .prd-subname,
.prd02 .item-list .prd-subname {
    display:none;
}


/* ==================================================
   NEW ARRIVALS
================================================== */

.prd02 {
    margin-top:150px;
}

.prd02 .item-cont {
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:70px 28px;
}

.prd-more {
    margin-top:68px;
    text-align:center;
}

.prd-more a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    min-width:230px;
    height:54px;
    padding:0 30px;
    border:1px solid #d9d9d9;
    border-radius:0;
    color:#333;
    font-family:'Montserrat',sans-serif;
    font-size:9px;
    font-weight:600;
    line-height:52px;
    letter-spacing:1.7px;
    box-sizing:border-box;
    transition:background .25s ease, border-color .25s ease, color .25s ease;
}

.prd-more a span {
    font-size:15px;
    font-weight:300;
    transition:transform .25s ease;
}

.prd-more a:hover {
    border-color:#222;
    background:#222;
    color:#fff;
}

.prd-more a:hover span {
    transform:translateX(4px);
}


/* ==================================================
   REVIEW
================================================== */

.review-wrap {
    margin-top:155px;
    margin-bottom:145px;
}

.review-wrap .item-wrap {
    position:relative;
}

.review-wrap .section-head {
    margin-bottom:38px;
}

.rv-viewport {
    position:relative;
    width:100%;
    overflow:hidden;
}

.rv-track {
    display:flex;
    align-items:flex-start;
    flex-wrap:nowrap;
    width:auto;
    transform:translate3d(0,0,0);
    will-change:transform;
}

.rv-col {
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    width:calc((100% - 72px) / 4);
    margin-right:24px;
    gap:38px;
    box-sizing:border-box;
}

.rv-card {
    width:100%;
    min-width:0;
    overflow:hidden;
    background:#fff;
}

.rv-photo {
    position:relative;
    display:block;
    width:100%;
    height:0;
    padding-top:100%;
    overflow:hidden;
    background:#f5f4f3;
}

.rv-photo:after {
    content:'VIEW REVIEW';
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    height:42px;
    background:rgba(24,22,22,.72);
    color:#fff;
    font-family:'Montserrat',sans-serif;
    font-size:8px;
    font-weight:600;
    letter-spacing:1.3px;
    opacity:0;
    transform:translateY(100%);
    transition:opacity .3s ease, transform .3s ease;
}

.rv-card:hover .rv-photo:after {
    opacity:1;
    transform:translateY(0);
}

.rv-photo img {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .55s ease;
}

.rv-card:hover .rv-photo img {
    transform:scale(1.03);
}

.rv-photo > *:not(:first-child) {
    display:none;
}

.rv-photo img:not(:first-of-type) {
    display:none;
}

.rv-body {
    padding:17px 2px 14px;
}

.rv-score {
    min-height:15px;
    margin-bottom:9px;
    color:#c47b81;
    font-size:11px;
    line-height:15px;
    letter-spacing:1px;
}

.rv-text {
    display:-webkit-box;
    min-height:44px;
    margin:0;
    overflow:hidden;
    color:#444;
    font-family:'Pretendard',sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:22px;
    letter-spacing:-.18px;
    word-break:keep-all;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.rv-meta {
    margin-top:10px;
    overflow:hidden;
    color:#aaa;
    font-family:'Montserrat','Pretendard',sans-serif;
    font-size:9px;
    line-height:16px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.rv-meta .bar {
    margin:0 7px;
    color:#d8d8d8;
}

.rv-prd {
    display:flex;
    align-items:center;
    gap:11px;
    padding:11px;
    overflow:hidden;
    border:1px solid #ededed;
    background:#fff;
    transition:border-color .25s ease, background .25s ease;
}

.rv-prd:hover {
    border-color:#dbc5c7;
    background:#fffafa;
}

.rv-prd-thumb {
    width:38px;
    height:38px;
    border-radius:50%;
    object-fit:cover;
    flex-shrink:0;
}

.rv-prd-info {
    min-width:0;
    overflow:hidden;
}

.rv-prd-name {
    margin:0;
    overflow:hidden;
    color:#444;
    font-family:'Pretendard',sans-serif;
    font-size:11px;
    font-weight:450;
    line-height:17px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.rv-prd-score {
    margin:3px 0 0;
    color:#b4767b;
    font-family:'Montserrat','Pretendard',sans-serif;
    font-size:9px;
    line-height:14px;
}

.rv-prd-cnt {
    margin-left:7px;
    color:#aaa;
}

.rv-nav {
    position:absolute;
    top:50%;
    z-index:10;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid #ddd;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    box-shadow:0 5px 22px rgba(0,0,0,.08);
    cursor:pointer;
    opacity:0;
    transform:translateY(-50%);
    transition:opacity .25s ease, border-color .25s ease;
}

.rv-viewport:hover .rv-nav {
    opacity:1;
}

.rv-nav:hover {
    border-color:#b97b80;
}

.rv-prev {
    left:15px;
}

.rv-next {
    right:15px;
}

.rv-nav:before {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:8px;
    height:8px;
    border-top:1px solid #333;
    border-right:1px solid #333;
}

.rv-prev:before {
    transform:translate(-35%,-50%) rotate(-135deg);
}

.rv-next:before {
    transform:translate(-65%,-50%) rotate(45deg);
}


/* ==================================================
   하단 브랜드 배너
================================================== */

.ft-banner {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:490px;
    overflow:hidden;
    margin-top:0;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    text-align:center;
}

.ft-banner-content {
    position:relative;
    z-index:2;
    color:#fff;
}

.ft-banner-content > span {
    display:block;
    margin-bottom:22px;
    color:rgba(255,255,255,.85);
    font-family:'Montserrat',sans-serif;
    font-size:10px;
    font-weight:600;
    letter-spacing:4px;
}

.ft-banner-content h3 {
    margin:0;
    color:#fff;
    font-family:'Montserrat','Pretendard',sans-serif;
    font-size:46px;
    font-weight:400;
    line-height:1.16;
    letter-spacing:-1.4px;
}

.ft-banner-content p {
    margin:22px 0 0;
    color:rgba(255,255,255,.84);
    font-family:'Pretendard',sans-serif;
    font-size:13px;
    line-height:1.7;
}

.ft-banner-content a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:176px;
    height:48px;
    margin-top:32px;
    padding:0 24px;
    border:1px solid rgba(255,255,255,.75);
    color:#fff !important;
    font-family:'Montserrat',sans-serif;
    font-size:9px;
    font-weight:600;
    line-height:46px;
    letter-spacing:1.7px;
    box-sizing:border-box;
    transition:background .25s ease, color .25s ease;
}

.ft-banner-content a:hover {
    background:#fff;
    color:#222 !important;
}


/* ==================================================
   반응형
================================================== */

@media screen and (max-width:1580px) {
    .prd01 .swiper-button-prev,
    .prd01 .swiper-button-next {
        display:none !important;
    }
}

@media screen and (max-width:1200px) {
    .product-wrap {
        padding:0 28px;
    }

    .visual-banner .hero-link {
        height:620px;
    }

    .prd02 .item-cont {
        gap:55px 22px;
    }

    .section-title h3 {
        font-size:25px;
    }
}

@media screen and (max-width:1024px) {
    .visual-banner .hero-copy {
        left:55px;
    }

    .visual-banner .hero-copy-right {
        right:55px;
        left:auto;
    }

    .product-wrap {
        padding:0 22px;
    }

    .prd02 .item-cont {
        grid-template-columns:repeat(3, minmax(0,1fr));
    }

    .rv-col {
        width:calc((100% - 48px) / 3);
    }
}

@media screen and (max-width:768px) {
    .visual-banner .hero-link {
        height:560px;
    }

    .visual-banner .hero-copy,
    .visual-banner .hero-copy-right {
        right:30px;
        left:30px;
    }

    .section-head {
        align-items:flex-start;
        flex-direction:column;
        gap:18px;
    }

    .section-side {
        width:100%;
        justify-content:space-between;
    }

    .prd02 .item-cont {
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:42px 14px;
    }

    .rv-col {
        width:calc((100% - 12px) / 1.6);
        margin-right:12px;
        gap:24px;
    }

    .rv-nav {
        display:none !important;
    }

    .ft-banner {
        height:410px;
        background-attachment:scroll;
    }
}

/* ==================================================
   NEW ARRIVALS 기존 스킨 너비 충돌 강제 초기화
   기존 공통 CSS의 width/float 규칙 때문에 상품이 작아지는 현상 수정
================================================== */

#contentWrapper .prd02 .item-cont {
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow:row !important;
    align-items:start !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    gap:70px 28px !important;
    box-sizing:border-box !important;
}

#contentWrapper .prd02 .item-cont > dl.item-list {
    display:flex !important;
    float:none !important;
    clear:none !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

#contentWrapper .prd02 .item-cont > dl.item-list > dt.thumb {
    position:relative !important;
    display:block !important;
    float:none !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

#contentWrapper .prd02 .item-cont > dl.item-list > dt.thumb > a {
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:0 !important;
    padding-top:100% !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

#contentWrapper .prd02 .item-cont > dl.item-list > dt.thumb > a > img {
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    object-fit:cover !important;
}

#contentWrapper .prd02 .item-cont > dl.item-list > dd.prd-info {
    display:flex !important;
    float:none !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:18px 1px 0 !important;
    box-sizing:border-box !important;
}

#contentWrapper .prd02 .item-cont > dl.item-list > dd.prd-info > ul {
    display:flex !important;
    float:none !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

#contentWrapper .prd02 .item-cont > dl.item-list > dd.prd-info > ul > li {
    float:none !important;
    clear:none !important;
    width:auto !important;
    max-width:none !important;
    box-sizing:border-box !important;
}

/* BEST SELLER에도 공통 스킨의 float/너비가 간섭하지 않도록 보정 */
#contentWrapper .prd01 .swiper-wrapper > dl.item-list.swiper-slide {
    float:none !important;
    clear:none !important;
    max-width:none !important;
    margin-left:0 !important;
    padding:0 !important;
}

#contentWrapper .prd01 .item-list > dt.thumb,
#contentWrapper .prd01 .item-list > dd.prd-info {
    float:none !important;
    max-width:none !important;
}

/* 화면 크기별 NEW ARRIVALS 열 수 */
@media screen and (max-width:1024px) {
    #contentWrapper .prd02 .item-cont {
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
        gap:55px 22px !important;
    }
}

@media screen and (max-width:768px) {
    #contentWrapper .prd02 .item-cont {
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:42px 14px !important;
    }
}

/* ==================================================
   BEST SELLER Swiper 간격·시작 위치 최종 보정
   Swiper가 인라인으로 계산하는 width와 margin-right를 그대로 사용
================================================== */

#contentWrapper .prd01 .item-cont.mySwiper {
    overflow:hidden !important;
}

#contentWrapper .prd01 .swiper-wrapper {
    align-items:flex-start !important;
}

#contentWrapper .prd01 .swiper-wrapper > .swiper-slide {
    box-sizing:border-box !important;
    /* margin-right는 Swiper 인라인 계산값을 사용하므로 지정하지 않음 */
}

#contentWrapper .prd01 .swiper-wrapper > .swiper-slide > dt.thumb,
#contentWrapper .prd01 .swiper-wrapper > .swiper-slide > dd.prd-info {
    width:100% !important;
    box-sizing:border-box !important;
}
/* BASIC css end */