/* ==========================================================
   COZINHA DAS MANAS
   POLICY PAGES
   Delivery | Privacy | Terms | Cookies
========================================================== */


/* ==========================================================
   PAGE
========================================================== */

.policy-page{
    padding:80px 0 100px;
    background:#f8f6ef;
    min-height:70vh;
}


/* ==========================================================
   PAGE HEADER
========================================================== */

.policy-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 55px;
}

.policy-badge{
    display:inline-block;

    padding:9px 18px;

    border-radius:50px;

    background:#f5ecd6;

    color:#d4a017;

    font-size:.78rem;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;

    margin-bottom:20px;
}

.policy-header h1{
    margin:0 0 18px;

    color:#17361e;

    font-size:clamp(2rem,4vw,3.2rem);

    line-height:1.15;

    font-weight:800;
}

.policy-header p{
    max-width:760px;

    margin:0 auto;

    color:#666;

    font-size:1rem;

    line-height:1.8;
}


/* ==========================================================
   MAIN CONTENT CARD
========================================================== */

.policy-content{
    max-width:980px;

    margin:0 auto;

    padding:55px 65px;

    background:#ffffff;

    border-radius:24px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);
}


/* ==========================================================
   SECTIONS
========================================================== */

.policy-section{
    margin-bottom:48px;
}

.policy-section:last-of-type{
    margin-bottom:0;
}

.policy-section h2{
    position:relative;

    margin:0 0 16px;

    padding-left:18px;

    color:#17361e;

    font-size:1.25rem;

    line-height:1.4;

    font-weight:750;
}

.policy-section h2::before{
    content:"";

    position:absolute;

    left:0;

    top:4px;

    width:4px;

    height:calc(100% - 8px);

    border-radius:10px;

    background:#d4a017;
}

.policy-section p{
    margin:0 0 14px;

    color:#666;

    font-size:.96rem;

    line-height:1.8;
}

.policy-section p:last-child{
    margin-bottom:0;
}


/* ==========================================================
   LISTS
========================================================== */

.policy-section ul{
    margin:18px 0;

    padding-left:24px;
}

.policy-section li{
    margin-bottom:10px;

    color:#666;

    font-size:.96rem;

    line-height:1.7;
}

.policy-section li::marker{
    color:#d4a017;
}


/* ==========================================================
   LINKS
========================================================== */

.policy-page a{
    color:#2e6f32;

    font-weight:600;

    text-decoration:none;

    transition:.25s ease;
}

.policy-page a:hover{
    color:#d4a017;

    text-decoration:underline;
}


/* ==========================================================
   IMPORTANT POLICY NOTE
========================================================== */

.policy-note{
    margin:22px 0;

    padding:18px 20px;

    background:#faf7ef;

    border-left:4px solid #d4a017;

    border-radius:0 12px 12px 0;

    color:#555;

    font-size:.92rem;

    line-height:1.7;
}


/* ==========================================================
   CONTACT BLOCK
========================================================== */

.policy-contact{
    margin-top:55px;

    padding:30px 32px;

    background:#17361e;

    border-radius:18px;

    color:#ffffff;
}

.policy-contact h2{
    margin:0 0 15px;

    color:#d4a017;

    font-size:1.3rem;
}

.policy-contact p{
    margin:0 0 14px;

    color:rgba(255,255,255,.82);

    font-size:.95rem;

    line-height:1.8;
}

.policy-contact p:last-child{
    margin-bottom:0;
}

.policy-contact strong{
    color:#ffffff;
}

.policy-contact a{
    color:#d4a017;

    font-weight:600;
}

.policy-contact a:hover{
    color:#ffffff;
}


/* ==========================================================
   LAST UPDATED
========================================================== */

.policy-updated{
    margin-top:35px;

    padding-top:20px;

    border-top:1px solid #e9e4d8;

    color:#888;

    font-size:.82rem;

    line-height:1.6;
}

.policy-updated strong{
    color:#17361e;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:992px){

    .policy-page{
        padding:70px 0 85px;
    }

    .policy-header{
        max-width:750px;

        margin-bottom:45px;
    }

    .policy-content{
        padding:45px 45px;

        border-radius:22px;
    }

    .policy-section{
        margin-bottom:42px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:768px){

    .policy-page{
        padding:55px 0 70px;
    }

    .policy-header{
        padding:0 20px;

        margin-bottom:35px;
    }

    .policy-badge{
        padding:8px 15px;

        font-size:.72rem;

        letter-spacing:1.2px;

        margin-bottom:16px;
    }

    .policy-header h1{
        font-size:2rem;

        margin-bottom:14px;
    }

    .policy-header p{
        font-size:.92rem;

        line-height:1.7;
    }

    .policy-content{
        width:calc(100% - 30px);

        padding:35px 24px;

        border-radius:18px;
    }

    .policy-section{
        margin-bottom:38px;
    }

    .policy-section h2{
        font-size:1.1rem;

        padding-left:15px;

        margin-bottom:13px;
    }

    .policy-section h2::before{
        width:3px;

        top:3px;

        height:calc(100% - 6px);
    }

    .policy-section p{
        font-size:.9rem;

        line-height:1.75;
    }

    .policy-section ul{
        padding-left:21px;

        margin:15px 0;
    }

    .policy-section li{
        font-size:.9rem;

        line-height:1.65;

        margin-bottom:8px;
    }

    .policy-note{
        padding:16px 17px;

        font-size:.87rem;

        line-height:1.7;
    }

    .policy-contact{
        margin-top:42px;

        padding:24px 22px;

        border-radius:15px;
    }

    .policy-contact h2{
        font-size:1.15rem;
    }

    .policy-contact p{
        font-size:.9rem;

        line-height:1.7;
    }

    .policy-updated{
        margin-top:28px;

        padding-top:17px;

        font-size:.78rem;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media(max-width:480px){

    .policy-page{
        padding:45px 0 60px;
    }

    .policy-header h1{
        font-size:1.75rem;
    }

    .policy-header p{
        font-size:.88rem;
    }

    .policy-content{
        width:calc(100% - 20px);

        padding:28px 19px;

        border-radius:16px;
    }

    .policy-section{
        margin-bottom:34px;
    }

    .policy-section h2{
        font-size:1.03rem;
    }

    .policy-section p,
    .policy-section li{
        font-size:.87rem;
    }

    .policy-contact{
        padding:22px 19px;
    }

}