/* ============================================================================
   privacy.css - page styles for privacy-policy.html
   Extracted from the live page (header-style.css + style.css) on 17-09-2026.
   Covers only the page content: inner-page hero banner, .main-content /
   .content-section text with h2 headings, and .list-items-leaf lists with
   h3 titles. Header, footer, fonts, .container, .text-center, .white, the
   h2/h3/p base rules and the section float come from header-footer-new.css
   and are deliberately not repeated here.
   Colours use the --ca-* tokens defined in header-footer-new.css.
   ============================================================================ */

/* ---------- Page heading base (h1 is not styled in header-footer-new.css) ---------- */
h1{line-height:1.2;margin-top:0;font-family:museo700;font-size:4.5rem}

/* ---------- Inner-page hero banner ---------- */
.herobanner{min-height:100vh;float:left;width:100%;position:relative;padding-top:15%;padding-bottom:2.5%}
.herobanner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ca-black-a75)}
.herobanner.innerpage-banner{padding-top:29%;min-height:inherit}
.herobanner.innerpage-banner.privacy{background:url(../images/background/privacy-banner-img.webp) top center / cover no-repeat}
@supports (-webkit-hyphens:none){
    .herobanner.innerpage-banner.privacy{background-image:url(../images/background/privacy-banner-img.jpg)}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .herobanner.innerpage-banner.privacy{background-image:url(../images/background/privacy-banner-img.jpg)}
}
.herobanner .herobanner-content{float:left;width:100%;padding:0;position:relative;min-height:400px}
.herobanner.innerpage-banner .herobanner-content{position:absolute;top:50%;transform:translate(-50%,-30%);width:100%;left:50%;max-width:1230px;padding:0 15px;min-height:0}
.herobanner.innerpage-banner .herobanner-content .magento-flex{float:left;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}
.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont{display:block;overflow:hidden;width:80%;margin-left:4%;padding-left:4%;border-left:1px solid var(--ca-white-a30)}
.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm{padding:0!important;width:100%;margin:0!important;border:0!important}
.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1{margin-bottom:15px;line-height:1.3;text-transform:inherit;color:inherit;font-size:3rem}
.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm h1{margin-bottom:20px;font-weight:400}

/* ---------- Main content text ---------- */
.main-content{float:left;width:100%}
.content-section>p:first-child{margin-top:50px}
.content-section p{margin-bottom:20px}
.content-section>h2{margin-top:50px;margin-bottom:15px;line-height:1.2;font-family:museo500;font-size:2.375rem;padding:0}
.content-section strong{font-weight:600}

/* ---------- Leaf bullet lists with h3 title ---------- */
.list-items-leaf{display:flex;flex-wrap:wrap}
.content-section .list-items-leaf{margin:0;min-width:100%}
.list-items-leaf h3{font-family:inherit;line-height:1.4;margin-bottom:0}
.content-section .list-items-leaf h3{font-size:1.625rem;width:100%}
.list-items-leaf ul{margin:0;padding:0}
.list-items-leaf ul li{position:relative;display:block;padding-left:40px;margin-top:20px}
.content-section .list-items-leaf li{margin-bottom:10px}
.list-items-leaf ul li:before{content:"";background:url(../images/icons/leaf.svg) no-repeat;width:42px;height:42px;position:absolute;left:0;top:-8px;transform:scale(.5)}
.content-section .list-items-leaf li p{margin:0}
.content-section .list-items-leaf+p{margin-top:40px}

/* ---------- Responsive ---------- */
@media screen and (max-width:1366px){
    .herobanner.innerpage-banner{padding-top:35%}
}
@media screen and (max-width:1199px){
    .content-section p{font-size:14px}
}
@media screen and (max-width:1024px){
    .herobanner{padding-top:20%;min-height:inherit}
    .herobanner.innerpage-banner{padding-top:40%}
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1{font-size:3rem}
    .content-section h2{font-size:2.125rem}
    .content-section .list-items-leaf h3{font-size:1.5rem}
}
@media screen and (max-width:991px){
    .herobanner .herobanner-content{padding:0 5%}
    .herobanner.innerpage-banner{padding-top:45%}
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1{font-size:2.5rem}
    .content-section p{font-size:15px;margin-bottom:15px}
    .content-section>h2{margin-top:30px;margin-bottom:15px}
    .list-items-leaf{margin:0;padding:0 15px}
    .content-section .list-items-leaf{padding:0 20px}
    .content-section .list-items-leaf h3{font-size:1.125rem;margin-bottom:1rem}
    .list-items-leaf ul li{padding-left:40px;margin-bottom:20px}
    .list-items-leaf ul li:before{transform:scale(.5);top:-10px}
    .content-section .list-items-leaf+p{margin-top:30px}
}
@media screen and (max-width:767px){
    .herobanner{padding-top:20%}
    .herobanner.innerpage-banner{padding-top:17%!important;padding-bottom:18%}
    .herobanner.innerpage-banner.privacy{background-image:url(../images/background/privacy-banner-img-mobile.webp)}
    @supports (-webkit-hyphens:none){
        .herobanner.innerpage-banner.privacy{background-image:url(../images/background/privacy-banner-img-mobile.jpg)}
    }
    .herobanner .herobanner-content{padding:0;min-height:0}
    .herobanner.innerpage-banner .herobanner-content{position:relative;transform:none;z-index:1;left:0;right:0}
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont{text-align:left}
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1{font-size:1.8rem}
    .content-section h2{font-size:28px;color:var(--ca-black-80)}
    .content-section .list-items-leaf{padding:0}
    .list-items-leaf ul li{margin-bottom:10px;padding-left:40px}
    .list-items-leaf ul li:before{transform:scale(.5);top:-8px}
}
@media screen and (max-width:575px){
    .herobanner.innerpage-banner{padding-top:60%}
}
@media screen and (max-width:479px){
    .herobanner{padding-bottom:5%}
    .herobanner.innerpage-banner{padding-top:15%!important;padding-bottom:15%}
    .herobanner.innerpage-banner .herobanner-content{transform:translate(-50%,0);position:relative}
    .herobanner.innerpage-banner .herobanner-content .magento-flex{flex-wrap:wrap}
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont{width:100%;margin:0;padding:0;border:0;float:left;text-align:left}
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm h1{margin-bottom:15px}
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1{font-size:1.8rem}
    .content-section h2{font-size:1.825rem}
    .list-items-leaf ul li{padding-left:40px}
    .list-items-leaf ul li:before{transform:scale(.5);top:-8px}
}