@charset "utf-8";

.keyVisual.features{background-image:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/suv/kona-sx2/features/sx2-kona-features-kv-pc.jpg')}
.featuresWrap .section-media:last-child .section-media__description{text-align: left;padding: 0 5vw;}
.section-media video{object-fit: cover;width: 100%;height: auto;}
.section-bg.no-bg-mobile{margin: 0 auto;width: 99vw;
    margin-left: calc(-50vw + 50.8%);}
.section-bg:last-child{margin-bottom: 0;}
.section-media__description .pip-desc--type{font-size: 30px; line-height: 40px;}
.section-media__elem.features{margin: 0 auto;text-align: center;}
.section-bg.section-col--half {margin-bottom:0}


/* swiper */
.multi-swiper{max-width: 1120px;margin: 0 auto;}
.multi-swiper .swiper-button-next,
.multi-swiper .swiper-button-prev {display: none;}
.multi-swiper .swiper-pagination{display: none;}

.features-swiperWrap {overflow: hidden;margin: 0 auto;}
.features-swiper{padding-bottom: 52px !important;}
.features-swiper .swiper-slide{width: 920px !important;}
.features-swiper .swiper-slide-next img, .swiper-slide-prev img{transform:scale(0.9);}
.features-swiper .swiper-button-next {right:calc(50% - 460px) !important}
.features-swiper .swiper-button-prev {left:calc(50% - 460px);}
.features-swiper .swiper-button-next,
.features-swiper .swiper-button-prev {width:44px;height:44px;background-color:rgba(0,0,0,0.5);}
.features-swiper .swiper-button-next::after,
.features-swiper .swiper-button-prev::after {font-size:7px}
.features-swiper .swiper-pagination{bottom: 0 !important;}

.swiper-area {overflow:hidden;padding-bottom:104px;}
.full-swiper {overflow:visible;position:relative;}
.full-swiper .swiper-slide {width: calc(100% - 13.5px);min-height:750px;background-color:#fff;}
.full-swiper .swiper-slide:after {content:'';display:block;position:absolute;top:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,0.2);}
.full-swiper .swiper-slide-active:after {content:none;}
.full-swiper .swiper-slide-active video{background-color:rgba(0,0,0,0.2);}
.full-swiper video {width:100%;height: auto;max-width:1069px;aspect-ratio:2/1;}
.full-swiper .swiper-box {text-align:center;}
.full-swiper .pip-txtWrap {margin:0 6.1vw;border-top:1px solid #e5e5e5;}
.full-swiper .pip-txtWrap .pip-subTitle {font-size:29px;line-height:28px;padding-top:1.9vw;}
.full-swiper .pip-txtWrap .pip-desc {line-height:27px}
.full-swiper .swiper-pagination {top:auto !important;bottom:-52px !important;}
.full-swiper .swiper-button .swiper-button-prev {left:var(--swiper-navigation-sides-offset, 182px)}
.full-swiper .swiper-button .swiper-button-next {right:var(--swiper-navigation-sides-offset, 182px)}

.awards-box{position:absolute; left:50%; bottom:128px; margin-left:-560px;}

@media print, screen and (min-width: 741px) and (max-width: 20000px) {
    .section-col .section-col__elem:nth-child(1) {order:2}
    .section-col .section-col__elem:nth-child(2) {order:1}
    .section-col .section-col__elem:nth-child(3) {order:3}
    .section-col .section-col__elem:nth-child(4) {order:4}
}

/* Mobile */
@media screen and (min-width:0) and (max-width:740px){
    /* KV Area */
    .keyVisual.features{background-image:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/suv/kona-sx2/features/sx2-kona-features-kv-m.jpg')}
    .keyVisual__title.txt-black {color:#fff}

    /* section */
    .section-media.features .pip-title, .section-media.features .pip-txtWrap{text-align: left;}
    .section-media__description .pip-desc--type{font-size: 16px; line-height: 21px;}
    .section-media.full-sec-mobile {padding: 50px 0 0 ;    margin-left: calc(-50vw + 50.8%);} 
    .section-bg{padding: 50px 0 40px;}
    .section-bg.no-bg-mobile{background-color: #fff; padding-top: 0;padding-bottom: 0;width: 92vw;}
    .section-bg.features{padding:0;}
    .section-bg.features .pip-title{text-align: left;}
    .section-bg .section-media__inner{width: 100%;}
    .sub-keyVisual {margin-top: 0;}

    .section-col__box.txt-col{padding-left: 0;}h
    .txt-col.section-media__description {margin-bottom:20px}
    .txt-col__elem .pip-subTitle {margin-bottom:0}
        
    .swiper-area {padding-bottom:75px;}
    .full-swiper {margin:0;}
    .full-swiper .swiper-slide {min-height: 429px;    width: 99.45%  !important;}
    .full-swiper .swiper-slide-active video{background-color:#fff;}
    .full-swiper .pip-txtWrap{margin: 0 26px;}
    .full-swiper .pip-txtWrap {margin:0 26px;}
    .full-swiper .pip-txtWrap .pip-subTitle {padding-top:16px;font-size:16px;line-height:21px;margin-bottom:10px}
    .full-swiper .pip-txtWrap .pip-desc {line-height:19px}
    .full-swiper .swiper-button .swiper-button-prev {left: var(--swiper-navigation-sides-offset, 9px);}
    .full-swiper .swiper-button .swiper-button-next {right: var(--swiper-navigation-sides-offset, 9px);}
    .full-swiper .swiper-button-next::after, .full-swiper .swiper-button-prev::after{font-size: 17px;}

    .awards-box{left:25px; bottom:65px; margin-left:0;}
    .awards-box img{width:186px; height:auto;}
}