.bab{--wine:#681c2f;--cream:#fbf5ea;--ink:#2d2421;background:var(--cream);color:var(--ink);padding:28px 0 125px}.bab-head{text-align:center;max-width:900px}.bab-head>small{color:var(--wine);font-weight:800;letter-spacing:.12em}.bab h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1.05;color:#4e1222;margin:.25rem 0}.bab-progress{background:#fff;border:1px solid #e5d5ce;border-radius:20px;padding:16px;margin-top:18px}.bab-dots{display:flex;justify-content:center;gap:10px;margin:12px}.bab-dots i{font-style:normal;width:36px;height:36px;display:grid;place-items:center;border:2px solid #d8c7bd;border-radius:50%;font-weight:800}.bab-dots i.on{background:var(--wine);border-color:var(--wine);color:#fff}.bab-track{height:8px;background:#eadfd8;border-radius:99px;overflow:hidden}.bab-track em{display:block;height:100%;width:0;background:var(--wine);transition:.2s}.bab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}.bab-card{background:#fff;border:1px solid #e5d5ce;border-radius:18px;padding:10px;overflow:hidden}.bab-card.on{outline:3px solid var(--wine)}.bab-img{position:relative;aspect-ratio:1;background:#f7eee2;border-radius:13px;overflow:hidden}.bab-img img{width:100%;height:100%;object-fit:cover}.bab-img span{position:absolute;top:8px;right:8px;background:var(--wine);color:#fff;border-radius:99px;padding:5px 9px;font-size:.75rem;font-weight:800;opacity:0}.bab-card.on .bab-img span{opacity:1}.bab-card h2{font-size:1rem;line-height:1.25;margin:10px 0 6px}.bab-card p{margin:4px 0}.bab-value{font-size:.8rem;color:#725d55}.bab-card select{width:100%;padding:9px;margin:7px 0;border:1px solid #ccb9ae;border-radius:10px;background:#fff}.bab-card button,.bab-sticky button{width:100%;border:0;border-radius:12px;padding:12px;background:var(--wine);color:#fff;font-weight:800}.bab-card.on button{background:#f1e3dd;color:var(--wine)}.bab-card button:disabled,.bab-sticky button:disabled{opacity:.45}.bab-sticky{position:fixed;z-index:40;left:50%;bottom:12px;transform:translateX(-50%);width:min(960px,calc(100% - 24px));background:#fff;border:1px solid #dfcbc2;box-shadow:0 14px 40px #2d242133;border-radius:18px;padding:12px;display:grid;grid-template-columns:1fr auto minmax(220px,280px);gap:12px;align-items:center}.bab-sticky small,.bab-sticky b{display:block}.bab-sticky>small{grid-column:1/-1;text-align:center}.bab-empty{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #b99f92;padding:26px;border-radius:16px}@media(max-width:850px){.bab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bab-sticky{grid-template-columns:1fr auto}.bab-sticky button{grid-column:1/-1}}@media(max-width:520px){.bab{padding-bottom:190px}.bab-grid{padding-left:10px;padding-right:10px}.bab-card h2{font-size:.9rem}.bab-sticky{bottom:8px;gap:7px;padding:9px}.bab-dots{gap:7px}.bab-dots i{width:31px;height:31px}}