.masaj-consent{
 position:fixed;
 z-index:99999;
 left:18px;
 right:18px;
 bottom:18px;
 max-width:1120px;
 margin:auto;
 padding:19px;
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:center;
 gap:20px;
 background:rgba(255,253,249,.98);
 border:1px solid #dfd5c7;
 border-radius:20px;
 box-shadow:0 22px 70px rgba(20,45,34,.18);
 backdrop-filter:blur(16px)
}

.masaj-consent[hidden]{
 display:none!important
}

.masaj-consent-copy strong{
 display:block;
 margin-bottom:6px;
 color:#173b2f;
 font-family:Georgia,"Times New Roman",serif;
 font-size:18px
}

.masaj-consent-copy p{
 margin:0;
 max-width:700px;
 color:#69776f;
 font-size:11px;
 line-height:1.65
}

.masaj-consent-copy a{
 color:#896839;
 text-decoration:underline
}

.masaj-consent-actions{
 display:flex;
 flex-wrap:wrap;
 justify-content:flex-end;
 gap:8px
}

.masaj-consent-btn{
 min-height:42px;
 padding:9px 15px;
 border:0;
 border-radius:11px;
 cursor:pointer;
 font-size:11px;
 font-weight:800
}

.masaj-consent-btn.accept{
 background:#173b2f;
 color:#fff
}

.masaj-consent-btn.reject{
 background:#eee7dc;
 color:#354d42
}

.masaj-consent-btn.settings{
 background:#fff;
 color:#395248;
 border:1px solid #dcd2c5
}

.masaj-consent-modal{
 position:fixed;
 z-index:100000;
 inset:0;
 display:grid;
 place-items:center;
 padding:18px;
 background:rgba(9,28,20,.58);
 backdrop-filter:blur(5px)
}

.masaj-consent-modal[hidden]{
 display:none!important
}

.masaj-consent-card{
 width:min(520px,100%);
 max-height:90vh;
 overflow:auto;
 padding:25px;
 background:#fffdf9;
 border-radius:22px;
 box-shadow:0 25px 80px rgba(12,31,23,.25)
}

.masaj-consent-card h2{
 margin:0 0 8px;
 color:#173b2f;
 font-family:Georgia,serif
}

.masaj-consent-card>p{
 color:#758078;
 font-size:11px;
 line-height:1.6
}

.masaj-consent-option{
 display:flex;
 justify-content:space-between;
 gap:20px;
 padding:15px 0;
 border-bottom:1px solid #eee7dd
}

.masaj-consent-option:last-of-type{
 border-bottom:0
}

.masaj-consent-option strong{
 display:block;
 color:#314c3f;
 font-size:12px
}

.masaj-consent-option span{
 display:block;
 margin-top:4px;
 color:#8a928c;
 font-size:10px;
 line-height:1.5
}

.masaj-switch{
 width:44px;
 height:24px;
 flex:0 0 44px
}

.masaj-switch input{
 width:100%;
 height:100%;
 accent-color:#173b2f
}

.masaj-consent-modal-actions{
 display:flex;
 justify-content:flex-end;
 gap:8px;
 margin-top:20px
}

@media(max-width:720px){
 .masaj-consent{
  left:10px;
  right:10px;
  bottom:10px;
  grid-template-columns:1fr;
  padding:16px
 }

 .masaj-consent-actions{
  justify-content:stretch
 }

 .masaj-consent-btn{
  flex:1 1 120px
 }

 .masaj-consent-card{
  padding:20px
 }
}

/* MASAJ-CONSENT-REOPEN-V3 */

.masaj-consent-reopen{
    position:fixed;
    left:16px;
    bottom:16px;
    z-index:99990;
    padding:9px 14px;
    border:1px solid rgba(41,72,58,.18);
    border-radius:999px;
    background:#fff;
    color:#29483a;
    box-shadow:0 8px 30px rgba(0,0,0,.10);
    font:600 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    cursor:pointer;
}

.masaj-consent-reopen[hidden]{
    display:none!important;
}

@media(max-width:720px){

    .masaj-consent-reopen{
        left:10px;
        bottom:10px;
        padding:8px 11px;
        font-size:11px;
    }
}

@media(prefers-reduced-motion:reduce){

    .masaj-consent-reopen{
        transition:none!important;
    }
}
