@font-face {font-family: 'Cormorant'; font-style: normal; font-weight: normal; src: url('../fonts/Cormorant.woff2') format('woff2')} 
@font-face {font-family: 'FontAwesome'; font-weight:normal; font-style:normal; src:url('../fonts/fontawesome.woff') format('woff')}	
*{margin:0; padding:0; box-sizing:border-box}
body {font-family: "Inter", system-ui, sans-serif; background-color:var(--bg); color:var(--text); line-height:1.7}
:root{
      --bg:#f6f5f2;
      --card:#ffffff;
      --text:#333;
      --muted:#6f6f6f;
      --line:#efebe6;
      --accent:#d1c286;
      --max-width:1100px;
      --radius:7px}	
p a {font-size:100%; border-bottom:1px dotted rgba(0,0,0,0.8)}
p a:hover {border-bottom:1px solid #8b998d}		  
/* -------------------------------------------------------- */
.wrapper {max-width:var(--max-width); margin:auto}
.wrapper a {color:var(--accent); text-decoration:none}
.wrapper p {hyphens: auto; word-wrap: break-word; text-align:justify}
.card {padding:35px 25px; background-color:var(--card); border-radius:var(--radius); border:1px solid var(--line); box-shadow:0 10px 30px rgba(0,0,0,0.04)}
.header {margin-bottom:35px; padding-bottom:25px; border-bottom:1px solid #d1c286}
.header .kicker {margin-bottom:10px; font-size:15px; letter-spacing:.12em; color:var(--accent); font-weight:600; text-transform:uppercase}
.header h1 {margin-bottom:12px; font-size:35px; line-height:1.2; font-weight:700}
.header p {font-size:15px; line-height:1.5}
.header p.header__p {margin-top:0.75rem}
.section {margin-bottom:35px}
.section h2 {padding-left:16px; margin-bottom:15px; font-size:1.2rem; text-transform:uppercase; position:relative}
.section h2::before {left:0; top:13px; width:7px; height:7px; border-radius:50%; background-color:var(--accent); content:""; position:absolute}
.section p {margin-bottom:5px}
.section ul {padding-left:18px; margin-bottom:10px}
.section .section__Mrg {margin-top:1rem}
.grid,
.grid__one,
.grid__three {margin-top:15px; gap:15px; display:grid; grid-template-columns:1fr}
.box {padding:20px; background-color:#f9f8f4; border:1px solid var(--line); border-radius:7px}
.box strong {margin-bottom:8px}
.privacy-table {margin-top:20px; border-radius:14px; border:1px solid var(--line); width:100%; border-collapse:collapse; overflow:hidden}
.privacy-table th {padding:16px; background-color:#f9f8f4; text-align:left; font-weight:600; border-bottom:1px solid var(--line)}
.privacy-table td {padding:16px; border-bottom:1px solid var(--line); vertical-align:top}
.privacy-table tr:last-child td {border-bottom:none}
.footer-note {margin-top:40px; padding-top:20px; font-size:.9rem; border-top:1px solid var(--line); color:var(--muted)}
.footer .back {margin-top:40px; text-align:center}
.footer .back a {padding:10px 18px; border:1px solid var(--line); border-radius:999px; text-decoration:none; color:var(--accent); font-weight:500; display:inline-block}
.footer .back a:hover {background-color:#d1c286; color:#fff; text-decoration:none}
footer {position: relative; clear: both}
footer .cookie-banner p,
footer .cookie-banner p a {font:normal 15px "Cormorant"; letter-spacing:0.05em; line-height:1.5; hyphens: auto; word-wrap: break-word}
footer .cookie-btn {font:normal 13px "Cormorant"; text-transform:uppercase}
@media (min-width:576px){
	body {padding:40px 20px}
    .card {padding:45px 35px}
    .header h1 {font-size:2.6rem}}
@media (min-width:992px){
    body {padding:60px 20px}
    .card {padding:60px}
    .header h1 {font-size:3.2rem}
    .grid {grid-template-columns:1fr 1fr}
	.grid__three {grid-template-columns:repeat(3,1fr)}
	footer .cookie-banner p,
	footer .cookie-banner p a {font-size:18px; letter-spacing:0.1em}}	
/* -------------------------------------------------------- Back to Top Button */
#back-to-top {bottom:3.5rem; right:0.5rem; width:36px; height:36px; transform:translateY(18px); border-radius:50%; background-color:#3f3f3f; color: #fff; border: none; transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 998; cursor: pointer; opacity: 0; visibility: hidden}
#back-to-top i {margin-bottom:0.2rem; font-size:1rem}
#back-to-top i::after {display: inline-block; content: "\2191"; transition: all .15s ease-out}
#back-to-top i:hover::after {transform: translateY(-7px)}
#back-to-top.visible {opacity: 1; visibility: visible; transform: translateY(0)}
@media all and (min-width:576px) {	
	#back-to-top {width:50px; height:50px; transform:translateY(25px)}
	#back-to-top i {font-size:1.2rem}}
@media all and (min-width:992px) {	
	#back-to-top {bottom:1.5rem; right:1.5rem}}	
/* -------------------------------------------------------- */	
.fa {display:inline-flex; font:normal normal normal 15px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}