@charset "utf-8";
#khungchinh1{background:#F8F8F8}
#kghan{width:100%;float:left;height:auto;}
#phkghang{width:525px;float:left;height:auto;}
#tdphkghang {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 12px;
}

#tdphkghang h1 {
    position: relative;

    margin: 0 0 14px 0;
    padding: 0 0 10px 14px;

    color: #3f362c;
    font-size: 17px;
    font-family:OpenSans-Bold;
    line-height: 1.3;

    text-transform: uppercase;
    letter-spacing: .3px;

    border-bottom: 1px solid #e8dfd2;
}

/* Thanh vàng đồng bên trái */
#tdphkghang h1:before {
    content: "";
    position: absolute;

    left: 0;
    top: 1px;

    width: 4px;
    height: 20px;

    background: #c89535;

    border-radius: 3px;
}

/* Điểm nhấn nhỏ cuối tiêu đề */
#tdphkghang h1:after {
    content: "";
    position: absolute;

    left: 14px;
    bottom: -1px;

    width: 42px;
    height: 2px;

    background: #c89535;

    border-radius: 2px;
}
#ndphkghang{width:100%;float:left;height:auto;}
/* =========================================================
   SẢN PHẨM TRONG GIỎ HÀNG
   ========================================================= */

.mkghan {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 16px;
    padding: 16px 18px;
    background: #fffdf9;
    border: 1px solid #eee4d6;
    border-radius: 18px;
    position: relative;
    box-sizing: border-box;

    box-shadow: 0 5px 18px rgba(75, 55, 35, .06);

    transition: all .25s ease;
}

.mkghan:hover {
    border-color: #dfc79f;
    box-shadow: 0 8px 24px rgba(75, 55, 35, .10);
}


/* =========================================================
   NÚT XÓA
   ========================================================= */

.mkghan .fa-times {
    position: absolute;
    top: 14px;
    right: 14px;

    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    color: #b22c22;
    background: #fff;

    border: 1px solid #e5c9c4;
    border-radius: 50%;

    font-size: 13px;

    z-index: 10;

    transition: all .2s ease;
}

.mkghan .fa-times:hover {
    color: #fff;
    background: #a43d30;
    border-color: #a43d30;
    transform: rotate(90deg);
}


/* =========================================================
   KHU VỰC SẢN PHẨM
   QUAN TRỌNG: KHÔNG DÙNG FLEX
   ========================================================= */

.hinhmkghan {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 14px;

    display: block;
}


/* =========================================================
   ẢNH SẢN PHẨM
   ========================================================= */

.hinhmkghan .ahghtt {
    position: relative;

    width: 116px;
    height: 116px;

    margin-right: 20px;
    margin-bottom: 0;

    padding: 0;

    float: left;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f7f2e9;

    border: 1px solid #e7dccb;
    border-radius: 13px;

    box-sizing: border-box;

    overflow: hidden;
}

.hinhmkghan img {
    width: 82px;
    height: 82px;

    margin-right: 0;

    object-fit: cover;

    border-radius: 8px;
}


/* =========================================================
   TÊN SẢN PHẨM
   ========================================================= */

.hinhmkghan h3 {
    margin: 2px 38px 5px 0;
    padding: 0;

    line-height: 1.35;

    /* Không để title bị bóp */
    overflow: hidden;
}

.hinhmkghan h3 a {
    color: #3d342b;

    font-size: 16px;
    font-family:OpenSans-Bold;

    line-height: 1.4;

    text-decoration: none;
}

.hinhmkghan h3 a:hover {
    color: #a9741c;
}


/* =========================================================
   GIÁ
   ========================================================= */

.hinhmkghan p {
    margin: 0;
    padding: 0;

    color: #b34820;

    font-size: 16px;
    font-family:OpenSans-Bold;

    line-height: 1.5;
}


/* =========================================================
   SỐ LƯỢNG
   ========================================================= */

.slkghan {
    width: 100%;
    float: left;

    height: 34px;

    margin-top: 10px;
    margin-bottom: 0;

    display: block;
}

.slkghan span {
    float: left;

    margin-right: 10px;

    line-height: 34px;

    color: #746657;
    font-size: 14px;
}


/* =========================================================
   KHUNG - / SỐ / +
   ========================================================= */

.kslctsp {
    width: 116px;
    height: 34px;

    float: left;

    display: flex;
    align-items: center;

    border: 1px solid #ded3c5;
    border-radius: 8px;

    background: #fff;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================================
   NÚT TRỪ / CỘNG
   ========================================================= */

.kslctsp svg {
    width: 34px;
    height: 34px;

    float: none;
    position: static;

    margin: 0;
    padding: 8px;

    box-sizing: border-box;

    cursor: pointer;

    color: #5e5144;

    transition: all .2s ease;
}

.kslctsp svg:hover {
    color: #a9741c;
    background: #f6efe3;
}


/* =========================================================
   Ô SỐ LƯỢNG
   ========================================================= */

.kslctsp input {
    width: 48px;
    height: 32px;

    float: none;

    margin: 0;
    padding: 0;

    box-sizing: border-box;

    text-align: center;

    color: #3b332b;
    background: #fff;

    border: 0;
    border-left: 1px solid #e8dfd3;
    border-right: 1px solid #e8dfd3;

    outline: none;

    font-size: 14px;
    font-family:OpenSans-Bold;
}


/* =========================================================
   TỔNG GIÁ
   ========================================================= */

.tghmkghan {
    width: 100%;
    float: left;

    height: auto;

    margin-top: 3px;
    padding-top: 12px;

    color: #6c5c4c;

    font-size: 14px;

    border-top: 1px dashed #e2d7c8;
}

.tghmkghan strong,
.tghmkghan b {
    color: #a66d18;
    font-size: 15px;
}


/* =========================================================
   CLEAR
   ========================================================= */

.mkghan:after,
.hinhmkghan:after,
.slkghan:after,
.tghmkghan:after {
    content: "";
    display: table;
    clear: both;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .mkghan {
        padding: 14px;
        border-radius: 15px;
    }

    .hinhmkghan .ahghtt {
        width: 90px;
        height: 90px;
        margin-right: 14px;
    }

    .hinhmkghan img {
        width: 64px;
        height: 64px;
    }

    .hinhmkghan h3 {
        margin-right: 32px;
    }

    .hinhmkghan h3 a {
        font-size: 14px;
    }

    .hinhmkghan p {
        font-size: 14px;
    }
}
#trkghang{width:653px;float:right;height:auto}
/* ================================
   MUA THÊM SẢN PHẨM KHÁC
   ================================ */
#mtspk{
    width:100%;
    float:left;
    height:auto;
    margin:8px 0 18px;
    position:relative;
    padding:0 0 10px;
}

/* đường nền */
#mtspk:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:linear-gradient(
        90deg,
        rgba(254,120,1,.55),
        rgba(254,120,1,.12),
        transparent
    );
}

/* link tiêu đề */
#mtspk a{
    float:left;
    display:flex;
    align-items:center;
    gap:10px;

    text-transform:uppercase;
    font-family:OpenSans-Bold, Arial, sans-serif;
    color:#8b572a;
    font-size:16px;
    line-height:24px;
    letter-spacing:.3px;

    text-decoration:none;
    transition:all .25s ease;
}

/* icon SVG */
#mtspk a:before{
    content:"";
    width:28px;
    height:28px;
    flex:0 0 28px;

    background-color:#f6a623;

    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2ZM1 2v2h2l3.6 7.59-1.35 2.44C5.09 14.32 5 14.66 5 15c0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25 0-.05.01-.09.03-.13L8.1 13h7.45c.75 0 1.41-.41 1.75-1.03L20.88 4H5.21l-.94-2H1Zm16 16c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2Z'/%3E%3C/svg%3E") center/contain no-repeat;

    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2ZM1 2v2h2l3.6 7.59-1.35 2.44C5.09 14.32 5 14.66 5 15c0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25 0-.05.01-.09.03-.13L8.1 13h7.45c.75 0 1.41-.41 1.75-1.03L20.88 4H5.21l-.94-2H1Zm16 16c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2Z'/%3E%3C/svg%3E") center/contain no-repeat;

    transition:all .25s ease;
}

/* hover */
#mtspk a:hover{
    color:#d86b00;
}

#mtspk a:hover:before{
    transform:translateX(3px) rotate(-4deg);
    background-color:#d86b00;
}
/* ========================================
   TỔNG ĐƠN HÀNG - STYLE NỘI THẤT CAO CẤP
   ======================================== */
#kttnm{
    width:100%;
    float:left;
    height:auto;
    position:relative;
    box-sizing:border-box;

    background:linear-gradient(
        145deg,
        #fffdf9 0%,
        #fff 55%,
        #fffaf3 100%
    );

    border:1px solid #eee2d2;
    border-radius:20px;

    margin-bottom:16px;
    padding:0;

    overflow:hidden;

    box-shadow:
        0 8px 25px rgba(91,64,35,.07),
        0 2px 6px rgba(91,64,35,.04);

    transition:
        box-shadow .3s ease,
        transform .3s ease;
}

/* đường nhấn thương hiệu phía trên */
#kttnm:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;

    background:linear-gradient(
        90deg,
        #d88932 0%,
        #f2b35c 45%,
        #d88932 100%
    );
}

/* hiệu ứng khi hover */
#kttnm:hover{
    box-shadow:
        0 12px 32px rgba(91,64,35,.11),
        0 3px 8px rgba(91,64,35,.05);
}
#tdkttnm{width:100%;float:left;height:auto;border-bottom: 1px dashed #F0F0F0;
    padding: 0 12px;
    line-height: 42px;
    font-weight: 500;
    font-size: 18px;text-transform:uppercase;}
#ndkttnm{width:100%;float:left;height:auto;padding:12px}	
#gtigha{width:100%;float:left;height:auto;margin-bottom:10px}
#gtigha ul{margin:0px;padding:0px}
#gtigha ul li{margin:0px;padding:0px;list-style:none;display:inline-block;position: relative;}
#gtigha ul li input{position:relative;top:1px;float:left;margin-left:0px}
/* =========================================
   XUẤT HÓA ĐƠN - TÁCH RIÊNG KHỎI NỘI DUNG
   ========================================= */

#xhdct{
    width:100%;
    float:left;
    box-sizing:border-box;

    margin:8px 0 18px;
    padding:13px 15px;

    background:linear-gradient(
        135deg,
        #fff8eb 0%,
        #fffdf8 100%
    );

    border:1px solid #e8c58f;
    border-left:4px solid #d98220;

    border-radius:10px;

    box-shadow:
        0 3px 10px rgba(130,85,35,.07);

    font-family:Roboto-Regular,Arial,sans-serif;

    transition:all .25s ease;
}

/* Hover toàn bộ khu vực */
#xhdct:hover{
    background:#fff6e5;

    border-color:#dca45c;

    box-shadow:
        0 5px 14px rgba(130,85,35,.12);
}


/* Checkbox */
#xhdct input[type="checkbox"]{
    position:relative;
    float:left;

    width:18px;
    height:18px;

    margin:1px 10px 0 0;

    appearance:none;
    -webkit-appearance:none;

    background:#fff;

    border:2px solid #c98a3b;
    border-radius:4px;

    cursor:pointer;

    transition:all .2s ease;
}


/* Hover checkbox */
#xhdct input[type="checkbox"]:hover{
    border-color:#c66d0c;

    box-shadow:
        0 0 0 3px rgba(217,130,32,.12);
}


/* Checked */
#xhdct input[type="checkbox"]:checked{
    background:#d98220;
    border-color:#d98220;
}


/* Tick */
#xhdct input[type="checkbox"]:checked:after{
    content:"";

    position:absolute;

    left:4px;
    top:1px;

    width:5px;
    height:9px;

    border:solid #fff;
    border-width:0 2px 2px 0;

    transform:rotate(45deg);
}


/* Label */
#xhdct label{
    display:flex;
    align-items:center;

    min-height:20px;

    color:#654727;

    font-family:OpenSans-Bold,Arial,sans-serif;
    font-size:14px;

    cursor:pointer;
}


/* Khi hover label */
#xhdct label:hover{
    color:#c56e12;
}
/* =====================================
   CĂN ĐỀU RADIO + TEXT
   ===================================== */
.tenmpttt{
    width:100%;
    float:left;
    height:auto;

    display:flex;
    align-items:center;

    box-sizing:border-box;

    min-height:30px;
    padding:3px 0;

    color:#3f342a;
    font-family:Roboto-Regular,Arial,sans-serif;
    font-size:16px;

    line-height:24px;
}

/* Radio */
.tenmpttt input[type="radio"]{
    flex:0 0 16px;

    width:16px;
    height:16px;

    margin:0 10px 0 0;

    accent-color:#d98220;

    cursor:pointer;
}

/* Text */
.tenmpttt label,
.tenmpttt span{
    flex:1;

    display:flex;
    align-items:center;

    min-height:24px;

    margin:0;
    padding:0;

    cursor:pointer;
}

/* Nếu text đang nằm trực tiếp trong div,
   không có label */
.tenmpttt{
    word-break:normal;
}
.tdnhtt{width:100%;float:left;height:auto;margin-bottom:10px;    border-bottom: 1px dashed #F0F0F0;
    padding: 0 12px;
    line-height: 42px;
    font-weight: 500;
    font-size: 18px;}
.tdnhtt span{font-weight:300;font-size:12px;font-style:italic}	
.ndnhtt{width:100%;float:left;height:auto;margin-bottom:20px;padding-left:12px}
/* ==========================================
   THÔNG TIN ĐƠN HÀNG
   ========================================== */
#kttdha{
    width:100%;
    float:left;
    height:auto;
    position:relative;
    box-sizing:border-box;

    background:linear-gradient(
        145deg,
        #fffdf9 0%,
        #ffffff 55%,
        #fffaf3 100%
    );

    border:1px solid #eee1d0;
    border-radius:20px;

    margin-bottom:18px;
    padding:0;

    overflow:hidden;

    box-shadow:
        0 8px 25px rgba(85,57,31,.07),
        0 2px 6px rgba(85,57,31,.035);

    transition:box-shadow .3s ease;
}

/* Thanh màu thương hiệu */
#kttdha:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;

    background:linear-gradient(
        90deg,
        #c97920 0%,
        #efb25b 50%,
        #c97920 100%
    );
}

/* Hover nhẹ */
#kttdha:hover{
    box-shadow:
        0 12px 30px rgba(85,57,31,.10),
        0 3px 8px rgba(85,57,31,.04);
}
#tdkttdha{width:100%;float:left;height:auto;border-bottom: 1px dashed #F0F0F0;
    padding: 0 12px;
    line-height: 42px;
    font-weight: 500;
    font-size: 18px;text-transform:uppercase;}
#ndkttdha{width:100%;float:left;height:auto;padding:12px;}	
#thongtin_thanhtoan tr td{padding-left:0px}

#tgbmgh{width:100%;float:left;height:auto;margin-bottom:5px;text-align:right;color:#ed1f24;font-size:21px;}
#nutggh .button{padding:5px 20px;text-align:center;background:#fafafa;border:1px solid #fafafa;color:#333;font-weight:bold;font-size:15px;text-transform:uppercase;float:right;margin-left:5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;margin-bottom:10px;cursor:pointer}
#nutggh .buttonttt{background:#ed1f24;color:#fafafa;border:1px solid #fafafa}
#nutggh .buttonttt:hover{background:red}
/* =====================================
   NÚT ĐẶT HÀNG - NỘI THẤT QUẢNG ĐÔNG
   ===================================== */
#buttondon{
    width:100%;
    height:50px;

    box-sizing:border-box;

    background:linear-gradient(
        135deg,
        #c87519 0%,
        #e39a3b 50%,
        #c87519 100%
    );

    border:1px solid #c87519;
    border-radius:10px;

    color:#fff;

    font-family:OpenSans-Bold,Arial,sans-serif;
    font-weight:bold;
    font-size:16px;
    line-height:48px;

    text-align:center;
    text-transform:uppercase;
    letter-spacing:.5px;

    float:right;
    margin-left:5px;
    margin-bottom:12px;

    cursor:pointer;

    box-shadow:
        0 5px 12px rgba(184,105,22,.22);

    transition:
        all .25s ease;

    outline:none;
}


/* Hover */
#buttondon:hover{
    background:linear-gradient(
        135deg,
        #b9660d 0%,
        #d98a27 50%,
        #b9660d 100%
    );

    border-color:#b9660d;

    transform:translateY(-2px);

    box-shadow:
        0 8px 18px rgba(184,105,22,.30);
}


/* Khi click */
#buttondon:active{
    transform:translateY(0);

    box-shadow:
        0 3px 7px rgba(184,105,22,.20);
}


/* Khi focus */
#buttondon:focus{
    outline:none;
    box-shadow:
        0 0 0 3px rgba(225,150,55,.18),
        0 5px 12px rgba(184,105,22,.22);
}
#tgtsp{float:right}
#sopvch{float:right}
#num_tongcong{float:right}
#nutchongiamgia{padding:5px 20px;background:#ed1f24;border:1px solid #ed1f24;color:#fff;font-weight:bold;font-size:15px;text-transform:uppercase;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;margin-bottom:10px;cursor:pointer}
.input{width:100%;float:right;height:40px;padding-left:10px;outline:none;border: 1px solid #DFDFDF;
    border-radius: 5px;}
#idtinhthanh{width:100%;float:right;height:40px;padding-left:10px;outline:none;border: 1px solid #DFDFDF;
    border-radius: 5px;font-size:15px}	
#areathanhtoan{width:100%;float:right;height:70px;padding-left:10px;outline:none;border: 1px solid #DFDFDF;
    border-radius: 5px;}
#giamgia_tt{width:100%;float:left;height:auto;margin-bottom:10px}
.tongchuatonggiatren{width:100%;float:left;height:auto;padding:5px 0px;}
.sl_gh{width:40px}
#tongcong{width:100%;float:left;height:auto;margin-bottom:10px;padding:5px 0px;font-size: 25px;}
#tongcong #cbgom{font-size:14px;color:#444}
#tongcong #num_tongcong{color:#ed1f24}
#tongcong #snum_tongcong{color:#ed1f24}
@media only screen and (min-width : 1px) and (max-width : 1200px) {
#magiamgia{width:80%;float:left;margin-top:10px;margin-bottom:10px}	
#nutchongiamgia{width:100%;float:left;margin-bottom:10px}	
#nutggh .button{width:48%;margin-left:1%;margin-right:1%;margin-bottom:10px;float:left;padding:5px 0px;font-size:14px}
table#giohang_table td{font-size:12px!important}
#tgbmgh{text-align:left}
#phkghang{width:100%;float:left;height:auto}
#trkghang{width:100%;float:left;height:auto}
}