/* =========================================================
   SAFE PAGE TYPOGRAPHY
========================================================= */

.cookie-content,
.cookie-content *,

.cookie-sidebar,
.cookie-sidebar *,

.cookie-mobile-toc-btn{
font-family:inherit;
}



/* =========================================================
   PAGE
========================================================= */

.cookie-policy-page{
background:#f6f7fb;
color:#334155;
}

.cookie-policy-page *{
box-sizing:border-box;
}



/* =========================================================
   WRAPPER
========================================================= */

.cookie-wrapper{
padding:18px 24px 68px;
}

.cookie-container{
max-width:1180px;
margin:0 auto;

display:flex;
align-items:flex-start;
gap:30px;
}



/* =========================================================
   MOBILE TOC BUTTON
========================================================= */

.cookie-mobile-toc-btn{
display:none;
align-items:center;
gap:10px;

background:#0f172a;
color:#ffffff;

border:none;
border-radius:12px;

padding:13px 18px;

font-size:14px;
font-weight:600;

cursor:pointer;

margin-bottom:18px;

transition:.2s ease;
}

.cookie-mobile-toc-btn:hover{
background:#1e293b;
}

.cookie-mobile-toc-btn svg{
width:16px;
height:16px;
}



/* =========================================================
   SIDEBAR
========================================================= */

.cookie-sidebar{
width:255px;
min-width:255px;

position:sticky;
top:105px;

background:#ffffff;

border:1px solid #e2e8f0;
border-radius:18px;

padding:24px 20px;

box-shadow:
0 4px 18px rgba(15,23,42,.04);
}

.cookie-sidebar-top{
display:flex;
align-items:center;
justify-content:space-between;

margin-bottom:14px;
}

.cookie-sidebar-top h3{
font-size:17px;
font-weight:700;
color:#0f172a;
margin:0;
}

.cookie-close-sidebar{
display:none;

background:none;
border:none;

padding:0;
cursor:pointer;
}

.cookie-close-sidebar svg{
width:20px;
height:20px;
color:#0f172a;
}



/* =========================================================
   TABLE OF CONTENTS
========================================================= */

.cookie-toc{
display:flex;
flex-direction:column;
gap:2px;
}

.cookie-toc a{
text-decoration:none;

font-size:14px;
font-weight:500;
line-height:1.45;

color:#475569;

padding:10px 12px;

border-radius:10px;

transition:.18s ease;
}

.cookie-toc a:hover{
background:#f1f5f9;
color:#0f172a;
}



/* =========================================================
   CONTENT
========================================================= */

.cookie-content{
flex:1;
min-width:0;
}



/* =========================================================
   HERO
========================================================= */

.cookie-hero{
margin-bottom:34px;
padding-top:2px;
}

.cookie-label{
display:inline-flex;
align-items:center;
gap:8px;

background:#eef2ff;
color:#1e3a8a;

padding:9px 14px;

border-radius:999px;

font-size:13px;
font-weight:600;

margin-bottom:18px;
}

.cookie-label svg{
width:15px;
height:15px;
}

.cookie-hero h1{
font-size:56px;
line-height:1.04;

font-weight:800;
letter-spacing:-1.8px;

color:#0f172a;

margin:0 0 18px;
}

.cookie-hero p{
max-width:860px;

font-size:16.5px;
line-height:1.95;

color:#475569;

margin:0;
}



/* =========================================================
   MAIN ARTICLE
========================================================= */

.cookie-section{
margin-bottom:44px;
}

.cookie-section h2{
font-size:24px;
font-weight:700;
line-height:1.4;

color:#1e3a8a;

margin:0 0 18px;

letter-spacing:-0.4px;

font-family:Georgia, "Times New Roman", serif;
}

.cookie-section p{
font-size:16px;
line-height:1.95;

color:#334155;

margin:0 0 16px;
}

.cookie-section strong{
font-weight:700;
color:#0f172a;
}



/* =========================================================
   NOTE / HIGHLIGHT
========================================================= */

.cookie-highlight{
margin-top:18px;

padding:16px 18px;

border-radius:14px;

background:#f8f1cf;

border:1px solid #e4d7a0;

font-size:15px;
line-height:1.9;

color:#5c4b1f;
}

.cookie-note{
display:flex;
align-items:flex-start;
gap:14px;

margin-top:18px;

padding:17px 18px;

border-radius:14px;

background:#f8fafc;

border:1px solid #e2e8f0;
}

.cookie-note svg{
width:18px;
height:18px;

flex-shrink:0;

margin-top:4px;

color:#1e293b;
}

.cookie-note div{
font-size:15px;
line-height:1.9;

color:#475569;
}



/* =========================================================
   CONTACT
========================================================= */

.cookie-contact{
margin-top:54px;

padding-top:34px;

border-top:1px solid #dbe2ea;
}

.cookie-contact h2{
font-size:28px;
font-weight:700;
line-height:1.4;

color:#1e3a8a;

margin:0 0 16px;
}

.cookie-contact p{
font-size:16px;
line-height:1.95;

color:#475569;

margin-bottom:24px;
}

.cookie-contact-btn{
display:inline-flex;
align-items:center;
gap:10px;

text-decoration:none;

background:#0f172a;
color:#ffffff;

padding:13px 18px;

border-radius:12px;

font-size:14px;
font-weight:600;

transition:.2s ease;
}

.cookie-contact-btn:hover{
background:#1e293b;
transform:translateY(-1px);
}

.cookie-contact-btn svg{
width:16px;
height:16px;
}



/* =========================================================
   INTERNAL LINKS
========================================================= */

.cookie-content a{
color:#000000;
font-weight:600;
text-decoration:none;

transition:.18s ease;
}

.cookie-content a:hover{
color:#2563eb;
}



/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px){

.cookie-container{
gap:22px;
}

.cookie-sidebar{
width:235px;
min-width:235px;
}

.cookie-hero h1{
font-size:48px;
}

}



/* =========================================================
   MOBILE
========================================================= */

@media(max-width:900px){

.cookie-wrapper{
padding:18px 16px 56px;
position:relative;
z-index:1;
}

.cookie-container{
display:block;
}

.cookie-mobile-toc-btn{
display:inline-flex;
}



/* =========================================================
   MOBILE SIDEBAR
========================================================= */

.cookie-sidebar{
position:fixed;

top:0;
left:0;

width:300px;
max-width:86%;

height:100vh;

overflow-y:auto;

background:#ffffff;

z-index:1000;

border-radius:0;

transform:translateX(-105%);
transition:transform .28s ease;

pointer-events:none;
opacity:0;
}

.cookie-sidebar.active{
transform:translateX(0);

pointer-events:auto;
opacity:1;
}

.cookie-close-sidebar{
display:block;
}



/* =========================================================
   CONTENT
========================================================= */

.cookie-content{
width:100%;
}

.cookie-hero{
margin-bottom:28px;
}

.cookie-hero h1{
font-size:42px;
}

.cookie-section h2{
font-size:24px;
}

.cookie-section p{
font-size:15.5px;
line-height:1.9;
}

.cookie-contact h2{
font-size:24px;
}

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:600px){

.cookie-wrapper{
padding:16px 14px 52px;
}

.cookie-hero h1{
font-size:34px;
letter-spacing:-1px;
}

.cookie-label{
width:100%;
justify-content:center;
}

.cookie-section h2{
font-size:22px;
}

.cookie-section p{
font-size:15px;
line-height:1.85;
}

.cookie-highlight,
.cookie-note div{
font-size:14.5px;
}

.cookie-contact-btn{
width:100%;
justify-content:center;
}

}



/* =========================================================
   FINAL MOBILE NAV FIX
========================================================= */

@media(max-width:900px){

header{
z-index:999999 !important;
}

.mobile-overlay{
z-index:999998 !important;
}

.mobile-sidebar{
z-index:999999 !important;
}

.cookie-sidebar{
z-index:1 !important;
}

.cookie-mobile-toc-btn{
position:relative;
z-index:1;
}

}