/* template_melanief.css — clean rebuild */
:root{
  --nv-accent:#a6701e;
  --nv-accent-deep:#7a5214;
  --nv-accent-soft:rgba(166,112,30,.12);
  --nv-gold:#a6701e;
  --nv-bg:#f5f5f5;
  --nv-surface:#ffffff;
  --nv-hero:#1c1917;
  --nv-footer:#1c1917;
  --nv-text:#3a3a3a;
  --nv-muted:#6b7280;
  --nv-ink:#111111;
  --nv-heading:#111111;
  --nv-h1:#ffffff;
  --nv-line:rgba(17,17,17,.08);
  --nv-max:1120px;
  --nv-gutter:24px;
  --nv-head-h:68px;
  --nv-logo-h:36px;
  --nv-footer-img-h:42px;
  --nv-radius:14px;
  --nv-shadow:0 6px 22px rgba(17,17,17,.08);
  --nv-font:"Nunito","Segoe UI",system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--nv-font);
  font-size:1.0625rem;
  line-height:1.7;
  font-weight:400;
  color:var(--nv-text);
  background:var(--nv-bg);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;border:0;display:block}
ul,ol{margin:0;padding:0}
button,input{font:inherit;color:inherit}
a{color:var(--nv-accent);text-decoration:none}
a:hover{text-decoration:underline}
table{border-collapse:collapse}
main{display:block}
::selection{background:var(--nv-gold);color:#fff}

.visually-hidden_melanief{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;border:0;clip:rect(0 0 0 0);white-space:nowrap;
}

/* layout */
.container_melanief{
  width:100%;
  max-width:var(--nv-max);
  margin:0 auto;
  padding:0 var(--nv-gutter);
}
.wrapper_melanief{display:block;padding-top:var(--nv-head-h)}

/* progress */
.nv-progress_melanief{
  position:fixed;top:0;left:0;z-index:90;
  height:3px;width:0;
  background:var(--nv-gold);
  pointer-events:none;
}

/* ── HEADER ── */
.header_melanief{
  position:fixed;
  top:0;left:0;right:0;
  z-index:80;
  height:var(--nv-head-h);
  background:#fff;
  border-bottom:1px solid var(--nv-line);
  box-shadow:0 2px 12px rgba(17,17,17,.04);
}
.header_melanief::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--nv-gold) 20%,var(--nv-gold) 80%,transparent);
}
.header_melanief .container_melanief{
  display:flex;
  align-items:center;
  gap:12px;
  height:100%;
}
.logo_melanief{
  display:inline-flex;
  align-items:center;
  margin-right:auto;
  flex-shrink:0;
}
.logo_melanief:hover{opacity:.85;text-decoration:none}
.logo__img_melanief{
  display:block;
  height:var(--nv-logo-h);
  width:auto;
  max-height:var(--nv-logo-h);
  max-width:180px;
  object-fit:contain;
}

.header__nav_melanief{
  display:flex;
  align-items:center;
}
.header__nav_melanief ul{
  list-style:none;
  display:flex;
  align-items:center;
  gap:4px;
  margin:0;
  padding:0;
}
.header__nav_melanief a{
  display:inline-flex;
  align-items:center;
  padding:8px 16px;
  border-radius:10px;
  font-size:.95rem;
  font-weight:700;
  line-height:1.2;
  color:var(--nv-ink);
  text-decoration:none;
  transition:background .18s,color .18s;
}
.header__nav_melanief a:hover{
  background:var(--nv-accent-soft);
  color:var(--nv-gold);
  text-decoration:none;
}

/* icon buttons — fixed box so SVG never blows the header */
.search-toggle_melanief,
.header__menu-toggle_melanief,
.gift_melanief{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  max-width:40px;
  max-height:40px;
  padding:0;
  margin:0;
  border:1px solid transparent;
  border-radius:11px;
  background:#f3f4f6;
  color:#6b7280;
  line-height:0;
  cursor:pointer;
  overflow:visible;
  transition:background .18s,border-color .18s,color .18s;
}
.search-toggle_melanief:hover,
.header__menu-toggle_melanief:hover,
.gift_melanief:hover{
  background:var(--nv-accent-soft);
  border-color:rgba(166,112,30,.35);
  color:var(--nv-gold);
}

/* search = filled glyph */
.search-toggle_melanief svg{
  display:block;
  width:18px !important;
  height:18px !important;
  min-width:18px;
  min-height:18px;
  max-width:18px;
  max-height:18px;
  flex-shrink:0;
  fill:currentColor;
  stroke:none;
}

/* gift = stroke-only glyph */
.gift_melanief svg{
  display:block;
  width:20px !important;
  height:20px !important;
  min-width:20px;
  min-height:20px;
  max-width:20px;
  max-height:20px;
  flex-shrink:0;
  fill:none !important;
  stroke:currentColor;
  stroke-width:1.6;
}
.gift_melanief svg *{
  fill:none !important;
  stroke:currentColor;
}

.header__menu-toggle_melanief span{
  position:absolute;left:50%;top:50%;
  width:17px;height:2px;
  border-radius:2px;
  background:#6b7280;
  transform:translate(-50%,-5px);
  transition:transform .3s,background .18s;
}
.header__menu-toggle_melanief span:last-child{transform:translate(-50%,4px)}
.header__menu-toggle_melanief:hover span{background:var(--nv-gold)}
.header__menu-toggle--active_melanief span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
.header__menu-toggle--active_melanief span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}

.gift__label_melanief{
  position:absolute;right:-5px;top:-5px;
  z-index:2;
  min-width:18px;height:18px;
  padding:0 4px;
  display:flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:800;line-height:1;
  color:#fff;
  background:var(--nv-gold);
  border:2px solid #fff;
  border-radius:99px;
  box-shadow:0 1px 4px rgba(166,112,30,.35);
}

@media (max-width:760px){
  .header__nav_melanief{
    position:fixed;
    top:var(--nv-head-h);left:0;right:0;
    display:none;
    padding:16px;
    background:#fff;
    border-bottom:1px solid var(--nv-line);
    box-shadow:0 8px 24px rgba(0,0,0,.08);
  }
  .header__nav--active_melanief{display:block}
  .header__nav_melanief ul{flex-direction:column;align-items:stretch}
  .header__nav_melanief a{width:100%}
  .header__menu-toggle_melanief{display:inline-flex}
}
@media (min-width:761px){
  .header__menu-toggle_melanief{display:none}
}

/* ── HERO ── */
.intro-home_melanief{
  position:relative;
  margin:0;
  padding:72px 0 80px;
  color:#fff;
  text-align:center;
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(166,112,30,.35), transparent 70%),
    linear-gradient(168deg,#2a2420 0%, var(--nv-hero) 50%, #12100e 100%);
  overflow:hidden;
}
.intro-home_melanief .container_melanief{position:relative;z-index:2}
.intro-home__title_melanief{
  margin:0 0 20px;
  font-size:clamp(1.75rem,4vw,2.75rem);
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.02em;
  color:#fff;
  text-wrap:balance;
}
.intro-home__text_melanief{
  margin:0 auto 28px;
  max-width:720px;
  font-size:1.05rem;
  line-height:1.7;
  color:rgba(255,255,255,.78);
}
.hero-author_melanief{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  text-align:left;
}
.hero-author__avatar_melanief{
  display:grid;place-items:center;
  width:40px;height:40px;
  border-radius:50%;
  font-size:.85rem;font-weight:800;
  color:#fff;
  background:linear-gradient(150deg,var(--nv-gold),var(--nv-accent-deep));
}
.hero-author__body_melanief{display:flex;flex-direction:column;gap:2px}
.hero-author__name_melanief{font-size:.95rem;font-weight:700;color:#fff}
.hero-author__role_melanief{font-size:.8rem;color:rgba(255,255,255,.55)}
.hero-author__date_melanief{font-size:.8rem;color:rgba(255,255,255,.6)}
.hero-author__date_melanief time{color:inherit}

/* ── CONTENT / TEXT ── */
.content_melanief{
  margin:-32px auto 0;
  position:relative;
  z-index:3;
}
.content_melanief > .container_melanief{
  max-width:860px;
  padding:40px var(--nv-gutter) 64px;
  background:var(--nv-surface);
  border-radius:var(--nv-radius);
  box-shadow:var(--nv-shadow);
}

.content_melanief p{
  margin:0 0 1.15em;
  font-size:1.0625rem;
  line-height:1.75;
  color:#3a3a3a;
  font-weight:400;
}
.content_melanief p:last-child{margin-bottom:0}
.content_melanief strong,
.content_melanief b{font-weight:700;color:#111}
.content_melanief a{
  color:var(--nv-gold);
  font-weight:600;
  text-decoration:underline;
  text-decoration-color:rgba(166,112,30,.35);
}
.content_melanief a:hover{text-decoration-color:var(--nv-gold)}

.content_melanief ul,
.content_melanief ol{
  margin:0 0 1.3em;
  padding-left:1.4em;
  color:#3a3a3a;
}
.content_melanief li{
  margin:0 0 .55em;
  font-size:1.0625rem;
  line-height:1.65;
  color:#3a3a3a;
}
.content_melanief li::marker{color:var(--nv-gold)}

.content_melanief h2,
.heading_melanief{
  margin:2.8em 0 .9em;
  font-size:clamp(1.45rem,2.4vw,1.85rem);
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.02em;
  color:#111;
}
.content_melanief h2:first-child,
.heading_melanief:first-child,
.ratings-block_melanief .heading_melanief{margin-top:0}
.content_melanief h2::before,
.heading_melanief::before{
  content:"";
  display:block;
  width:64px;height:3px;
  margin:0 0 14px;
  border-radius:99px;
  background:var(--nv-gold);
}

.content_melanief h3,
.heading--grey_melanief{
  position:relative;
  margin:2.2em 0 .7em;
  padding-left:26px;
  font-size:clamp(1.2rem,2vw,1.4rem);
  font-weight:700;
  line-height:1.35;
  color:#111;
}
.content_melanief h3::before,
.heading--grey_melanief::before{
  content:"";
  position:absolute;
  left:0;top:.45em;
  width:10px;height:10px;
  border-radius:2px;
  background:var(--nv-gold);
  transform:rotate(45deg);
}

.content_melanief h4{
  margin:1.8em 0 .6em;
  font-size:1.15rem;
  font-weight:700;
  color:var(--nv-heading);
}

.content_melanief img{
  margin:0 0 1.4em;
  border-radius:12px;
}
.content_melanief iframe{
  display:block;
  width:100%;
  border:0;
  border-radius:12px;
}

/* ratings */
.ratings-block_melanief{margin:0 0 28px}
.ratings-block__frame_melanief,
.lepics-casino-widget-wrap{
  width:100%;
  overflow:hidden;
  border-radius:12px;
}
.ratings-block__frame_melanief iframe,
.lepics-casino-widget-wrap iframe{
  display:block;width:100%;border:0;
}

/* PU banner */
.lepics-pu-banner{
  margin:24px 0 28px;
  border-radius:var(--nv-radius);
  overflow:hidden;
  box-shadow:var(--nv-shadow);
  background:#1c1917;
}
.lepics-pu-banner img{
  width:100%;height:auto;display:block;margin:0;
}

/* ── TABLES (ochre card) ── */
.table_melanief,
.table--alt_melanief,
.table--small_melanief,
.table--info_melanief,
.table--top_melanief{
  position:relative;
  width:100%;
  margin:28px 0 36px;
  border-radius:var(--nv-radius);
  background:#fff;
  box-shadow:var(--nv-shadow);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.table_melanief table{
  width:100%;
  min-width:520px;
  border-collapse:separate;
  border-spacing:0;
  font-size:1rem;
  color:#222;
  text-align:left;
}
.table_melanief th,
.table_melanief td{
  padding:16px 20px;
  vertical-align:middle;
  border:0;
  border-bottom:1px solid #ececec;
  background:#fff;
  color:#222;
  line-height:1.45;
}
.table_melanief thead th{
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff;
  background:var(--nv-gold);
  border-bottom:0;
  white-space:nowrap;
}
.table_melanief thead th:first-child{border-top-left-radius:var(--nv-radius)}
.table_melanief thead th:last-child{border-top-right-radius:var(--nv-radius)}
.table_melanief tbody tr:nth-child(even) td{background:#fafafa}
.table_melanief tbody tr:hover td{background:#f3efe7}
.table_melanief tbody tr:last-child td{border-bottom:0}
.table_melanief tbody tr:last-child td:first-child{border-bottom-left-radius:var(--nv-radius)}
.table_melanief tbody tr:last-child td:last-child{border-bottom-right-radius:var(--nv-radius)}
.table_melanief tbody td:first-child{font-weight:700;color:#111}
.table_melanief tbody td:nth-child(2){font-weight:500;color:#5f6673}
.table_melanief tbody td:last-child{
  font-weight:800;
  color:var(--nv-gold);
  white-space:nowrap;
}
.table--small_melanief table{min-width:480px}
.table--info_melanief td{text-align:left}

.table--top_melanief tbody{counter-reset:nv-rank}
.table--top_melanief tbody tr{counter-increment:nv-rank}
.table--top_melanief tbody td:first-child{position:relative;padding-left:64px}
.table--top_melanief tbody td:first-child::before{
  content:counter(nv-rank);
  position:absolute;
  left:18px;top:50%;
  transform:translateY(-50%);
  display:grid;place-items:center;
  width:30px;height:30px;
  border-radius:8px;
  font-size:.85rem;font-weight:800;
  color:#fff;
  background:var(--nv-gold);
}

/* ── FOOTER ── */
.footer_melanief{
  position:relative;
  margin-top:64px;
  padding:56px 0 40px;
  color:rgba(255,255,255,.72);
  background:var(--nv-footer);
}
.footer_melanief::before{
  content:"";
  position:absolute;top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--nv-gold) 18%,var(--nv-gold) 82%,transparent);
}
.footer_melanief a{color:rgba(255,255,255,.8);text-decoration:none}
.footer_melanief a:hover{color:var(--nv-gold)}

.footer__top_melanief{
  display:grid;
  gap:36px 32px;
  padding-bottom:36px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.footer__col-title_melanief{
  margin:0 0 14px;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--nv-gold);
}
.footer__logo_melanief{display:inline-flex;margin:0 0 12px}
.footer__logo_melanief img{
  height:48px;width:auto;max-width:220px;
  object-fit:contain;
}
.footer__nav_melanief ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer__nav_melanief a{
  font-size:1rem;
  font-weight:600;
}
.footer__info-imgs_melanief{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 20px;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.footer__info-imgs_melanief img{
  height:var(--nv-footer-img-h);
  width:auto;
  object-fit:contain;
  opacity:.85;
}
.footer__info-imgs_melanief a:hover img{opacity:1}

@media (min-width:768px){
  .footer__top_melanief{grid-template-columns:1.6fr 1fr}
  .footer__badges_melanief{grid-column:1 / -1}
}
@media (min-width:1024px){
  .footer__top_melanief{grid-template-columns:2fr 1fr 1.4fr}
  .footer__badges_melanief{grid-column:auto}
}

/* back to top */
.nv-top_melanief{
  position:fixed;
  right:20px;bottom:20px;
  z-index:70;
  width:46px;height:46px;
  border:0;
  border-radius:99px;
  background:var(--nv-gold);
  box-shadow:0 8px 22px rgba(166,112,30,.4);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .2s,visibility .2s,transform .2s;
}
.nv-top_melanief::before{
  content:"";
  display:block;
  width:10px;height:10px;
  margin:0 auto;
  border-left:2px solid #fff;
  border-top:2px solid #fff;
  transform:translateY(2px) rotate(45deg);
}
.nv-top--on_melanief{
  opacity:1;
  visibility:visible;
  transform:none;
}

@media (max-width:640px){
  .content_melanief > .container_melanief{
    margin:0;
    border-radius:0;
    box-shadow:none;
    padding:28px 16px 48px;
  }
  .intro-home_melanief{padding:48px 0 56px}
  .table_melanief th,.table_melanief td{padding:12px 14px}
}

/* contact page */
.contact-email-block_melanief{margin:0 0 28px}
.contact-card_melanief{
  display:flex;align-items:flex-start;gap:16px;
  padding:22px 20px;
  border-radius:var(--nv-radius);
  background:#fff;
  border:1px solid var(--nv-line);
  box-shadow:var(--nv-shadow);
}
.contact-card__icon_melanief{
  flex:0 0 44px;width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:12px;
  background:var(--nv-accent-soft);
  color:var(--nv-gold);
}
.contact-card__icon_melanief svg{
  width:22px;height:22px;
  fill:none;stroke:currentColor;stroke-width:1.6;
}
.contact-card__body_melanief{flex:1;min-width:0}
.contact-card__label_melanief{
  margin:0 0 6px;font-size:.75rem;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;color:var(--nv-gold);
}
.contact-card__value_melanief{margin:0;font-size:1.1rem;font-weight:700;color:#111;word-break:break-word}
.contact-card__value_melanief a{color:#111;text-decoration:none}
.contact-card__value_melanief a:hover{color:var(--nv-gold)}