/* ==========================================================
   BANDINA REFRESH v2 — "Pop Sticker"
   Nền chàm có họa tiết chấm bi, viền dày + bóng đổ cứng như
   tem dán, màu hồng / vàng chanh. Áp dụng cho TOÀN BỘ trang.
   File nạp cuối cùng, chỉ ghi đè. Gỡ link trong
   snippets/head_styles.liquid để quay về giao diện cũ.
   ========================================================== */
:root{
  --bd-bg:#1a1048; --bd-bg2:#251a63; --bd-ink:#0d0822;
  --bd-pink:#ff4fa0; --bd-pink-d:#d6177f; --bd-violet:#5a2be2;
  --bd-lemon:#ffe14d; --bd-muted:#c7bff0; --bd-line:rgba(255,255,255,.2);
  --bd-display:'Bricolage Grotesque','Be Vietnam Pro',system-ui,sans-serif;
  --bd-body:'Be Vietnam Pro','Segoe UI',system-ui,sans-serif;
  /* ghi đè biến gốc của theme để các trang trong đổi màu theo */
  --lightLeftColBackground:var(--bd-bg);
  --bgButtonActive:var(--bd-violet);
  --mainColor:#ff6fb0;
  --accentColor2:var(--bd-pink-d);
}

/* ---------- Nền, chữ, tiêu điểm ---------- */
html{scrollbar-color:var(--bd-pink) var(--bd-bg)}
body{
  font-family:var(--bd-body);
  background-color:var(--bd-bg);
  background-image:
    radial-gradient(rgba(255,255,255,.075) 1.6px,transparent 1.8px),
    radial-gradient(70vw 40vw at 0% 0%,rgba(255,79,160,.2),transparent 70%),
    radial-gradient(60vw 40vw at 100% 40%,rgba(90,43,226,.45),transparent 70%);
  background-size:24px 24px,100% 100%,100% 100%;
  background-repeat:repeat,no-repeat,no-repeat;
  background-blend-mode:normal;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--bd-lemon);color:var(--bd-ink)}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body select:focus-visible,body textarea:focus-visible{
  outline:3px solid var(--bd-lemon)!important;outline-offset:2px;
}

/* ---------- Tiêu đề toàn site ---------- */
.contentWarp h1,.contentWarp h2,.contentWarp h3,.title,.title-head,.collection-name,.cart-name,.page_title,.blog-name,.article-name{
  font-family:var(--bd-display);letter-spacing:-.02em;
}
.title,.collection-name,.cart-name,.blog-name,.article-name{font-weight:800;line-height:1.1}
.title{font-size:clamp(24px,2.7vw,42px)}
.collection-name{font-size:clamp(28px,3.2vw,48px)}
.cart-name{font-size:clamp(22px,2.4vw,36px)}
.title-head{font-weight:800;font-size:clamp(20px,2.2vw,34px)!important;line-height:1.2}
.title-head.big{background:var(--bd-pink)!important;color:#fff!important;border:2px solid var(--bd-ink);box-shadow:4px 4px 0 var(--bd-ink);border-radius:12px}
.t-label{font-size:clamp(14px,1.1vw,17px)}
.total-products{font-size:clamp(14px,1.2vw,18px)}
/* gạch nền kiểu bút dạ quang dưới tiêu đề khối */
.head_box .title span,.head_box .title a{
  background:linear-gradient(transparent 66%,rgba(255,79,160,.9) 66%);
  padding:0 .15em;
}

/* ---------- Header ---------- */
#header-pc.col-left{
  position:sticky!important;top:0!important;z-index:20;
  background:#120a38;border-bottom:3px solid var(--bd-pink);
}
#header-pc .m-head{--padding-block-start:1%;--padding-block-end:1%}
@media (max-width:768px){#header-pc .m-head{--padding-block-start:5%;--padding-block-end:5%}}
#menu_pc > li > a{
  color:#fff!important;font-family:var(--bd-display);font-weight:700;
  font-size:clamp(13px,.98vw,15.5px);
}
#menu_pc > li > a:hover,#menu_pc > li > a.active{color:var(--bd-lemon)!important}
#menu_pc .lvdiv{
  background:#fff!important;border:2px solid var(--bd-ink)!important;border-radius:16px!important;
  box-shadow:6px 6px 0 var(--bd-pink);
}
#menu_pc .lvdiv a{color:var(--bd-ink)!important;font-weight:600}
#menu_pc .lvdiv a:hover,#menu_pc .lvdiv a.active{color:var(--bd-pink-d)!important}
.left-search input[type="text"]{
  height:44px;background:#fff!important;color:var(--bd-ink)!important;
  border:2px solid var(--bd-ink)!important;box-shadow:3px 3px 0 var(--bd-pink);
  font-family:var(--bd-body);transition:box-shadow .2s,transform .2s;
}
.left-search input[type="text"]::placeholder{color:#7a6f9c!important}
.left-search input[type="text"]:focus{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--bd-lemon)!important}
.left-search [type="submit"] svg{fill:var(--bd-ink)!important}
.b_use .item-use svg{fill:#fff}
.b_use .item-use:hover svg{fill:var(--bd-lemon)}
.btn-cart-indicator,.wishlist-indicator{
  background:var(--bd-pink)!important;color:#fff!important;font-weight:800;border:2px solid var(--bd-ink);
}
.breadcrumbs .breadcrumb{background:transparent!important;font-weight:600}
.breadcrumbs .breadcrumb a{color:var(--bd-muted)!important}
.breadcrumbs .breadcrumb a:hover{color:var(--bd-lemon)!important}
.breadcrumbs .breadcrumb li:last-child,.breadcrumbs .breadcrumb li:last-child span{color:var(--bd-lemon)!important}
.breadcrumb-coll{border-bottom:2px dashed var(--bd-line)!important}

/* ---------- Slider đầu trang ---------- */
.m-slide .swiper-slide > .row{
  background:var(--bd-violet);border:3px solid var(--bd-ink);border-radius:32px;
  box-shadow:8px 8px 0 var(--bd-pink);margin:4px 8px 14px!important;padding:clamp(14px,2vw,30px) 0;
}
.m-slide .swiper-slide a.rounded-40{
  border-radius:22px!important;overflow:hidden;border:3px solid var(--bd-ink);
  box-shadow:5px 5px 0 var(--bd-lemon);
}
@media (min-width:576px){
  .m-slide .slide-content h2{
    font-family:var(--bd-display);font-weight:800;
    font-size:clamp(26px,3.4vw,54px)!important;line-height:1.1!important;letter-spacing:-.03em;text-wrap:balance;
  }
  .m-slide .slide-content .sum{font-size:clamp(13px,1vw,16px)!important;line-height:1.65;color:#e8e2ff;max-width:52ch}
}
.m-slide .slide-content h2{font-family:var(--bd-display);font-weight:800}
.mew_slide .mew_slide_p .swiper-pagination-bullet-active{background:var(--bd-lemon)!important;outline-color:var(--bd-lemon)!important}

/* ---------- Nút ---------- */
.b-link .b-buy,.btn-primary,.btn-primary:focus,.btn-checkout{
  background:var(--bd-lemon)!important;color:var(--bd-ink)!important;
  border:2px solid var(--bd-ink)!important;font-weight:800;
  box-shadow:4px 4px 0 var(--bd-pink);
  transition:transform .15s,box-shadow .15s;
}
.b-link .b-buy:hover,.btn-primary:hover,.btn-checkout:hover{
  transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bd-pink);color:var(--bd-ink)!important;
}
.b-link .b-contact{
  background:transparent;border:2px solid #fff!important;color:#fff!important;font-weight:700;
}
.b-link .b-contact:hover{background:#fff;color:var(--bd-ink)!important}
.head_box .b-link a{padding:.7em 1.8em!important;font-size:14px!important;width:auto!important}
.btn-buymore,.btn-clearcart{color:#fff;font-weight:700}
.btn-buymore:hover,.btn-clearcart:hover{color:var(--bd-lemon)}

/* ---------- Thẻ & khối trắng = tem dán ---------- */
.contentWarp .bg-white.rounded-30,.contentWarp .bg-white.rounded-20{
  border:2.5px solid var(--bd-ink);border-radius:20px!important;box-shadow:5px 5px 0 var(--bd-pink);
}
.product-item.grid{
  background:#fff!important;border:2.5px solid var(--bd-ink);border-radius:20px!important;
  padding:10px!important;box-shadow:6px 6px 0 var(--bd-pink);
  transition:transform .2s,box-shadow .2s;
}
.product-item.grid:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bd-pink)}
.product-item.grid .thumb{border:2px solid var(--bd-ink);border-radius:13px;overflow:hidden}
.product-item.grid .thumb .img{border-radius:0!important}
.product-item.grid .thumb:hover .zoom{transform:scale(1.05)}
.product-item.grid .item-info{padding:12px 4px 4px!important}
.product-item.grid .item-info .item-title{padding:0 0 10px}
.product-item.grid .item-info .item-title a{
  font-family:var(--bd-display);font-weight:700;font-size:clamp(12.5px,.95vw,15px);
  line-height:1.38;color:var(--bd-ink);
}
.product-item.grid .item-info .item-title a:hover{color:var(--bd-pink-d)}
.product-item .special-price{font-family:var(--bd-display);font-weight:800;font-size:clamp(14px,1.1vw,17px);color:var(--bd-pink-d)!important}
.product-item .old-price{color:#8b83a8!important;font-size:.85em}
.product-item .l-soldout{background:var(--bd-ink)!important;color:var(--bd-lemon)!important;font-weight:700}
.product-item_form .btn{
  width:40px;height:40px;padding:0!important;display:flex;align-items:center;justify-content:center;
  border-radius:50%!important;background:var(--bd-lemon)!important;border:2px solid var(--bd-ink)!important;
  transition:background .2s,transform .2s;
}
.product-item_form .btn svg{fill:var(--bd-ink);width:20px;height:20px}
.product-item_form .btn:hover{background:var(--bd-pink)!important;transform:rotate(-8deg) scale(1.06)}
.wishlist-btn{
  width:34px!important;height:34px!important;border:2px solid var(--bd-ink)!important;border-radius:50%!important;
  background:#fff!important;
}
.wishlist-btn svg{fill:var(--bd-pink-d)}
.wishlist-btn.added{background:var(--bd-pink)!important}
.wishlist-btn.added svg{fill:#fff}
/* chừa chỗ cho bóng đổ khỏi bị cắt trong slider */
.mew_product_tab,.mew_product_main,.mew_flash{padding:2px 10px 14px 2px!important}

/* ---------- Mũi tên trượt ---------- */
.out-arrow .swiper-button-prev,.out-arrow .swiper-button-next{
  width:46px;height:46px;border-radius:50%;background:var(--bd-lemon);
  border:2px solid var(--bd-ink);box-shadow:3px 3px 0 var(--bd-pink);
}
.out-arrow .swiper-button-prev svg,.out-arrow .swiper-button-next svg{width:16px;height:20px;fill:var(--bd-ink)}
.out-arrow .swiper-button-prev:hover,.out-arrow .swiper-button-next:hover{background:var(--bd-pink)}

/* ---------- Menu chấm bên trái trang chủ ---------- */
.sup-menu a{
  background:#fff;color:var(--bd-ink)!important;border:2px solid var(--bd-ink);border-radius:999px;
  padding:.4rem .9rem!important;text-shadow:none;box-shadow:3px 3px 0 var(--bd-pink);
  font-family:var(--bd-display);font-weight:700;font-size:12px!important;
}
.sup-menu a svg{fill:var(--bd-pink)}
.sup-menu a:hover{background:var(--bd-lemon)}

/* ---------- Form, ô nhập ---------- */
.form-control{border:2px solid var(--bd-ink);border-radius:12px;font-family:var(--bd-body)}
.form-control:focus{border-color:var(--bd-pink)!important;box-shadow:0 0 0 4px rgba(255,79,160,.28)!important}

/* ---------- Danh mục / lọc / phân trang ---------- */
.pc_button_fill{border:2px solid var(--bd-ink)!important;color:var(--bd-ink)!important;font-weight:700;box-shadow:3px 3px 0 var(--bd-pink)}
.filter-container__selected-filter-item a{border:2px solid var(--bd-line);border-radius:999px}
.sidebar_mobi .aside-filter,.aside-filter{border-radius:20px}
.load-more a{border:2px solid #fff!important;color:#fff!important}
.pagination .page-link,.pagination li a,.pagination li span{
  border:2px solid var(--bd-line)!important;background:transparent!important;color:#fff!important;
  border-radius:12px!important;margin:0 3px;font-weight:700;min-width:40px;text-align:center;
}
.pagination .active .page-link,.pagination li.active a,.pagination li.active span,.pagination .page-link:hover,.pagination li a:hover{
  background:var(--bd-lemon)!important;color:var(--bd-ink)!important;border-color:var(--bd-ink)!important;
}

/* ---------- Trang sản phẩm ---------- */
.product-name{font-family:var(--bd-display);font-weight:800}
.product-price,.product-price-2{font-family:var(--bd-display);font-weight:800}
.product-thumb-slide .swiper-slide{border:2px solid var(--bd-ink)!important;border-radius:10px;background:#fff}
.product-main-slide .shadow_product{border:3px solid var(--bd-ink);border-radius:20px;filter:none!important;box-shadow:8px 8px 0 var(--bd-pink)}
.openitem{border:2px solid var(--bd-ink)!important;border-radius:12px}
.custom-btn-number,.product-control{border-radius:12px}
.sale_label{background:var(--bd-pink)!important;color:#fff!important;border:2px solid var(--bd-ink);font-weight:800}

/* ---------- Giỏ hàng ---------- */
.list-cart-box{
  background:var(--bd-bg2)!important;border:2px solid var(--bd-line);border-radius:26px!important;
}
.bm_checkout{border-radius:22px}
.cart__summary_total{font-family:var(--bd-display);font-weight:800;color:var(--bd-lemon)}

/* ---------- Blog, bài viết, trang nội dung, tìm kiếm ---------- */
.custom-article-item,.blog-item-list,.custom-page-item{border-radius:18px;overflow:hidden}
.blog-name,.article-name,.page-title h1{font-size:clamp(24px,2.6vw,40px)}
.rte{line-height:1.75}
.m-pages-content .banner-pages{border-radius:24px;overflow:hidden;border:3px solid var(--bd-ink);box-shadow:8px 8px 0 var(--bd-pink)}
.search-layout .t-search{font-family:var(--bd-display);font-weight:800}

/* ---------- Đăng nhập / tài khoản ---------- */
.h-login a{border-top-left-radius:28px!important;border-top-right-radius:28px!important;font-family:var(--bd-display);font-weight:800}
.c-login{padding:3em!important;border-bottom-left-radius:28px!important;border-bottom-right-radius:28px!important;border:3px solid var(--bd-ink);box-shadow:8px 8px 0 var(--bd-pink)}
.account-info,.order-info{border-radius:22px}

/* ---------- Footer ---------- */
footer{position:relative;background:var(--bd-ink)!important;margin-top:10px}
footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:10px;
  background:repeating-linear-gradient(135deg,var(--bd-pink) 0 14px,var(--bd-lemon) 14px 28px);
}
footer .foo-main{padding-top:calc(var(--padding-block-start,8%) + 10px)}
footer a{color:#d6cdf5}
footer a:hover{color:var(--bd-lemon)}
footer .foo-main .footer-col{font-size:clamp(12.5px,.9vw,14.5px);line-height:1.7}
footer .foo-main .footer-title{font-family:var(--bd-display);font-weight:800;color:#fff;font-size:clamp(14px,1.05vw,17px)}

/* ---------- Thanh menu dưới cùng (điện thoại) ---------- */
.mew_mobi_bar{border-top:3px solid var(--bd-ink);box-shadow:0 -4px 0 var(--bd-pink)}
.mew_mobi_bar .item.active svg,.mew_mobi_bar .item:hover svg,.mew_mobi_bar .item.open svg{fill:var(--bd-pink-d)}
.mew_mobi_bar .item.active .tit,.mew_mobi_bar .item:hover .tit,.mew_mobi_bar .item.open .tit{color:var(--bd-pink-d)}

/* ---------- Lên đầu trang ---------- */
.back_top{
  background:var(--bd-lemon)!important;border:2px solid var(--bd-ink)!important;border-radius:50%!important;
  box-shadow:3px 3px 0 var(--bd-pink);
}
.back_top img{filter:invert(1) brightness(.2)}

/* ---------- Giảm chuyển động ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
  .product-item.grid:hover{transform:none}
}

/* ==========================================================
   MOBILE v3 — tối ưu giao diện điện thoại
   Chỉ có hiệu lực trên màn hình nhỏ; desktop không bị ảnh hưởng.
   Vấn đề đã xử lý: lề ngang 20% quá lớn, header xếp chồng quá cao,
   chữ footer 8px, tiêu đề slider đè lên ảnh, bóng đổ quá dày,
   nút "lên đầu trang" đè thanh menu dưới, ô nhập < 16px bị iOS zoom.
   ========================================================== */

/* ---------- Nền tảng cảm ứng (≤ 991px: điện thoại + máy tính bảng nhỏ) ---------- */
@media (max-width:991px){
  html,body{max-width:100%;overflow-x:clip}
  a,button,.btn,input,select,textarea,label,summary{touch-action:manipulation}
  a,button{-webkit-tap-highlight-color:rgba(255,225,77,.35)}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}

  /* Thanh menu dưới cùng */
  .mew_mobi_bar{
    padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0;border-top:2.5px solid var(--bd-ink);
    box-shadow:0 -3px 0 var(--bd-pink);align-items:stretch;gap:2px;
  }
  .mew_mobi_bar .item{
    min-height:48px;padding-bottom:0;border-radius:12px;
    justify-content:center;align-items:center;
  }
  .mew_mobi_bar .item svg{width:22px;height:22px;max-width:22px;fill:var(--bd-ink)}
  .mew_mobi_bar .item .tit{
    font-family:var(--bd-body);font-size:11px;line-height:1.2;color:var(--bd-ink);
    max-width:100%;padding:3px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .mew_mobi_bar .item:active{background:rgba(255,79,160,.14)}
  .mew_mobi_bar .item.active,.mew_mobi_bar .item.open{background:rgba(255,225,77,.55)}
  .mew_mobi_bar .item.active svg,.mew_mobi_bar .item.open svg{fill:var(--bd-ink)}
  .mew_mobi_bar .item.active .tit,.mew_mobi_bar .item.open .tit{color:var(--bd-ink);font-weight:800}
  .mew_mobi_bar .btn-cart-indicator{top:2px;right:calc(50% - 22px)}
  /* nút hành động chính trong thanh (Thanh toán / Chọn mua / Gọi ngay) */
  .mew_mobi_bar .btn-checkout,.mew_mobi_bar .product-action_buynow{
    flex:1 1 auto;min-height:46px;margin:0 2px 0 6px;padding:0 14px;border-radius:14px;
    background:var(--bd-lemon)!important;color:var(--bd-ink)!important;
    border:2px solid var(--bd-ink)!important;box-shadow:3px 3px 0 var(--bd-pink)!important;
    font-size:13px;font-weight:800;text-transform:none;white-space:nowrap;
  }
  .mew_mobi_bar .btn-checkout:active,.mew_mobi_bar .product-action_buynow:active{
    transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bd-pink)!important;
  }

  /* Các nút nổi: tránh đè thanh menu dưới */
  .back_top{width:42px!important;height:42px!important;bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;border-radius:50%!important}
  .fix-phone{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .jas-sale-pop.slideUp{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}

/* ---------- Điện thoại (≤ 767px) ---------- */
@media (max-width:767px){
  /* Lề ngang: 10% mỗi bên -> 16px */
  .m-con-full{padding-inline-start:16px!important;padding-inline-end:16px!important}
  .m-con-full .m-con-full{padding-inline-start:0!important;padding-inline-end:0!important}
  /* Ô nhập >= 16px để iOS không tự phóng to khi chạm vào */
  input,select,textarea,.form-control{font-size:16px!important}
  .title{font-size:clamp(22px,6.4vw,28px)}
  .collection-name{font-size:clamp(24px,7vw,30px)}
  .title-head{font-size:clamp(18px,5vw,22px)!important}
  .breadcrumbs .breadcrumb{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;font-size:13px;scrollbar-width:none}
  .breadcrumbs .breadcrumb::-webkit-scrollbar{display:none}

  /* ----- Header: logo + biểu tượng / ô tìm kiếm / menu cuộn ngang ----- */
  #header-pc.col-left{position:relative!important;padding-top:env(safe-area-inset-top,0px)}
  #header-pc .m-head{padding:10px 16px 10px!important;font-size:14px}
  #header-pc .m-head > div{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"logo use" "search search" "menu menu";
    gap:10px;align-items:center;
  }
  #header-pc .mb-table{margin-bottom:0!important}
  #header-pc .logo{grid-area:logo;width:auto;min-width:0;max-width:160px}
  #header-pc .b_use{grid-area:use;width:auto;min-width:0;padding:0!important;gap:2px;justify-content:flex-end}
  #header-pc .b_use .item-use{
    flex:0 0 auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;
  }
  #header-pc .b_use .item-use > a,#header-pc .b_use .b_ico_Cart{display:flex;align-items:center;justify-content:center}
  #header-pc .b_use svg{width:24px!important;height:24px!important}
  #header-pc .btn-cart-indicator,#header-pc .wishlist-indicator{font-size:11px;min-width:18px;height:18px;line-height:14px;padding:0 3px}
  #header-pc .btn-cart-indicator{top:-7px;right:-8px}
  #header-pc .search-block{grid-area:search;width:100%}
  .left-search input[type="text"]{height:44px;padding-right:14px}
  #header-pc .menu-box{
    grid-area:menu;width:auto;margin:0 -16px;padding:2px 16px 6px;text-align:left;
    overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  #header-pc .menu-box::-webkit-scrollbar{display:none}
  #header-pc #menu_pc{padding:0!important;flex-wrap:nowrap;gap:8px;width:max-content;min-width:100%}
  #header-pc #menu_pc > li{flex:0 0 auto!important;padding:0!important}
  #header-pc #menu_pc > li > a{
    padding:8px 15px!important;border:2px solid rgba(255,255,255,.3);border-radius:999px;
    background:rgba(255,255,255,.07);font-size:13px;line-height:1.2;white-space:nowrap;
  }
  #header-pc #menu_pc > li > a.active{background:var(--bd-lemon);border-color:var(--bd-ink);color:var(--bd-ink)!important}
  /* menu con không dùng được trong dải cuộn ngang -> ẩn, vào trang danh mục để xem */
  #header-pc #menu_pc .lvdiv,#header-pc #menu_pc .down_icon,#header-pc #menu_pc .js-submenu{display:none!important}

  /* ----- Bóng đổ mỏng hơn để không tràn / bị cắt ----- */
  .contentWarp .bg-white.rounded-30,.contentWarp .bg-white.rounded-20{box-shadow:3px 3px 0 var(--bd-pink);border-radius:16px!important}
  .title-head.big{box-shadow:3px 3px 0 var(--bd-ink)}
  .product-main-slide .shadow_product{box-shadow:4px 4px 0 var(--bd-pink);border-width:2.5px;border-radius:16px}
  .m-pages-content .banner-pages{box-shadow:4px 4px 0 var(--bd-pink);border-width:2.5px;border-radius:18px}
  .c-login{padding:1.5em!important;box-shadow:4px 4px 0 var(--bd-pink);border-width:2.5px}
  .list-cart-box{border-radius:20px!important}

  /* ----- Thẻ sản phẩm ----- */
  .product-item.grid{padding:7px!important;border-width:2px;border-radius:16px!important;box-shadow:3px 3px 0 var(--bd-pink)}
  .product-item.grid:hover{transform:none;box-shadow:3px 3px 0 var(--bd-pink)}
  .product-item.grid:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bd-pink)}
  .product-item.grid .thumb{border-radius:11px}
  .product-item.grid .item-info{padding:9px 3px 3px!important}
  .product-item.grid .item-info .item-title{padding-bottom:6px}
  .product-item.grid .item-info .item-title a{font-size:13px;line-height:21px}
  .product-item .special-price{font-size:14px}
  .product-item .old-price{font-size:12px}
  .product-item_form .btn{width:38px;height:38px}
  .wishlist-btn{width:36px!important;height:36px!important}
  .mew_product_tab,.mew_product_main,.mew_flash{padding:2px 6px 10px 2px!important}

  /* ----- Nút ----- */
  .b-link .b-buy,.btn-primary,.btn-primary:focus,.btn-checkout{box-shadow:3px 3px 0 var(--bd-pink)}
  .b-link .b-buy:active,.btn-primary:active,.btn-checkout:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bd-pink)}
  .head_box .b-link a{padding:.75em 1.4em!important;font-size:13px!important;min-height:42px}
  .load-more a{padding:1em 2.5em!important}
  .pagination{flex-wrap:wrap;justify-content:center;gap:6px}
  .pagination .page-link,.pagination li a,.pagination li span{margin:0;min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}

  /* ----- Footer: 1 cột, chữ đọc được ----- */
  footer .foo-main{flex-direction:column!important;flex-wrap:nowrap!important;gap:26px;padding-top:36px;padding-bottom:28px}
  footer .foo-main .footer-col{width:100%!important;padding-inline-start:0!important;padding-inline-end:0!important;font-size:14px;line-height:1.7;gap:12px;text-align:left}
  footer .foo-main .footer-title{font-size:15px}
  footer .foo-main .foo-logo{align-items:flex-start;text-align:left}
  footer .foo-main .logo_foo{max-width:150px}
  footer .foo-main .foo-menu .links{align-self:flex-start}
  footer .foo-main .links li:not(:last-child){margin-bottom:12px}
  footer .foo-main .links a{display:inline-block;padding:2px 0;line-height:1.5}
  footer .foo-main .foo-support svg{width:22px;height:22px}
  footer .foo-main .foo-info .social{flex-wrap:wrap;gap:16px}
  footer .foo-main .foo-info .b-social{width:100%;padding-inline-start:0}
  footer .foo-main .foo-info .i-social{gap:12px}
  footer .foo-main .foo-info .i-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid rgba(255,255,255,.25);border-radius:50%}
  footer .foo-main .foo-info svg{width:18px;height:18px}
  footer .payment-accept img{max-height:28px}
}

/* ---------- Điện thoại nhỏ (≤ 575px): slider xếp dọc, rõ ràng ---------- */
@media (max-width:575px){
  .m-slide .swiper-slide > .row{
    margin:2px 6px 8px 2px!important;padding:12px!important;border-width:2.5px;border-radius:24px;
    box-shadow:4px 4px 0 var(--bd-pink);
  }
  .m-slide .swiper-slide .col-12{padding-left:0;padding-right:0}
  .m-slide .swiper-slide a.rounded-40{border-width:2.5px;border-radius:18px!important;box-shadow:3px 3px 0 var(--bd-lemon)}
  .m-slide .slide-content{padding:0!important;gap:12px;align-items:stretch}
  /* tiêu đề nằm dưới ảnh thay vì đè lên ảnh */
  .m-slide .slide-content h2{
    position:static!important;width:auto;margin:0;padding:12px 2px 0!important;
    background:none!important;border-radius:0!important;pointer-events:auto;
    font-size:18px!important;line-height:1.3!important;text-align:center;text-wrap:balance;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  }
  .m-slide .slide-content .b-link{gap:10px;max-width:none}
  .m-slide .slide-content .b-link a{
    flex:1 1 0;width:auto!important;margin:0!important;min-height:44px;padding:.7em .5em;
    display:flex;align-items:center;justify-content:center;font-size:14px;
  }
  .m-slide .mew_slide_p{position:static!important;bottom:auto!important;margin:2px 0 0;display:flex!important;justify-content:center;gap:6px}
  .m-slide .mew_slide_p .swiper-pagination-bullet{margin:0!important;width:8px;height:8px}
  .m-slide .mew_slide_p .swiper-pagination-bullet-active{width:22px;border-radius:99px}
}

/* ---------- Màn hình rất nhỏ (≤ 360px) ---------- */
@media (max-width:360px){
  #header-pc .m-head{padding-left:12px!important;padding-right:12px!important}
  #header-pc .b_use .item-use{width:38px}
  #header-pc .logo{max-width:128px}
  .mew_mobi_bar .item .tit{font-size:10px}
  .product-item.grid .item-info .item-title a{font-size:12.5px}
}

/* Cảm ứng: không để hiệu ứng hover bị "dính" sau khi chạm */
@media (hover:none){
  .product-item.grid:hover{transform:none}
  .out-arrow .swiper-button-prev:hover,.out-arrow .swiper-button-next:hover{background:var(--bd-lemon)}
}

/* ==========================================================
   v3.1 — sửa theo phản hồi thực tế (ảnh chụp màn hình)
   ========================================================== */

/* ---------- Khoảng cách dưới viền header + slider kiểu "poster tem dán" ---------- */
.m-slide{padding-top:clamp(18px,2.4vw,34px)!important}

@media (max-width:767px){
  /* [1] Dải menu: các nút chia đều chiều ngang, cao bằng nhau */
  #header-pc .m-head{padding-top:14px!important}
  #header-pc .menu-box{padding-bottom:4px}
  #header-pc #menu_pc{width:max-content;min-width:100%;gap:8px}
  #header-pc #menu_pc > li{flex:1 0 auto!important}
  #header-pc #menu_pc > li > a{
    display:flex;align-items:center;justify-content:center;min-height:42px;
    padding:0 18px!important;font-size:14px;font-weight:700;text-align:center;
    background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.34);
    box-shadow:2px 2px 0 rgba(255,79,160,.9);
  }
  #header-pc #menu_pc > li > a.active{box-shadow:2px 2px 0 var(--bd-pink)}
  #header-pc #menu_pc > li > a:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--bd-pink)}

  /* [3] Nhãn "Hết hàng" chuyển xuống góc trái, không đè nút tim ở góc phải */
  .product-item .l-soldout{
    right:auto!important;left:8px!important;bottom:8px!important;
    font-size:11px;padding:.3rem .65rem!important;transform:rotate(-3deg);
    border:1.5px solid var(--bd-lemon);
  }

  /* [4] Nút mũi tên trượt bị cắt nửa ở mép màn hình -> bỏ trên điện thoại, vuốt ngang để xem thêm.
         Thay bằng gợi ý "vuốt" bằng thanh cuộn mảnh phía dưới danh sách. */
  .out-arrow:not(.mg_out):not(.m-slide) .swiper-button-prev,.out-arrow:not(.mg_out):not(.m-slide) .swiper-button-next{display:none!important}

  /* [2] Slider: ảnh là tấm "tem" chính, tiêu đề là nhãn vàng dán chéo lên ảnh */
  .m-slide .swiper-slide > .row{
    background:transparent!important;border:0!important;box-shadow:none!important;
    padding:0!important;margin:0 8px 6px 2px!important;
  }
  .m-slide .swiper-slide a.rounded-40{
    border:2.5px solid var(--bd-ink);border-radius:22px!important;box-shadow:5px 5px 0 var(--bd-pink);
  }
  .m-slide .slide-content{padding-top:0!important;gap:14px}
  .m-slide .slide-content h2{
    position:relative!important;z-index:3;align-self:flex-start;
    width:auto;max-width:92%;margin:-30px 0 0 10px!important;padding:8px 14px!important;
    background:var(--bd-lemon)!important;color:var(--bd-ink)!important;
    border:2.5px solid var(--bd-ink);border-radius:14px!important;box-shadow:3px 3px 0 var(--bd-pink);
    transform:rotate(-1.8deg);text-align:left;font-size:16px!important;line-height:1.25!important;
    -webkit-line-clamp:2;
  }
  .m-slide .slide-content .b-link{padding:0 2px}
  .m-slide .slide-content .b-link .b-contact{background:rgba(255,255,255,.06)}
  .m-slide .mew_slide_p{margin-top:8px}

  /* [5] Footer: căn giữa, nút dạng "chip" kiểu GenZ */
  footer .foo-main{align-items:center;text-align:center;gap:28px;padding-top:40px}
  footer .foo-main .footer-col{align-items:center!important;text-align:center!important}
  footer .foo-main .foo-logo{align-items:center!important;text-align:center!important;gap:10px}
  footer .foo-main .logo_foo{width:min(132px,38vw);max-width:none;margin:0 auto}
  footer .foo-main .logo_foo img{display:block;width:100%;height:auto;margin:0 auto}
  footer .foo-main .foo-logo p{font-size:13px;line-height:1.6;color:#d6cdf5;max-width:30ch;margin:0 auto}
  footer .foo-main .footer-title{
    display:inline-block;width:auto;font-family:var(--bd-display);font-size:16px;margin:0;
    background:linear-gradient(transparent 62%,rgba(255,79,160,.85) 62%);padding:0 .25em;
  }
  /* liên kết chính + chính sách = các chip tròn */
  footer .foo-main .foo-menu .links,footer .foo-main .foo-menu-2 .links{
    align-self:center;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;
  }
  footer .foo-main .foo-menu-2{gap:14px}
  footer .foo-main .links li,footer .foo-main .links li:not(:last-child){margin:0}
  footer .foo-main .links a{
    display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;
    border:2px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.06);
    color:#fff;font-size:14px;font-weight:700;line-height:1.2;
  }
  footer .foo-main .links a:hover,footer .foo-main .links a:active{background:var(--bd-lemon);color:var(--bd-ink);border-color:var(--bd-ink)}
  footer .foo-main .foo-menu-2 .links a{font-size:13px;font-weight:600;min-height:38px;padding:0 14px;color:#d6cdf5}
  /* chăm sóc khách hàng */
  footer .foo-main .foo-support .support-box{width:100%}
  footer .foo-main .foo-support .support-box p{
    justify-content:center;align-items:center;margin:0 auto;padding:10px 16px;max-width:100%;
    border:2px dashed rgba(255,255,255,.3);border-radius:16px;
  }
  footer .foo-main .foo-support .support-box a{word-break:break-all}
  footer .foo-main .foo-support svg{width:24px;height:24px;margin-right:10px!important}
  footer .foo-main .payment-accept{justify-content:center;gap:10px}
  footer .foo-main .payment-accept img{background:#fff;border-radius:10px;padding:5px 10px;max-height:38px;width:auto}
  /* thông tin pháp lý + mạng xã hội */
  footer .foo-main .foo-info{font-size:13px;color:#cfc6f2}
  footer .foo-main .foo-info .social{flex-direction:column;align-items:center;gap:18px}
  footer .foo-main .foo-info .social > a{width:auto!important;max-width:150px}
  footer .foo-main .foo-info .b-social{align-items:center;width:100%;padding:0}
  footer .foo-main .foo-info .i-social{justify-content:center;gap:12px}
  footer .foo-main .foo-info .i-social a{background:rgba(255,255,255,.07)}
  footer .foo-main .foo-info .i-social a:hover,footer .foo-main .foo-info .i-social a:active{background:var(--bd-lemon);border-color:var(--bd-ink)}
  footer .foo-main .foo-info .i-social a:hover svg,footer .foo-main .foo-info .i-social a:active svg{fill:var(--bd-ink)}
}

/* [6] Giá trong trang chi tiết (nền tối): đổi sang vàng chanh cho nổi, mọi kích thước màn hình */
.product-price-2 .special-price,
.product-price-2 .title-head .special-price{color:var(--bd-lemon)!important;text-shadow:2px 2px 0 var(--bd-ink)}
.product-price-2 .old-price{color:var(--bd-muted)!important;text-shadow:none}
.product-price-2 .text-white{color:var(--bd-lemon)!important}

/* Nút Thêm vào giỏ / Mua ngay trong trang chi tiết: tương phản rõ, cùng ngôn ngữ "tem dán" */
.product-action_buy,.js-addToCart-product{
  background:var(--bd-lemon)!important;color:var(--bd-ink)!important;
  border:2.5px solid var(--bd-ink)!important;box-shadow:4px 4px 0 var(--bd-pink)!important;
  transition:transform .15s,box-shadow .15s;
}
.product-action_buy svg,.js-addToCart-product svg{fill:var(--bd-ink)!important}
.product-action_buy .button__text,.js-addToCart-product .button__text{color:var(--bd-ink)!important;font-weight:800}
.product-action_buy:active,.js-addToCart-product:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--bd-pink)!important}
.product-action_buy:disabled,.js-addToCart-product:disabled{background:#8d84b8!important;color:#fff!important;box-shadow:none!important}
.product-action_buy:disabled .button__text,.js-addToCart-product:disabled .button__text{color:#fff!important}


/* ==========================================================
   v3.2 — sửa lỗi vỡ khung, thanh danh mục, giỏ mini, mũi tên
   ========================================================== */

/* ---------- [Desktop] Thanh danh mục: nằm cố định ở đầu trang, căn giữa ---------- */
@media (min-width:768px){
  .sup-menu{
    position:static!important;transform:none!important;left:auto;top:auto;z-index:auto;
    width:100%;padding:22px 16px 0;text-align:center;
  }
  .sup-menu ul{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px}
  .sup-menu .level0{margin:0!important;display:block}
  .sup-menu a{font-size:13px!important;padding:.55rem 1.15rem!important;gap:8px!important;text-shadow:none}
  .sup-menu a:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bd-pink)}
  section[id^="m_product_"]{scroll-margin-top:130px}
}

/* ---------- Mũi tên trượt: nút "next" lật icon, không lật cả vòng tròn (bóng đổ đúng hướng) ---------- */
.out-arrow .swiper-button-next{transform:none!important}
.out-arrow .swiper-button-next svg{transform:scaleX(-1)}
.out-arrow .swiper-button-prev:active,.out-arrow .swiper-button-next:active{transform:translate(2px,2px)!important;box-shadow:1px 1px 0 var(--bd-pink)}

@media (max-width:767px){
  /* [Điện thoại] Nút VZONE / VZONE+ / About Us: chữ nằm giữa khung (class d-block của Bootstrap đang ép display) */
  #header-pc #menu_pc > li > a{
    display:flex!important;align-items:center!important;justify-content:center!important;
    height:44px;min-height:44px;padding:0 18px!important;line-height:1.2!important;
  }

  /* Danh sách sản phẩm: cặp nút qua lại nằm giữa, ngay dưới danh sách */
  .mg_out.out-arrow{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 16px}
  .mg_out.out-arrow > .swiper-container{flex:0 0 100%;min-width:0;max-width:100%}
  .mg_out.out-arrow > .swiper-button-prev,
  .mg_out.out-arrow > .swiper-button-next{
    display:flex!important;position:static!important;left:auto!important;right:auto!important;top:auto!important;
    width:46px!important;height:46px!important;margin:4px 0 2px!important;
  }
  .mg_out.out-arrow > .swiper-button-disabled{opacity:.35!important;pointer-events:none;box-shadow:none}
  .mg_out.out-arrow > .swiper-button-prev svg,.mg_out.out-arrow > .swiper-button-next svg{width:15px;height:19px}
}

/* ---------- Footer điện thoại: sửa các class ép (d-block, flex-row, d-inline-block) ---------- */
@media (max-width:767px){
  footer .foo-main .links a{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    height:auto;min-height:42px;padding:0 18px!important;line-height:1.2!important;
  }
  footer .foo-main .foo-menu-2 .links a{min-height:38px;padding:0 15px!important}
  /* Đối tác vận chuyển: logo GHN màu trắng nên không dùng nền trắng nữa */
  footer .foo-main .payment-accept img{
    background:rgba(255,255,255,.1)!important;border:2px solid rgba(255,255,255,.22);
    border-radius:12px;padding:6px 12px;height:42px;max-height:42px;width:auto;object-fit:contain;
  }
  /* Huy hiệu Bộ Công Thương + Social: căn giữa thật sự */
  footer .foo-main .foo-info .social{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px}
  footer .foo-main .foo-info .social > a{display:flex!important;justify-content:center;align-items:center;width:auto!important;max-width:100%!important;margin:0 auto}
  footer .foo-main .foo-info .social > a img{display:block;width:auto!important;max-width:170px;height:auto;margin:0 auto}
  footer .foo-main .foo-info .b-social{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%}
  footer .foo-main .foo-info .i-social{display:flex!important;justify-content:center!important;gap:12px}
  footer .foo-main .foo-info .i-social a{
    display:inline-flex!important;align-items:center;justify-content:center;
    width:44px;height:44px;padding:0!important;line-height:1;
  }
  footer .foo-main .foo-info .i-social a svg{display:block;width:20px;height:20px;margin:0}
}

/* ---------- Giỏ hàng mini → bottom-sheet gọn gàng trên điện thoại / máy tính bảng ---------- */
@media (max-width:991px){
  /* class .item-use của biểu tượng header bị áp cho cả khung giỏ mini -> trả về bình thường */
  #header-pc .b_use .cart-info-list{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:100%!important;height:auto!important;min-width:0!important;margin:0!important;padding:0!important;
    display:block!important;z-index:70;opacity:1!important;text-align:left;
    visibility:hidden;pointer-events:none;transition:visibility 0s linear .32s;
  }
  #header-pc .b_use .cart-info-list.active{visibility:visible;pointer-events:auto;transition-delay:0s}
  .cart-info-list::before{
    content:"";position:fixed;inset:0;z-index:-1;background:rgba(13,8,34,.68);
    opacity:0;transition:opacity .28s;
  }
  .cart-info-list.active::before{opacity:1}
  .cart-info-list__container{
    width:100%!important;max-height:84vh;max-height:84dvh;overflow:hidden;
    padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px))!important;
    background:#fff;color:var(--bd-ink);
    border:2.5px solid var(--bd-ink);border-bottom:0;border-radius:26px 26px 0 0;
    box-shadow:0 -6px 0 var(--bd-pink);
    transform:translateY(105%);transition:transform .34s cubic-bezier(.2,.85,.25,1);
  }
  .cart-info-list.active .cart-info-list__container{transform:translateY(0)}
  .cart-info-list__container::before{
    content:"";display:block;width:44px;height:5px;margin:0 auto 6px;border-radius:99px;background:rgba(13,8,34,.2);
  }
  .cart-info-list__main{max-height:calc(84dvh - 48px)}
  .cart-info-list__close-button{
    width:38px!important;height:38px!important;margin:0 0 8px;align-self:flex-end;
    background:var(--bd-lemon);border:2px solid var(--bd-ink);border-radius:50%;box-shadow:2px 2px 0 var(--bd-pink);
  }
  .cart-info-list__close-button:before,.cart-info-list__close-button:after{
    background:var(--bd-ink);height:2.5px;width:46%;left:27%;margin-top:-1px;
  }
  .cart-info-list__cart_content{height:auto}
  .cart-info-list__products{
    max-height:min(44vh,380px);overflow-y:auto;overscroll-behavior:contain;
    border-bottom:2px dashed rgba(13,8,34,.22);
  }
  .cart-info-list__product{
    grid-template-columns:72px 1fr;padding:12px 38px 12px 0;
    border-bottom:2px dashed rgba(13,8,34,.14);
  }
  .cart-info-list__product-image img{width:100%;height:72px!important;object-fit:cover;border:2px solid var(--bd-ink);border-radius:12px;background:#fff}
  .cart-info-list__product-name{padding-left:12px}
  .cart-info-list__product-name a{
    color:var(--bd-ink)!important;font-size:14px!important;line-height:1.35;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  }
  .cart-info-list__product-price{padding-left:12px;font-size:13px!important;color:var(--bd-pink-d)!important;font-weight:800}
  .cart-info-list__product-remove{
    width:28px;height:28px;right:2px;background:#fff;border:2px solid var(--bd-ink);
  }
  .cart-info-list__product-remove:before,.cart-info-list__product-remove:after{background:var(--bd-ink);height:2px;left:22%;width:56%}
  .cart-info-list__subtotal:not(.d-none){
    display:flex!important;align-items:center;justify-content:space-between;gap:12px;
    padding:14px 0 !important;font-size:17px!important;color:var(--bd-ink);border-bottom:0;
  }
  .cart-info-list__subtotal .amount{font-family:var(--bd-display);font-weight:800;font-size:20px;color:var(--bd-pink-d)}
  .cart-info-list__footer-buttons:not(.d-none){display:grid!important;grid-template-columns:1fr 1fr;gap:10px;padding-top:0}
  .cart-info-list__footer-buttons a{
    display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 10px!important;
    font-size:15px!important;font-weight:800;border-radius:999px!important;
    border:2px solid var(--bd-ink)!important;
  }
  .cart-info-list__view-cart{background:#fff!important;color:var(--bd-ink)!important}
  .cart-info-list__checkout{background:var(--bd-lemon)!important;color:var(--bd-ink)!important;box-shadow:3px 3px 0 var(--bd-pink)}
  .cart-info-list__checkout:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bd-pink)}
}


/* ==========================================================
   v3.3 — giỏ mini desktop, căn giữa trang chủ, header cố định (mobile)
   ========================================================== */

/* ---------- [Desktop] Giỏ mini: cùng phong cách "tem dán" như điện thoại ---------- */
@media (min-width:992px){
  .cart-info-list{top:calc(100% + 16px)!important;right:-6px!important;width:410px!important;min-width:410px!important}
  .cart-info-list__container{
    width:100%!important;padding:16px 20px 20px!important;overflow:hidden;
    background:#fff;color:var(--bd-ink);
    border:2.5px solid var(--bd-ink);border-radius:24px;box-shadow:6px 6px 0 var(--bd-pink);
  }
  .cart-info-list__main{max-height:calc(84dvh - 48px)}
  .cart-info-list__close-button{
    width:38px!important;height:38px!important;margin:0 0 8px;align-self:flex-end;
    background:var(--bd-lemon);border:2px solid var(--bd-ink);border-radius:50%;box-shadow:2px 2px 0 var(--bd-pink);
  }
  .cart-info-list__close-button:before,.cart-info-list__close-button:after{
    background:var(--bd-ink);height:2.5px;width:46%;left:27%;margin-top:-1px;
  }
  .cart-info-list__cart_content{height:auto}
  .cart-info-list__products{
    max-height:min(44vh,380px);overflow-y:auto;overscroll-behavior:contain;
    border-bottom:2px dashed rgba(13,8,34,.22);
  }
  .cart-info-list__product{
    grid-template-columns:72px 1fr;padding:12px 38px 12px 0;
    border-bottom:2px dashed rgba(13,8,34,.14);
  }
  .cart-info-list__product-image img{width:100%;height:72px!important;object-fit:cover;border:2px solid var(--bd-ink);border-radius:12px;background:#fff}
  .cart-info-list__product-name{padding-left:12px}
  .cart-info-list__product-name a{
    color:var(--bd-ink)!important;font-size:14px!important;line-height:1.35;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  }
  .cart-info-list__product-price{padding-left:12px;font-size:13px!important;color:var(--bd-pink-d)!important;font-weight:800}
  .cart-info-list__product-remove{
    width:28px;height:28px;right:2px;background:#fff;border:2px solid var(--bd-ink);
  }
  .cart-info-list__product-remove:before,.cart-info-list__product-remove:after{background:var(--bd-ink);height:2px;left:22%;width:56%}
  .cart-info-list__subtotal:not(.d-none){
    display:flex!important;align-items:center;justify-content:space-between;gap:12px;
    padding:14px 0 !important;font-size:17px!important;color:var(--bd-ink);border-bottom:0;
  }
  .cart-info-list__subtotal .amount{font-family:var(--bd-display);font-weight:800;font-size:20px;color:var(--bd-pink-d)}
  .cart-info-list__footer-buttons:not(.d-none){display:grid!important;grid-template-columns:1fr 1fr;gap:10px;padding-top:0}
  .cart-info-list__footer-buttons a{
    display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 10px!important;
    font-size:15px!important;font-weight:800;border-radius:999px!important;
    border:2px solid var(--bd-ink)!important;
  }
  .cart-info-list__view-cart{background:#fff!important;color:var(--bd-ink)!important}
  .cart-info-list__checkout{background:var(--bd-lemon)!important;color:var(--bd-ink)!important;box-shadow:3px 3px 0 var(--bd-pink)}
  .cart-info-list__checkout:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bd-pink)}
  .cart-info-list__main{max-height:none}
  .cart-info-list__products{max-height:min(46vh,400px)}
  .cart-info-list__close-button{margin-left:auto}
}

/* ---------- [Desktop/Tablet] Trang chủ: slider + danh mục căn giữa, hai bên đối xứng ----------
   (trước đây chừa 20% bên trái cho thanh danh mục dạng fixed — nay thanh đã nằm trên đầu trang) */
@media (min-width:769px){
  .m-slide,.m-product,.m-big{--padding-inline-start:9%;--padding-inline-end:9%}
}
@media (min-width:1500px){
  .m-slide,.m-product,.m-big{--padding-inline-start:12%;--padding-inline-end:12%}
}

/* ---------- [Điện thoại] Header cố định trên cùng, thu gọn khi cuộn xuống ---------- */
@media (max-width:767px){
  #header-pc.col-left{position:sticky!important;top:0!important;z-index:30}
  #header-pc.hdr-compact{clip-path:inset(0 0 var(--hdr-hide,110px) 0);-webkit-clip-path:inset(0 0 var(--hdr-hide,110px) 0)}
  #header-pc.hdr-compact:has(.cart-info-list.active){clip-path:none;-webkit-clip-path:none}
  #header-pc::after{
    content:"";position:absolute;left:0;right:0;top:calc(100% - var(--hdr-hide,110px) - 3px);height:3px;
    background:var(--bd-pink);opacity:0;pointer-events:none;transition:opacity .2s;
  }
  #header-pc.hdr-compact::after{opacity:1}

  /* Trang chi tiết sản phẩm: ảnh không còn dính sát thanh header */
  .m-container-noindex[itemtype*="Product"]{padding-top:22px!important}
  .product-main-slide{margin-top:2px}
}


/* ==========================================================
   v3.4 — slider desktop "poster", nút hết hàng, trang giỏ hàng
   ========================================================== */

/* Bỏ nút "Hỗ trợ" ở slider (mọi kích thước); nút "Mua ngay" chiếm trọn hàng trên điện thoại */
.m-slide .b-contact{display:none!important}
@media (max-width:575px){
  .m-slide .slide-content .b-link a{flex:1 1 100%}
}

/* ---------- [Desktop] Slider kiểu poster: nền gradient + hình tròn trang trí, ảnh nghiêng như tem dán ---------- */
@media (min-width:768px){
  .m-slide .swiper-slide > .row{
    position:relative;overflow:hidden;
    background:
      radial-gradient(circle at 7% 14%,rgba(255,225,77,.22) 0 5.5%,transparent 6%),
      radial-gradient(circle at 44% 112%,rgba(255,79,160,.5) 0 17%,transparent 17.5%),
      radial-gradient(circle at 99% 4%,rgba(255,255,255,.14) 0 9%,transparent 9.5%),
      linear-gradient(115deg,#3a1fc2 0%,#5a2de0 46%,#8c2fd2 100%)!important;
    border:3px solid var(--bd-ink)!important;border-radius:44px;
    box-shadow:10px 10px 0 var(--bd-pink)!important;
    margin:4px 14px 18px 4px!important;
    padding:clamp(30px,3.4vw,60px) clamp(30px,3.6vw,64px)!important;
  }
  .m-slide .swiper-slide a.rounded-40{
    transform:rotate(2.2deg);border:3px solid var(--bd-ink);border-radius:30px!important;
    box-shadow:12px 12px 0 var(--bd-lemon);transition:transform .45s cubic-bezier(.2,.8,.2,1);
  }
  .m-slide .swiper-slide a.rounded-40:hover{transform:rotate(0) scale(1.02)}
  .m-slide .slide-content{gap:22px;align-items:flex-start;padding-right:1.5rem}
  .m-slide .slide-content h2{
    font-size:clamp(34px,3.9vw,66px)!important;line-height:1.03!important;letter-spacing:-.035em;
    text-transform:uppercase;text-shadow:4px 4px 0 rgba(13,8,34,.5);
  }
  .m-slide .slide-content h2::before{
    content:"✦ NEW DROP";display:block;width:max-content;margin:0 0 16px;padding:8px 15px;
    background:var(--bd-lemon);color:var(--bd-ink);border:2px solid var(--bd-ink);border-radius:99px;
    box-shadow:3px 3px 0 var(--bd-pink);text-shadow:none;transform:rotate(-2deg);
    font:800 13px/1 var(--bd-body);letter-spacing:.14em;
  }
  .m-slide .slide-content .sum{
    font-size:clamp(15px,1.25vw,19px)!important;line-height:1.7;color:#efeaff;max-width:46ch;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
  }
  .m-slide .slide-content .b-link .b-buy{
    display:inline-flex;align-items:center;padding:1.05em 2.4em!important;font-size:clamp(16px,1.3vw,20px);
    border:3px solid var(--bd-ink)!important;box-shadow:5px 5px 0 var(--bd-pink)!important;
  }
  .m-slide .slide-content .b-link .b-buy::after{content:"→";margin-left:.7em;transition:transform .2s}
  .m-slide .slide-content .b-link .b-buy:hover::after{transform:translateX(5px)}
  /* chấm phân trang nằm trong thẻ, dưới nút */
  .m-slide .mew_slide_p{
    display:flex!important;position:absolute!important;left:calc(clamp(30px,3.6vw,64px) + 7px)!important;right:auto!important;
    bottom:36px!important;width:auto!important;gap:8px;z-index:5;
  }
  .m-slide .mew_slide_p .swiper-pagination-bullet{
    width:10px;height:10px;margin:0!important;opacity:1;background:rgba(255,255,255,.42)!important;
    outline:0!important;border:0;transition:width .25s,background .25s;
  }
  .m-slide .mew_slide_p .swiper-pagination-bullet-active{width:36px;border-radius:99px;background:var(--bd-lemon)!important}
}

/* ---------- Nút "Hết hàng": dải sọc tối + viền hồng nét đứt (kiểu tem SOLD OUT) ---------- */
.product-action_buy:disabled,.js-addToCart-product:disabled{
  background:repeating-linear-gradient(-45deg,#1b1240 0 9px,#2a1b66 9px 18px)!important;
  color:var(--bd-pink)!important;border:2.5px dashed var(--bd-pink)!important;
  box-shadow:none!important;opacity:1!important;cursor:not-allowed;
}
.product-action_buy:disabled .button__text,.js-addToCart-product:disabled .button__text{
  color:var(--bd-pink)!important;letter-spacing:.1em;text-transform:uppercase;font-weight:800;
}
.product-action_buy:disabled svg,.js-addToCart-product:disabled svg{fill:var(--bd-pink)!important}
.inventory_quantity{
  display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:6px 14px;border-radius:99px;
  background:rgba(255,79,160,.14);border:2px dashed rgba(255,79,160,.75);
  color:#ffc2e2!important;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
}
.inventory_quantity::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bd-pink)}

/* ---------- Trang giỏ hàng: thẻ trắng kiểu tem dán, chữ đen, giá hồng đậm đọc rõ ---------- */
.list-cart-box,.bm_checkout{
  background:#fff!important;color:var(--bd-ink);
  border:3px solid var(--bd-ink)!important;border-radius:28px!important;
  box-shadow:8px 8px 0 var(--bd-pink);
}
.bm_checkout{padding:clamp(20px,2vw,32px)!important}
.list-cart-box .text-white,.bm_checkout .text-white{color:var(--bd-ink)!important}
.bm_checkout .text-main,.bm_checkout .b-ship .text-main{color:var(--bd-pink-d)!important;font-weight:700}
.bm_checkout .b-ship p{margin-bottom:.4rem}
.bm_checkout .total{margin:0}
.bm_checkout .cart-total{padding-top:14px;border-top:2.5px dashed rgba(13,8,34,.25)}
.cart__summary_total{color:var(--bd-pink-d)!important;font-size:clamp(22px,1.9vw,30px)!important;text-shadow:none}
.bm_checkout .btn-checkout{border:3px solid var(--bd-ink)!important;box-shadow:5px 5px 0 var(--bd-pink)!important}

/* từng sản phẩm trong giỏ */
.list-cart-box .ux-card{
  padding:0 0 16px;margin-bottom:16px!important;border-bottom:2.5px dashed rgba(13,8,34,.2)!important;
}
.list-cart-box .ux-card:last-child{border-bottom:0!important;padding-bottom:0;margin-bottom:0!important}
.list-cart-box .ux-card .item-title,.list-cart-box .ux-card .item-title a{color:var(--bd-ink)!important;font-weight:800}
.list-cart-box .ux-card:hover .item-title a{color:var(--bd-pink-d)!important}
.list-cart-box .ux-card .item-title span{color:#5a4f86;font-weight:600;font-size:14px}
.list-cart-box .ux-card .i-price{color:#5a4f86!important;font-weight:700}
.list-cart-box .ux-card .price,.list-cart-box .ux-card .t-price .price{color:var(--bd-pink-d)!important;font-weight:800;font-size:clamp(16px,1.3vw,20px)}
.list-cart-box .ux-card .img-item-cart img{border:2.5px solid var(--bd-ink);border-radius:14px!important;background:#fff}
.list-cart-box .ux-card .remove{
  background:var(--bd-pink)!important;border:2px solid var(--bd-ink)!important;color:#fff;
}
.list-cart-box .ux-card .b-qty{background:var(--bd-lemon)!important;border:2.5px solid var(--bd-ink);box-shadow:2px 2px 0 var(--bd-ink)}
.list-cart-box .ux-card .number-input button:before,
.list-cart-box .ux-card .number-input button:after{background-color:var(--bd-ink)!important;height:2.5px}
.list-cart-box .ux-card .number-input input[type=number]{color:var(--bd-ink)!important;font-weight:800;font-size:16px}

/* nút dưới danh sách + ghi chú */
.list-cart-box .btn-buymore,.list-cart-box .btn-clearcart{
  min-height:46px;padding:0 20px;background:#fff!important;color:var(--bd-ink)!important;
  border:2.5px solid var(--bd-ink);box-shadow:3px 3px 0 var(--bd-pink);
}
.list-cart-box .btn-clearcart{background:var(--bd-lemon)!important}
.list-cart-box .btn-buymore svg,.list-cart-box .btn-clearcart svg{fill:var(--bd-ink)!important}
.list-cart-box .btn-buymore:active,.list-cart-box .btn-clearcart:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bd-pink)}
.list-cart-box .b-note textarea{
  background:#f4f0ff!important;color:var(--bd-ink)!important;border:2.5px solid var(--bd-ink)!important;border-radius:18px!important;
}
.list-cart-box .b-note textarea:focus{background:#fff!important;box-shadow:3px 3px 0 var(--bd-pink)}
.list-cart-box .b-note label{margin-bottom:8px}
@media (max-width:767px){
  .list-cart-box{padding:20px 16px!important;box-shadow:5px 5px 0 var(--bd-pink)}
  .list-cart-box .ux-card{border-bottom:2.5px dashed rgba(13,8,34,.2)!important}
  .list-cart-box .ux-card .b-qty{background:var(--bd-lemon)!important}
  .list-cart-box .ux-card .number-input button:before,
  .list-cart-box .ux-card .number-input button:after{background-color:var(--bd-ink)!important}
  .list-cart-box .ux-card .number-input input[type=number]{color:var(--bd-ink)!important}
  .bm_checkout{box-shadow:5px 5px 0 var(--bd-pink)}
}


/* ==========================================================
   v3.5 — nút Mua ngay ở slider, "Hết hàng" tinh tế hơn, logo mới
   ========================================================== */

/* [Desktop] Nút "Mua Ngay" ở slider: bị bóp thành hình tròn vì width/padding gốc -> trả về dạng viên thuốc 1 hàng */
@media (min-width:768px){
  .m-slide .slide-content .b-link{width:auto!important;max-width:none!important;display:flex}
  .m-slide .slide-content .b-link .b-buy{
    width:auto!important;min-width:0!important;flex:0 0 auto!important;height:auto!important;aspect-ratio:auto!important;
    display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;
    padding:1em 2.3em!important;line-height:1.2;border-radius:999px!important;
  }
  /* chấm phân trang: nằm giữa, ngay dưới thẻ slider */
  .m-slide .mew_slide_p{
    position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;justify-content:center;margin-top:10px;
  }
}

/* "Hết hàng": gọn, trung tính — không viền sọc/nét đứt/màu chói nữa */
.product-action_buy:disabled,.js-addToCart-product:disabled{
  background:#eeeaf8!important;color:#8f87b5!important;
  border:2.5px solid #dcd5f1!important;box-shadow:none!important;opacity:1!important;cursor:not-allowed;
}
.product-action_buy:disabled .button__text,.js-addToCart-product:disabled .button__text{
  color:#8f87b5!important;letter-spacing:0;text-transform:none;font-weight:700;
}
.product-action_buy:disabled svg,.js-addToCart-product:disabled svg{fill:#8f87b5!important}
.inventory_quantity{
  display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:0;
  background:none;border:0;border-radius:0;
  color:#b9b1de!important;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;
}
.inventory_quantity::before{width:7px;height:7px;background:#b9b1de}

/* Logo mới (SVG): vừa khung, không bị lọc màu */
#header-pc .logo img{filter:none!important}
@media (max-width:767px){
  #header-pc .logo{max-width:190px}
}
@media (max-width:360px){
  #header-pc .logo{max-width:150px}
}
footer .logo_foo img{filter:none!important}