:root{
    --bg:#f8f6f1;
    --bg-soft:#f0ebe2;
    --bg-dark:#25211d;
    --white:#ffffff;

    --text:#29251f;
    --muted:#746d63;
    --brown:#55483b;
    --accent:#c66d3b;

    --line:rgba(41,37,31,.12);

    --container:1280px;
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Helvetica,
        Arial,
        sans-serif;
}

img{
    max-width:100%;
}

a{
    color:inherit;
}

.doll-store{
    overflow:hidden;
}

.doll-container{
    width:min(var(--container), calc(100% - 80px));
    margin:auto;
}


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

.doll-header{

    position:absolute;
    top:0;
    left:0;

    width:100%;

    z-index:50;

    background:rgba(248,246,241,.82);

    backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(41,37,31,.08);
}

.doll-header-inner{

    min-height:82px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:40px;
}

.doll-logo{

    display:flex;
    align-items:center;
    gap:12px;

    text-decoration:none;
}

.doll-logo-mark{

    width:36px;
    height:36px;

    display:grid;
    place-items:center;

    border:1px solid var(--brown);

    border-radius:50%;

    font-size:13px;
}

.doll-logo strong{

    display:block;

    font-size:13px;

    letter-spacing:.18em;

    font-weight:600;
}

.doll-logo small{

    display:block;

    margin-top:2px;

    color:var(--muted);

    font-size:9px;

    letter-spacing:.12em;
}

.doll-nav{

    display:flex;

    align-items:center;

    gap:34px;
}

.doll-nav a{

    text-decoration:none;

    color:var(--brown);

    font-size:11px;

    letter-spacing:.04em;

    transition:.25s;
}

.doll-nav a:hover{

    color:var(--accent);
}

.doll-header-actions{

    display:flex;

    align-items:center;

    gap:20px;
}

.doll-header-cart{

    display:flex;

    align-items:center;

    gap:8px;

    text-decoration:none;

    font-size:11px;

    font-weight:600;
}

.doll-header-cart span{

    width:22px;
    height:22px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:var(--text);

    color:#fff;

    font-size:9px;
}


/* =========================================================
   BUTTONS
========================================================= */

.doll-btn{

    min-height:52px;

    padding:0 27px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    text-decoration:none;

    font-size:10px;

    font-weight:600;

    letter-spacing:.12em;

    text-transform:uppercase;

    transition:.3s;
}

.doll-btn-dark{

    background:var(--text);

    color:#fff;
}

.doll-btn-dark:hover{

    background:var(--accent);

    transform:translateY(-2px);
}

.doll-btn-light{

    background:#fff;

    color:var(--text);
}

.doll-btn-light:hover{

    background:var(--text);

    color:#fff;
}

.doll-btn-outline{

    border:1px solid var(--text);

    color:var(--text);
}

.doll-btn-outline:hover{

    background:var(--text);

    color:#fff;
}