.btn{border:0;border-radius:999px;padding:15px 24px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.btn-primary{background:var(--orange);color:white;box-shadow:0 14px 32px rgba(249,115,22,.35)}.btn-primary:hover{background:var(--orange-dark);transform:translateY(-2px)}.btn-glass{background:rgba(255,255,255,.14);color:white;border:1px solid rgba(255,255,255,.28)}.btn-dark{background:#111;color:white}.text-link{color:var(--orange);font-weight:900}.loading-card,.error-card,.empty-card,.track-card{background:white;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 14px 40px rgba(17,17,17,.07)}.error-card{color:#b91c1c}.track-card span{display:block;margin-top:8px;color:var(--muted)}.footer{background:#111;color:white;padding:54px 6vw;display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.footer p{color:#bbb}.footer-links{display:flex;gap:16px;font-weight:800}.product-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.product-meta span{font-size:12px;font-weight:800;background:#fff4e8;color:#b45309;border-radius:999px;padding:6px 10px}.dashboard-page{background:var(--bg);padding:40px}.dashboard-shell{max-width:1100px;margin:auto;background:white;border-radius:30px;padding:34px;box-shadow:var(--shadow)}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.dash-card{padding:20px;border:1px solid var(--border);border-radius:20px;background:#fffaf5}.dash-card strong,.dash-card span{display:block}.dash-card span{color:var(--muted);margin-top:8px}@media(max-width:900px){.footer{flex-direction:column;align-items:flex-start}.dash-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.dash-grid{grid-template-columns:1fr}}


/* V9 customer account */
.account-page{
    background:#fffaf5;
    min-height:70vh;
}

.account-shell{
    padding:60px 6vw 90px;
}

.account-message{
    margin-bottom:24px;
}

.account-auth-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
    align-items:start;
}

.account-grid{
    display:grid;
    grid-template-columns:300px 1fr;
    gap:28px;
    align-items:start;
}

.account-card,
.account-sidebar{
    background:white;
    border:1px solid var(--border);
    border-radius:30px;
    padding:26px;
    box-shadow:0 14px 40px rgba(17,17,17,.06);
}

.account-card + .account-card{
    margin-top:24px;
}

.account-form label{
    display:block;
    margin:14px 0 8px;
    font-weight:900;
}

.account-form input,
.account-form textarea{
    width:100%;
    border:1px solid var(--border);
    border-radius:16px;
    padding:14px 16px;
    font:inherit;
}

.account-sidebar{
    position:sticky;
    top:96px;
}

.account-avatar{
    width:70px;
    height:70px;
    border-radius:50%;
    background:var(--orange);
    color:white;
    display:grid;
    place-items:center;
    font-weight:900;
    font-size:26px;
    margin-bottom:16px;
}

.account-sidebar h2{
    margin:0 0 8px;
}

.account-sidebar p{
    color:var(--muted);
    margin:4px 0;
}

.account-sidebar nav{
    display:grid;
    gap:10px;
    margin-top:22px;
}

.account-sidebar nav a{
    background:#fff7ed;
    border:1px solid var(--border);
    border-radius:16px;
    padding:12px 14px;
    font-weight:900;
}

.account-sidebar nav a:hover{
    background:var(--orange);
    color:white;
}

.account-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:20px;
}

.account-stats div{
    background:#fff7ed;
    border:1px solid var(--border);
    border-radius:20px;
    padding:18px;
}

.account-stats strong,
.account-stats span{
    display:block;
}

.account-stats strong{
    font-size:24px;
}

.account-stats span{
    color:var(--muted);
    margin-top:6px;
}

.account-orders-list{
    display:grid;
    gap:12px;
}

.account-order-row,
.account-order-item{
    display:grid;
    grid-template-columns:1fr auto auto auto;
    gap:16px;
    align-items:center;
    padding:16px;
    background:#fffaf5;
    border:1px solid var(--border);
    border-radius:18px;
    font-weight:800;
}

.account-order-row:hover{
    border-color:#fdba74;
}

.account-order-items{
    display:grid;
    gap:10px;
    margin:22px 0;
}

.account-order-item{
    grid-template-columns:1fr auto;
}

.account-note{
    margin-top:18px;
    background:#fff7ed;
    border:1px solid var(--border);
    border-radius:18px;
    padding:14px 16px;
    color:var(--muted);
    line-height:1.6;
}

@media(max-width:900px){
    .account-auth-grid,
    .account-grid{
        grid-template-columns:1fr;
    }

    .account-sidebar{
        position:static;
    }

    .account-stats{
        grid-template-columns:1fr;
    }

    .account-order-row{
        grid-template-columns:1fr;
    }
}