/* GLOBAL RESET */
.mifuto-report-box{
max-width:1100px;
margin:auto;
padding:40px 20px;
}

.mifuto-report-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

.mifuto-report-image{
background:#1b1b1b;
padding:20px;
border-radius:12px;
border:1px solid #222;
}

.mifuto-report-image img{
width:100%;
border-radius:10px;
display:block;
}

.mifuto-report-content h3{
color:#fff;
margin-bottom:10px;
font-size:22px;
}

.mifuto-report-sub{
color:#bbb;
font-size:15px;
margin-bottom:20px;
}

.mifuto-report-list{
list-style:none;
padding:0;
margin:0 0 20px 0;
}

.mifuto-report-list li{
color:#ddd;
font-size:14px;
margin-bottom:8px;
}

.mifuto-warning-box{
background:#2a1f1f;
border:1px solid #442a2a;
padding:15px;
border-radius:8px;
color:#ffb3b3;
font-size:14px;
line-height:1.6;
}
*{
margin:0;
padding:0;
box-sizing:border-box;
}


/* BODY STYLE */

body{

font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

background-color:#0f0f0f;

color:#e4e4e4;

font-size:16px;

line-height:1.6;

letter-spacing:0.2px;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}


/* LINKS */

a{
color:#ffffff;
text-decoration:none;
transition:0.2s;
}

a:hover{
opacity:0.8;
}


/* HEADINGS */

h1,h2,h3,h4,h5{

font-weight:600;

letter-spacing:-0.3px;

color:#ffffff;

}


/* PARAGRAPH */

p{

color:#b5b5b5;

font-size:15px;

line-height:1.7;

}


/* SECTION SPACING */

section{

padding:80px 20px;

}


/* CONTAINER */

.container{

max-width:1200px;

margin:auto;

}


/* SCROLLBAR (Modern Look) */

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-track{

background:#0f0f0f;

}

::-webkit-scrollbar-thumb{

background:#2a2a2a;

border-radius:10px;

}

::-webkit-scrollbar-thumb:hover{

background:#444;

}
    .terms-wrapper{
display:flex;
max-width:1200px;
margin:auto;
padding:60px 20px;
gap:40px;
}

/* sidebar */

.terms-sidebar{
width:280px;
}

.terms-search{
width:100%;
padding:10px;
border-radius:6px;
border:1px solid #333;
background:#111;
color:#ddd;
margin-bottom:20px;
}

/* menu */

.terms-menu{
list-style:none;
padding:0;
}

.terms-menu li{
padding:10px;
color:#bbb;
cursor:pointer;
border-radius:6px;
margin-bottom:5px;
transition:0.2s;
}

.terms-menu li:hover{
background:#1c1c1c;
color:#fff;
}

/* content */

.terms-content{
flex:1;
}

.policy{
display:none;
}

.policy.active{
display:block;
}

.policy h2{
color:#fff;
margin-bottom:15px;
}

.policy p{
color:#bbb;
line-height:1.7;
font-size:15px;
}
 .policy-feedback{
margin-top:40px;
padding-top:20px;
border-top:1px solid #222;
}

.policy-feedback p{
font-size:14px;
color:#bbb;
margin-bottom:10px;
}

.feedback-buttons{
display:flex;
gap:10px;
}

.feedback-btn{
background:#1a1a1a;
border:1px solid #333;
color:#ddd;
padding:8px 14px;
border-radius:6px;
cursor:pointer;
font-size:14px;
transition:0.2s;
}

.feedback-btn:hover{
background:#2a2a2a;
border-color:#444;
}

.feedback-message{
display:block;
margin-top:10px;
color:#8bc34a;
font-size:13px;
}   
  .terms-page-header{

padding:70px 20px;

background:#0f0f0f;

border-bottom:1px solid #222;

}


.terms-header-container{

max-width:800px;

margin:auto;

text-align:center;

}


.terms-page-header h1{

font-size:40px;

color:#fff;

margin-bottom:10px;

}


.terms-page-header p{

color:#b5b5b5;

font-size:16px;

line-height:1.6;

}  

.delivery-points {
    margin-top:10px;
    padding-left:18px;
}

.delivery-points li {
    margin-bottom:10px;
    line-height:1.6;
}
    
    .terms-menu{
list-style:none;
padding:0;
margin:0;
}

.terms-menu li{
padding:12px 15px;
cursor:pointer;
position:relative;
transition:0.3s;
}

/* Arrow hidden by default */
.terms-menu li::before{
content:"➜";
position:absolute;
left:8px;
opacity:0;
transition:0.3s;
}

/* Hover effect */
.terms-menu li:hover{
background:#111;
color:#fff;
padding-left:28px;
}

/* Show arrow on hover */
.terms-menu li:hover::before{
opacity:1;
}

/* Active tab */
.terms-menu li.active{
background:#000;
color:#fff;
padding-left:28px;
}

/* Arrow visible for selected tab */
.terms-menu li.active::before{
opacity:1;
}


.terms-menu{
list-style:none;
padding:0;
margin:0;
}

.terms-menu li{
padding:12px 16px;
cursor:pointer;
position:relative;
transition:0.3s;
}

/* Arrow hidden */
.terms-menu li::before{
content:"➜";
position:absolute;
left:8px;
opacity:0;
transition:0.3s;
}

/* Hover */
.terms-menu li:hover{
background:#111;
color:#fff;
padding-left:28px;
}

.terms-menu li:hover::before{
opacity:1;
}

/* Active tab */
.terms-menu li.active{
background:#000;
color:#fff;
padding-left:28px;
}

.terms-menu li.active::before{
opacity:1;
}