/* =========================================================
   COMPRASAPP — GLOBAL LAYOUT COMPONENT
   ========================================================= */

.store-shell-topbar{
    position:sticky;
    top:0;
    z-index:1200;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 18px;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(0,0,0,.06);
}

.store-shell-brand{
    display:flex;
    flex-direction:column;
    gap:3px;
    text-decoration:none!important;
    color:#111!important;
}

.store-shell-brand-title{
    font-size:28px;
    line-height:1;
    font-weight:950;
    letter-spacing:-0.04em;
}

.store-shell-brand-subtitle{
    font-size:10px;
    line-height:1;
    letter-spacing:.28em;
    font-weight:800;
    opacity:.68;
}

.store-shell-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.app-shell{
    width:100%;
    max-width:1600px;
    margin:0 auto;
    padding:18px 18px 120px;
}

.app-shell main{
    width:100%;
}

.notice{
    margin-bottom:18px;
    padding:14px 16px;
    border-radius:16px;
    background:#f3f7e7;
    border:1px solid rgba(122,140,53,.18);
    color:#44511f;
    font-weight:700;
    box-shadow:0 4px 12px rgba(0,0,0,.04);
}

@media (max-width:768px){

    .store-shell-topbar{
        padding:12px 14px;
    }

    .store-shell-brand-title{
        font-size:22px;
    }

    .store-shell-brand-subtitle{
        font-size:8px;
        letter-spacing:.24em;
    }

    .app-shell{
        padding:14px 14px 120px;
    }
}