/* Thích Làm Bánh — Category shelf V48. Inspired by the approved shelf artwork. */
.tlb-shelf48,.tlb-shelf48 *{box-sizing:border-box}
.tlb-shelf48{--shelf-pink:#ff05a3;--shelf-ink:#30232d;width:min(1480px,100%);margin:12px auto 24px;padding:15px 16px 9px;background:linear-gradient(180deg,#fff8fb 0%,#fff0f6 100%);color:var(--shelf-ink);font-family:'Be Vietnam Pro',Arial,sans-serif}
.tlb-shelf48 a{color:inherit;text-decoration:none}
.tlb-shelf48__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 7px 10px}
.tlb-shelf48__intro{display:flex;align-items:center;gap:11px}
.tlb-shelf48__mark{display:grid;place-items:center;width:40px;height:40px;color:#e81a89;flex:none}
.tlb-shelf48__mark svg{width:34px;height:34px}
.tlb-shelf48__head h2{font-size:20px;font-weight:500;line-height:1.25;margin:0;letter-spacing:-.02em;color:#31232c}
.tlb-shelf48__head p{margin:5px 0 0;font-size:11px;font-weight:400;line-height:1.45;color:#7d7078}
.tlb-shelf48__all{border:1px solid #f39dc7;background:#fff8fb;padding:9px 15px;color:#da087e!important;white-space:nowrap;font-size:11px;font-weight:500;transition:border-color .15s}
.tlb-shelf48__all:hover{border-color:#e60086}
.tlb-shelf48__scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#f1b5cc transparent;outline-offset:2px}
.tlb-shelf48__stage{min-width:860px;position:relative;padding:0 0 19px}
.tlb-shelf48__shops{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:0 6px;z-index:2}
.tlb-shelf48__shop{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:148px;transition:transform .18s}
.tlb-shelf48__shop:hover{transform:translateY(-4px)}
.tlb-shelf48__scene{position:absolute;inset:0 0 10px;display:block;overflow:hidden;border:1px solid #f8d7e3;border-bottom:0;background:linear-gradient(145deg,#ffe3ed,#faeef0 56%,#ffdbe6)}
.tlb-shelf48__scene img{height:100%;width:100%;object-fit:cover;object-position:center center;display:block;transition:transform .2s}
.tlb-shelf48__shop:hover .tlb-shelf48__scene img{transform:scale(1.04)}
.tlb-shelf48__pill{z-index:2;display:block;align-self:center;min-height:27px;width:calc(100% - 13px);padding:6px 3px 5px;background:rgba(255,250,252,.96);border:1px solid #f3b7ce;box-shadow:0 2px 7px rgba(153,76,106,.06);font-size:10.5px;font-weight:500;line-height:1.25;text-align:center;white-space:nowrap;color:#532939}
.tlb-shelf48__ledge{position:absolute;bottom:0;left:0;right:0;height:19px;background:linear-gradient(180deg,#ffe5ee 0%,#f3aec9 40%,#d981a6 72%,#ffe6ef 100%);border-top:2px solid #fbc2d8;box-shadow:0 8px 13px rgba(133,54,85,.18);z-index:1}
.tlb-shelf48__ledge:before{content:"";position:absolute;left:0;right:0;top:-7px;height:8px;background:linear-gradient(180deg,#fff8fb,#f8cbdd);border:1px solid #f1bad0}
.tlb-shelf48__ledge span{position:absolute;inset:9px 11% auto;height:2px;background:rgba(255,255,255,.43)}
.tlb-shelf48__more{display:flex;align-items:center;flex-wrap:wrap;gap:7px 18px;margin-top:10px;padding:0 8px;font-size:11px}
.tlb-shelf48__more>span{color:#9d8792}
.tlb-shelf48__more a{color:#bd0a73;font-weight:400}
.tlb-shelf48__more a:hover{text-decoration:underline}
.tlb-shelf48 a:focus-visible{outline:2px solid #ff05a3;outline-offset:3px}
@media(max-width:1000px){.tlb-shelf48__shops{gap:5px}.tlb-shelf48__pill{font-size:10px}}
@media(max-width:740px){.tlb-shelf48{padding:12px 11px 10px;margin:10px auto 19px}.tlb-shelf48__head{align-items:flex-start;padding:0 0 11px;gap:8px}.tlb-shelf48__mark{width:31px;height:31px}.tlb-shelf48__mark svg{width:28px;height:28px}.tlb-shelf48__intro{gap:6px}.tlb-shelf48__head h2{font-size:17px}.tlb-shelf48__head p{font-size:10px}.tlb-shelf48__all{padding:7px 8px;font-size:9px}.tlb-shelf48__stage{min-width:800px}.tlb-shelf48__shop{height:135px}.tlb-shelf48__pill{font-size:9px}.tlb-shelf48__more{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tlb-shelf48 *{transition:none!important}}
