/* ===== Young Oendo site chrome (new design) — scoped, self-contained ===== */
.yo-chrome, .yo-chrome * { box-sizing: border-box; }
.yo-chrome {
  --ink:#111111; --body:#3f3f3f; --muted:#7d7a75; --line:#e8e5e0; --cream:#f7f6f3;
  --accent:#b61e0f; --accent-dark:#96170c; --tan:#5c4033; --highlight:#feef93;
  --font:'Anek Latin','AnekLatin',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --maxw:1360px;
  font-family: var(--font); color: var(--ink); line-height:1.55;
}
.yo-chrome .yc-wrap { width:min(var(--maxw), calc(100% - 48px)); margin-inline:auto; }
.yo-chrome a { color:inherit; text-decoration:none; }
.yo-chrome ul { list-style:none; margin:0; padding:0; }
.yo-chrome .yc-announce {
  background:var(--ink); color:#f7f6f3; font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  text-align:center; padding:10px 16px;
}
.yo-chrome .yc-announce strong { color:var(--highlight); }
.yo-chrome .yc-announce .sep { opacity:.45; margin:0 9px; }
.yo-chrome .yc-header {
  position:sticky; top:0; z-index:60; background:rgba(255,255,255,.94); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.yo-chrome .yc-header-inner { display:flex; align-items:center; gap:26px; height:74px; }
.yo-chrome .yc-logo { display:inline-flex; align-items:center; flex:0 0 auto; }
.yo-chrome .yc-logo img { height:32px; width:auto; display:block; }
.yo-chrome .yc-nav { display:flex; align-items:center; gap:28px; margin-inline:auto; }
.yo-chrome .yc-nav a { font-size:14px; font-weight:600; color:var(--body); position:relative; padding:6px 0; }
.yo-chrome .yc-nav a::after {
  content:""; position:absolute; left:0; right:100%; bottom:0; height:1.5px; background:var(--accent);
  transition:right .2s ease;
}
.yo-chrome .yc-nav a:hover { color:var(--ink); }
.yo-chrome .yc-nav a:hover::after { right:0; }
.yo-chrome .yc-actions { display:flex; align-items:center; gap:10px; margin-left:auto; }
.yo-chrome .yc-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:12px 22px;
  border-radius:999px; font-size:14px; font-weight:700; border:1px solid transparent; background:none;
  font-family:inherit; cursor:pointer;
}
.yo-chrome .yc-btn-dark { background:var(--ink); color:#f7f6f3; }
.yo-chrome .yc-btn-dark:hover { background:var(--tan); }
.yo-chrome .yc-icon {
  display:inline-flex; align-items:center; justify-content:center; gap:7px; height:40px; padding:0 13px;
  border:1px solid var(--line); border-radius:999px; background:#fff; font-weight:700; font-size:13px;
  font-family:inherit; cursor:pointer; position:relative;
}
.yo-chrome .yc-icon:hover { border-color:var(--ink); }
.yo-chrome .yc-count {
  position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 5px; border-radius:999px;
  background:var(--accent); color:#fff; font-size:11px; font-weight:700; display:grid; place-items:center;
}
.yo-chrome .yc-count[hidden] { display:none; }
.yo-chrome .yc-cur-wrap { position:relative; }
.yo-chrome .yc-cur-menu {
  position:absolute; top:calc(100% + 7px); right:0; z-index:70; min-width:190px; background:#fff;
  border:1px solid var(--line); border-radius:12px; box-shadow:0 30px 70px -34px rgba(20,16,12,.4);
  padding:6px 0; display:none;
}
.yo-chrome .yc-cur-menu.open { display:block; }
.yo-chrome .yc-cur-menu button {
  display:flex; justify-content:space-between; gap:12px; width:100%; padding:11px 16px; background:none;
  border:0; text-align:left; font-weight:600; font-size:14px; font-family:inherit; cursor:pointer;
}
.yo-chrome .yc-cur-menu button:hover { background:var(--cream); }
.yo-chrome .yc-cur-menu small { color:var(--muted); font-weight:400; }
.yo-chrome .yc-toggle { display:none; width:42px; height:42px; border:1px solid var(--line); border-radius:50%; background:#fff; }
.yo-chrome .yc-mobile { display:none; border-top:1px solid var(--line); background:#fff; }
.yo-chrome .yc-mobile.open { display:block; }
.yo-chrome .yc-mobile a { display:block; padding:14px 24px; font-weight:600; border-bottom:1px solid var(--line); }
.yo-chrome .yc-footer { background:#fff; border-top:1px solid var(--line); padding:64px 0 40px; margin-top:0; }
.yo-chrome .yc-fgrid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:40px; }
.yo-chrome .yc-fbrand p { color:var(--body); font-size:14.5px; max-width:34ch; margin:16px 0 20px; }
.yo-chrome .yc-socials { display:flex; gap:10px; }
.yo-chrome .yc-socials a {
  display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--line); border-radius:50%;
}
.yo-chrome .yc-socials a:hover { border-color:var(--ink); background:var(--cream); }
.yo-chrome .yc-fgrid h4 { font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin:0 0 18px; }
.yo-chrome .yc-fgrid li { margin-bottom:11px; }
.yo-chrome .yc-fgrid a { color:var(--body); font-size:14.5px; }
.yo-chrome .yc-fgrid a:hover { color:var(--ink); text-decoration:underline; }
.yo-chrome .yc-pay { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:44px; padding-top:24px; border-top:1px solid var(--line); }
.yo-chrome .yc-pay span { color:var(--muted); font-size:13px; margin-right:4px; }
.yo-chrome .yc-pay img { height:26px; width:auto; opacity:.82; }
.yo-chrome .yc-fbottom {
  border-top:1px solid var(--line); margin-top:24px; padding-top:24px; display:flex; justify-content:space-between;
  gap:14px; flex-wrap:wrap; color:var(--muted); font-size:13px;
}
/* the old chrome is hidden ONLY once the new chrome is in the page (see the script's fail-safe) */
html.yo-chrome-ready > body > header,
html.yo-chrome-ready > body > .header,
html.yo-chrome-ready > body > #header,
html.yo-chrome-ready > body > footer,
html.yo-chrome-ready > body > .footer { display:none !important; }
@media (max-width:1060px){ .yo-chrome .yc-fgrid { grid-template-columns:1fr 1fr; } }
@media (max-width:860px){
  .yo-chrome .yc-nav { display:none; }
  .yo-chrome .yc-toggle { display:grid; place-items:center; }
  .yo-chrome .yc-header-inner { height:64px; gap:12px; }
}
@media (max-width:560px){
  .yo-chrome .yc-wrap { width:calc(100% - 32px); }
  .yo-chrome .yc-logo img { height:26px; max-width:128px; }
  .yo-chrome .yc-header-inner > a.yc-btn { display:none; }
  .yo-chrome .yc-icon { padding:0 11px; font-size:12.5px; }
  .yo-chrome .yc-fbottom { justify-content:center; text-align:center; }
}

/* ===== the new header is the only sticky thing on the page ===== */
html.yo-chrome-ready body { position: static !important; }
html.yo-chrome-ready .yc-header { position: sticky !important; top: 0 !important; z-index: 60; }
/* anything the old clone left sticky and hidden must not keeping painting scroll work */
html.yo-chrome-ready > body > header,
html.yo-chrome-ready > body > .header,
html.yo-chrome-ready > body > #header,
html.yo-chrome-ready > body > footer,
html.yo-chrome-ready > body > .footer { position: static !important; }
/* smooth the jump when a sticky element meets the header */
html { scroll-padding-top: 90px; }