/* LaHome Match - frontend styles scoped only to this module. */
#lhm-match-block.lhm-match{clear:both;width:100%;box-sizing:border-box;margin:24px 0 30px;padding:0;background:#fff;font-family:Jost,Arial,sans-serif}
#lhm-match-block *{box-sizing:border-box}
#lhm-match-block .lhm-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;margin:0 0 16px}
#lhm-match-block .lhm-heading{display:block;width:100%;margin:0;padding:0 0 12px;border-bottom:1px solid #e8dfd3;color:#3b3128;font:600 16px/1.2 Jost,Arial,sans-serif;text-align:left;text-transform:none}
#lhm-match-block .lhm-tabs{display:flex;align-self:flex-start;flex:0 0 auto;border:1px solid #d9cfc2;border-radius:3px;background:#fff}
#lhm-match-block .lhm-tab{appearance:none;-webkit-appearance:none;border:0;border-right:1px solid #d9cfc2;background:#fff;color:#6f5f4b;padding:9px 17px;font:500 12px/1.1 Jost,Arial,sans-serif;cursor:pointer;transition:background .18s ease,color .18s ease}
#lhm-match-block .lhm-tab:last-child{border-right:0}
#lhm-match-block .lhm-tab:hover,#lhm-match-block .lhm-tab.is-active{background:#3f342c;color:#fff}
#lhm-match-block .lhm-panel{display:none;overflow:hidden}
#lhm-match-block .lhm-panel.is-active{display:block}
#lhm-match-block .lhm-row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:10px;width:100%;max-width:100%;overflow-x:hidden;overflow-y:hidden;padding:0 0 5px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}

/* Product cards visually echo LaHome category listing cards, but stay in a single row. */
#lhm-match-block .lhm-card{position:relative;flex:1 1 0;min-width:0;max-width:none;min-height:205px;margin:0;background:#fff;border:1px solid #e3d7cb;border-radius:6px;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}
#lhm-match-block .lhm-card:hover{border-color:#cfb59b;box-shadow:0 4px 12px rgba(75,54,35,.08)}
#lhm-match-block .lhm-badge{display:block;padding:9px 10px 4px;color:#c1863d;font:700 11px/1 Jost,Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em}
#lhm-match-block .lhm-badge.is-stock{color:#39834b}
#lhm-match-block .lhm-image{display:block;position:relative;width:calc(100% - 18px);height:96px;margin:6px 9px 0;overflow:hidden;background:#fff;text-decoration:none}
#lhm-match-block .lhm-image img{display:block;width:100%;height:100%;object-fit:contain;margin:0 auto}
#lhm-match-block .lhm-card-body{padding:9px 8px 10px}
#lhm-match-block .lhm-name{display:block;height:42px;overflow:hidden;color:#5a5149;font-size:12px;line-height:14px;font-weight:400;text-decoration:none}
#lhm-match-block .lhm-name:hover{color:#8d5d3c;text-decoration:none}
#lhm-match-block .lhm-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}
#lhm-match-block .lhm-price{display:block;color:#3b3128;font-size:15px;line-height:18px;font-weight:700}
#lhm-match-block .lhm-card-cart{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #d7c9bb;border-radius:3px;background:#f5ece3;color:#9c734a;padding:0;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
#lhm-match-block .lhm-card-cart:hover{background:#ead7c3;border-color:#c9aa88;color:#7c5630}
#lhm-match-block .lhm-card-cart .lhm-card-cart-svg{display:block;width:15px;height:15px;color:#9c734a;overflow:visible}
#lhm-match-block .lhm-card-cart:hover .lhm-card-cart-svg{color:#7c5630}

/* Summary block: one vertical flow, no wrapping of label or price. */
#lhm-match-block .lhm-summary{flex:0 0 250px;min-width:250px;max-width:250px;min-height:205px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;align-self:stretch;padding:15px 16px;border:1px solid #ddd0c3;border-radius:4px;background:#fff}
#lhm-match-block .lhm-summary-label{display:block;margin:0 0 7px;color:#6f675d;font-size:12px;line-height:15px;white-space:nowrap}
#lhm-match-block .lhm-summary-price{display:block;margin:0 0 12px;color:#3b2d22;font-size:22px;line-height:26px;font-weight:700;white-space:nowrap}
#lhm-match-block .lhm-add-set{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border:1px solid #8a633f;border-radius:3px;padding:11px 12px;background:#8a633f;color:#fff;font:700 11px/1.2 Jost,Arial,sans-serif;cursor:pointer;transition:background .18s ease,border-color .18s ease,opacity .18s ease;text-align:center;white-space:nowrap}
#lhm-match-block .lhm-add-set:hover{background:#744e2e;border-color:#744e2e}
#lhm-match-block .lhm-add-set:disabled{opacity:.58;cursor:wait}
#lhm-match-block .lhm-set-cart-svg{display:block;flex:0 0 18px;width:18px;height:18px;color:#fff;overflow:visible}
#lhm-match-block .lhm-summary-availability{display:block;margin-top:9px;color:#5d5a55;font-size:11px;line-height:14px;white-space:nowrap}
#lhm-match-block .lhm-set-status{min-height:14px;margin-top:5px;color:#777;font-size:10px;line-height:14px;text-align:center}

@media(min-width:992px){
    #lhm-match-block .lhm-row{overflow-x:hidden}
}
@media(max-width:1199px) and (min-width:992px){
    #lhm-match-block .lhm-summary{flex-basis:235px;min-width:235px;max-width:235px;padding-left:12px;padding-right:12px}
    #lhm-match-block .lhm-add-set{font-size:10px;padding-left:8px;padding-right:8px}
}
@media(max-width:991px){
    #lhm-match-block .lhm-head{align-items:flex-start;flex-direction:column;gap:10px}
    #lhm-match-block .lhm-heading{width:100%}
    #lhm-match-block .lhm-tabs{align-self:flex-start}
    #lhm-match-block .lhm-row{overflow-x:auto}
    #lhm-match-block .lhm-card{flex:0 0 142px;min-width:142px;max-width:142px}
    #lhm-match-block .lhm-summary{flex:0 0 255px;min-width:255px;max-width:255px;padding:12px 14px}
}
@media(max-width:767px){
    #lhm-match-block.lhm-match{margin:20px 0 25px}
    #lhm-match-block .lhm-tab{padding:9px 14px}
    #lhm-match-block .lhm-row{gap:8px;scroll-snap-type:x proximity}
    #lhm-match-block .lhm-card{scroll-snap-align:start}
    #lhm-match-block .lhm-summary{flex:0 0 260px;min-width:260px;max-width:260px;scroll-snap-align:start}
    #lhm-match-block .lhm-add-set{width:100%}
}

/* Cart glyph: filled basket/cart silhouette matching LaHome category cards. */
#lhm-match-block .lhm-card-cart .lhm-card-cart-svg{width:13px;height:13px;color:#a37345}
#lhm-match-block .lhm-card-cart:hover .lhm-card-cart-svg{color:#855b34}
#lhm-match-block .lhm-set-cart-svg{width:14px;height:14px;color:#fff}