:root{--blue:#154ab7;--pink:#eea4b8;--cream:#fff9ef;--ink:#17234a;--gold:#dfbd75;--line:#e9e1d5}
.hero-slider{position:relative;width:100%;height:min(42vw,560px);min-height:250px;background:#ead4f5;overflow:hidden}
.banner-track,.banner-slide{position:absolute;inset:0}
.banner-slide{opacity:0;visibility:hidden;transition:opacity .55s ease}
.banner-slide.active{opacity:1;visibility:visible}
.banner-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fffdf9dd;color:var(--ink);font-size:32px;line-height:1;z-index:2;box-shadow:0 6px 20px #17234a18}
.banner-arrow:hover{background:#fff;color:var(--blue)}
.banner-prev{left:22px}.banner-next{right:22px}
.banner-dots{position:absolute;z-index:2;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:7px}
.banner-dots button{width:8px;height:8px;border-radius:50%;background:#fff9;border:1px solid #fff;padding:0}
.banner-dots button.active{width:24px;border-radius:10px;background:#fff}
.categories{padding:66px 9vw 52px;background:#fffdf9}
.category-row{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:24px}
.category-row a{background:#f5e5e2;border-radius:10px;padding:20px 10px;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;font-weight:600;text-decoration:none;transition:.2s}
.category-row a:nth-child(2n){background:#e4ebfa}
.category-row a:hover{transform:translateY(-3px);box-shadow:0 8px 18px #17234a18}
.category-row span{font-size:25px;color:var(--blue)}
.featured{padding:82px 9vw 95px}
.featured .section-head{margin-bottom:30px}
.featured h2{font:700 47px/1 'Playfair Display',serif;margin:0;letter-spacing:-.04em}
.featured h2 i{color:var(--blue);font-weight:600}
.view-all{font-size:12px;font-weight:700;color:var(--blue);text-decoration:none;border-bottom:1px solid var(--blue);padding-bottom:4px}
.featured-products{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.category-row{grid-template-columns:repeat(3,1fr)}.featured-products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){
  .hero-slider{height:52vw;min-height:210px}
  .banner-arrow{width:36px;height:36px;font-size:26px}.banner-prev{left:10px}.banner-next{right:10px}
  .categories{padding:46px 6vw 30px}.category-row{grid-template-columns:repeat(3,1fr);gap:8px}
  .category-row a{padding:13px 5px;font-size:10px}
  .category-row a:nth-child(4),.category-row a:nth-child(5){display:none}
  .featured{padding:55px 5vw 65px}.featured h2{font-size:34px}
  .view-all{font-size:10px}
  .featured-products{grid-template-columns:repeat(2,1fr);gap:12px}
}


/* =========================
   TRA CỨU ĐƠN HÀNG
   ========================= */

.order-tracking-cta {
  padding: 40px 20px;
}

.order-tracking-content {
  max-width: 1100px;
  margin: 0 auto;

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

  gap: 30px;

  padding: 30px 36px;

  background: #fff;
  border: 1px solid #eee5d8;
  border-radius: 20px;
}

.order-tracking-label {
  display: block;

  margin-bottom: 6px;

  color: #315fc4;

  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}

.order-tracking-content h2 {
  margin: 0 0 8px;

  color: #17356f;

  font-size: 24px;
}

.order-tracking-content p {
  margin: 0;

  color: #666;
}


/* MOBILE */

@media (max-width: 650px) {

  .order-tracking-content {
    flex-direction: column;
    align-items: flex-start;

    padding: 24px;
  }

  .order-tracking-content .btn {
    width: 100%;
    text-align: center;
  }

}