/* CapWords-style hierarchy, adapted to Youthfin's actual wardrobe collection. */
.cap-home { --bg:#f8f7f4; --text:#293832; --text-3:#8a8c82; --brand:#30332b; --brand-paper:#f3e6b8; background:#f8f7f4; color:#293832; }
.screen.cap-home { padding:0; }
.cap-home .dashboard-top { background:transparent; color:#66715d; min-height:64px; padding:calc(12px + env(safe-area-inset-top,0px)) 22px 6px; display:flex; justify-content:space-between; border:0; }
.cap-home .dashboard-top .icon-btn { background:#fff; color:#7f8874; width:40px; height:40px; border-radius:50%; }
.cap-home .dashboard-top .icon-btn svg { width:20px; height:20px; }
.cap-home .dashboard-scroll { display:block; padding:16px 24px 40px; overflow-y:auto; }
.cap-home .home-eyebrow { margin:0 auto 8px; text-align:center; font:14px Georgia,serif; color:#899082; }
.cap-home .dashboard-greeting { display:block; padding:0; margin:0; text-align:center; }
.cap-home .dashboard-greeting h2,.cap-home .guest-home-greeting { max-width:none; font:400 30px/1.15 Georgia,serif; letter-spacing:-.7px; margin:0; text-align:center; }
.cap-home .home-subtitle { font:16px/1.45 Georgia,serif; color:#8a9185; text-align:center; margin:9px auto 0; max-width:320px; }
.cap-home .home-sticker-hero { display:grid; grid-template-columns:1fr 1fr; align-content:center; justify-content:center; width:258px; height:272px; gap:7px; margin:28px auto 16px; padding:12px; border:0; background:transparent; }
.cap-home .home-sticker-tile { display:grid; place-items:center; width:112px; height:112px; border-radius:22px; background:#e1e6d6; transform:rotate(-9deg); padding:12px; }
.cap-home .home-sticker-tile:nth-child(2) { background:#bfc5b0; transform:rotate(10deg); }
.cap-home .home-sticker-tile:nth-child(3) { background:#d7c3a4; transform:rotate(8deg); }
.cap-home .home-sticker-tile:nth-child(4) { background:#b6bbb1; transform:rotate(-7deg); }
.cap-home .home-sticker-tile img { width:100%; height:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 4px 4px #30332b26); }
.cap-home .home-sticker-hero:has(.home-sticker-tile:only-child) { grid-template-columns:1fr; justify-items:center; }
.cap-home .home-sticker-tile:only-child { width:166px; height:198px; border-radius:28px; padding:20px; }
.cap-home .home-sticker-hero[data-empty="true"] { grid-template-columns:1fr; place-items:center; }
.cap-home .home-empty-lens { display:grid; place-items:center; width:168px; height:168px; border:9px solid white; border-radius:50%; outline:1px dashed #c8cfbc; outline-offset:17px; color:#6f8053; background:conic-gradient(#dce7be,#c4cfb2,#dfd3b8,#dce7be); box-shadow:0 8px 25px #30332b0c; }
.cap-home .home-empty-lens svg { width:66px; height:66px; }
.cap-home .home-primary-actions { display:flex; align-items:center; flex-direction:column; gap:8px; margin:4px 0 38px; }
.cap-home .home-primary-actions .primary,.cap-home .home-primary-actions .btn-primary { min-width:200px; width:auto; border:0; border-radius:999px; min-height:52px; padding:15px 28px; background:#30332b; color:#f3e6b8; font:650 16px/22px Arial,sans-serif; }
.cap-home .home-add-link { border:0; background:none; color:#92988a; font:14px/1.4 Arial,sans-serif; padding:8px 10px; min-height:40px; }
.cap-home .home-items-heading { display:flex; align-items:center; justify-content:space-between; margin:0 0 16px; }
.cap-home .home-items-heading h3,.cap-home .guest-collection-heading { font:400 26px/1.2 Georgia,serif; margin:0; letter-spacing:-.5px; }
.cap-home .home-items-heading p { display:none; }
.cap-home .home-items-heading>button { background:none; border:0; color:#7a856b; font-size:14px; }
.cap-home .home-item-grid { display:block; }
.cap-home .home-wardrobe-card { width:100%; display:block; border:0; border-radius:30px; padding:23px; text-align:left; background:#d5debf; color:#34412e; }
.cap-home .home-wardrobe-card>strong { display:block; font:400 26px/1.2 Georgia,serif; margin:0 0 6px; overflow-wrap:anywhere; }
.cap-home .home-wardrobe-card>span:not(.home-card-thumbnails) { display:block; font-size:14px; color:#6b765d; }
.cap-home .home-card-thumbnails { display:flex; gap:10px; margin-top:20px; }
.cap-home .home-card-thumbnails img { width:calc((100% - 30px)/4); height:76px; object-fit:contain; filter:drop-shadow(0 4px 4px #30332b1f); }
.cap-home .home-items-empty { padding:24px; border-radius:28px; background:#e9ebe3; font-size:16px; text-align:left; color:#828a79; }

main.cap-home[data-step="8"] .body { display:block; padding-top:8px; }
main.cap-home .guest-collection-heading { margin:0 0 16px; }
main.cap-home .actions { padding-top:22px; }
@media(max-height:740px) { .cap-home .dashboard-scroll{padding-top:8px;} .cap-home .home-sticker-hero{height:236px;margin-top:20px;margin-bottom:8px;} .cap-home .home-primary-actions{margin-bottom:26px;} .cap-home .dashboard-greeting h2,.cap-home .guest-home-greeting{font-size:28px;} }
@media(min-width:900px) { .cap-home .dashboard-scroll{max-width:560px;margin:0 auto;width:100%;} .cap-home .dashboard-top{max-width:560px;margin:0 auto;width:100%;} }

/* Home owns its layout independently of legacy dashboard rules. */
.screen.cap-home { height:100%; min-height:0; overflow:hidden; }
.cap-home .dashboard-top { flex-shrink:0; align-items:center; gap:8px; }
.cap-home .dashboard-scroll { flex:1; min-height:0; overflow-x:hidden; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.cap-home .home-sticker-hero { flex-shrink:0; cursor:pointer; }
.cap-home .dashboard-greeting h2 { overflow-wrap:anywhere; }