/* A single responsive category grid, independent of legacy view preferences. */
body#category #wrapper #products{min-width:0;max-width:100%}
body#category #wrapper #js-product-list{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important}
body#category #wrapper #js-product-list .tvgrid-list-view-product{width:100%!important;margin:0!important;padding:0!important}
body#category #wrapper #js-product-list .tvgrid-list-view-product>.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;width:100%!important;margin:0!important;padding:0!important}
body#category #wrapper #js-product-list .tvgrid-list-view-product>.products::before,body#category #wrapper #js-product-list .tvgrid-list-view-product>.products::after{display:none!important}
body#category #wrapper #js-product-list .tvgrid-list-view-product>.products>article.product-miniature{display:flex!important;float:none!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
body#category #wrapper #js-product-list .tvgrid-list-view-product>.products>:not(article){grid-column:1/-1}
body#category #wrapper #js-product-list .thumbnail-container{display:flex!important;width:100%!important;height:100%!important;margin:0!important}
body#category #wrapper #js-product-list .tvproduct-wrapper{position:relative!important;display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;padding:14px!important;border:1px solid var(--sv-line)!important;border-radius:16px!important;background:var(--sv-surface)!important;box-shadow:none!important;transform:none!important;overflow:hidden}
body#category #wrapper #js-product-list .tvproduct-image{display:contents!important}
body#category #wrapper #js-product-list .product-thumbnail{display:flex!important;align-items:center;justify-content:center;order:0;height:180px!important;width:100%!important;margin:0 0 12px!important;padding:8px!important;background:#fff!important;border-radius:10px!important;overflow:hidden}
body#category #wrapper #js-product-list .product-thumbnail img{width:100%!important;height:100%!important;max-height:164px!important;object-fit:contain!important;transform:none!important;transition:none!important;margin:0!important}
body#category #wrapper #js-product-list .tvproduct-flags{display:none!important}
body#category #wrapper #js-product-list .tvproduct-info-box-wrapper{order:1;flex:1;padding:0!important;width:100%!important;text-align:left!important}
body#category #wrapper #js-product-list .product-description{padding:0!important;margin:0!important;background:transparent!important}
body#category #wrapper #js-product-list .tvall-product-star-icon{margin:0 0 8px!important;min-height:18px!important}
body#category #wrapper #js-product-list .tvall-product-star-icon .material-icons{font-size:14px!important}
body#category #wrapper #js-product-list .tvproduct-name{height:auto!important;min-height:42px!important;margin:0 0 10px!important;padding:0!important;text-align:left!important;white-space:normal!important;overflow:hidden!important}
body#category #wrapper #js-product-list .tvproduct-name h6{font-size:14px!important;line-height:1.5!important;font-weight:600!important;color:var(--sv-ink)!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;white-space:normal!important;margin:0!important;padding:0!important;text-transform:none!important}
body#category #wrapper #js-product-list .tv-product-price{min-height:0!important;margin:0!important;padding:0!important;text-align:left!important}
body#category #wrapper #js-product-list .product-price-and-shipping{margin:0!important;padding:0!important;min-height:30px!important}
body#category #wrapper #js-product-list .price{font-size:20px!important;line-height:1.4!important;font-weight:700!important;color:var(--sv-ink)!important}
body#category #wrapper #js-product-list .tvproduct-hover-btn{order:2;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;display:block!important;width:100%!important;height:auto!important;margin:14px 0 0!important;padding:0!important;background:transparent!important}
body#category #wrapper #js-product-list .sv-card-actions{display:flex!important;width:100%!important;max-width:100%!important;padding:0!important;gap:6px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
body#category #wrapper #js-product-list .sv-card-buy{flex:1;min-width:0!important}
body#category #wrapper #js-product-list .sv-card-actions form{width:100%!important;margin:0!important}
body#category #wrapper #js-product-list .sv-card-actions :is(.sv-card-preview,.sv-card-cart){min-width:0!important;min-height:42px!important;height:42px!important;padding:0 8px!important;border-radius:8px!important;font:600 12px/1.3 Arial,Helvetica,sans-serif!important;box-shadow:none!important;transform:none!important;white-space:normal!important}
body#category #wrapper #js-product-list .sv-card-actions .sv-card-preview{width:42px!important;flex:0 0 42px;background:var(--sv-soft)!important;color:var(--sv-accent)!important}
body#category #wrapper #js-product-list .sv-card-actions .sv-card-cart{width:100%!important;color:#fff!important;background:var(--sv-blue)!important}
body#category #wrapper #js-product-list .sv-card-actions .sv-card-cart:disabled{background:var(--sv-soft)!important;color:var(--sv-muted)!important}
body#category #wrapper #js-product-list .sv-card-actions .sv-card-cart span{display:inline!important;font:inherit!important}
body#category #wrapper #js-product-list .sv-card-actions .sv-icon{width:17px!important;height:17px!important;flex:0 0 17px}
body#category #wrapper #js-product-list .sv-card-cart:disabled .sv-icon{display:none!important}

body#category #wrapper #js-product-list .tvproduct-wrapper:not(.grid){display:none!important}
body#category #wrapper #js-product-list .tvproduct-wrapper.grid{display:flex!important}
body#category #wrapper #js-product-list .tvproduct-name h6{min-height:42px!important;max-height:42px!important}
body#category #wrapper #js-product-list .sv-card-cart:disabled{opacity:1!important}
body#category #wrapper #js-product-list .sv-card-cart:disabled span{color:var(--sv-muted)!important}
body#category #wrapper #js-product-list .sv-card-actions :is(a,button):focus-visible{outline:2px solid var(--sv-accent)!important;outline-offset:2px}
body#category #wrapper #js-product-list .tvproduct-wrapper:hover{border-color:var(--sv-accent)!important;box-shadow:0 5px 18px rgb(12 33 68 / 7%)!important}
body#category #wrapper #js-product-list .product-thumbnail:focus-visible{outline:2px solid var(--sv-accent)!important;outline-offset:2px}
body#category #wrapper #js-product-list-top{display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px!important;margin:0 0 24px!important;min-height:76px!important;background:var(--sv-surface)!important;border:1px solid var(--sv-line)!important;border-radius:14px!important;box-shadow:none!important}
body#category #wrapper #js-product-list-top::before,body#category #wrapper #js-product-list-top::after{display:none!important}
body#category #wrapper #js-product-list-top .tv-grid-list-all-wrapper{display:none!important}
body#category #wrapper #js-product-list-top :is(.tv-left-search-totle-product,.tvall-page-shortby){float:none!important;width:auto!important;flex:0 1 auto;max-width:100%;margin:0!important;padding:0!important}
body#category #wrapper #js-product-list-top .tv-total-product-number{font-size:14px!important;color:var(--sv-muted)!important;margin:0!important;line-height:1.5!important}
body#category #wrapper #js-product-list-top .sort-by-row{display:flex!important;align-items:center;gap:12px;margin:0!important}
body#category #wrapper #js-product-list-top .sort-by{display:block!important;width:auto!important;font-size:13px!important;padding:0!important;white-space:nowrap;color:var(--sv-muted)!important}
body#category #wrapper #js-product-list-top .products-sort-order{width:220px!important;max-width:100%!important;padding:0!important;margin:0!important}
body#category #wrapper #js-product-list-top .select-title{width:100%!important;min-height:44px!important;padding:10px 12px!important;border:1px solid var(--sv-line)!important;border-radius:9px!important;background:var(--sv-surface)!important;color:var(--sv-ink)!important;font-size:14px!important;line-height:1.5!important}
body#category #wrapper #js-product-list-top .dropdown-menu{min-width:100%!important;max-width:calc(100vw - 32px)!important;max-height:340px;overflow-y:auto;border:1px solid var(--sv-line)!important;border-radius:10px!important;padding:6px!important;background:var(--sv-surface)!important;box-shadow:0 8px 24px rgb(12 33 68 / 12%)}
body#category #wrapper #js-product-list-top .select-list{padding:10px 12px!important;font-size:13px!important;line-height:1.5!important;white-space:normal!important;color:var(--sv-ink)!important;border-radius:6px}
body#category #wrapper #js-product-list-top .select-list:hover{background:var(--sv-soft)!important;color:var(--sv-accent)!important}
@media(min-width:1440px){body#category #wrapper #js-product-list .tvgrid-list-view-product>.products{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:768px) and (max-width:1099px){body#category #wrapper #js-product-list .tvgrid-list-view-product>.products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}}
@media(max-width:767px){
body#category #wrapper #js-product-list .tvgrid-list-view-product>.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body#category #wrapper #js-product-list .tvproduct-wrapper{padding:10px!important;border-radius:12px!important}
body#category #wrapper #js-product-list .product-thumbnail{height:140px!important;padding:4px!important;margin-bottom:10px!important}
body#category #wrapper #js-product-list .product-thumbnail img{max-height:132px!important}
body#category #wrapper #js-product-list .tvproduct-name h6{font-size:13px!important;line-height:1.5!important}
body#category #wrapper #js-product-list .price{font-size:17px!important}
body#category #wrapper #js-product-list .sv-card-actions .sv-card-cart .sv-icon{display:none!important}
body#category #wrapper #js-product-list .sv-card-actions :is(.sv-card-preview,.sv-card-cart){min-height:44px!important;height:44px!important;padding:0 5px!important;font-size:11px!important}
body#category #wrapper #js-product-list .sv-card-actions .sv-card-preview{width:36px!important;flex-basis:36px!important}
body#category #wrapper #js-product-list-top{padding:12px!important;gap:10px!important;margin-bottom:18px!important}
body#category #wrapper #js-product-list-top .tvall-page-shortby{flex:1 1 100%!important;width:100%!important}
body#category #wrapper #js-product-list-top .sort-by-row{width:100%!important;justify-content:space-between}
body#category #wrapper #js-product-list-top .products-sort-order{width:auto!important;flex:1;min-width:0}
}
@media(max-width:339px){body#category #wrapper #js-product-list .tvgrid-list-view-product>.products{grid-template-columns:minmax(0,1fr)!important}body#category #wrapper #js-product-list .product-thumbnail{height:180px!important}body#category #wrapper #js-product-list .product-thumbnail img{max-height:170px!important}}
