.slick-product-prev{left:20px}
.slick-product-next{right:20px}
.slick-arrow,.slick-dots{opacity:1}
.slick-dots{bottom:.625rem;display:flex;left:50%;position:absolute;z-index:2;--tw-translate-x:-50%;align-items:center;background-color:#090d1480;border-radius:100px;justify-content:center;padding:.125rem .375rem;transform:translate(var(--tw-translate-x),0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);width:auto}
.slick-dots li{margin:0}
.slick-dots li button{background-color:#ffffff80;border-radius:9999px;height:.375rem;margin:.25rem;padding-left:.125rem;padding-right:.125rem;transition-delay:0s;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:ease;width:.375rem}
.slick-dots li.slick-active button{width:1.2rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}
.slick-product-prev,.slick-product-next{width:40px;height:40px;background-color:#f3f4f6}
.slick-product-prev,.slick-product-next{font-size:16px;color:black}
.slick-product-prev,.slick-product-next,.slick-next,.slick-prev{width:40px;height:40px}
.slick-product-prev,.slick-product-next{font-size:16px}
.box-detail-info{gap:50px}
.box-detail-info .detail-info-left{width:45%}
.pre-order h2{color:#D0764A;text-align:center;font-size:40px;margin:0}
.detail-info-right .box-product-option{font-size:15px}
/*    .detail-info-right .box-product-option.color{flex-direction:unset;position:relative;height:70px}
*/
    .detail-info-right .box-product-option .list-option{display:flex!important}
.detail-info-right .box-product-option .item-option{padding:15px 10px;min-height:auto}
.detail-info-right .box-product-option .item-option:before{display:none}
.box-product-option .item-option.selected:before{display:none}
.detail-info-right .box-product-option .list-option .option-color-item{display:flex;flex-direction:column;gap:8px;padding-bottom:35px}
.detail-info-right .box-product-option .list-option#option-color{position:relative;display:flex;grid-column:span 3;text-align:center;justify-content:start;width:fit-content;/*    width:100%;*/

/*    justify-content:center;position:absolute;*/}
#option-color .item-option-iphone17:before{display:flex}
#option-color .item-option-iphone17 + span{display:none}
.detail-info-right .box-product-option #option-color .item-option-iphone17:before{width:40px;font-size:17px;background-color:unset;position:absolute;bottom:unset;right:unset;display:none}
#option-color .item-option-iphone17.selected + span{display:flex;justify-content:center;font-size:16px;position:absolute;bottom:0;white-space:nowrap;left:50%;transform:translateX(-50%)}
/*.detail-info-right .box-product-option .item-option span{color:white;line-height:unset;font-size:17px}
*/
.box-order .order-btn{background:linear-gradient(90deg,#973b0e 0%,#dfae89 100%)!important;width:fit-content;margin:auto;padding:12px 20px;height:unset;border-radius:26px}
.price-bg{border-radius:10px;color:#D0764A;flex-direction:column;gap:4px;outline:none;justify-content:center;display:flex;text-align:center;background:#FFE4D0;padding:10px 0}
.price-bg strong{font-size:20px}
/*.box-order .order-btn:hover{background:linear-gradient(90deg,#f1ceb3 0%,#D0764A 100%)}
*/
.box-order .order-btn strong{font-size:18px;line-height:unset}
#option-color .item-option-iphone17{border:1px solid #C9C9C9;min-height:unset;height:30px;width:30px;border-radius:50%;padding:0;cursor:pointer}
#option-version .item-option{justify-content:center;flex:1;text-align:center;box-sizing:border-box}
.detail-info-right .box-product-option #option-version span{white-space:nowrap}
.title-text{font-size:20px;color:white;font-weight:600}
.box-product-option #option-color .item-option-iphone17:hover,.box-product-option #option-color .item-option-iphone17.active,.box-product-option #option-color .item-option-iphone17.selected{border:1px solid white;box-shadow:0 0 20.8px 4px #5291E966}
.installment{color:black;text-align:center;font-size:15px}
.installment i{font-size:13px}
/*#option-version .item-option.active,#option-version .item-option:hover,#option-version .item-option.selected{background:#4486f9;box-shadow:0 0 20.8px 4px #5291E966}
*/
    .detail-info-right .box-price{display:flex;align-items:center;gap:10px;font-weight:bold;justify-content:center;font-size:15px}
.detail-info-right .box-price .item-box-price{display:flex;text-align:center;align-items:center;gap:8px}
.detail-info-right .box-price strong{font-size:20px;color:black}
.display-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}
.display-grid .one{grid-column:span 1}
.display-grid .three{grid-column:span 3;text-align:center;justify-content:center}
.btn-loadtab{text-align:center;padding:40px 0;display:flex;align-items:center;justify-content:center;gap:20px}
.btn-loadtab a{color:black;font-weight:700;padding:6px 25px;border-radius:32px;background-color:#ffffff;border:1px solid #C9C9C9;display:flex;text-align:center;/* justify-content:center;*/
        flex-direction:column;gap:4px;align-items:center;cursor:pointer;/* min-height:44px;*/}
.btn-loadtab a strong{font-size:20px}
.btn-loadtab a i{margin-right:4px;font-size:19px}
.btn-loadtab a:hover,.btn-loadtab a.selected{background:linear-gradient(90deg,#973b0e 0%,#dfae89 100%);color:white}
.price-end{text-align:center;font-style:normal;line-height:127.682%;font-weight:700;font-size:15px;margin:10px 0}
.price-end strong{color:#FD475A;font-size:30px}
.box-tabcontent{background:unset}
.box-tabcontent.selected{background:#4486f9}
#tabContent{padding:30px}
#tabContent .container{width:unset;min-width:unset}
.product-detail .box-header .header-name h1{font-size:30px;text-align:center;line-height:150%;margin:0}
.product-detail .box-header .header-name h1 i{font-size:27px}
#boxcontent .item{position:relative;border:1px solid #C9C9C9}
.bg-content{display:flex;justify-content:space-around;text-align:center;-webkit-align-items:inherit;align-items:inherit}
.bg-content a{font-size:25px;color:#fff;padding:30px 0;font-weight:700;position:relative}
.bg-content a.active::before{content:"";position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:16px solid #3498db}
.LastPrice{display:none}
#id-ss-series-menu{position:sticky;top:130px;left:0;width:100%;transition:top 0.3s ease;z-index:1000}
header.hidden + .w-container.body-wrapper #id-ss-series-menu{top:0;z-index:9}
.ss-series-menu{background:white;z-index:1}
.ss-menu-scroll ul li{padding:12px 0!important}
.ss-menu-scroll ul li button{background:unset}
.ss-series-menu .inner .ss-menu-scroll{width:100%;padding:0 20px}
.ss-menu-scroll ul{justify-content:space-between}
.ss-menu-scroll ul li.scroll-item button:before{content:unset}
.ss-menu-scroll ul li button{width:fit-content;margin:auto;padding:10px 16px;border-radius:26px;color:white;line-height:unset;font-size:20px;font-weight:600}
.ss-menu-scroll ul li button:hover,.ss-menu-scroll ul li button.active{background:white;color:black}
.ss-series-menu ul li a{border-bottom:0}
.ss-series-menu ul li a:hover{border-bottom-color:unset}
.slick-list{margin-left:0;margin-right:0}
.slide-product-slick .slick-slide{margin:0 6px}
.header-title{font-size:30px;margin:0;padding:0;text-align:center}
.list-product .slick-dots li button,.list-news .slick-dots li button,.box-top-slider .slick-dots li button,.box-ref .slick-dots li button{background:#ffffff80}
.no-Slider.box-product-container .list-product{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.no-Slider .list-product .product-item{max-width:unset;width:unset;border:3px solid var(--black-black-4,#126da3);box-shadow:rgb(42 178 201 / 40%) 7px 6px 4px}
.slide-product-slick.list-product .product-item{margin:0 6px}
.list-product .product-item .info-item{display:flex;flex-direction:column;gap:12px}
.list-product .product-item a.img{display:block;margin:0 auto}
.list-product .product-item a.img img{max-width:180px;max-height:180px}
.list-product .product-item h3{flex-grow:unset;text-align:center}
.list-product .product-item h3 a{color:var(--blackText);font-size:12px;font-weight:600}
.list-product .product-item .price{padding:0 0;font-size:15px;display:flex;justify-content:space-around;justify-items:stretch;flex-direction:column;gap:10px}
.list-product .product-item .price span{display:flex;justify-content:center}
.list-product .product-item .price span span{font-size:11px;background:#FD475A;color:white;border-radius:5px;padding:2px 4px;margin-left:8px;font-weight:600}
.list-product .product-item .price strong{color:var(--redText);line-height:18px}
.list-product .product-item .price strike{font-size:13px;line-height:18px;color:#C9C9C9}
.apple-button{display:flex;justify-content:space-between;flex-wrap:wrap;line-height:33px;width:100%}
.apple-button span:first-child a{color:#fff}
.apple-button span:first-child{background:#009981;border-radius:24px;padding:0 15px;text-align:center;text-transform:uppercase}
.apple-button span:last-child a{text-align:center;text-transform:uppercase;color:#009981;font-weight:600;display:flex;align-items:center;gap:4px}
.box-grid-container{display:grid;grid-gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.box-ref{padding:unset;border-radius:unset;margin-top:unset}
.box-ref .box-ref-header{padding:12px 12px 0 12px;display:flex;flex-direction:column;gap:12px}
.box-ref .box-ref-header .head{font-size:15px;font-weight:600}
.display-box .box-image img{max-width:100%;display:block}
.box-ref .slide-product-slick{padding-bottom:30px;overflow:hidden}
.box-ref .v5-list-items .v5-item{position:relative;margin:0 6px}
.box-ref .v5-list-items .slick-slide{position:relative;margin:0 6px}
.box-ref .v5-list-items .v5-item .last-price{position:absolute;top:5px;right:5px;background:#FF0200;padding:4px;display:flex}
.box-ref .v5-list-items .v5-item .last-price:before{content:" ";width:8px;height:8px;background:#fff;border-radius:16px;margin:auto 5px auto 0}
.box-ref .v5-list-items .v5-item .last-price .bg{background:#fff;padding:3px 8px;border-radius:6px;display:flex;flex-direction:column;justify-content:center;justify-items:center}
.box-ref .v5-list-items .v5-item .last-price .bg strong{font-size:9px}
.box-ref .v5-list-items .v5-item .last-price .bg label{font-size:10px;margin-top:-2px;font-weight:bold}
.box-ref .v5-list-items .v5-item .last-price{border-radius:4px;background:#fb706f}
.box-ref .v5-list-items .v5-item .cover{position:absolute;width:95%;top:105px;text-align:center}
.box-ref .v5-list-items .v5-item h3{padding:0;margin:0 0 0 0;font-size:15px}
.box-ref .v5-list-items .v5-item .price-offer{margin-bottom:10px;background:#FD475A;padding:4px 8px;border-radius:5px;color:#fff;text-align:center;display:flex;flex-direction:column}
.box-ref .v5-list-items .v5-item .price-offer label{font-size:11px;font-weight:500;display:block;margin-bottom:5px}
.box-ref .v5-list-items .v5-item .price-offer strong{font-size:15px}
.box-ref .v5-list-items .v5-item .price-tradein{margin-bottom:10px;background:#DBF9EB;padding:4px 8px;border-radius:5px;color:#009981;text-align:center;display:flex;flex-direction:column}
.box-ref .v5-list-items .v5-item .price-tradein label{font-size:11px;font-style:normal;font-weight:500;display:block;margin-bottom:5px}
.box-ref .v5-list-items .v5-item .price-tradein strong{font-size:15px}
.box-ref .v5-list-items .v5-item{background:#fff;border-radius:6px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;justify-items:start;border:1px solid #ededed;gap:12px}
.box-ref .v5-list-items .v5-item .info-item{display:flex;flex-direction:column;gap:12px}
.box-ref .v5-list-items .v5-item a.img{display:block;margin:0 auto}
.box-ref .v5-list-items .v5-item a.img img{max-width:180px;max-height:180px}
.box-ref .v5-list-items .v5-item h3{flex-grow:unset;text-align:center}
.box-ref .v5-list-items .v5-item h3 a{color:var(--blackText);font-size:15px;font-weight:600}
.box-ref .v5-list-items .v5-item .price{padding:0 0;font-size:15px;display:flex;justify-content:start;justify-items:start;gap:10px}
.box-ref .v5-list-items .v5-item .price span{display:flex;justify-content:center}
.box-ref .v5-list-items .v5-item .price span span{font-size:11px;background:#FD475A;color:white;border-radius:5px;padding:2px 4px;margin-left:8px;font-weight:600}
.box-ref .v5-list-items .v5-item .price strong{color:#1d2c53;line-height:18px;font-size:16px}
.box-ref .v5-list-items .v5-item .price strike{font-size:13px;line-height:18px;color:#C9C9C9}
.box-ref .v5-list-items .v5-item .specs{background:var(--ligtWhiteGrayBg);border-radius:5px;padding:8px 12px 2px 12px;margin-bottom:10px}
.box-ref .v5-list-items .v5-item .specs ul{list-style:none;padding:0;margin:0}
.box-ref .v5-list-items .v5-item .specs ul li{padding-bottom:6px;display:flex;color:#191919;font-size:12px}
.box-ref .v5-list-items .v5-item .specs ul li label{margin-right:8px;display:flex;flex-direction:column;align-items:flex-start}
.box-ref .v5-list-items .v5-item .specs ul li label.icon{font-size:14px}
.box-ref .v5-list-items .v5-item .specs ul li div{flex-grow:3;display:flex;flex-direction:column;align-items:flex-start}
.box-ref .v5-list-items .v5-item .specs ul li div span{display:block;line-height:18px}
.box-ref .v5-list-items .v5-item .promotion{background:#FFDFD4;padding:8px 12px;border-radius:6px;color:#FC521D;text-align:center;font-size:12px;display:flex;justify-content:center;justify-items:center}
.box-ref .v5-list-items .v5-item .promotion i{font-size:18px;margin-right:5px}
.box-ref .v5-list-items .v5-item .promotion strong{line-height:18px}
.box-ref .v5-list-items .v5-item .note{background:#F3F3F3;padding:4px 8px;border-radius:5px;text-align:center;margin-top:10px}
.box-ref .v5-list-items .v5-item .quick-buy{padding:10px 0}
.box-ref .v5-list-items .v5-item .quick-buy a{background:linear-gradient(180deg,#E33648 0%,#C72433 100%);color:#fff;padding:0 16px;border-radius:4px;line-height:36px}
.box-ref .v5-list-items .v5-item .quick-buy a{display:flex;justify-content:center;justify-items:center}
.box-ref .v5-list-items .v5-item .quick-buy a i{font-size:17px;margin-right:5px;line-height:36px}
.box-ref .v5-list-items .v5-item .quick-buy a:hover{background:linear-gradient(180deg,#E33648 100%,#C72433 0%)}
.box-ref .v5-item .promotion-list{margin-top:12px}
.fls-price{padding:8px;border-radius:5px;gap:8px;display:flex;flex-direction:column;background:#D42D01;width:calc(100% - 16px)}
.fls-price .bg{gap:8px;display:flex;flex-direction:column}
.fls-price span{font-weight:600;line-height:150%;letter-spacing:0;color:#FEE57E}
.fls-price label{color:#FFFFFF;font-weight:700;font-size:20px;line-height:150%;letter-spacing:0;text-align:center}
/*timeline*/

/*.time-title{font-size:32px;text-align:center;margin:28px 0 32px 0}
.timeline{position:relative;height:50px;margin-bottom:100px}
.progress-bar{position:absolute;height:10px;background:#ddd;margin-bottom:20px;width:100%;top:50%}
.current-time{height:100%;background:#B64400;width:0;transition:width 1s ease}
.event{position:relative;display:flex;flex-direction:column;align-items:center;border-left:2px solid transparent;transition:border-color 1s ease}
.circle{width:40px;height:40px;background-color:#3498db;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:22px;color:#191919;background:linear-gradient(222deg,#ADADAD 20%,#FFFFFF 101%);border:3px solid #757575}
.description{font-size:16px;font-weight:bold;transition:opacity 0.3s ease;white-space:nowrap}
.event.active .circle{background:linear-gradient(222deg,#E5CFC2 20%,#FFFFFF 101%);border:3px solid #B64400}
.event.active .time-info{opacity:1;color:#B64400}
.info-timeline{display:flex}
.event{text-align:center;position:absolute;border-radius:50%;top:80%;transform:translateY(-50%);text-align:center;color:#fff;display:flex;justify-content:center;align-items:center;gap:8px}
.event .time-info{display:flex;flex-direction:column;gap:8px;color:black}
.date{font-size:18px}
.title-event p{position:absolute;font-size:15px;font-weight:bold;color:#757575;bottom:0}
.event1{left:28%}
.event2{left:65%}
.event3{left:91%}
#event1{left:10%}
#event2{left:50%;transform:translateX(-50%) translateY(-50%)}
#event3{left:90%;transform:translateX(-100%) translateY(-50%)}
.progress-bar .current-time{border-radius:4px 0 0 4px}
*/

/*timeline 2*/
.timeline{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#e79060,#b35422);padding:20px 40px;border-radius:15px;color:#fff;position:relative}
.timeline-item{text-align:center;position:relative}
.date{display:inline-block;background:#fff;color:#000;font-weight:bold;padding:8px 20px;border-radius:20px;margin-bottom:10px;font-size:15px}
.desc{font-size:16px;line-height:1.4;font-weight:bold}
.timline-title{position:relative;width:100%;bottom:43px}
.timline-title::after{content:"";position:absolute;top:22px;left:5%;width:90%;height:3px;background:#fff}
.label-top{text-align:center;font-size:15px;color:#fff;font-weight:bold}
.timline-title:last-child{width:fit-content;padding:0 20px;white-space:nowrap;left:1%}
.w-container-sld{min-width:1164px;width:1164px;margin:0 auto;padding:0;background:unset}
.CategoryMac{display:flex;gap:16px;justify-content:center}
.CategoryMac .item{border:none;padding:10px 20px;border-radius:33px;background:unset;font-size:16px;font-weight:700;color:white}
.CategoryMac .item:hover,.CategoryMac .item.active{background:white;color:#D0764A}
.box-product-container,.box-news{background:unset}
.pd-top-20px{padding-top:20px}
.pd-top-10px{padding-top:10px}
.pd-20px{padding:20px}
.pd-10px-20px{padding:10px 20px}
.pd-20px-0px{padding:20px 0}
.slick-initialized .slick-slide{text-align:start;justify-content:center}
.mr-top-20px{margin-top:20px}
.mr-0-6px{margin:0 6px}
/*chọn iphone phù hợp*/


.ip16-fit-table {
    margin: 10px 0 20px 0
}

    .ip16-fit-table h2 {
        font-size: 32px;
        text-align: center;
        margin: 18px 0 25px 0
    }

    .ip16-fit-table .fit-info {
        background-color: #fff;
        padding: 12px;
        border-radius: 10px;
        border: 2px solid #e9c0a2
    }

    .ip16-fit-table .table {
        width: 100%;
        border-collapse: collapse;
        font-size: 15px;
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        row-gap: 20px;
        column-gap: 20px;
    }

        .ip16-fit-table .table .item-table {
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            font-size: 13px;
        }
        .ip16-fit-table .table .text-table img {
            height: 60px;
        }
        .ip16-fit-table .table .text-table {
            /*justify-content: end*/
        }

            .ip16-fit-table .table .text-table b {
                font-size: 30px
            }

        .ip16-fit-table .table .item-table .text-table {
            gap: 20px
        }

        .ip16-fit-table .table .item-table hr {
            border: .25px solid #d8d8d8;
            width: 70%
        }

        .ip16-fit-table .table .group img {
            width: 192px
        }

        .ip16-fit-table .table div.colors .item {
            display: flex;
            justify-content: center;
            justify-items: center;
            margin: 4px 0
        }

        .ip16-fit-table .table .item-table .colors span {
            color: #b64400;
            font-weight: bold;
            font-size: 12px
        }

        .ip16-fit-table .table .item-table .colors label {
            width: 16px;
            height: 16px;
            margin-right: 6px;
            border-radius: 16px
        }

        .ip16-fit-table .table .group .title {
            display: flex;
            flex-direction: column;
            text-align: center
        }

            .ip16-fit-table .table .group .title strong {
                font-size: 20px
            }

                .ip16-fit-table .table .group .title strong b {
                    padding: 1px;
                    border: 2px solid #000;
                    border-radius: 36%;
                    font-size: 15px
                }

        .ip16-fit-table .table .item-table .text-table img {
            width: 52px
        }
        .margin-0-6px{
           margin:0 6px;
        }
.pj16-item .promotion-list {
    display: none
}
.btn-shop-sale {
    text-align: center;
    padding: 10px 16px;
    width: fit-content;
    margin: auto;
    background: #D0764A;
    font-weight: 500;
    border-radius: 26px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
    font-size: 16px;
    cursor: pointer;
}

    .btn-shop-sale:hover {
        background: #9e4215;
    }





.status-bar {
    display: flex;
    justify-content: center;
    justify-items: center;
    margin-bottom: 35px;
}

.status-bar-container {
    display: inline-block;
}

.status-bar .steps {
    display: flex;
    justify-content: center;
    justify-items: center;
    position: relative;
    margin: 0 120px;
}

    .status-bar .steps .border {
        border-top: 3px solid #C9C9C9;
        position: absolute;
        top: 50%;
        width: 100%;
    }

    .status-bar .steps .item {
        z-index: 9999;
        background: #fff;
        margin-right: 140px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        color: #C9C9C9;
    }

        .status-bar .steps .item:last-child {
            margin-right: 0;
        }

        .status-bar .steps .item i {
            font-size: 25px;
            height: 25px;
            width: 25px;
            margin: 0 auto;
            padding: 10px;
            border-radius: 28px;
            border: 1px solid #C9C9C9;
            display: block;
            margin-bottom: 10px;
        }

        .status-bar .steps .item label {
            font-size: 13px;
            font-weight: bold;
        }

    .status-bar .steps .active {
        color: #009981;
    }

        .status-bar .steps .active i {
            border: 1px solid #009981;
        }


.select-product {
}

    .select-product .vip-normal {
        display: flex;
        justify-content: center;
        justify-items: center;
        margin-bottom: 20px;
    }

        .select-product .vip-normal a,
        .select-product .vip-normal a:link,
        .select-product .vip-normal a:visited {
            font-size: 15px;
            font-weight: bold;
            color: #191919;
            display: block;
            padding: 12px 65px;
            margin: 0 10px;
            text-decoration: none;
        }

            .select-product .vip-normal a.current {
                background: #009981;
                border-radius: 10px;
                color: #fff;
            }

            .select-product .vip-normal a i {
                font-size: 13px;
                margin-right: 10px;
            }

    .select-product .order-infomation {
        border: 1px solid #C9C9C9;
        border-radius: 10px;
        padding: 20px;
        display: flex;
        margin-bottom: 20px;
        box-shadow: none;
    }

        .select-product .order-infomation .image {
            padding: 0 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .select-product .order-infomation .text-note {
            flex-grow: 4;
            font-size: 15px;
        }

            .select-product .order-infomation .text-note .title {
                font-weight: bold;
            }

.order-infomation .text-note .title,
.order-infomation .text-note .verion-color-note,
.order-infomation .text-note .vip-note,
.order-infomation .text-note p {
    margin: 0 0 5px 0;
    padding: 0;
}

.order-infomation .text-red {
    color: #FD475A;
}

.vip-note p.bg-red {
    padding: 6px 8px;
    background: #FFDADE;
    color: #FD475A;
    border-radius: 5px;
}

.select-product .select-options {
}

    .select-product .select-options .options {
        margin-bottom: 30px;
    }

        .select-product .select-options .options h3 {
            font-size: 15px;
            font-weight: bold;
            padding: 0;
            margin: 0 0 20px 0;
        }

        .select-product .select-options .options .lists {
            display: flex;
        }

            .select-product .select-options .options .lists a {
                cursor: pointer;
                width: 172px;
                display: flex;
                margin-right: 10px;
                justify-content: center;
                justify-items: center;
                border: 1px solid #C9C9C9;
                border-radius: 10px;
            }

                .select-product .select-options .options .lists a label {
                    display: block;
                    padding: 15px 0;
                    font-size: 15px;
                    font-weight: bold;
                    color: #333;
                    cursor: pointer;
                }

                .select-product .select-options .options .lists a .image {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    justify-items: center;
                    margin: 0 10px;
                }

                    .select-product .select-options .options .lists a .image img {
                        height: 30px;
                    }

        .select-product .select-options .options .lists-colors a {
            justify-items: start;
            justify-content: start
        }

        .select-product .select-options .options .lists a.current,
        .select-product .select-options .options .lists a:hover {
            border: 1px solid #009981;
            position: relative;
        }

        .select-product .select-options .options .lists a i {
            position: absolute;
            display: none;
            bottom: 0;
            right: 0;
            background: #009981;
            color: #fff;
            border-radius: 10px 0 6px 0;
            padding: 4px 10px;
            font-size: 8px;
        }

        .select-product .select-options .options .lists a.current i,
        .select-product .select-options .options .lists a:hover i {
            display: block;
        }

form.ip15 .submit {
    display: flex;
    justify-content: center;
    justify-items: center;
    margin-bottom: 15px;
}

    form.ip15 .submit button {
        background: #FD475A;
        padding: 14px 58px;
        font-size: 15px;
        color: #fff;
        border-radius: 5px;
        outline: none;
        border: none;
    }

        form.ip15 .submit button:hover {
            background: #DD283B;
            cursor: pointer;
        }


.form-user label > input[type="checkbox"] {
    display: none;
}

    .form-user label > input[type="checkbox"] + *::before {
        content: "";
        display: inline-block;
        vertical-align: bottom;
        width: 1rem;
        height: 1rem;
        margin-right: 0.3rem;
        border-radius: 10%;
        border-style: solid;
        border-width: 0.1rem;
        border-color: red;
        flex-shrink: 0;
    }

    .form-user label > input[type="checkbox"]:checked + * {
        color: teal;
    }

        .form-user label > input[type="checkbox"]:checked + *::before {
            content: "✓";
            color: white;
            text-align: center;
            background: teal;
            border-color: teal;
        }

    .form-user label > input[type="checkbox"] + * {
        display: inline-flex;
        padding: 5px 0;
    }

.custom-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: .6em;
    background-position: calc(100% - 1.3em) center;
    background-repeat: no-repeat;
}

    .custom-select select::-ms-expand {
        display: none;
    }

.form-user {
    font-size: 15px;
}

    .form-user h3 {
        font-size: 15px;
        font-weight: bold;
        margin: 0 0 20px 0;
        padding: 0
    }

    .form-user h4 {
        font-size: 15px;
        font-weight: bold;
        margin: 0 0 8px 0;
        padding: 0
    }

    .form-user .row {
        margin-bottom: 20px;
    }

    .form-user .row2col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px;
    }

    .form-user .form-control {
        display: flex;
        padding: unset;
        border: unset;
    }

        .form-user .form-control ::placeholder {
            color: #C9C9C9;
        }

        .form-user .form-control input[type=tel],
        .form-user .form-control input[type=text],
        .form-user .form-control input[type=email],
        .form-user .form-control select {
            padding: 12px;
            border-radius: 5px;
            border: 1px solid #C9C9C9;
            color: #191919;
            flex-grow: 4;
            outline: none;
        }

    .form-user .form-radio {
        display: flex;
    }

        .form-user .form-radio .item {
            margin-right: 40px;
        }

        .form-user .form-radio span.label {
            font-weight: bold;
            display: block;
            padding: 2px 0;
        }


section.success {
    margin-bottom: 20px;
}

    section.success .text {
        border: 1px solid #c9c9c9;
        border-radius: 10px;
        padding: 20px;
        font-size: 15px;
    }

        section.success .text h1 {
            text-align: center;
            font-size: 20px;
            color: #009981;
        }

.submit a.final {
    background: #009981;
    padding: 10px 50px;
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
}

    .submit a.final:hover {
        background: #006555;
    }


.table > :not(:first-child) {
    border-top: 0
}

strong {
    font-weight: 600 !important;
}

.trade-in {margin:20px 0}
.trade-in h2 {font-size: 30px;text-align: center;margin: 28px 0 15px 0;}
.slider-tradein {margin-right:-10px;}
.trade-in .item {display:block;border:2px solid #E9C0A2; border-radius:10px; margin-right:10px; padding:10px 10px 0 10px; text-align:center; background-image: linear-gradient(#E5CFC2, #fff);}
.trade-in .item  h4 {font-size:24px; font-weight:600; margin:0; padding:0; white-space:nowrap;}
.trade-in .item  h4 i {font-size:24px;}
.trade-in .item .row {padding-top:10px; display:flex; flex-direction:column; text-align:center;}
.trade-in .item .row label {font-size:13px;}
.trade-in .item .row strong {font-size:24px;}
.trade-in .item .row-bg { margin:15px 0; background:#E9C0A2; padding:6px; border-radius:5px; }
.trade-in .item a.btn-tradein {position:relative; height:110px; display:flex; overflow:hidden; justify-content:center; justify-items:center; cursor:pointer;}
.trade-in .item a.btn-tradein img {position:absolute;}
.trade-in .item a.btn-tradein label {position:absolute;  cursor:pointer; bottom:0; display:block; padding:6px 20px; background:#E9C0A2; border-radius:5px 5px 0 0; text-transform:uppercase; color:#191919; font-weight:700; font-size:13px;}