.tao-carousel{margin:28px 0;padding:0;background:transparent;color:#222;font-family:inherit}
.tao-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid #ededed}
.tao-head h2{font-size:19px;font-weight:700;line-height:1.5;margin:0;color:#222}
.tao-nav{display:flex;gap:6px}.tao-nav button{width:31px;height:31px;border:1px solid #e9e9e9;border-radius:50%;background:#fff;color:#555;font-size:20px;line-height:1;cursor:pointer}
.tao-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 1px 8px}
.tao-card{position:relative;display:flex;flex:0 0 168px;flex-direction:column;gap:7px;padding:7px;color:#161616!important;text-decoration:none;border:0;border-radius:10px;scroll-snap-align:start;transition:background .18s ease}
.tao-card:hover{color:#161616!important;background:#fafafa}
.tao-image{display:flex;align-items:center;justify-content:center;height:142px;background:#fafafa;border-radius:9px;overflow:hidden}
.tao-image img{width:100%;height:100%;object-fit:contain}
.tao-badge{position:absolute;top:13px;right:13px;z-index:1;border-radius:999px;background:#f6eeec;color:#8a4738;padding:3px 7px;font-size:10px}
.tao-name{font-size:12px;line-height:1.65;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#161616!important}
.tao-prices{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:3px;font-size:10px;line-height:1.5}.tao-prices del{color:#999;font-size:10px}.tao-prices strong{font-size:12px;font-weight:700;color:#c62828!important;white-space:nowrap}
.tao-view-all{display:flex;flex:0 0 132px;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:218px;padding:12px;border:1px solid #ededed;border-radius:10px;color:#333;text-decoration:none;text-align:center;scroll-snap-align:start;transition:border-color .18s ease,background .18s ease}.tao-view-all:hover{color:#222;border-color:#d8d8d8;background:#fafafa}.tao-view-all span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e8e8e8;border-radius:50%;font-size:18px}.tao-view-all strong{font-size:13px}.tao-view-all small{font-size:11px;color:#888}
@media(min-width:601px){.tao-body{display:flex;gap:12px;align-items:stretch}.tao-body>.tao-track{flex:1;min-width:0}.tao-body>.tao-view-all{flex:0 0 132px;box-sizing:border-box;background:#fff}}
@media(max-width:600px){.tao-carousel{margin:22px 0}.tao-head h2{font-size:17px}.tao-card{flex-basis:148px}.tao-image{height:124px}.tao-view-all{flex-basis:120px;min-height:198px}}

.tao-nav button[hidden]{display:none}.tao-carousel a:focus-visible,.tao-carousel button:focus-visible,.tao-track:focus-visible{outline:2px solid #555;outline-offset:3px}.tao-body{min-width:0}.tao-track{overscroll-behavior-x:contain;overflow-anchor:none}
@media(prefers-reduced-motion:reduce){.tao-carousel *{scroll-behavior:auto!important;transition:none!important}}