:root{
  --cv-yellow-1:#ffb300;
  --cv-yellow-2:#ffd34d;
  --cv-text:#111;
  --cv-white:#fff;
}

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; color:var(--cv-text);}

.cv-header{
  background: linear-gradient(180deg, var(--cv-yellow-1) 0%, var(--cv-yellow-2) 100%);
}

.cv-topbar{
  height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  gap:16px;
}

.cv-left{display:flex; align-items:center; gap:14px; min-width:260px;}
.cv-menu{
  width:44px;height:44px;border:0;border-radius:999px;background:rgba(255,255,255,.95);
  display:flex;align-items:center;justify-content:center; cursor:pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
}
.cv-menu svg{color:#111}

.cv-logo{display:flex; align-items:center; text-decoration:none;}
.cv-logo-text{
  font-weight:800;
  font-size:22px;
  letter-spacing:.2px;
  color:#111;
}
.cv-logo-highlight{color:#ff7a00;}

.cv-seller{
  display:flex; align-items:center; gap:6px;
  color:#111; text-decoration:none; font-weight:600; font-size:14px;
  padding:10px 12px; border-radius:999px; background:rgba(255,255,255,.35);
}

.cv-nav{
  display:flex; align-items:center; gap:22px;
  flex:1; justify-content:center;
}
.cv-nav-item{
  text-decoration:none; color:#111; font-weight:700; font-size:15px;
  opacity:.75;
}
.cv-nav-item.is-active{opacity:1;}
.cv-nav-item:hover{opacity:1}

.cv-right{display:flex; align-items:center; gap:10px; min-width:360px; justify-content:flex-end;}

.cv-icon{
  width:44px;height:44px;border:0;border-radius:999px;background:rgba(255,255,255,.95);
  display:flex;align-items:center;justify-content:center; cursor:pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
}
.cv-icon svg{color:#111}

.cv-btn{
  height:40px; padding:0 14px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none; font-weight:700; font-size:14px;
  border:1px solid rgba(0,0,0,.12);
}
.cv-btn-ghost{background:#fff;color:#111;}
.cv-btn-dark{background:#111;color:#fff;border-color:#111;}

.cv-avatar{
  width:44px;height:44px;border:0;border-radius:999px;background:rgba(255,255,255,.95);
  display:flex;align-items:center;justify-content:center; cursor:pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
}
.cv-avatar-dot{
  width:18px;height:18px;border-radius:999px;background:#111;
  box-shadow: inset 0 0 0 4px #fff;
}
.cv-caret{
  width:38px;height:38px;border:0;border-radius:999px;background:rgba(255,255,255,.35);
  display:flex;align-items:center;justify-content:center; cursor:pointer;
}

/* ===== Deliver + Language/Currency (popover) ===== */
.cv-deliver{
  display:flex;
  align-items:center;
  gap:8px;
  padding: 0 10px;
  height:44px;
  border-radius:999px;
  background: rgba(255,255,255,.35);
  font-weight:700;
  color:#111;
}
.cv-deliver-label{font-weight:600; opacity:.85; font-size:13px;}
.cv-flag{font-size:16px; line-height:1;}
.cv-deliver-code{font-size:14px;}

.cv-lang-wrap{ position: relative; }
.cv-lang{
  height:44px;
  padding:0 12px;
  border:0;
  border-radius:999px;
  background: rgba(255,255,255,.35);
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  color:#111;
  font-weight:700;
}
.cv-lang-icon{font-size:16px; line-height:1;}
.cv-lang-text{font-size:14px; white-space:nowrap;}
.cv-lang-caret{opacity:.9}

.cv-pop{
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: 520px;
  max-width: min(92vw, 520px);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0,0,0,.20);
  padding: 18px 18px 16px;
  display: none;
  z-index: 9999;
}
.cv-pop.is-open{ display:block; }

.cv-pop-arrow{
  position:absolute;
  top:-10px;
  left: var(--arrow-left, 50%);
  transform: translateX(-50%);
  width:0; height:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:10px solid #fff;
  filter: drop-shadow(0 -2px 1px rgba(0,0,0,.08));
}

.cv-pop-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.cv-pop-title{
  font-size:22px;
  font-weight:800;
  color:#111;
}
.cv-pop-close{
  width:34px;
  height:34px;
  border:0;
  border-radius:999px;
  background:#f3f3f3;
  cursor:pointer;
  font-size:22px;
  line-height:34px;
}

.cv-pop-desc{
  margin: 0 0 16px;
  color:#555;
  font-size:14px;
  line-height:1.45;
}

.cv-pop-form{ display:flex; flex-direction:column; gap:10px; }
.cv-label{ font-weight:800; margin-top:6px; }

.cv-select-wrap{
  border:1px solid #e3e3e3;
  border-radius:10px;
  overflow:hidden;
}
.cv-select{
  width:100%;
  height:44px;
  border:0;
  padding:0 12px;
  font-size:14px;
  outline:none;
  background:#fff;
}

.cv-save{
  margin-top: 10px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: #d86a43;
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  cursor: pointer;
}

/* responsive */
@media (max-width: 1100px){
  .cv-nav{display:none;}
  .cv-right{min-width:auto;}
}
@media (max-width: 720px){
  .cv-seller{display:none;}
  .cv-btn-ghost{display:none;}
  .cv-deliver-label{display:none;}
}

/* ===== hard guard: prevent home.css override ===== */
.cv-topbar{display:flex !important;}
.cv-left,.cv-right,.cv-nav{display:flex !important;}