/*==================================================
    PRIVACY POLICY PAGE
==================================================*/

:root{

    --legal-radius:18px;

    --legal-max-width:980px;

}



/*==========================================
=            HERO
==========================================*/

.legal-hero{

    position:relative;

    overflow:hidden;

    padding:70px 0 60px;

    background:
    radial-gradient(circle at 92% 10%,rgba(255,193,55,.15),transparent 22%),
    radial-gradient(circle at 10% 78%,rgba(40,130,255,.16),transparent 28%),
    linear-gradient(135deg,#050d1d,#07162d,#091f45,#07162d,#050d1d);

    max-width:1400px;

    margin:0 auto;

    text-align:center;

}

.legal-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("/smartshop/assets/images/pattern.svg");

    opacity:.05;

}

.legal-hero .container{

    position:relative;

    z-index:2;

}

.legal-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:11px 24px;

    border-radius:50px;

    background:rgba(255,191,53,.12);

    border:1px solid rgba(255,191,53,.40);

    color:#ffd25f;

    font-size:15px;

    font-weight:700;

    margin-bottom:24px;

    box-shadow:
    inset 0 0 14px rgba(255,191,53,.08),
    0 0 18px rgba(255,191,53,.08);

}

.legal-hero h1{

    margin:0;

    color:#fff;

    font-size:52px;

    font-weight:900;

}

.legal-hero p{

    max-width:760px;

    margin:25px auto;

    color:#dce5f7;

    font-size:20px;

    line-height:1.9;

}

.legal-updated{

    display:inline-block;

    padding:10px 18px;

    border-radius:10px;

    background:rgba(255,255,255,.08);

    color:#fff;

    border:1px solid rgba(255,255,255,.10);

    font-size:15px;

}



/*==========================================
=            CONTENT
==========================================*/

.legal-content{

    padding:60px 0 80px;

    background:#f7f9fc;

    max-width:1400px;

    margin:0 auto;

}

.legal-box{

    max-width:var(--legal-max-width);

    margin:0 auto;

    background:#fff;

    border-radius:var(--legal-radius);

    padding:50px;

    border:1px solid #edf1f8;

    box-shadow:0 15px 45px rgba(10,35,70,.06);

}

.legal-box h2{

    margin:45px 0 18px;

    color:#081b3c;

    font-size:30px;

    font-weight:800;

}

.legal-box h2:first-child{

    margin-top:0;

}

.legal-box p{

    margin:0 0 20px;

    color:#67738d;

    font-size:17px;

    line-height:2;

}

.legal-box ul{

    margin:15px 0 35px;

    padding-inline-start:28px;

}

.legal-box li{

    margin-bottom:12px;

    color:#67738d;

    font-size:17px;

    line-height:1.9;

}



/*==========================================
=            RESPONSIVE
==========================================*/

@media(max-width:768px){

    .legal-hero{

        padding:55px 0;

    }

    .legal-hero h1{

        font-size:40px;

    }

    .legal-hero p{

        font-size:18px;

    }

    .legal-box{

        padding:30px;

    }

    .legal-box h2{

        font-size:24px;

    }

}
/* Fiona Kids legal pages */
.legal-hero{background:radial-gradient(circle at 90% 8%,#ffb8dc66,transparent 25%),radial-gradient(circle at 8% 85%,#bceff466,transparent 28%),linear-gradient(125deg,#fff0f7,#f4eaff 55%,#e7fbff)!important;border-radius:0 0 30px 30px;padding:58px 18px 48px!important;text-align:center!important}
.legal-hero::before{display:none!important}
.legal-badge{background:#fff!important;border:1px solid #ffd0e7!important;color:#e72b87!important;box-shadow:0 5px 18px #d34b8c12!important}
.legal-hero h1{color:#7837d7!important;font-size:clamp(30px,4vw,46px)!important}
.legal-hero p{color:#5f6680!important;max-width:780px;margin:18px auto 0!important;line-height:2!important}
.legal-content{padding:38px 14px 70px!important;background:#fffafd!important}
.legal-content .container{max-width:1000px!important}
.legal-box{background:#fff!important;border:1px solid #f7d7e8!important;border-radius:24px!important;padding:clamp(22px,4vw,44px)!important;box-shadow:0 12px 36px #7c367d0d!important;color:#59627a!important}
.legal-box h2{color:#7837d7!important;font-size:clamp(19px,2vw,24px)!important;margin:30px 0 10px!important;padding-right:14px;border-right:4px solid #f52c8b;line-height:1.6}
.legal-box h2:first-child{margin-top:0!important}
.legal-box p{color:#626b83!important;line-height:2!important;font-size:15px!important;margin:0 0 20px!important}
@media(max-width:600px){.legal-hero{padding:42px 14px 35px!important;border-radius:0 0 20px 20px}.legal-content{padding:24px 10px 45px!important}.legal-box{padding:20px 16px!important;border-radius:18px!important}.legal-box p{font-size:14px!important}}