/* BASIC css start */
.section_01 .sec-head .sec-more { display: none; }

/* ---------- LAYOUT ---------- */
[class*="section"]{padding: 64px 0; box-sizing: border-box;}
.inner { max-width: 1400px; margin: 0 auto; position: relative;}
.bg-warm { background: #faf6f0; }
.tab_product .icons{display: none;}
#footerWrap{margin-top: 0 ! important;}

/* ---------- SECTION TITLE ---------- */
.sec-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; }
.sec-title { font-weight: 600; font-size: 24px; line-height: 30px; color: #111; }
.sec-more { font-weight: 500; font-size: 14px; color: #666;}
.sec-sub { font-size: 16px; line-height: 20px; color: #555; padding-bottom: 20px; }

.section_01 .sec-more{    position: absolute; top: 0; right: 0;}

.sec-grid3 .sec-head{padding-bottom: 8px;}

/* ½½¶óÀ̵å */
.hoverBtn{opacity: 0; transition: 0.3s;}
.hoverBtn.active{opacity: 1; transition: 0.3s;}

.swiper-pagination-progressbar {background: #e5e5e5; position: relative; height: 2px ! important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #111;}

.swiper-button-next,.swiper-button-prev { width: 36px; height: 36px; background: rgba(0,0,0,0.4); border-radius: 10px; top: 180px;}
.swiper-button-next::after, .swiper-button-prev::after { font-size: 16px; color: #fff; }

.controls{display: flex; align-items: center; justify-content: center; gap: 24px; margin: 40px 0 24px; height: 32px;}
.controls .swiper-button-next_02,
.controls .swiper-button-prev_02{cursor: pointer;}
.controls .swiper-pagination{position: relative; width: 40px; font-size: 15px; font-weight: 500; line-height: 18px; bottom: auto;}


/* ---------- ¸ÞÀÎ ½½¶óÀ̵å ---------- */
.main-slider.swiper { opacity: 0; transition: opacity 0.3s ease;     max-width: 2221px;}
.main-slider.swiper.swiper-initialized { opacity: 1;}

.main-slider { overflow: hidden; margin-top: 20px;}
.main-slider .swiper-slide { width: 430px; border-radius: 20px; overflow: hidden; flex-shrink: 0; position: relative;}
.main-slider .swiper-slide video,
.main-slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.main-slider .controls { width: 1330px; margin: 20px auto; gap: 32px; height: 24px;}
.main-slider .controls .nav { width: 85px; display: flex; align-items: center; gap: 4px;}
.main-slider .controls .nav > div { display: inline-block; width: 24px; height: 24px; cursor: pointer;}
.main-slider .controls .nav .grey-bar{content: ''; display: inline-block; background-color: #E5E5E5; width: 1px; height: 14px;}

.main-slider .swiper-slide:after{ content: ''; display: block; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%;}
.main-slider .swiper-slide.swiper-slide-prev:after,
.main-slider .swiper-slide.swiper-slide-active:after,
.main-slider .swiper-slide.swiper-slide-next:after{ background-color: rgba(0, 0, 0, 0);}

/* ---------- Äü¸Þ´º ---------- */
.main_cate_banner {padding: 32px 0; width: 100%; display: flex; flex-direction: column; gap: 12px; align-items: center; }
.main_cate_banner .list { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; justify-content: center; }
.main_cate_banner .list a { display: flex; gap: 8px; align-items: center; height: 40px; padding-left: 4px; padding-right: 12px; border: 1px solid #e5e5e5; border-radius: 999px; }
.main_cate_banner .list a img { width: 32px; height: 32px; border-radius: 50%; }
.main_cate_banner .list a span { font-size: 15px; color: #111; }

/* ---------- section_01 tab_product---------- */
.tab_product .sec-head { padding-bottom: 16px; }
.tab_product .weekly-tabs { display: flex; align-items: center; padding-bottom: 20px; list-style: none; }
.tab_product .weekly-tabs li { display: inline-block; padding: 8px 16px; line-height: 20px; font-size: 15px; font-weight: 500; border-radius: 999px; cursor: pointer; color: #aaa; white-space: nowrap; }
.tab_product .weekly-tabs li.active { background: #111; color: #fff; }
.tab_product .weekly-cont .prd-wrap {counter-reset: item; display: grid;grid-template-columns: 552px repeat(4, 192px);column-gap: 20px;row-gap: 26px;align-items: start;}
.tab_product .weekly-cont .prd-wrap .item{width: auto; counter-increment: item; position: relative;}
.tab_product .weekly-cont .prd-wrap .item::after {content: counter(item); position: absolute; top: 0; left: 0; background-color: #111; color: #fff; width: 30px; height: 30px; font-weight: 600; font-size: 15px; text-align: center; line-height: 30px;}
.tab_product .weekly-cont .prd-wrap .item:first-of-type:after {width: 38px; height: 38px; line-height: 38px; font-size: 19px;}
.tab_product .weekly-cont .prd-wrap .item .pr-info .top .pr-name{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tab_product .weekly-cont .prd-wrap .item:first-child { grid-row: 1 / 3; grid-column: 1; height: 736px; position: relative; overflow: hidden;}
.tab_product .weekly-cont .prd-wrap .item:first-child .thumb{margin-bottom: 0;}
.tab_product .weekly-cont .prd-wrap .item:first-child .pr-info{position: absolute; bottom: 24px; left: 0; width: 100%; padding: 24px; box-sizing: border-box;}
.tab_product .weekly-cont .prd-wrap .item:first-child .pr-info .bottom .price,
.tab_product .weekly-cont .prd-wrap .item:first-child .pr-info .top .pr-name{color: #fff ! important;}
.tab_product .weekly-cont .prd-wrap .item:first-child .pr-info .top .pr-sub{color: #ccc ! important;}

.tab_product .swiper-container { overflow: hidden; }
.tab_product .swiper-wrapper { display: flex; align-items: flex-start; }
.tab_product .weekly-cont { display: block; width: 100%; flex-shrink: 0; }

.tab_product .weekly-cont [class*="prd-wrap"] .pr-info .pr-sub{-webkit-line-clamp:1;}
.tab_product .weekly-cont [class*="prd-wrap"] .pr-info .bottom .review-count{display: none;}

/* ---------- section_04---------- */
.focus_banner+.grid_product,
.focus_banner+.swiper_product{margin-top: 24px;}
.focus_banner .cont-wrap{display: flex; gap: 20px;}
.focus_banner .cont-wrap .left {width:716px; flex-shrink:0;}
.focus_banner .cont-wrap .left img, .focus_banner .cont-wrap .left video {width:100%;}

.promotion_slide .cont-wrap .right {width: 660px;}
.promotion_slide .cont-wrap .right .prd-wrap-slide{display: flex; gap: 20px;}
.promotion_slide .cont-wrap .right .prd-wrap-slide .item{width: calc((100% - 40px) / 3);}



/* ---------- section_06---------- */
.promotion_slide .cont-wrap{display: flex; gap: 80px;}
.promotion_slide .cont-wrap .left{width: 498px;}
.promotion_slide .cont-wrap video,
.promotion_slide .cont-wrap .left img{width: 100%;}
.promotion_slide .cont-wrap .right{width: 822px; display: flex; flex-direction: column; justify-content: space-between;}
.promotion_slide .cont-wrap .right .prd-wrap-slide{display: flex; gap: 20px;}
.promotion_slide .cont-wrap .right .prd-wrap-slide .item{width: calc((100% - 40px) / 3);}

/* ---------- section_10 timesale---------- */
.timesale .pr-info{margin-top: 32px; padding: 0 4px 0 8px;}
.timesale .prd-wrap-slide .salePer{display: flex; position: absolute; bottom: -30px; left: 8px; align-items: center;}
.timesale .prd-wrap-slide .salePer .sale_num{font-size: 56px; color: #FE7900; font-weight: 500;}
.timesale .prd-wrap-slide .salePer .per{font-size: 32px; color: #FE7900; font-weight: 500;}
.timesale .prd-wrap-slide .item .sale_percent{display: none;}

/* ---------- section_11 collection_grid---------- */
.section_11 .cont_wrap{display: flex; gap: 40px;}
.section_11 .cont_wrap > div{width: 440px;}
.section_11 .cont_wrap .prd-wrap-03 .item{gap: 16px; margin-bottom: 12px; padding-bottom: 12px;}
.section_11 .cont_wrap .prd-wrap-03 .item:last-of-type{padding-bottom: 0; margin-bottom: 0;}
.section_11 .cont_wrap .prd-wrap-03 .item:not(:last-of-type){ border-bottom: 1px solid #e5e5e5;}
.section_11 .cont_wrap .prd-wrap-03 .item .thumb img{width: 72px;}
.section_11 .cont_wrap .prd-wrap-03 .item .pr-info .pr-sub{display: none;}
.section_11 .cont_wrap .banner > a{display: block; margin-bottom: 16px;}
.section_11 .cont_wrap .banner > a img,
.section_11 .cont_wrap .banner > a video{width:100%;}
.section_11 .cont_wrap .txt-wrap{margin-bottom: 32px;}
.section_11 .cont_wrap .txt-wrap strong{font-size: 26px; font-weight: 600; line-height: 32px; display: block; margin-bottom: 8px;}
.section_11 .cont_wrap .txt-wrap p{font-size: 14px; font-weight: 400; line-height: 18px; color: #555;}

/* ---------- section_14 short_video---------- */
.short_video .swiper-slide .shorts-sample{width: 100%; height: 600px; background-color: lightgray; border-radius: 20px; overflow: hidden;}
.short_video .swiper-button-next,
.short_video .swiper-button-prev{top: 50%;}

/* ---------- 3¹è¿­ + 4¹è¿­---------- */
.sec-grid3 .prd-wrap-02{ display: grid; grid-template-columns: repeat(12, 1fr); gap: 80px 20px;}
.prd-wrap-02 > div:nth-child(-n+3) {grid-column: span 4;}
.prd-wrap-02 > div:nth-child(n+4) {grid-column: span 3;}



/* ---------- »óÇ° ¸®½ºÆ® °¡·ÎÇü ---------- */
.prd-wrap-03 .item{display: flex; align-items: center; gap: 24px;}
.prd-wrap-03 .item:not(:last-of-type){margin-bottom: 20px;}
.prd-wrap-03 .thumb{margin-bottom: 0;}
.prd-wrap-03 .thumb img{width: 120px;}



/* BASIC css end */