#popup-cart .modal-title{text-transform:uppercase;}
#popup-cart .modal-body .wrap-cart{padding:0px;box-shadow:none;border:0px;}
#popup-cart .modal-body .top-cart{width:100%;border:0px;padding:0px;margin:0px;}
#popup-cart .modal-footer{padding:0.75rem 0 0 0;border-top:0px;}
.buymore-cart{color:var(--color-red);cursor:pointer;margin:0px;}
.buymore-cart i{margin-right:2px;margin-top:5px;vertical-align:top;font-size:12px;}

/* ===== /gio-hang — checkout redesign ===== */
.cart-page{
    --pc-accent:var(--acc-accent,var(--cl-0,#008001));
    --pc-accent-dark:var(--acc-accent-dark,#02690a);
    --pc-accent-soft:var(--acc-accent-soft,rgba(0,128,1,.1));
    --pc-orange:#f28705;
    --pc-orange-soft:#fff4e6;
    --pc-sale:#e5432b;
    --pc-card:#ffffff;
    --pc-border:#e7e7ea;
    --pc-line:#eef0ea;
    --pc-text:#1d1d1f;
    --pc-muted:#6e6e73;
    --pc-bg:#f6f6f3;
    --pc-radius-lg:20px;
    --pc-radius-md:16px;
    --pc-radius-sm:12px;
    --pc-shadow:0 16px 40px -22px rgba(20,30,20,.28);
    --pc-shadow-sm:0 2px 14px rgba(20,30,20,.05);
    background:var(--pc-bg);
    border-radius:24px;
    padding:24px;
    color:var(--pc-text);
}
.cart-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--pc-line);}
.cart-section-head .title-cart{border:0;margin:0;padding:0;font-size:21px;}
.cart-count-badge{display:inline-flex;align-items:center;padding:5px 14px;border-radius:980px;background:var(--pc-accent-soft);color:var(--pc-accent-dark);font-size:12.5px;font-weight:700;white-space:nowrap;}

.wrap-cart{padding:0;background:transparent;border:0;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start;}
.top-cart{width:auto;border:0;margin:0;padding:22px 24px;background:var(--pc-card);border:1px solid var(--pc-border);border-radius:var(--pc-radius-lg);box-shadow:var(--pc-shadow-sm);}
.bottom-cart{width:auto;position:-webkit-sticky;position:sticky;top:20px;background:var(--pc-card);border:1px solid var(--pc-border);border-radius:var(--pc-radius-lg);box-shadow:var(--pc-shadow);padding:24px;}
.section-cart{margin-top:22px;padding-top:22px;border-top:1px solid var(--pc-border);}

.list-procart{border:1px solid var(--pc-line);border-radius:var(--pc-radius-md);overflow:hidden;}
.procart{display:grid;grid-template-columns:88px minmax(0,1fr) 150px 130px;gap:16px;align-items:center;padding:18px 16px;border:0;border-top:1px solid var(--pc-line);background:var(--pc-card);transition:background .15s ease;}
.procart:first-child{border-top:0;}
.procart:not(.procart-label):hover{background:#fbfbf9;}
.pic-procart{width:auto;text-align:center;margin:0;}
.pic-procart img{width:80px;height:80px;max-width:80px;max-height:80px;object-fit:contain;border:1px solid var(--pc-line);border-radius:var(--pc-radius-sm);background:#fbfbf9;padding:6px;}
.pic-procart .del-procart{color:var(--pc-muted);font-size:11.5px;display:inline-flex;align-items:center;gap:4px;margin-top:8px;cursor:pointer;transition:color .15s ease;}
.pic-procart .del-procart i{font-size:13px;}
.pic-procart .del-procart:hover{color:#d0342a;}
.pic-procart-rp{display:none;margin:10px auto auto auto;width:100%;max-width:85px;}
.info-procart{width:auto;min-width:0;margin:0;}
.name-procart{margin-bottom:6px;}
.name-procart a{font-size:15px;font-weight:600;color:var(--pc-text);display:block;line-height:1.4;}
.name-procart a:hover{color:var(--pc-accent);}
.properties-procart{display:flex;flex-wrap:wrap;gap:6px;}
.properties-procart p{display:inline-flex;align-items:center;margin:0;padding:3px 10px;border-radius:980px;background:#f2f2f0;font-size:12px;color:var(--pc-muted);}
.properties-procart p strong{font-weight:600;color:var(--pc-text);}
.quantity-procart{width:auto;margin:0;}
.quantity-procart p{margin-bottom:0px;}
.quantity-counter-procart{border:1px solid var(--pc-border);width:112px;height:36px;line-height:normal;text-align:center;border-radius:980px;background:#fff;overflow:hidden;}
.counter-procart{background-color:transparent;border:0px;width:32%;color:var(--pc-text);outline:none;cursor:pointer;font-size:19px;font-weight:600;}
.counter-procart:hover,.counter-procart:focus{color:var(--pc-accent);background:var(--pc-accent-soft);}
.counter-procart:disabled,.counter-procart:disabled:hover{color:#ccc;cursor:not-allowed;}
.counter-procart-minus{line-height:34px;}
.counter-procart-plus{line-height:34px;}
.quantity-counter-procart .quantity-procat{width:36%;box-sizing:border-box;border:0px;border-right:1px solid var(--pc-line);border-left:1px solid var(--pc-line);outline:none;box-shadow:none;padding:0px;color:var(--pc-text);text-align:center;font-weight:600;background:transparent;}
.price-procart{width:auto;text-align:right;margin:0;}
.price-procart-rp{display:none;width:100%;margin-bottom:8px;font-size:13px;text-align:right;}
.price-new-cart{color:var(--pc-sale);margin-bottom:0px;font-weight:700;}
.price-old-cart{color:#b8b8ba;text-decoration:line-through;font-size:12.5px;}
.procart-label{border:0px;background:#f7f7f5;padding:12px 16px;margin:0px;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:700;color:var(--pc-muted);}
.procart-label .pic-procart,.procart-label .info-procart{color:var(--pc-muted);}
.procart-label .quantity-procart p:last-child{display:none;}
.money-procart{margin-top:0;padding-top:0;border-top:0;}
.total-procart{background:transparent;padding:8px 2px;border:0;margin:0;}
.total-procart p{margin-bottom:0px;font-size:14px;color:var(--pc-muted);display:flex;align-items:center;gap:8px;}
.total-procart p i{color:var(--pc-accent);width:14px;text-align:center;}
.total-procart p:last-child{color:var(--pc-text);font-weight:400;}
.total-procart:last-child{border-top:1px solid var(--pc-line);margin-top:6px;padding-top:14px;}
.total-procart:last-child p{font-size:16px;font-weight:700;color:var(--pc-text);}
.total-procart:last-child p:last-child{color:var(--pc-accent-dark);font-size:22px;}
.section-cart .title-cart{font-size:13.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--pc-muted);border:0;padding:0;margin:0 0 12px;font-weight:700;display:flex;align-items:center;gap:8px;}
.section-cart .title-cart i{color:var(--pc-accent);font-size:13px;}
.section-cart .title-cart:not(:first-child){margin-top:22px;padding-top:22px;border-top:1px solid var(--pc-line);}
.title-cart{font-size:15px;text-transform:uppercase;color:var(--pc-text);border-bottom:0;padding-bottom:0;margin-bottom:15px;font-weight:600;}
.information-cart{margin-bottom:0;}
.input-cart{margin-bottom:0.5rem;position:relative;}
.input-cart input,.input-cart textarea{font-size:14px;padding:0.5rem 0.75rem!important;outline:none;height:auto!important;border-radius:var(--pc-radius-sm);border:1px solid var(--pc-border);}
.input-cart input:focus,.input-cart textarea:focus,.input-cart select:focus{border-color:var(--pc-accent);box-shadow:0 0 0 3px var(--pc-accent-soft);}
.input-cart textarea{resize:none;height:100px;}
.input-cart select{cursor:pointer;font-size:14px;padding:0.5rem 1.75rem 0.5rem 0.75rem;height:auto;border-radius:var(--pc-radius-sm);border:1px solid var(--pc-border);}
.input-double-cart{margin-bottom:0.5rem;}
.input-double-cart .input-cart{width:49%;float:left;margin-right:2%;margin-bottom:0px;}
.input-double-cart .input-cart:last-child{margin-right:0px;}
.input-triple-cart{margin-bottom:0.5rem;}
.input-triple-cart .input-cart{width:32.65%;float:left;margin-right:1%;margin-bottom:0px;}
.input-triple-cart .input-cart:last-child{margin-right:0px;}
.payments-cart{text-align:left;margin-bottom:10px;min-height:auto;position:relative;padding-left:0;}
.payments-cart:last-child{margin-bottom:0px;}
.payments-cart input{top:16px;position:absolute;left:16px;z-index:1;width:1rem;height:1rem;margin-left:0!important;accent-color:var(--pc-accent);}
.payments-label{cursor:pointer;background:#fff;display:block;padding:13px 16px 13px 40px;border:1.5px solid var(--pc-border);border-radius:var(--pc-radius-sm);margin-bottom:0px;color:var(--pc-text)!important;font-size:14px;font-weight:500;transition:border-color .15s ease,background .15s ease;}
.payments-label::before,.payments-label::after{top:calc(50% - 1rem/2);}
.payments-cart input:checked ~ .payments-label{border-color:var(--pc-accent);background:var(--pc-accent-soft);color:var(--pc-accent-dark)!important;}
.payments-info{opacity:0;visibility:hidden;height:0px;overflow:hidden;background:#fbfbf9;border-radius:var(--pc-radius-sm);width:100%;padding:0 10px;box-sizing:border-box;}
.payments-info p{margin-bottom:1em;}
.payments-info.active{padding:12px 14px;margin-top:6px;opacity:1;visibility:visible;height:auto;border:1px solid var(--pc-line);}
.btn.btn-cart{outline:none!important;box-shadow:0 10px 24px -10px var(--pc-accent-soft)!important;border-color:transparent!important;font-size:14.5px;text-transform:none;letter-spacing:.2px;border-radius:980px!important;background:var(--pc-accent)!important;font-weight:700;padding:15px!important;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,opacity .15s ease;}
.btn.btn-cart:hover{transform:translateY(-1px);opacity:.94;}
.cart-secure-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:12px;color:var(--pc-muted);}
.cart-secure-note i{color:var(--pc-accent);}
.empty-cart{padding:60px 24px;display:block;text-align:center;color:var(--pc-text)!important;width:100%;background:var(--pc-card);border:1px solid var(--pc-border);border-radius:var(--pc-radius-lg);}
.empty-cart i{color:#dcdcd6;font-size:64px;}
.empty-cart p{margin:16px 0px 20px;color:var(--pc-muted);font-size:15px;}
.empty-cart span,.empty-cart a.cart-empty-cta{display:inline-flex;align-items:center;gap:8px;border:0;color:#fff!important;background:var(--pc-accent);border-radius:980px;padding:13px 28px;font-size:14px;font-weight:700;text-transform:none;width:auto;max-width:none;text-decoration:none;transition:opacity .15s ease;}
.empty-cart a.cart-empty-cta:hover{opacity:.9;}

/*cart home*/
.procart1{margin-bottom:10px;}
.top-cart1 p.total-price.load-price-temp{color:#5172FD;}
.top-cart1 a.buymore-cart{color:#000;border:solid 1px #000;width:100%;text-align:center;line-height:30px;border-radius:50px;}
.top-cart1 a.buymore-cart i{vertical-align:middle;margin-top:0;}
.top-cart1 a.buymore-cart:hover{background:#5172FD;transition:all 1s;color:#fff;border:solid 1px #fff;}
.procart1 h3.name-procart:hover a{color:#5172fd;}
.top-cart1 .total-procart p{font-size:14px;}
.procart1 .pic-procart{width:30%;margin:0;}
.procart1 .info-procart{width:calc(70% - 10px);margin:0;}
.top-cart1 p.total-price.load-price-temp{color:#5172FD;}
.procart1 h3.name-procart a{font-size:14px;}
.procart1 h3.name-procart{margin-bottom:10px;}
h3.name-procart{}
.procart1 .properties-procart{font-size:13px;}
.procart1 .quantity-procart{width:100%;display:flex;align-items:center;}
.procart1 .quantity-counter-procart{width:70px;margin-right:10px;border:none;}
.procart1 .quantity-counter-procart input.quantity-procat{border:none;}
.procart1 .properties-procart strong{font-weight:normal;}
.procart1 span.counter-procart-plus.counter-procart{font-size:20px;}
.procart1 .price-procart{width:calc(100% - 80px);text-align:left;}
.procart1 p.price-new-cart{color:#000;font-size:14px;}
.top-cart1 .total-procart{background:none;border:none;padding:5px 0;}
.quantity-pro-detail{border:none;border-radius:0px;}
.quantity-pro-detail .quantity-minus-pro-detail,.quantity-pro-detail .quantity-plus-pro-detail{background-color:#f9f9f9;border:1px solid #ddd;}
.quantity-pro-detail input{font-size:16px;font-weight:normal;border:1px solid #ddd;}
.cart-pro-detail a.addnow{margin-right:10px;border:0;color:#fff;background-color:var(--cl-0);border-radius:0px;}
.cart-pro-detail a.buynow{background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:#F28705;background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d);}
.cart-pro-detail a.buynow span{display:block;}
.cart-pro-detail a.buynow span:first-child{text-transform:uppercase;font-size:18px;}
.cart-pro-detail a.buynow span:last-child{font-weight:normal;}

/*cart home*/
/* NOTE: the markup carries utility classes (.flex, Bootstrap .d-flex) that set
   `display` and win by source-order over the base .wrap-cart/.procart rules, so
   every mobile override below is scoped under .cart-page (higher specificity) —
   and uses !important where it must beat Bootstrap's .d-flex{display:flex!important}. */
/* ===== Mobile ≤993px: stack the two columns + sticky checkout bar ===== */
@media(max-width:993px){
    /* Bỏ box ngoài (nền xám/bo góc/padding) để nội dung dùng gần hết chiều ngang */
    .cart-page{padding:0;background:transparent;border-radius:0;}
    /* the .flex utility forces .wrap-cart to display:flex (2 columns); block-stack it */
    .cart-page .wrap-cart{display:block;}
    /* Bỏ luôn khung thẻ wrapper top/section; các thẻ sản phẩm & mục con bên trong tự có viền */
    .cart-page .top-cart{width:auto;margin-bottom:16px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;}
    .cart-page .bottom-cart{width:auto;position:static;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;}
    .cart-page .section-cart{position:static;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;}
    /* CTA stays reachable while scrolling the long checkout form */
    .cart-page .cart-action{position:-webkit-sticky;position:sticky;bottom:0;z-index:30;margin:16px 0 0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--pc-line);}
    .cart-page .cart-action .btn-cart{width:100%;padding:14px!important;}
    .cart-page .cart-action .cart-secure-note{margin-top:8px;}
}
/* ===== Mobile ≤769px: product rows become stacked cards ===== */
@media(max-width:769px){
    .cart-page .cart-section-head{margin-bottom:14px;padding-bottom:12px;}
    .cart-page .cart-section-head .title-cart{font-size:18px;}
    .cart-page .cart-count-badge{font-size:12px;padding:4px 12px;}
    /* header row uses Bootstrap .d-flex!important — needs !important to hide */
    .cart-page .procart-label{display:none!important;}
    .cart-page .list-procart{display:flex;flex-direction:column;gap:12px;border:0;border-radius:0;overflow:visible;}
    /* .procart carries the .flex utility → force it back to grid for the card layout */
    .cart-page .procart{display:grid;position:relative;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:10px;align-items:start;padding:14px;border:1px solid var(--pc-line);border-radius:var(--pc-radius-md);background:var(--pc-card);}
    .cart-page .procart:hover{background:var(--pc-card);}
    /* image spans both rows on the left */
    .cart-page .pic-procart{grid-column:1;grid-row:1 / span 2;align-self:start;}
    .cart-page .pic-procart img{width:84px;height:84px;max-width:84px;max-height:84px;}
    /* delete → tappable ✕ in the top-right corner */
    .cart-page .pic-procart .del-procart{position:absolute;top:6px;right:6px;margin:0;padding:8px;line-height:1;}
    .cart-page .pic-procart .del-procart span{display:none;}
    .cart-page .pic-procart .del-procart i{font-size:18px;color:#c2c2c6;}
    .cart-page .pic-procart .del-procart:hover i,.cart-page .pic-procart .del-procart:active i{color:#d0342a;}
    /* name + properties top-right (leave room for the ✕) */
    .cart-page .info-procart{grid-column:2;grid-row:1;padding-right:28px;}
    .cart-page .name-procart{margin-bottom:6px;}
    .cart-page .name-procart a{font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    /* price (left) + quantity stepper (right) on the bottom row */
    .cart-page .quantity-procart{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;}
    .cart-page .price-procart{display:none;}
    .cart-page .price-procart-rp{display:flex;flex-direction:column;align-items:flex-start;width:auto;margin:0;text-align:left;}
    .cart-page .price-procart-rp .price-new-cart{font-size:15.5px;}
    .cart-page .price-procart-rp .price-old-cart{font-size:12.5px;}
    /* larger touch-friendly stepper */
    .cart-page .quantity-counter-procart{width:120px;height:40px;flex:none;}
    .cart-page .counter-procart{font-size:20px;}
    .cart-page .counter-procart-minus,.cart-page .counter-procart-plus{line-height:38px;}
    .cart-page .money-procart{margin-top:16px;}
}
/* ===== Small phones ≤480px ===== */
@media(max-width:480px){
    .cart-page .procart{grid-template-columns:72px minmax(0,1fr);column-gap:12px;padding:12px;}
    .cart-page .pic-procart img{width:72px;height:72px;max-width:72px;max-height:72px;}
    .cart-page .info-procart{padding-right:26px;}
    .cart-page .name-procart a{font-size:14px;}
    /* stack price above the stepper so long prices never overflow */
    .cart-page .quantity-procart{flex-direction:column;align-items:flex-start;gap:8px;}
    .cart-page .price-procart-rp{flex-direction:row;align-items:baseline;gap:8px;}
    .cart-page .total-procart:last-child p:last-child{font-size:20px;}
    .cart-page .input-double-cart,.cart-page .input-triple-cart{margin-bottom:0px;}
    .cart-page .input-double-cart .input-cart,.cart-page .input-triple-cart .input-cart{width:100%;float:none;margin:0 0 0.5rem 0!important;}
}
.price-new-pro-detail{font-weight:700;font-size:20px;color:#ff2e00;}
.price-old-pro-detail{font-weight:500;color:#666;text-decoration:line-through;padding-left:10px;}
.color-pro-detail.active,.size-pro-detail.active,.size-pro-detail:hover{color:#fff!important;background:#232323;}
.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center;margin-right:20px;font-weight:500;}
.quantity-pro-detail span{line-height:35px;padding:0;width:30px;height:40px;color:#000;cursor:pointer;font-size:16px;}
.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0;}
.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0;}
.quantity-pro-detail input{height:40px;width:calc(100% - 60px);text-align:center;font-size:20px;padding:5px;font-weight:700;}
.cart-pro-detail{margin-bottom:1rem;display:flex;align-items:center;justify-content:flex-start;}
.cart-pro-detail a{text-align:center;color:#fff;padding:8px 15px;cursor:pointer;border-radius:5px;font-weight:bold;}
.cart-pro-detail a.addnow{margin-right:10px;color:#fff;border-radius:5px;}
.cart-pro-detail a.addnow:hover{background-color:var(--cl-0);color:#fff;border-color:var(--cl-0);}
.cart-pro-detail a.buynow{background-color:#F28705;}
.cart-pro-detail a.buynow:hover{background-color:#F28705;color:#fff;}
.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px;}
.attr-pro-detail{margin:auto;padding:0;list-style:none;}
.grid-properties{display:flex;gap:10px;flex-wrap:wrap;}
.grid-properties span{position:relative;border:2px solid #ebebeb;padding:10px 15px;cursor:pointer;font-size:14px;}
.grid-properties span:hover,.grid-properties span.active{border-color:#333;color:#333;font-weight:bold;}
.grid-properties span:hover:after,.grid-properties span.active:after{content:'';border:0.9375rem solid transparent;border-bottom:0.9375rem solid var(#d0011b,#ee4d2d);bottom:0;position:absolute;right:-0.9375rem;}
.grid-properties span.outstock{pointer-events:none;background-color:#fafafa;color:rgba(0,0,0,0.26);cursor:not-allowed;}
.justify-between{justify-content:space-between;}
.items-stretch{align-items:stretch;}
.flex{display:flex;}
.grid{display:grid;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.gap-x-\[10px\]{-moz-column-gap:10px;column-gap:10px;}
@media (min-width:640px){
    .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
    .sm\:grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr));}
}