/* =========================================================
   SANTE BEAUTY — AGB
   Cream / Beige / Brown Luxury Legal Page
========================================================= */
:root{
  --agb-ink:#3b2a22;
  --agb-brown:#684936;
  --agb-gold:#a87958;
  --agb-muted:#776b63;
  --agb-cream:#f8f1e9;
  --agb-paper:#fffdf9;
  --agb-line:#e6d8cc;
}

.agb-page{width:100%;overflow:hidden;background:var(--agb-paper);color:var(--agb-ink)}

.agb-hero{
  position:relative;
  padding:118px 24px 105px;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 20%,rgba(177,132,96,.20),transparent 29%),
    radial-gradient(circle at 12% 88%,rgba(215,190,169,.30),transparent 28%),
    linear-gradient(135deg,#fbf6f0 0%,#ead8c8 100%);
  border-bottom:1px solid rgba(120,82,58,.12);
}
.agb-hero:before,.agb-hero:after{
  content:"";position:absolute;border:1px solid rgba(145,99,70,.13);border-radius:50%;
}
.agb-hero:before{width:340px;height:340px;right:-55px;top:-95px}
.agb-hero:after{width:210px;height:210px;right:135px;bottom:-130px}

.agb-hero-inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:auto}
.agb-kicker{display:block;margin-bottom:17px;font:500 9px "DM Sans",sans-serif;letter-spacing:5px;color:#956a4e}
.agb-hero h1{max-width:790px;margin:0;font:400 clamp(52px,6vw,88px)/1.02 "Playfair Display",serif;letter-spacing:-2.2px;color:#38251c}
.agb-short{display:block;margin-top:12px;font:400 28px "Playfair Display",serif;color:#6d4a36}
.agb-rule{width:48px;height:1px;margin:28px 0 22px;background:#9f7253}
.agb-hero p{margin:0;font:400 10px "DM Sans",sans-serif;letter-spacing:4px;text-transform:uppercase;color:#8a6b58}
.agb-signature{margin-top:31px;font:500 8px "DM Sans",sans-serif;letter-spacing:3px;color:#9a7359}
.agb-signature span{margin-left:8px;font:27px "Allura",cursive;letter-spacing:0;color:#ae8060}

.agb-content{padding:90px 24px 105px;background:#fff}
.agb-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:220px minmax(0,760px);gap:95px;justify-content:center;align-items:start}
.agb-side{position:sticky;top:115px;display:flex;flex-direction:column;gap:13px;padding:24px 0;border-top:1px solid #d6c1b1;border-bottom:1px solid #eadfd6}
.agb-side>span{margin-bottom:6px;font:500 8px "DM Sans",sans-serif;letter-spacing:3.5px;color:#a07559}
.agb-side a{font:400 11px/1.45 "DM Sans",sans-serif;color:#766a62;text-decoration:none;transition:.2s}
.agb-side a:hover{color:#8d6044;transform:translateX(4px)}

.agb-article{min-width:0}
.agb-block{scroll-margin-top:115px;padding:0 0 52px;margin:0 0 53px;border-bottom:1px solid #eee5de}
.agb-number{display:block;margin-bottom:12px;font:500 8px "DM Sans",sans-serif;letter-spacing:3px;color:#b08a70}
.agb-block h2{margin:0 0 20px;font:400 31px/1.2 "Playfair Display",serif;color:#3b2b23}
.agb-block p{margin:0 0 16px;font:300 14px/1.85 "DM Sans",sans-serif;color:#6d655f}
.agb-block a{color:#93664b;text-decoration:none;border-bottom:1px solid #d8bba8}

.agb-note{margin:3px 0 24px;padding:24px 28px;background:#f8f1ea;border-left:2px solid #ad7e5d}
.agb-note strong{display:block;margin-bottom:10px;font:500 12px "DM Sans",sans-serif;letter-spacing:.8px;color:#493329}
.agb-note p{margin:0;font-size:13px}

.agb-update{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid #d8c5b6;border-bottom:1px solid #d8c5b6;font-family:"DM Sans",sans-serif}
.agb-update span{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:#9e775e}
.agb-update strong{font-size:12px;font-weight:400;color:#62564e}

.agb-legal-hint{margin-top:30px;padding:22px 25px;background:#fbf7f2;border:1px solid #eadfd5}
.agb-legal-hint strong{display:block;margin-bottom:8px;font:500 11px "DM Sans",sans-serif;letter-spacing:1px;color:#6f4d38}
.agb-legal-hint p{margin:0;font:300 12px/1.7 "DM Sans",sans-serif;color:#776d66}

.agb-ending{text-align:center;padding:68px 20px 75px;background:linear-gradient(180deg,#f8f1e9,#f3e7dc)}
.agb-ending>span{display:block;font:500 8px "DM Sans",sans-serif;letter-spacing:4px;color:#9d7358}
.agb-ending>div{margin-top:16px;font:38px/1.05 "Allura",cursive;color:#9b6b4d}
.agb-ending i{display:block;width:45px;height:1px;margin:24px auto 0;background:#a97958}

.agb-mini-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px max(24px,calc((100% - 1180px)/2));background:#fff;border-top:1px solid #eee3da;font:400 10px "DM Sans",sans-serif;color:#82756c}
.agb-mini-footer nav{display:flex;gap:24px}
.agb-mini-footer a{color:#68584e;text-decoration:none}
.agb-mini-footer a.active{color:#986a4b}

@media(max-width:900px){
  .agb-layout{grid-template-columns:1fr;gap:42px;max-width:760px}
  .agb-side{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:11px 22px}
  .agb-side>span{grid-column:1/-1}
}

@media(max-width:700px){
  body{padding-bottom:88px!important}
  .agb-hero{padding:70px 20px 65px;text-align:center}
  .agb-hero:before{width:220px;height:220px;right:-105px;top:-35px}
  .agb-hero:after{width:150px;height:150px;left:-80px;right:auto;bottom:-65px}
  .agb-kicker{font-size:7px;letter-spacing:3.5px}
  .agb-hero h1{max-width:340px;margin:auto;font-size:42px;line-height:1.08;letter-spacing:-1.2px}
  .agb-short{font-size:23px}
  .agb-rule{margin:23px auto 18px}
  .agb-hero p{font-size:7px;letter-spacing:2.7px}
  .agb-signature{font-size:7px;letter-spacing:2.4px}
  .agb-signature span{font-size:23px}
  .agb-content{padding:46px 20px 65px}
  .agb-layout{gap:38px}
  .agb-side{grid-template-columns:1fr 1fr;padding:18px 0}
  .agb-side a{font-size:10px}
  .agb-block{padding-bottom:35px;margin-bottom:37px}
  .agb-block h2{font-size:27px;margin-bottom:16px}
  .agb-block p{font-size:13px;line-height:1.78}
  .agb-note{padding:20px 19px}
  .agb-ending{padding:54px 20px 62px}
  .agb-ending>div{font-size:34px}
  .agb-mini-footer{display:block;text-align:center;padding:25px 20px 30px;margin-bottom:0}
  .agb-mini-footer nav{justify-content:center;gap:18px;margin-top:14px}
}