/* ---------------------------------------------------------------------------
   seleen-custom.css - gop tu 11 khoi <style> roi rac trong snippets/seleen-style.bwt
   Gop ngay 2026-08-21 (buoc 6 / F5 cua SELEEN-WEB-PERF-BRIEF).

   Noi dung duoc noi NGUYEN VAN va DUNG THU TU cu -> cascade khong doi mot chut nao.
   CHUA hop nhat 7 ban va header chong nhau (@media min-width:992px) - viec do doi
   quyet dinh thiet ke va phai co anh chup doi chieu, ghi trong log la viec con lai.

   Khong duoc them Liquid vao file nay: asset khong co context 'settings'/'store'.
   --------------------------------------------------------------------------- */

/* ===== khoi 0 (goc: 3843 ky tu) ===== */
/* Giá card: giá bán đậm + to hơn (giữ màu xanh), giá gạch nhỏ lại */
.wolf-product-price .price{font-weight:700 !important;font-size:16px !important;}
.wolf-product-price .compare-price{font-size:12px !important;}

/* ===== Top bar mobile ===== */
@media (max-width:991px){
  /* ẩn HẾT kính lúp + tim trong header (cả trái lẫn phải), chỉ giữ cart + account */
  .wolf-main-header .wolf-search,
  .wolf-main-header .wolf-wishlist{display:none !important;}
  /* ẩn logo + cụm trái trống */
  .wolf-header-center .logo-wrapper{display:none !important;}
  .wolf-main-header .wolf-header-left{display:none !important;}

  /* hạ chiều cao top bar */
  .wolf-main-header{padding-top:6px !important;padding-bottom:6px !important;}

  /* ÉP CĂN GIỮA DỌC toàn chuỗi: grid > cột > ul > li > a, zero padding dọc */
  .wolf-main-header-grid{display:flex !important;align-items:center !important;margin-bottom:0 !important;}
  .wolf-main-header-grid > div{display:flex !important;align-items:center !important;margin:0 !important;}
  .wolf-main-header .wolf-header-center{flex:1 1 auto !important;min-width:0 !important;max-width:none !important;text-align:left !important;}
  .wolf-main-header .wolf-header-right{flex:0 0 auto !important;}
  .wolf-main-header .header-nav-secondary-right{display:flex !important;align-items:center !important;margin:0 !important;padding:0 !important;list-style:none !important;}
  .wolf-main-header .header-nav-secondary-right > li{display:flex !important;align-items:center !important;justify-content:center !important;margin:0 0 0 14px !important;padding:0 !important;float:none !important;height:auto !important;line-height:normal !important;}
  .wolf-main-header .header-nav-secondary-right > li > a{display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;margin:0 !important;}
  /* ẩn kính lúp + tim cụm phải — specificity cao hơn rule căn giữa li ở trên */
  .wolf-main-header .header-nav-secondary-right > li.wolf-search,
  .wolf-main-header .header-nav-secondary-right > li.wolf-wishlist{display:none !important;}

  /* search bar: kéo dài tới sát cart, góc vuông hơn (8px), 16px chống iOS zoom */
  .seleen-msearch{display:flex !important;align-items:center !important;width:100% !important;margin:0 10px 0 0 !important;position:relative !important;}
  .seleen-msearch .seleen-msearch-ic{position:absolute;left:13px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;}
  .seleen-msearch .seleen-msearch-input{display:block;width:100%;height:38px;line-height:38px;box-sizing:border-box;border:1px solid #e6e6e6;border-radius:8px;padding:0 14px 0 40px;font-size:16px;background:#f5f5f5;outline:none;color:#333;margin:0;-webkit-appearance:none;-webkit-text-size-adjust:100%;}
  .seleen-msearch .seleen-msearch-input::placeholder{color:#bbb;}

  /* header chính cố định khi cuộn (thanh xanh trôi đi) */
  body.seleen-fixed .wolf-main-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.07);margin:0;}
}
/* desktop: ẩn search bar mobile */
@media (min-width:992px){.seleen-msearch{display:none !important;}}

/* ===== Mô tả sản phẩm: bỏ font máy chữ mặc định của <pre>, dùng font site (Montserrat) + tự xuống dòng ===== */
.product-detail-accordion .accordion-item-content pre,
.accordion-item-content pre,
.product-description pre {
  font-family: inherit !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  white-space: pre-wrap !important;      /* giữ xuống dòng của mô tả nhưng tự wrap, hết tràn ngang */
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  tab-size: 2;
}

/* ===== khoi 1 (goc: 467 ky tu) ===== */
  .seleen-preorder-tag{
    display:inline-flex;align-items:center;justify-content:center;
    margin:0 6px 2px 0;padding:3px 7px;border-radius:5px;
    background:#6f563b;color:#fff;font-family:Montserrat,sans-serif;
    font-size:10px;font-weight:600;line-height:1;letter-spacing:.01em;
    vertical-align:middle;white-space:nowrap;
  }
  .title-head .seleen-preorder-tag{
    margin-right:8px;padding:4px 8px;font-size:11px;
    transform:translateY(-.13em);
  }

/* ===== khoi 2 (goc: 3432 ky tu) ===== */
  .seleen-desk-nav-action,.seleen-desk-action-label{display:none;}
  @media (min-width:992px){
    .wolf-main-header{padding:12px 0 !important;}
    .wolf-main-header-grid{display:flex !important;align-items:center !important;min-height:52px;}
    .wolf-main-header .wolf-header-left{display:none !important;}
    .wolf-main-header .wolf-header-center{display:flex !important;align-items:center !important;flex:1 1 auto !important;max-width:none !important;width:auto !important;text-align:left !important;}
    .wolf-header-center .logo-wrapper{display:flex !important;align-items:center !important;flex:0 0 142px !important;width:142px !important;margin:0 28px 0 0 !important;}
    .wolf-header-center .logo-wrapper img{width:132px !important;height:auto !important;max-height:32px !important;object-fit:contain;object-position:left center;}
    .wolf-main-header .seleen-msearch{display:flex !important;position:relative !important;align-items:center !important;flex:1 1 auto !important;max-width:520px !important;margin:0 !important;}
    .wolf-main-header .seleen-msearch-ic{position:absolute !important;left:13px !important;top:50% !important;transform:translateY(-50%) !important;display:flex !important;z-index:1;}
    .wolf-main-header .seleen-msearch-input{display:block !important;width:100% !important;height:40px !important;border:1px solid #e6e6e6 !important;border-radius:7px !important;padding:0 14px 0 40px !important;background:#f7f7f7 !important;color:#231f20 !important;font-size:14px !important;outline:none !important;}
    .wolf-main-header .wolf-header-right{display:flex !important;align-items:center !important;margin-left:30px !important;flex:0 0 auto !important;}
    .wolf-main-header .header-nav-secondary-right{display:flex !important;align-items:center !important;gap:20px !important;margin:0 !important;padding:0 !important;list-style:none !important;}
    .wolf-main-header .header-nav-secondary-right>li{display:flex !important;align-items:center !important;margin:0 !important;padding:0 !important;}
    .wolf-main-header .wolf-search,.wolf-main-header .wolf-wishlist,.wolf-main-header .wolf-header-catalog{display:none !important;}
    .wolf-main-header .wolf-header-cart>a,.wolf-main-header .seleen-desk-nav-action>a{display:inline-flex !important;align-items:center !important;gap:6px !important;color:#231f20 !important;white-space:nowrap;font-size:13px !important;font-weight:500 !important;}
    .wolf-main-header .wolf-header-cart .box-icon{display:inline-flex !important;align-items:center !important;}
    .wolf-main-header .seleen-desk-nav-action{display:flex !important;}
    .wolf-main-header .seleen-desk-action-label{display:inline !important;}
    .wolf-main-header .count_item_pr{top:-7px !important;right:-8px !important;}
  }
  @media (min-width:992px) and (max-width:1199px){
    .wolf-header-center .logo-wrapper{flex-basis:124px !important;width:124px !important;margin-right:16px !important;}
    .wolf-header-center .logo-wrapper img{width:116px !important;}
    .wolf-main-header .seleen-msearch{max-width:360px !important;}
    .wolf-main-header .header-nav-secondary-right{gap:12px !important;}
    .wolf-main-header .wolf-header-cart>a,.wolf-main-header .seleen-desk-nav-action>a{font-size:12px !important;gap:4px !important;}
    .wolf-main-header .seleen-desk-nav-action svg,.wolf-main-header .wolf-header-cart svg{width:20px !important;height:20px !important;}
  }

/* ===== khoi 3 (goc: 2166 ky tu) ===== */
  /* Khôi phục header mobile: các action desktop không được chen vào thanh mobile */
  @media (max-width:991px){
    .wolf-main-header .header-nav-secondary-right>li.seleen-desk-nav-action,
    .wolf-main-header .header-nav-secondary-right .seleen-desk-action-label{display:none !important;}
    .wolf-main-header .seleen-msearch-input::placeholder{color:transparent !important;}
  }

  @media (min-width:992px){
    /* Chỉ giữ 4 tác vụ cần thiết ở góc phải */
    .wolf-main-header .header-nav-secondary-right>li.wolf-search,
    .wolf-main-header .header-nav-secondary-right>li.wolf-wishlist,
    .wolf-main-header .header-nav-secondary-right>li.wolf-header-catalog{display:none !important;}

    /* Desktop gọn: icon; nhãn chỉ bật khi hover */
    .wolf-main-header .seleen-desk-action-label,
    .wolf-main-header .seleen-desk-nav-action>a>span{display:none !important;}
    .wolf-main-header .wolf-header-cart>a,
    .wolf-main-header .seleen-desk-nav-action>a{position:relative !important;width:26px !important;height:32px !important;justify-content:center !important;gap:0 !important;}
    .wolf-main-header .wolf-header-cart>a::after,
    .wolf-main-header .seleen-desk-nav-action>a::after{
      content:attr(title);position:absolute;top:calc(100% + 7px);left:50%;
      transform:translate(-50%,-4px);padding:6px 8px;border-radius:5px;
      background:#231f20;color:#fff;font-size:12px;font-weight:500;line-height:1;
      white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;
      transition:opacity .16s ease,transform .16s ease;z-index:1002;
    }
    .wolf-main-header .wolf-header-cart>a:hover::after,
    .wolf-main-header .seleen-desk-nav-action>a:hover::after{opacity:1;visibility:visible;transform:translate(-50%,0);}

    /* Canh dọc icon/search */
    .wolf-main-header .seleen-msearch{height:40px !important;}
    .wolf-main-header .seleen-msearch-ic{height:18px !important;line-height:0 !important;}
    .wolf-main-header .seleen-msearch-ic svg{display:block !important;}
    .wolf-main-header .seleen-msearch-input{height:40px !important;line-height:40px !important;padding-top:0 !important;padding-bottom:0 !important;}
  }

/* ===== khoi 4 (goc: 206 ky tu) ===== */
  @media (min-width:992px){
    .wolf-main-header .seleen-msearch-ic{
      top:0 !important;bottom:0 !important;height:18px !important;
      margin:auto 0 !important;transform:none !important;
    }
  }

/* ===== khoi 5 (goc: 658 ky tu) ===== */
  @media (min-width:992px){
    .wolf-main-header .seleen-msearch-ic{display:none !important;}
    .wolf-main-header .seleen-msearch-input{
      background-color:#f7f7f7 !important;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='20' y1='20' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
      background-repeat:no-repeat !important;background-position:13px center !important;background-size:18px 18px !important;
    }
  }

/* ===== khoi 6 (goc: 2593 ky tu) ===== */
  @media (min-width:992px){
    /* Một trục thị giác: logo, search và action cùng tâm dọc */
    .wolf-main-header{padding:0 !important;}
    .wolf-main-header-grid{height:80px !important;min-height:80px !important;display:flex !important;align-items:center !important;}
    .wolf-main-header .wolf-header-center{height:100% !important;display:flex !important;align-items:center !important;gap:34px !important;min-width:0 !important;}
    .wolf-header-center .logo-wrapper{flex:0 0 124px !important;width:124px !important;height:100% !important;margin:0 !important;display:flex !important;align-items:center !important;}
    .wolf-header-center .logo-wrapper img{width:124px !important;max-height:28px !important;height:auto !important;}

    /* Search tự giãn theo chiều ngang còn lại */
    .wolf-main-header .seleen-msearch{flex:1 1 auto !important;max-width:none !important;width:100% !important;height:42px !important;align-self:center !important;margin:0 !important;}
    .wolf-main-header .seleen-msearch-input{height:42px !important;line-height:42px !important;border-radius:8px !important;background-color:#fafafa !important;border-color:#e8e8e8 !important;font-size:14px !important;}
    .wolf-main-header .seleen-msearch-input:focus{border-color:#6f563b !important;background-color:#fff !important;}

    /* Cụm action nhẹ, gọn và đồng tâm với search */
    .wolf-main-header .wolf-header-right{height:100% !important;display:flex !important;align-items:center !important;align-self:center !important;margin-left:38px !important;}
    .wolf-main-header .header-nav-secondary-right{height:100% !important;display:flex !important;align-items:center !important;gap:24px !important;}
    .wolf-main-header .wolf-header-cart>a,.wolf-main-header .seleen-desk-nav-action>a{width:24px !important;height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;}
    .wolf-main-header .wolf-header-cart svg,.wolf-main-header .seleen-desk-nav-action svg{width:21px !important;height:21px !important;}
    .wolf-main-header .count_item_pr{top:8px !important;right:-7px !important;}

    /* Giữ chiều ngang đẹp ở laptop */
    @media (max-width:1199px){
      .wolf-main-header .wolf-header-center{gap:22px !important;}
      .wolf-header-center .logo-wrapper{flex-basis:108px !important;width:108px !important;}
      .wolf-header-center .logo-wrapper img{width:108px !important;}
      .wolf-main-header .wolf-header-right{margin-left:24px !important;}
      .wolf-main-header .header-nav-secondary-right{gap:18px !important;}
    }
  }

/* ===== khoi 7 (goc: 3337 ky tu) ===== */
  @media (min-width:992px){
    /* Header dùng grid để logo, search và action cùng một tâm dọc */
    .wolf-main-header{height:72px !important;padding:0 !important;}
    .wolf-main-header-grid{
      height:72px !important;min-height:72px !important;
      display:grid !important;grid-template-columns:minmax(0,1fr) max-content !important;
      align-items:center !important;column-gap:34px !important;
    }
    .wolf-main-header .wolf-header-center{
      display:grid !important;grid-template-columns:160px minmax(0,1fr) !important;
      align-items:center !important;column-gap:32px !important;
      height:auto !important;margin:0 !important;padding:0 !important;
      transform:none !important;position:static !important;
    }
    .wolf-header-center .logo-wrapper{
      width:160px !important;flex:none !important;height:20px !important;
      display:flex !important;align-items:center !important;margin:0 !important;
    }
    .wolf-header-center .logo-wrapper img{
      display:block !important;width:160px !important;height:20px !important;
      max-width:none !important;max-height:none !important;object-fit:fill !important;
    }
    .wolf-main-header .seleen-msearch{
      width:100% !important;max-width:none !important;height:46px !important;
      display:flex !important;align-items:center !important;margin:0 !important;
      align-self:center !important;transform:none !important;position:relative !important;
    }
    .wolf-main-header .seleen-msearch-input{
      height:46px !important;line-height:46px !important;margin:0 !important;
      font-size:15px !important;border-radius:9px !important;
    }

    .wolf-main-header .wolf-header-right{
      height:auto !important;display:flex !important;align-items:center !important;
      align-self:center !important;margin:0 !important;padding:0 !important;
      transform:none !important;position:static !important;
    }
    .wolf-main-header .header-nav-secondary-right{
      height:auto !important;display:flex !important;align-items:center !important;
      gap:26px !important;margin:0 !important;padding:0 !important;
    }
    .wolf-main-header .wolf-header-cart>a,
    .wolf-main-header .seleen-desk-nav-action>a{
      width:28px !important;height:46px !important;
      display:inline-flex !important;align-items:center !important;justify-content:center !important;
    }
    .wolf-main-header .wolf-header-cart svg,
    .wolf-main-header .seleen-desk-nav-action svg{width:25px !important;height:25px !important;}
    .wolf-main-header .count_item_pr{top:7px !important;right:-7px !important;}

    /* Bỏ phần đệm dư giữa header và menu desktop */
    header.header .wolf-main-nav{padding:14px 0 !important;}
  }
  @media (min-width:992px) and (max-width:1199px){
    .wolf-main-header-grid{column-gap:22px !important;}
    .wolf-main-header .wolf-header-center{grid-template-columns:130px minmax(0,1fr) !important;column-gap:22px !important;}
    .wolf-header-center .logo-wrapper{width:130px !important;height:16px !important;}
    .wolf-header-center .logo-wrapper img{width:130px !important;height:16px !important;}
    .wolf-main-header .header-nav-secondary-right{gap:18px !important;}
    .wolf-main-header .wolf-header-cart svg,
    .wolf-main-header .seleen-desk-nav-action svg{width:23px !important;height:23px !important;}
  }

/* ===== khoi 8 (goc: 437 ky tu) ===== */
  @media (min-width:992px){
    /* Ảnh logo 320×40: luôn giữ đúng tỷ lệ 8:1 */
    .wolf-header-center .logo-wrapper img{
      width:160px !important;height:auto !important;aspect-ratio:8 / 1 !important;
      object-fit:contain !important;object-position:left center !important;
    }
  }
  @media (min-width:992px) and (max-width:1199px){
    .wolf-header-center .logo-wrapper img{width:130px !important;height:auto !important;}
  }

/* ===== khoi 9 (goc: 537 ky tu) ===== */
  @media (min-width:992px){
    /* Menu desktop nằm trong luồng trang, không đè lên banner */
    .wolf-main-header{height:auto !important;}
    .wolf-main-header .wolf-nav-drawer{
      position:static !important;width:100% !important;
      background:#fff !important;border-top:1px solid #f1f1f1 !important;
      border-bottom:1px solid #f1f1f1 !important;
    }
    header.header .wolf-main-nav{padding:0 !important;}
    header.header .wolf-main-nav>li>a{
      padding:13px 12px !important;line-height:25px !important;
    }
  }

/* ===== khoi 10 (goc: 48 ky tu) ===== */
  .footer-info .des_foo{white-space:pre-line;}