:root{
  --tp-line:#e5e5e5;
  --tp-top:#5d5d5d;
  --tp-text:#111;
  --tp-muted:#777;
  --tp-bg:#fff;
  --tp-menu-h:38px;
  --tp-logo-w:182px;
  --tp-cart-w:120px;
  --tp-maxw:1920px;
}

.tpc-topbar{
  width:100%;
  height:28px;
  background:var(--tp-top);
  color:#fff;
  font-size:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  letter-spacing:.3px;
  font-weight:600;
}

.tpch{
  width:100%;
  border-bottom:1px solid var(--tp-line);
  position:relative;
  background:#fff;
  z-index:50;
}

.tpch-row1{
  width:100%;
  display:grid;
  grid-template-columns:var(--tp-logo-w) 1fr 86px 86px var(--tp-cart-w);
  min-height:80px;
  border-bottom:1px solid var(--tp-line);
}

.tpch-logoBox{
  border-right:1px solid var(--tp-line);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
}
.tpch-logo{
  display:block;
  line-height:1;
  width:100%;
}
.tpch-logo img{
  display:block;
  max-width:100%;
  height:auto;
  margin:0 auto;
}

.tpch-searchBox{
  border-right:1px solid var(--tp-line);
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 22px;
}
.tpch-searchIcon{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#333;
  flex:0 0 22px;
}
.tpch-searchIcon svg,
.tpch-iconBtn svg{
  width:22px;
  height:22px;
  stroke:#333;
  stroke-width:1.8;
  fill:none;
}
.tpch-searchInput{
  border:none;
  outline:none;
  width:100%;
  height:42px;
  font-size:14px;
  color:#555;
  background:transparent;
}
.tpch-searchInput::placeholder{
  color:#9a9a9a;
  letter-spacing:.2px;
}

.tpch-iconBtn{
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid var(--tp-line);
  background:#fff;
  color:#111;
  text-decoration:none;
  position:relative;
}
.tpch-iconBtn:last-child{
  border-right:none;
}
.tpch-count{
  margin-left:6px;
  font-size:13px;
}

.tpch-row2{
  width:100%;
  height:var(--tp-menu-h);
  position:relative;
  background:#fff;
}
.tpch-nav{
  width:100%;
  max-width:var(--tp-maxw);
  margin:0 auto;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  position:relative;
}
.tpch-navItem{
  height:100%;
  display:flex;
  align-items:center;
}
.tpch-navLink{
  height:100%;
  display:flex;
  align-items:center;
  position:relative;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.2px;
  text-transform:uppercase;
  white-space:nowrap;
  color:#111;
  text-decoration:none;
}
.tpch-navItem:hover .tpch-navLink::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:8px;
  height:2px;
  background:#111;
}

.tpch-mega{
  position:absolute;
  left:0;
  top:100%;
  width:100%;
  background:#fff;
  border-top:1px solid var(--tp-line);
  border-bottom:1px solid var(--tp-line);
  display:none;
  z-index:40;
}
.tpch-navItem:hover .tpch-mega{
  display:block;
}

.tpch-megaInner{
  width:100%;
  display:grid;
  grid-template-columns:280px 1fr 1fr 1fr 1fr 1fr 1fr;
  min-height:265px;
}
.tpch-megaInner2{
  width:100%;
  display:grid;
  grid-template-columns:280px 1fr 1fr;
  min-height:265px;
}
.tpch-megaPhoto{
  border-right:1px solid var(--tp-line);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top: 10px;
}
.tpch-photoCard{
  width:250px;
  position:relative;
  overflow:hidden;
  display:block;
}
.tpch-photoCard img{
  width:100%;
  height:250px;
  object-fit:cover;
  display:block;
}
.tpch-photoLabel{
  position:absolute;
  left:0;
  right:0;
  bottom:22px;
  text-align:center;
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:1.3px;
  text-transform:uppercase;
}

.tpch-megaCol{
  padding:10px;
  border-right:1px solid var(--tp-line);
}
.tpch-megaCol:last-child{
  border-right:none;
}
.tpch-megaLinks a{
  display:block;
  font-size:13px;
  line-height:13px;
  font-weight:800;
  letter-spacing:1.2px;
  text-transform:uppercase;
  margin-bottom:15px;
  color:#111;
  text-decoration:none;


}

.tpch-megaTitle{
  font-size:12px;
  color:#444;
  margin-bottom:18px;
  font-weight:500;
}
@media (max-width:1200px){
  .tpch{
    display:none;
  }
  .tpc-topbar{
    display:none;
  }
}