/* ============================================================
   8SKIN PRO — SITE SHELL
   The masthead and footer that wrap checkout, cart, thank you
   and the legal pages. The launch page is a canvas template and
   does not use these.
   ============================================================ */
:root{
  --eskp-ink:#0A0A09; --eskp-gold:#C9A55A; --eskp-gold-light:#E4BA78;
  --eskp-line:#E8E2DC; --eskp-muted:#8C857C;
  --eskp-sans:'DM Sans','Cormorant Garamond',system-ui,-apple-system,sans-serif;
  --eskp-serif:'Cormorant Garamond',Georgia,serif;
}
body{margin:0}

.eskp-mast{
  border-bottom:1px solid var(--eskp-ink);
  padding:14px 22px;text-align:center;background:#FFFFFF;
}
.eskp-mast-mark{display:inline-block;text-decoration:none;line-height:0}
.eskp-mast-mark img{display:block;width:150px;height:auto;margin:0 auto}
.eskp-mast-type{
  font-family:var(--eskp-serif);font-weight:600;font-size:20px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--eskp-ink);line-height:1.2;
}

.eskp-foot{
  background:var(--eskp-ink);border-top:1px solid var(--eskp-gold);
  color:#8f8a83;padding:44px 22px 38px;text-align:center;
  font-family:var(--eskp-sans);font-size:12px;line-height:1.7;
}
.eskp-foot-mark{display:block;width:140px;height:auto;margin:0 auto 16px}
.eskp-foot-type{
  font-family:var(--eskp-serif);font-weight:600;font-size:19px;letter-spacing:.2em;
  text-transform:uppercase;color:#FFFFFF;margin-bottom:12px;
}
.eskp-foot p{margin:0 0 5px}
.eskp-foot-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:22px 0 0}
.eskp-foot-links a{
  font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  text-decoration:none;color:var(--eskp-gold-light);
}
.eskp-foot-fine{font-size:10px;color:#5f5b56;line-height:1.85;margin:26px auto 0;max-width:620px}

@media (min-width:600px){
  .eskp-mast{padding:16px 40px}
  .eskp-foot{padding:56px 40px 46px}
}

/* ============================================================
   COOKIE CONSENT
   ============================================================ */
.eskp-cc{
  position:fixed;left:0;right:0;bottom:0;z-index:9000;
  background:var(--eskp-ink);border-top:1px solid var(--eskp-gold);
  padding:18px 22px;padding-bottom:calc(18px + env(safe-area-inset-bottom));
}
.eskp-cc[hidden]{display:none}
.eskp-cc-inner{max-width:1000px;margin-inline:auto;display:grid;gap:14px}
.eskp-cc-text{
  margin:0;font-family:var(--eskp-sans);font-size:12px;line-height:1.7;color:#D6D0C8;
}
.eskp-cc-text a{color:var(--eskp-gold-light)}
.eskp-cc-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.eskp-cc-btn{
  background:var(--eskp-gold);color:var(--eskp-ink);border:1px solid var(--eskp-gold);
  border-radius:0;cursor:pointer;padding:14px 12px;
  font-family:var(--eskp-sans);font-weight:700;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;
}
.eskp-cc-btn.ghost{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.4)}
.eskp-cc-reopen{
  position:fixed;left:14px;bottom:14px;z-index:8000;
  background:transparent;border:1px solid var(--eskp-line);border-radius:0;cursor:pointer;
  padding:8px 12px;font-family:var(--eskp-sans);font-weight:700;font-size:8px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--eskp-muted);
  background-color:#FFFFFF;
}
.eskp-cc-reopen[hidden]{display:none}

@media (min-width:700px){
  .eskp-cc-inner{grid-template-columns:1fr auto;align-items:center;gap:28px}
  .eskp-cc-actions{grid-template-columns:auto auto}
  .eskp-cc-btn{padding:14px 26px}
}