/* Pagina /politica-cookies — extras din 6.YUKA-Politica-Cookie-uri-FINAL.html, scopat ca sa nu strice header/footer-ul site-ului. */

body.site_static_page {
  background-color: var(--paper, #F2F1EC);
}
body.site_static_page .maincontentw {
  background-color: var(--paper, #F2F1EC);
}

html {
  height: auto !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
  overscroll-behavior-x: none;
}

body.site_static_page {
  height: auto !important;
  max-width: 100%;
  overflow-x: clip !important;
  overscroll-behavior-x: none;
}
body.site_static_page .maincontentw {
  width: 100% !important;
  max-width: 100%;
  overflow-x: clip;
}

/* ============ TOKENS ============ */
.cookies-page{
  --paper:#F2F1EC;
  --paper-2:#FFFFFF;
  --ink:#141413;
  --muted:#6E6E66;
  --line:#DEDCD4;
  --line-soft:#E9E7E0;

  --dark:#141413;
  --dark-2:#1E1E1C;
  --dark-line:rgba(245,245,240,.12);
  --dark-text:#F5F5F0;
  --dark-muted:#A3A39B;

  --accent:#00A402;
  --accent-ink:#056B0A;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:28px; --s7:40px; --s8:48px; --s9:64px; --s10:88px;

  --maxw:1200px;
  --radius:4px;

  --display:"Montserrat",system-ui,sans-serif;
  --body:"Source Sans 3",system-ui,sans-serif;
}

/* ============ RESET ============ */
.cookies-page, .cookies-page *, .cookies-page *::before, .cookies-page *::after{box-sizing:border-box}
.cookies-page{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--body);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
  max-width:100%;
}
.cookies-page a{color:inherit}
.cookies-page h1, .cookies-page h2, .cookies-page h3, .cookies-page h4{font-family:var(--display);font-weight:700;letter-spacing:-.02em;margin:0}
.cookies-page p{margin:0}

/* ============ LAYOUT ============ */
.cookies-page .wrap{
  display:block;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  max-width:var(--maxw);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--s5);
  padding-right:var(--s5);
}
.cookies-page .section{padding-top:var(--s9);padding-bottom:var(--s9)}
.cookies-page .band{background:var(--dark);color:var(--dark-text)}
.cookies-page .band .lede, .cookies-page .band .muted{color:var(--dark-muted)}

.cookies-page .eyebrow{
  font-family:var(--display);font-weight:600;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink);
  display:inline-flex;align-items:center;gap:var(--s2);margin-bottom:var(--s5);
}
.cookies-page .band .eyebrow{color:var(--accent)}
.cookies-page .eyebrow::before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%}

.cookies-page h1{font-size:clamp(42px,4.4vw,60px);line-height:1.04;letter-spacing:-.025em}
.cookies-page h2{font-size:clamp(30px,4.2vw,48px);line-height:1.06}
.cookies-page .lede{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:62ch;line-height:1.55}
.cookies-page .callout{border-left:3px solid var(--accent);padding-left:var(--s5);font-weight:600;font-size:17px;line-height:1.5}

/* ============ HERO ============ */
.cookies-page .hero{
  background:var(--dark);
  color:var(--dark-text);
  padding-top:var(--s9);
  padding-bottom:var(--s9);
}
.cookies-page .hero .eyebrow{color:var(--accent)}
.cookies-page .legal-hero{padding-bottom:var(--s7)}
.cookies-page .legal-hero .wrap{max-width:var(--maxw)}
.cookies-page .legal-hero h1{max-width:none}
.cookies-page .hero__sub{margin-top:var(--s5);font-size:18px;line-height:1.6;color:var(--dark-muted);max-width:60ch}
.cookies-page .hero__promise{margin-top:var(--s5);font-family:var(--display);font-weight:600;font-size:clamp(19px,2vw,25px);line-height:1.35;max-width:36ch}
.cookies-page .hero__note{margin-top:var(--s4);font-size:14px;color:var(--dark-muted);max-width:58ch}

.cookies-page .section--legal{padding-top:var(--s8);padding-bottom:var(--s8);border-top:1px solid var(--line)}
.cookies-page .section--legal.band{border-top-color:var(--dark-line)}
.cookies-page .section--legal .eyebrow{margin-bottom:var(--s4)}
.cookies-page .section--legal h2{font-size:clamp(24px,3vw,32px);max-width:34ch}
.cookies-page .section--legal .lede{margin-top:var(--s4)}
.cookies-page .section--legal p+p{margin-top:var(--s4)}
.cookies-page .section--legal .cards{margin-top:var(--s6)}

.cookies-page .cards{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
}
.cookies-page .card{background:var(--paper-2);padding:var(--s6)}
.cookies-page .card p{font-size:16px;color:var(--muted);line-height:1.55}
.cookies-page .card__tag{
  font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent-ink);display:block;margin-bottom:var(--s3);
}

.cookies-page .table-wrap{overflow-x:auto}
.cookies-page .simple-table{width:100%;border-collapse:collapse;font-size:15px;min-width:360px}
.cookies-page .simple-table th, .cookies-page .simple-table td{
  text-align:left;padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);
}
.cookies-page .simple-table th{
  font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);
}
.cookies-page .simple-table td{color:var(--ink)}

.cookies-page .u-mt-6{margin-top:var(--s6)}
.cookies-page .u-mt-5{margin-top:var(--s5)}

@media (max-width:1024px){
  .cookies-page .cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .cookies-page{font-size:16px}
  .cookies-page .wrap{padding-left:var(--s4);padding-right:var(--s4)}
  .cookies-page h1{font-size:34px;line-height:1.04}
  .cookies-page h2{font-size:29px;line-height:1.08}
  .cookies-page .hero{padding-top:42px;padding-bottom:40px}
  .cookies-page .section, .cookies-page .section--tight{
    padding-top:44px;
    padding-bottom:44px;
  }
  .cookies-page .eyebrow{
    margin-bottom:16px;
    font-size:11px;
    letter-spacing:.13em;
  }
  .cookies-page .lede{font-size:17px;line-height:1.55}
  .cookies-page .cards{grid-template-columns:1fr}
  .cookies-page .u-mt-6{margin-top:26px}
  .cookies-page .u-mt-5{margin-top:20px}
}