
:root{
  --primary:#ff0000;
  --primary-dark:#cc0000;
  --black:#000000;
  --navy:#004080;
  --navy-dark:#003366;
  --gold:#ffcc00;
  --white:#ffffff;
  --card-bg:#f9f9f9;
  --stone-100:#f5f5f5;
  --stone-200:#e6e6e6;
  --ink-900:#000000;
  --ink-600:#333333;
  --radius:12px;
  --radius-pill:30px;
  /* aliases kept so existing markup/JS using these names still resolves correctly */
  --pine-900:#003366;
  --pine-700:#004080;
  --pine-600:#0a5a99;
  --brick-600:#ff0000;
  --brick-700:#cc0000;
  --gold-500:#ffcc00;
  --gold-100:#fff3c4;
  --stone-50:#ffffff;
}
*{box-sizing:border-box; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
html{scroll-behavior:smooth;}
body{color:var(--ink-900); line-height:1.6; background:var(--white);}
h1,h2,h3,h4{font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.2;}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer;}
img{max-width:100%; display:block;}
.mono{font-family:Arial, Helvetica, sans-serif;}
.container{max-width:1180px; margin:0 auto; padding:0 24px;}
:focus-visible{outline:2px solid var(--primary); outline-offset:2px;}

/* ---------- HEADER ---------- */
header.site{
  position:sticky; top:0; z-index:100;
  background:var(--white);
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.nav-row{
  display:flex; align-items:center; justify-content:space-between;
  padding:15px 30px; max-width:1180px; margin:0 auto;
}
.brand{display:flex; align-items:center; gap:10px;}
.brand .mark{height:50px; width:auto; flex:none; transition:transform .3s ease;}
.brand:hover .mark{transform:scale(1.08);}
.brand-text{font-size:20px; font-weight:bold; color:var(--ink-900);}
.brand-text small{display:block; font-family:Arial, sans-serif; font-size:11px; font-weight:normal; letter-spacing:0.03em; color:var(--ink-600); margin-top:1px;}
nav.main-nav{display:flex; gap:25px; align-items:center;}
nav.main-nav a{color:var(--ink-900); font-size:15px; font-weight:bold; transition:color .2s;}
nav.main-nav a:hover, nav.main-nav a.active{color:var(--primary);}
.nav-phone{display:none;}
.burger{display:none; background:none; border:none; color:var(--ink-900); font-size:24px;}

@media (max-width:768px){
  nav.main-nav{
    position:absolute; top:64px; right:16px; background:rgba(255,255,255,0.97); flex-direction:column;
    padding:0; width:200px; gap:0; max-height:0; overflow:hidden; transition:max-height .4s ease;
    border-radius:0 0 8px 8px; box-shadow:0 8px 20px rgba(0,0,0,0.15); align-items:stretch;
  }
  nav.main-nav.open{max-height:500px; padding:10px 0;}
  nav.main-nav a{padding:12px 0; text-align:center;}
  .burger{display:flex; flex-direction:column; gap:5px;}
  .burger span{display:block; height:3px; width:25px; background:#000; border-radius:2px;}
}

/* ---------- HERO ---------- */
.hero{
  position:relative; color:var(--white); overflow:hidden;
  min-height:70vh; display:flex; align-items:center; justify-content:center; text-align:center;
  padding:80px 24px; background-size:cover; background-position:center;
}
.hero::before{content:''; position:absolute; inset:0; background:rgba(0,0,0,0.55); pointer-events:none;}
.hero-video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.hero-inner{max-width:800px; margin:0 auto; position:relative;}
.hero-eyebrow{display:none;}
.hero h1{font-size:3rem; margin:0 auto; color:var(--white);}
.hero h1 em{font-style:normal; color:var(--gold);}
.hero p.lead{font-size:1.2rem; color:var(--white); max-width:560px; margin:16px auto 0; opacity:0.95;}
@media (max-width:640px){.hero h1{font-size:2rem;}}

.search-panel{
  margin:36px auto 0; max-width:980px; background:var(--white); border-radius:var(--radius);
  padding:22px; display:grid; grid-template-columns:1.3fr 1fr 1fr auto; gap:14px; text-align:left;
  box-shadow:0 12px 30px rgba(0,0,0,.3);
}
@media (max-width:860px){.search-panel{grid-template-columns:1fr 1fr; }}
.search-field label{display:block; font-size:11px; text-transform:uppercase; letter-spacing:0.04em; color:var(--ink-600); margin-bottom:6px; font-weight:bold;}
.search-field select, .search-field input{
  width:100%; border:1px solid var(--stone-200); background:var(--white); padding:10px 10px; font-size:14px; border-radius:8px; font-family:inherit; color:var(--ink-900);
}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 26px; border-radius:var(--radius-pill); font-weight:bold; font-size:15px; border:none; transition:background .25s, color .25s;
}
.btn-primary{background:var(--primary); color:var(--white);}
.btn-primary:hover{background:var(--black); color:var(--primary);}
.btn-gold{background:var(--black); color:var(--primary);}
.btn-gold:hover{background:var(--primary); color:var(--white);}
.btn-outline{background:transparent; border:1px solid var(--white); color:var(--white);}
.btn-outline:hover{background:rgba(255,255,255,0.15);}
.btn-outline-dark{background:transparent; border:1px solid var(--ink-900); color:var(--ink-900);}
.btn-outline-dark:hover{background:var(--ink-900); color:var(--white);}
.btn-sm{padding:9px 16px; font-size:13px;}
.btn-danger{background:var(--primary); color:#fff;}
.btn-block{width:100%;}
.search-panel .btn{align-self:end; height:44px; border-radius:8px;}

/* stats strip (unused on home now, kept for compatibility) */
.stats-strip{display:none;}

/* ---------- SECTIONS ---------- */
section{padding:60px 0;}
.section-head{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:38px; gap:20px; flex-wrap:wrap;}
.section-head .eyebrow{display:none;}
.section-head h2{font-size:2.5rem; color:var(--ink-900);}
.section-head p{color:var(--ink-600); max-width:440px; margin-top:8px; font-size:15px;}

/* ---------- PROPERTY CARDS ---------- */
.listings-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:30px;}
.p-card{background:var(--card-bg); border-radius:var(--radius); overflow:hidden; position:relative; box-shadow:0 8px 20px rgba(0,0,0,0.15); transition:transform .3s, box-shadow .3s;}
.p-card:hover{transform:translateY(-5px); box-shadow:0 12px 25px rgba(0,0,0,0.2);}
.p-card .photo-wrap{position:relative; aspect-ratio:4/3; overflow:hidden; background:#f0f0f0;}
.p-card .photo-wrap img{width:100%; height:100%; object-fit:cover;}
.p-card .type-tag{
  position:absolute; top:14px; left:14px; background:var(--black); color:var(--white);
  font-size:11px; text-transform:uppercase; letter-spacing:0.04em; padding:5px 10px; font-weight:bold; border-radius:20px;
}
.p-card .status-tag{
  position:absolute; top:14px; right:14px; font-size:11px; text-transform:uppercase; letter-spacing:0.03em;
  padding:5px 10px; font-weight:bold; color:#fff; border-radius:20px;
}
.status-Disponivel{background:#1f8a3b;}
.status-Reservado{background:var(--gold); color:#3a2e00;}
.status-Vendido{background:var(--primary);}
.status-Exclusivo{background:var(--navy);}
.status-Novidade{background:var(--black); color:var(--gold);}
.ref-stamp{display:none;}
.p-card .body{padding:20px;}
.p-card h3{font-size:1.3rem; color:var(--ink-900); margin-bottom:8px;}
.p-card .loc{font-size:14px; color:var(--ink-600); margin-bottom:10px; display:flex; align-items:center; gap:6px;}
.p-card .specs{display:flex; gap:16px; font-size:13px; color:var(--ink-600); margin-top:2px;}
.p-card .price{font-weight:bold; font-size:1.2rem; color:var(--primary); margin-top:14px; display:block;}
.p-card .view-link{
  margin-top:16px; display:inline-block; font-size:14px; font-weight:bold; color:var(--primary);
  background:var(--black); padding:10px 25px; border-radius:25px; transition:.3s;
}
.p-card .view-link:hover{background:var(--primary); color:var(--white);}

/* values / feature strip (Imóveis Selecionados / Acompanhamento / Conhecimento Local) */
.values-band{background:var(--white);}
.values-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
@media (max-width:800px){.values-grid{grid-template-columns:1fr;}}
.value-item{text-align:center;}
.value-item .num{font-size:2.5rem; color:var(--primary); margin-bottom:15px;}
.value-item h3{font-size:1.3rem; color:var(--ink-900); margin-bottom:10px;}
.value-item p{color:var(--ink-600); font-size:15px;}

/* about */
.about-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
@media (max-width:800px){.about-grid{grid-template-columns:1fr;}}
.about-photo{aspect-ratio:4/5; background:var(--stone-200); overflow:hidden; border-radius:var(--radius);}
.about-photo img{width:100%; height:100%; object-fit:cover;}
.about-text .eyebrow{display:none;}
.about-text h2{font-size:2rem; color:var(--ink-900); margin-bottom:18px;}
.about-text p{color:var(--ink-600); margin-bottom:16px; font-size:15px;}

/* CTA band */
.cta-band{display:none;}

/* ---------- FOOTER ---------- */
footer.site{background:linear-gradient(135deg,var(--navy),var(--navy-dark)); color:var(--white); padding:60px 20px 30px;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:0; border-bottom:none;}
@media (max-width:800px){.footer-grid{grid-template-columns:1fr 1fr; text-align:center;}}
.footer-grid h4{color:var(--white); font-size:1.2rem; font-weight:bold; margin-bottom:15px;}
.footer-grid h4::after{content:''; display:block; width:50px; height:3px; background:var(--gold); margin-top:6px;}
@media (max-width:800px){.footer-grid h4::after{margin-left:auto; margin-right:auto;}}
.footer-grid ul{list-style:none;}
.footer-grid li{margin:8px 0; font-size:14px;}
.footer-grid a{color:var(--white);}
.footer-grid a:hover{color:var(--gold);}
.footer-bottom{display:flex; justify-content:space-between; padding-top:30px; font-size:0.9rem; color:rgba(255,255,255,0.8); flex-wrap:wrap; gap:10px; text-align:center;}
.footer-bottom a{color:rgba(255,255,255,0.8);}
.footer-bottom a:hover{color:var(--gold);}

/* cookie banner - floating rounded card like the live site */
.cookie-banner{
  position:fixed; bottom:20px; left:50%; transform:translateX(-50%); width:95%; max-width:900px; z-index:200;
}
.cookie-banner .cookie-content, .cookie-banner{background:var(--white); color:#333; border-radius:14px;}
.cookie-banner{padding:0; box-shadow:0 12px 30px rgba(0,0,0,.3); display:flex; flex-wrap:wrap; gap:15px; justify-content:space-between; align-items:center; padding:20px 25px;}
.cookie-banner p{font-size:14px; max-width:640px; color:#333;}
.cookie-banner p a{color:var(--navy); text-decoration:underline;}
.cookie-actions{display:flex; gap:10px;}
.cookie-actions .btn{border-radius:8px; padding:10px 18px; font-size:14px;}
.cookie-actions .btn-outline{background:#ddd; color:#333; border:none;}
.cookie-actions .btn-outline:hover{background:#ccc;}
.cookie-actions .btn-gold{background:var(--navy); color:#fff;}
.cookie-actions .btn-gold:hover{background:var(--navy-dark); color:#fff;}

/* ---------- FORMS (contact / listing form / admin) ---------- */
.form-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
@media (max-width:700px){.form-grid{grid-template-columns:1fr;}}
.field{display:flex; flex-direction:column; gap:6px;}
.field.full{grid-column:1/-1;}
.field label{font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:0.03em; color:var(--ink-600);}
.field input, .field select, .field textarea{
  border:1px solid var(--stone-200); background:var(--white); padding:11px 12px; font-size:14px; border-radius:8px; font-family:inherit; color:var(--ink-900);
}
.field textarea{resize:vertical; min-height:100px;}
.field-hint{font-size:12px; color:var(--ink-600);}
.contact-wrap{display:grid; grid-template-columns:1fr 1fr; gap:56px;}
@media (max-width:800px){.contact-wrap{grid-template-columns:1fr;}}
.info-card{background:var(--card-bg); border-radius:var(--radius); padding:22px;}
.info-card + .info-card{margin-top:16px;}
.info-card h4{font-size:13px; text-transform:uppercase; letter-spacing:0.03em; color:var(--primary); margin-bottom:8px;}
.info-card p{font-size:14px; color:var(--ink-900);}

/* filter bar (listings page) */
.filter-bar{
  background:var(--card-bg); border-radius:var(--radius); padding:20px;
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr auto; gap:14px; margin-bottom:36px; align-items:end;
}
@media (max-width:900px){.filter-bar{grid-template-columns:1fr 1fr;}}

.empty-state{padding:60px 20px; text-align:center; border-radius:var(--radius); background:var(--card-bg);}
.empty-state h3{color:var(--ink-900); margin-bottom:8px;}
.empty-state p{color:var(--ink-600); font-size:14px;}

/* breadcrumb */
.breadcrumb{font-size:13px; color:var(--ink-600); margin-bottom:22px;}
.breadcrumb a{color:var(--primary); font-weight:bold;}

/* ---------- DETAIL PAGE ---------- */
.detail-hero{display:grid; grid-template-columns:2fr 1fr; gap:6px; margin-bottom:40px; border-radius:var(--radius); overflow:hidden;}
@media (max-width:800px){.detail-hero{grid-template-columns:1fr;}}
.detail-hero .main-photo{aspect-ratio:4/3; overflow:hidden; background:#f0f0f0;}
.detail-hero .main-photo img{width:100%; height:100%; object-fit:cover;}
.thumb-col{display:grid; grid-template-rows:1fr 1fr; gap:6px;}
.thumb-col .photo{aspect-ratio:4/3; overflow:hidden; background:#f0f0f0; cursor:pointer;}
.thumb-col .photo img{width:100%; height:100%; object-fit:cover;}
.detail-grid{display:grid; grid-template-columns:2fr 1fr; gap:56px;}
@media (max-width:900px){.detail-grid{grid-template-columns:1fr;}}

/* ---------- SLIDESHOW ---------- */
.im-slideshow{position:relative; max-width:900px; margin:0 auto; border-radius:var(--radius); overflow:hidden;}
.im-slide{display:none;}
.im-slide.active{display:block;}
.im-slide img{width:100%; height:450px; object-fit:cover; display:block; border-radius:var(--radius);}
@media (max-width:768px){.im-slide img{height:350px;}}
@media (max-width:480px){.im-slide img{height:250px;}}
.im-prev,.im-next{
  cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); color:#fff; font-weight:bold; font-size:1.6rem;
  padding:10px 14px; border-radius:50%; background:rgba(0,0,0,0.45); user-select:none;
}
.im-prev{left:12px;} .im-next{right:12px;}
.im-dots{text-align:center; margin-top:14px;}
.im-dot{cursor:pointer; height:12px; width:12px; margin:0 4px; background:var(--stone-200); border-radius:50%; display:inline-block; transition:background .2s;}
.im-dot.active{background:var(--navy);}

/* ---------- INFO GRID (Detalhes / Divisões / Extras) ---------- */
.grid-info{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:20px;}
.card-info{background:var(--white); padding:18px 20px; border-radius:var(--radius); box-shadow:0 3px 10px rgba(0,0,0,0.08); border-top:4px solid var(--navy);}
.card-info h3{margin-bottom:10px; color:var(--navy); font-size:1.1rem;}
.card-info ul{list-style:none;}
.card-info ul li{padding:6px 0; border-bottom:1px solid var(--stone-200); font-size:0.95rem; color:var(--ink-900);}
.card-info ul li:last-child{border-bottom:none;}

/* ---------- TEAM / AGENTS ---------- */
.team-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:26px;}
.agent-card{background:var(--white); border-radius:var(--radius); overflow:hidden; box-shadow:0 8px 20px rgba(0,0,0,0.1); text-align:center; transition:transform .3s, box-shadow .3s;}
.agent-card:hover{transform:translateY(-5px); box-shadow:0 12px 25px rgba(0,0,0,0.16);}
.agent-card .agent-photo{aspect-ratio:1/1; overflow:hidden; background:#f0f0f0;}
.agent-card .agent-photo img{width:100%; height:100%; object-fit:cover;}
.agent-card .agent-body{padding:18px;}
.agent-card h3{font-size:1.1rem; color:var(--ink-900); margin-bottom:4px;}
.agent-card .role{font-size:12px; color:var(--primary); text-transform:uppercase; letter-spacing:0.03em; font-weight:bold; margin-bottom:10px;}
.agent-card .contact{font-size:13px; color:var(--ink-600);}
.agent-card .contact a{color:var(--navy);}
.detail-specs{display:flex; gap:28px; flex-wrap:wrap; padding:22px 0; border-top:1px solid var(--stone-200); border-bottom:1px solid var(--stone-200); margin:22px 0;}
.detail-specs .spec .n{font-size:22px; color:var(--ink-900); font-weight:bold;}
.detail-specs .spec .l{font-size:12px; color:var(--ink-600); text-transform:uppercase; letter-spacing:0.03em;}
.sidebar-card{background:linear-gradient(135deg,var(--navy),var(--navy-dark)); color:var(--white); padding:28px; border-radius:var(--radius); position:sticky; top:96px;}
.sidebar-card .price{font-size:28px; color:var(--gold); font-weight:bold; margin-bottom:6px;}
.sidebar-card .ref{font-size:12px; color:rgba(255,255,255,0.8); margin-bottom:22px;}
.sidebar-card .field label{color:rgba(255,255,255,0.85);}
.sidebar-card .field input, .sidebar-card .field textarea{background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.25); color:var(--white);}
.sidebar-card .field input::placeholder, .sidebar-card .field textarea::placeholder{color:rgba(255,255,255,0.6);}

/* ---------- ADMIN ---------- */
.admin-shell{display:grid; grid-template-columns:230px 1fr; min-height:100vh;}
@media (max-width:800px){.admin-shell{grid-template-columns:1fr; }}
.admin-sidebar{background:linear-gradient(180deg,var(--navy),var(--navy-dark)); color:rgba(255,255,255,0.9); padding:26px 18px;}
.admin-sidebar .brand-text{margin-bottom:30px; display:block; color:#fff;}
.admin-nav a{display:flex; align-items:center; gap:10px; padding:11px 12px; font-size:14px; color:rgba(255,255,255,0.85); border-radius:8px; margin-bottom:4px;}
.admin-nav a:hover{background:rgba(255,255,255,0.1); color:#fff;}
.admin-nav a.active{background:var(--gold); color:#3a2e00; font-weight:bold;}
.admin-main{padding:36px 40px; background:var(--stone-100);}
@media (max-width:700px){.admin-main{padding:24px 18px;}}
.admin-topbar{display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; flex-wrap:wrap; gap:14px;}
.admin-topbar h1{font-size:26px; color:var(--ink-900);}
.kpi-row{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:36px;}
@media (max-width:800px){.kpi-row{grid-template-columns:1fr 1fr;}}
.kpi-card{background:var(--white); border-radius:var(--radius); padding:20px; box-shadow:0 4px 14px rgba(0,0,0,0.06);}
.kpi-card .lbl{font-size:12px; text-transform:uppercase; letter-spacing:0.03em; color:var(--ink-600); margin-bottom:8px;}
.kpi-card .val{font-size:28px; color:var(--ink-900); font-weight:bold;}
.kpi-card .sub{font-size:12px; color:var(--primary); margin-top:4px;}

.admin-table-wrap{background:var(--white); border-radius:var(--radius); overflow:hidden; overflow-x:auto; box-shadow:0 4px 14px rgba(0,0,0,0.06);}
table.admin-table{width:100%; border-collapse:collapse; min-width:680px;}
table.admin-table th{
  text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:0.03em; color:var(--ink-600);
  padding:14px 16px; border-bottom:1px solid var(--stone-200); background:var(--stone-100);
}
table.admin-table td{padding:14px 16px; border-bottom:1px solid var(--stone-200); font-size:14px; vertical-align:middle;}
table.admin-table tr:last-child td{border-bottom:none;}
.mini-thumb{width:52px; height:40px; object-fit:cover; background:#f0f0f0; border-radius:6px;}
.pill{display:inline-block; padding:4px 10px; font-size:11px; font-weight:bold; border-radius:20px; text-transform:uppercase; letter-spacing:0.02em;}
.pill-Disponivel{background:#dbf3e0; color:#1f8a3b;}
.pill-Reservado{background:#fff3c4; color:#8a6a00;}
.pill-Vendido{background:#ffdad4; color:var(--primary-dark);}
.pill-Exclusivo{background:#dbe8f7; color:var(--navy-dark);}
.pill-Novidade{background:#2a2a2a; color:var(--gold);}
.pill-featured{background:var(--black); color:var(--gold);}
.row-actions{display:flex; gap:8px;}
.icon-btn{background:var(--stone-100); border:1px solid var(--stone-200); padding:6px 12px; font-size:12px; border-radius:20px; color:var(--ink-900);}
.icon-btn:hover{background:var(--stone-200);}
.icon-btn.danger{color:var(--primary); border-color:var(--primary);}
.icon-btn.danger:hover{background:var(--primary); color:#fff;}

.login-shell{min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--navy),var(--navy-dark)); padding:24px;}
.login-card{background:var(--white); width:100%; max-width:380px; padding:40px 34px; border-radius:var(--radius);}
.login-card .brand{color:var(--ink-900); margin-bottom:6px;}
.login-card .brand-text{color:var(--ink-900);}
.login-card p.sub{color:var(--ink-600); font-size:14px; margin-bottom:26px;}
.login-error{background:#ffdad4; color:var(--primary-dark); font-size:13px; padding:10px 12px; margin-bottom:16px; border-radius:8px;}
.login-hint{margin-top:18px; font-size:12px; color:var(--ink-600); background:var(--stone-100); padding:10px 12px; border-radius:8px;}

.image-list{display:flex; flex-direction:column; gap:8px;}
.image-row{display:flex; gap:8px; align-items:center;}
.image-row input{flex:1;}
.image-preview-row{display:flex; gap:10px; flex-wrap:wrap; margin-top:10px;}
.image-preview-row img{width:70px; height:54px; object-fit:cover; border-radius:8px;}

.toast{position:fixed; bottom:24px; right:24px; background:var(--navy-dark); color:#fff; padding:14px 20px; font-size:14px; z-index:400; box-shadow:0 10px 30px rgba(0,0,0,0.3); border-left:3px solid var(--gold); border-radius:8px;}

.msg-card{background:var(--white); border-radius:var(--radius); padding:18px 20px; margin-bottom:12px; box-shadow:0 4px 14px rgba(0,0,0,0.06);}
.msg-card.unread{border-left:3px solid var(--primary);}
.msg-card .meta{display:flex; justify-content:space-between; font-size:12px; color:var(--ink-600); margin-bottom:8px; flex-wrap:wrap; gap:6px;}
.msg-card .name{font-weight:bold; color:var(--ink-900); font-size:14px;}
.msg-card .body-text{font-size:14px; color:var(--ink-900); margin:8px 0;}

.settings-card{background:var(--white); border-radius:var(--radius); padding:30px; max-width:640px; box-shadow:0 4px 14px rgba(0,0,0,0.06);}
.settings-card h3{font-size:16px; color:var(--ink-900); margin-bottom:18px;}

@media print{ header,footer,.cookie-banner{display:none;} }
