/* =========================================================
   FOOTER
========================================================= */

.doll-footer{

    padding:75px 0 25px;

    background:#24211d;

    color:#fff;
}

.doll-footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1fr;

    gap:50px;

    padding-bottom:60px;
}

.doll-footer-logo{

    margin-bottom:12px;

    font-size:13px;

    letter-spacing:.18em;
}

.doll-footer p{

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

    font-size:11px;

    line-height:1.7;
}

.doll-footer h4{

    margin:0 0 18px;

    font-size:10px;

    font-weight:600;

    letter-spacing:.15em;

    text-transform:uppercase;
}

.doll-footer a{

    display:block;

    margin:8px 0;

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

    text-decoration:none;

    font-size:10px;

    transition:.2s;
}

.doll-footer a:hover{

    color:#fff;
}

.doll-footer-bottom{

    width:min(var(--container),calc(100% - 80px));

    margin:auto;

    padding-top:22px;

    display:flex;

    justify-content:space-between;

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

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

    font-size:9px;
}

.doll-footer-bottom div{

    display:flex;

    gap:20px;
}

.doll-footer-bottom a{

    display:inline;

    margin:0;
}


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

@media(max-width:1000px){

    .doll-container{

        width:min(100% - 50px,800px);
    }

    .doll-nav{

        display:none;
    }

    .doll-hero{

        grid-template-columns:50% 50%;
    }

    .doll-hero h1{

        font-size:58px;
    }

    .doll-products{

        grid-template-columns:repeat(2,1fr);
    }

    .doll-product:last-child{

        display:none;
    }

    .doll-trust-bar-inner{

        grid-template-columns:repeat(2,1fr);

        gap:25px;
    }

    .doll-trust-item:nth-child(2){

        border-right:0;
    }

    .doll-materials{

        grid-template-columns:1fr;
    }

    .doll-material-image{

        min-height:500px;
    }

    .doll-process-grid{

        grid-template-columns:1fr;
    }

    .doll-story-grid{

        grid-template-columns:1fr;
    }

    .doll-story-image{

        margin-top:40px;
    }

    .doll-reviews-grid{

        grid-template-columns:1fr;
    }

    .doll-service-grid{

        grid-template-columns:repeat(2,1fr);

        gap:30px;
    }

    .doll-service-item{

        border-right:0;
    }

    .doll-footer-grid{

        grid-template-columns:2fr 1fr 1fr;
    }
}


@media(max-width:700px){

    .doll-container{

        width:calc(100% - 36px);
    }

    .doll-header-inner{

        min-height:70px;
    }

    .doll-logo small{

        display:none;
    }

    .doll-logo strong{

        font-size:11px;
    }

    .doll-hero{

        display:flex;

        flex-direction:column;
    }

    .doll-hero-image{

        height:500px;

        min-height:500px;
    }

    .doll-hero-content{

        padding:70px 25px 60px;
    }

    .doll-hero h1{

        font-size:56px;
    }

    .doll-hero-actions{

        flex-direction:column;

        align-items:flex-start;

        gap:18px;
    }

    .doll-hero-trust{

        margin-top:45px;
    }

    .doll-trust-bar{

        padding:30px 0;
    }

    .doll-trust-bar-inner{

        grid-template-columns:1fr 1fr;

        gap:25px;
    }

    .doll-trust-item{

        padding:0;

        border-right:0;
    }

    .doll-intro,
    .doll-collection,
    .doll-process,
    .doll-story,
    .doll-personal,
    .doll-reviews{

        padding:80px 0;
    }

    .doll-intro-grid{

        grid-template-columns:1fr;

        gap:30px;
    }

    .doll-section-head{

        display:block;
    }

    .doll-view-all{

        display:inline-block;

        margin-top:20px;
    }

    .doll-products{

        grid-template-columns:1fr;
    }

    .doll-product:last-child{

        display:block;
    }

    .doll-product-overlay{

        opacity:1;

        transform:none;
    }

    .doll-material-content{

        padding:70px 25px;
    }

    .doll-personal-grid{

        grid-template-columns:1fr;

        gap:40px;
    }

    .doll-service-grid{

        grid-template-columns:1fr;

        gap:30px;
    }

    .doll-final{

        display:flex;

        flex-direction:column;
    }

    .doll-final-image{

        min-height:430px;

        height:430px;
    }

    .doll-final-content{

        padding:70px 25px;
    }

    .doll-footer-grid{

        grid-template-columns:1fr 1fr;

        gap:35px 25px;
    }

    .doll-footer-bottom{

        width:calc(100% - 36px);

        flex-direction:column;

        gap:15px;
    }

    .doll-footer-bottom div{

        flex-wrap:wrap;

        gap:12px;
    }
}