img{max-width:100%;display:block}
/*main{background:#A5ACD2}*/
.font-samsungbold{}
.padding-12px{padding:12px}
.padding-24px{padding:24px}
.padding-24px-12px{padding:24px 12px}
.container{min-width:1200px;width:1200px;margin:0 auto;padding:0;background:unset;margin-bottom:0}
.header-title{
    font-weight:700;font-size:40px;line-height:1.5;letter-spacing:0%;text-align:center;vertical-align:middle;color:white;display:flex;justify-content:center;align-items:center;gap:24px;padding-bottom:12px}
.slick-dots{}
.slick-dots li button{width:30px;background:var(--Purple-100,#F1F2F8)}
.slick-dots li.slick-active button{background:var(--Purple-600,#707BB7)}
.box-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.info-item {
    padding: 12px;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 12px;
    border: 2px solid var(--Purple-400, #A5ACD2);
    background: linear-gradient(0deg, rgba(167, 140, 177, 0.90) 0%, var(--Purple-100, rgba(237, 236, 252, 0.90)) 44.14%);
/*    box-shadow: 0 4px 20.8px 9px rgba(112, 123, 183, 0.40);*/
    gap: 8px;
}
.info-item:hover{box-shadow:0 4px 15px rgba(0,0,0,0.08)}
.img{text-align:center}
.img img{width:100%;max-height:220px;object-fit:contain}
.info-title{color:#707BB7;font-weight:700;font-size:20px;leading-trim:NONE;line-height:1.5;letter-spacing:0;text-align:center}
.price{color:#1d1d20;font-size:12px;font-weight:bold;margin-bottom:10px;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:4px}
.price strong{
        font-style:Bold;font-size:18px;leading-trim:NONE;letter-spacing:0;text-align:center;background:linear-gradient(180deg,#707BB7 0%,#404668 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.product-pricenote{background:#f7f7f8;border:1px solid #e4e9ee;border-radius:10px;padding:8px 12px;text-align:center;width:calc(100% - 24px)}
.product-pricenote strong{font-size:20px;background:linear-gradient(180deg,#f52d42 0%,#d70018 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.color-list{margin-bottom:10px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.color-item{width:16px;height:16px;border-radius:50%;display:inline-block;border:1px solid #ccc;cursor:pointer;transition:0.2s}
.color-item.active{transform:scale(1.1)}
.version-list{width:100%;display:flex;gap:6px;justify-content:center;margin-bottom:12px}
.version-item{flex:1;padding:6px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;font-size:12px;font-weight:700;color:#475569;cursor:pointer;text-align:center;transition:all 0.2s ease}
.version-item.active{border:1px solid #e30019;color:#191919;font-weight:700;border:1.5px solid #4C58A2;position:relative}
.version-item.active:before{color:#fff;width:16px;height:15px;background-color:#707CB8;position:absolute;bottom:-1px;right:-1px;border-top-left-radius:9px;border-bottom-right-radius:9px;transition:opacity 0.3s ease;display:flex;align-items:center;justify-content:center;content:"\69";font-family:'icomoon'!important;speak:never;font-style:normal;overflow:hidden;font-weight:300;font-variant:normal;font-size:7px;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}
.btn-order-now {
    border: none;
    background: white;
    fill: linear-gradient(180deg, #44405C 0%, #8C6B9B 100%);
    color: white;
    cursor: pointer;
    padding: 9px 30px;
    background: linear-gradient(180deg, #44405C 0%, #8C6B9B 100%);
    border: 2px solid #72577F;
    border-radius: 28px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: all 0.2s ease;
}
    .btn-order-now:hover {
        filter: brightness(1.08);
        transform: translateY(-1px);
    }
    .preorder-customer-box {
        background-image: url('../img/countpeople.png');
        background-size: cover;
        background-position: center center;
        background-attachment: fixed;
        padding: 30px;
        text-align: center;
        color: white;
        margin: 12px 0;
        border-radius: 12px
    }
.preorder-customer-box .preorder-summary{display:flex;align-items:center;justify-content:center;gap:15px;padding-bottom:15px}
.preorder-customer-box .preorder-summary .preorder-total{font-weight:700;font-style:Bold;font-size:64px;leading-trim:NONE;line-height:100%;letter-spacing:0%;text-align:center;vertical-align:middle}
.preorder-customer-box button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 24px;font-size:16px;font-weight:700;border-radius:24px;border:1px solid #A5ACD2;background:white;color:#707BB7;cursor:pointer}
.preorder-featured{}
.preorder-featured .header-title b{color:#707BB7}
.preorder-featured .preorder-featured_info{width:1176px;padding-bottom:24px}
.tradein-section{background-image:url('../img/countpeople.png');background-size:cover;background-position:center center;background-attachment:fixed;padding:24px;text-align:center;color:white;border-radius:12px;padding-bottom:36px}
.grid-trade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.box-renew .text-renew{color:#fff!important}
.box-renew .renew{padding:12px}
.renew .renew-search .input{box-shadow:unset!important}
.tradein-item{border-radius:12px;text-align:center;margin:12px 6px}
.tradein-item img{display:block;margin:0 auto;width:100%;border-radius:24px;height:100%}
.tradein-item.selected{display:block}
.tradein-section__content{display:flex;flex-direction:column;gap:12px}
.tradein-section__banner{display:flex;justify-content:center}
.tradein-section__banner > img{width:600px}
.tradein-item__title{
    display:block;margin:8px 0;font-weight:700;font-size:16px;line-height:1.5;color:white}
.tradein-item__price{display:flex;flex-direction:column;align-items:center;gap:8px}
.tradein-item__price-label{font-weight:500;font-size:14px;line-height:1.5}
.tradein-item__price-value{
    font-weight:700;font-size:20px;line-height:1.5;color:#707BB7}
.box-muakem{padding:12px;margin:auto}
.box-muakem .muakem-slide{display:flex;justify-content:center;margin:6px}
.box-muakem img{border-radius:10px}
.box-renew{background-image:url('../img/countpeople.png')!important;background-size:cover!important;background-position:center center!important;background-attachment:fixed!important}
.box-renew .renew-price{display:flex;align-items:flex-start;justify-content:center;gap:8px}
.renew .title{text-align:center;font-size:18px}
.popup-modal{top:0;left:0;padding:10px;align-items:center;display:none;flex-direction:column;justify-content:center;overflow:hidden;position:fixed;z-index:1000;width:100%;height:100%;outline:0;opacity:0;max-width:unset}
.popup-modal.is-active{display:flex;opacity:1;background:rgba(0,0,0,.7);transform:scale(1);padding:30px}
.over{display:none;overflow:hidden;z-index:5;background:rgba(0,0,0,.6);width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.5}
.popup-modal .modal-card{max-width:600px;width:100%;display:block}
.popup-modal .box-modal-compare{min-width:940px;width:940px;margin:0 auto;display:flex}
.box-modal-compare{display:flex;flex-direction:column;-ms-overflow-y:visible;width:940px}
.modal-card{display:flex;flex-direction:column;overflow:auto;-ms-overflow-y:visible;width:600px}
.modal-card,.form-order,.box-modal-compare{z-index:10}
.modal-card .box-specs-content,#popup-modal .box-specs-content{padding:0;padding-bottom:12px;overflow:auto;max-height:700px}
.modal-card .box-specs-content .specs-item .title{font-size:15px}
.header-model{top:auto;padding-left:1rem;padding-right:1rem;align-items:center;display:flex;flex-shrink:0;justify-content:flex-start;position:relative;border-bottom:1px solid #dbdbdb;border-top-left-radius:6px;border-top-right-radius:6px;background:linear-gradient(90deg,rgba(0,143,119,1) 20%,rgba(16,74,62,1) 100%);width:auto}
.promotion-list{display:flex;flex-direction:column}
.promotion-list > div{display:flex;height:24px;overflow:hidden;margin-bottom:8px}
.promotion-list > div label{background:#FFDFD4;padding:2px 6px;color:#FC521D;border-radius:3px;font-weight:800;margin-right:5px;font-size:11px;line-height:19px}
.promotion-list > div span{line-height:24px}
.promotion-list > div.more{text-align:center;justify-content:center;font-weight:800;color:#FC521D;margin-bottom:0}
.header-title{font-size:37px!important}
header{padding-bottom:13px}
.muakem, body, main {
    background: url('https://cdn.hoanghamobile.com/Uploads/2026/08/26/background-1-112041352.png;mode=pad;');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed
}
    .muakem{
        padding:24px;
    }
    .image-dlock img {
        display: block;
        max-width: 100%
    }
.preorder-customer-box{background-image:url('https://cdn.hoanghamobile.vn/Uploads/2026/07/15/countkh-164027816.png;mode=pad;')}
.tradein-section,.box-renew{background-image:url('https://cdn.hoanghamobile.vn/Uploads/2026/07/15/countkh-164027816.png;mode=pad;')!important}
.box-renew{padding:24px 12px 12px 12px}
.promo-header{width:100%;max-width:995px;margin:20px auto;padding:0 20px;box-sizing:border-box}
.promo-banner{display:flex;justify-content:center;align-items:center;width:100%;min-height:80px;padding:17px 40px;box-sizing:border-box;text-align:center;background:linear-gradient(180deg,#9a69a5 0%,#685b7e 40%,#46425a 100%);border:3px solid #d495d4;border-radius:999px;box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 -4px 10px rgba(0,0,0,.2);color:#fff;font-size:30px;font-weight:700;line-height:1.2;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}
.div-title{padding-top:40px;position:relative;margin-top:40px}
.div-title .promo-header{position:absolute;top:-40px;margin:0;left:50%;transform:translateX(-50%)}
.slick-dots-bottom0 .slick-dots{bottom:0}
/*.image-dlock .container{width:1152px;min-width:1152px}*/
.padding-24px-0px{padding:24px 0}
.preorder-featured_info .slick-list{margin-left:0;margin-right:0}
.tradein-section .slick-dots{bottom:-12px}
.event-popup{border-radius:14px;padding:22px 28px}
.popup-title{display:flex;justify-content:center;text-align:center;gap:8px;font-size:30px;font-weight:900;line-height:1.1;letter-spacing:-1px}
.popup-title .text{background:linear-gradient(180deg,#707BB7 0%,#404668 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.08),0 1px 0 rgba(255,255,255,.35)}
.popup-title .fire{font-size:34px;line-height:1;margin-top:4px}
.event-header{display:block;margin:0 auto 22px;max-width:420px}
.event-item{margin-top:18px}
.event-item b{color:#333}
.event-item ul{margin:10px 0 0 20px;padding:0}
.event-item li{margin-bottom:10px}
.event-item li::marker{color:#5b6fc4}
.event-item li strong{color:#5b6fc4}
.mt8{margin-top:8px}
.event-content{padding:20px;font-size:14px;text-align:start}
.event-content strong{color:#5b6fc4}
.event-note{margin-top:18px;color:#ff3b30;font-weight:600}
.event-popup-btn{width:170px;height:44px;border-radius:30px!important;background:linear-gradient(180deg,#7488d5,#4b5ea8)!important;font-size:18px;font-weight:700;border:none!important;box-shadow:0 4px 10px rgba(0,0,0,.2)}
#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}
#id-ss-series-menu .logo img{max-width:25px;display:block}
#id-ss-series-menu .logo{position:relative;overflow:hidden;width:35px;height:11px;top:12px;display:flex;gap:10px;background:#EB691C;border-radius:12px}
#id-ss-series-menu .logo img{position:absolute;top:9px;left:5px;transition:transform 0.5s ease}
#id-ss-series-menu .logo img.no-hover{transform:translateX(0%)}
#id-ss-series-menu .logo img.hover{transform:translateX(-130%);top:5px}
#id-ss-series-menu .logo:hover img.no-hover{transform:translateX(130%)}
#id-ss-series-menu .logo:hover img.hover{transform:translateX(0%)}
.ss-series-menu .inner .ss-menu-scroll{width:100%}
.ss-menu-scroll ul{justify-content:space-between;align-items:end}
.ss-menu-scroll u.box-ref .v5-list-items .v5-item a.img imgl li button.active{color:#191919;background:unset;margin:0 8px}
.ss-menu-scroll ul li button{font-size:15px;font-weight:600;padding:0;position:relative}
.ss-menu-scroll ul li.scroll-item button:before{border-bottom:3px solid #cacaca;bottom:-2px;content:"";height:1px;left:50%;position:absolute;width:10%;border-radius:10px;transform:translateX(-50%);left:50%;width:0}
.ss-menu-scroll ul li.scroll-item button:hover:before,.ss-menu-scroll ul li.scroll-item button.active:before{background:linear-gradient(180deg,#A5ACD2 0%,#707BB7 59.5%);border:2px solid #707BB7;left:50%;transition:.5s ease;width:100%}
.ss-series-menu .inner .active,.ss-series-menu .inner button:hover{background:linear-gradient(180deg,#A5ACD2 0%,#707BB7 59.5%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}
.Title-group li{padding:8px 23px}
.tradein-section__banner > img{width:800px}
.promotion-list > div{display:flex;height:24px;overflow:hidden;margin-bottom:8px}
.promotion-list > div label{background:#FFDFD4;padding:2px 6px;color:#FC521D;border-radius:3px;font-weight:800;margin-right:5px;font-size:11px;line-height:19px}
.promotion-list > div span{line-height:24px}
.promotion-list > div.more{text-align:center;justify-content:center;font-weight:800;color:#FC521D;margin-bottom:0}
.promotion-list{width:100%}
.promotion-list .tags-promo,.promotion-list .tags-promo-hh{align-items:center;background-color:#eff5ff;border:1px solid #dbeafe;border-radius:4px;color:#1d1d20;display:flex;font-size:12px;justify-content:space-between;padding:4px}
.promotion-list .tags-promo span:last-child{color:#3b82f6;font-size:14px}
.promotion-list .tags-promo-hh{background-color:#fff1f2;border:1px solid #ffe4e6}
.promotion-list .tags-promo-hh span:last-child{color:#d70018;font-size:14px}
.promotion-list > div span{line-height:1.5}
#categoryRenew{display:none}
.info-item .action{
display:flex;
justify-content:center;
}
.btn-dat-truoc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    box-sizing: border-box;
    background: linear-gradient( to bottom,#6879b8 0%,#4d5c9b 100% );
    border: 2px solid #a9c4ff;
    border-radius: 24px;
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px rgba(0,0,0,0.35),inset 0 1px 1px rgba(255,255,255,0.35);
    cursor: pointer;
    transition: all 0.2s ease
}
.btn-dat-truoc:hover{background:linear-gradient( to bottom,#7485c4 0%,#5969a8 100% )}
.btn-dat-truoc:active{transform:translateY(1px)}
#id-ss-series-menu .container{margin:auto}
.bg-edu{background:linear-gradient(to bottom,#d2e6f8 0,#e4eef9 50%,#f2f6fc 100%)}
.d-grid,.d-grid-4{display:grid;grid-gap:12px}
.d-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.box-title{font-size:21px;line-height:150%;margin:0 0 12px}
.box-title h3{margin:0}
.box-slider{padding-bottom:12px}
.box-slider .slick-dots{bottom:-2px}
.box-slider .slick-next:before,.box-slider .slick-prev:before{color:#009981;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*body{background:#fff}*/
.liveStream .slide-product-slick{width:840px!important}
.score-not-found{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0;padding:14px 16px;border:1px solid #fecaca;background:#fef2f2;color:#dc2626;border-radius:10px;font-size:15px;line-height:1.5;font-weight:500;text-align:center}
.score-not-found svg{flex-shrink:0;width:18px;height:18px}