/* /style/shop-brand.css */ 

/* Shop-by-brand family (AllSuppliers.php + viewSupplier.php) — UI v2 "Warm Modern"
   (tokens from headerStyle.php). Markup comes from the shared SupplierHTML emitters
   (AllSuppliersDataHTML / SupplierDetailHTML / getSupplierPrdSliderHTML) — class
   names preserved, restyled only. The /style/min/ twin of this file was deleted
   with this rewrite (the combiner falls back to this source). */

/* ── All-suppliers brand grid ── */
.BrandListRow{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));
	gap:var(--tch-space-4);
	padding-bottom:var(--tch-space-7);
	position:static;
}
.BrandListRow:before, .BrandListRow:after{content:none;}
.BrandListRow .clear{display:none;}
.BrandListRow h1{
	grid-column:1 / -1;
	font-family:var(--tch-font-display);
	font-weight:500;
	font-size:clamp(var(--tch-text-xl), 3vw, var(--tch-text-2xl));
	color:var(--tch-ink);
	margin:0 0 var(--tch-space-2);
}
.BrandListRow .BrandList{
	overflow:hidden;
	padding:var(--tch-space-4);
	width:auto;
	float:none;
	margin:0;
	text-align:center;
	background:var(--tch-surface);
	border:1px solid var(--tch-line);
	border-radius:var(--tch-radius-lg);
	box-shadow:var(--tch-shadow-sm);
	transition:box-shadow .18s ease, transform .18s ease, border-color .18s ease;
	display:flex;
	flex-direction:column;
}
.BrandListRow .BrandList:hover{box-shadow:var(--tch-shadow); transform:translateY(-2px); border-color:var(--tch-brand);}
.BrandListRow .BrandList h3{margin:0 0 var(--tch-space-3) 0; font-size:15px; font-weight:600; color:var(--tch-ink);}
.BrandListRow .BrandList .BrandListLogo{
	height:150px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid var(--tch-line);
	border-radius:var(--tch-radius);
	background:#fff;
	margin-bottom:var(--tch-space-4);
}
.BrandListRow .BrandList .BrandListLogo img{max-height:140px; vertical-align:middle;}
.BrandListRow .BrandList .BrandListDescription h4{margin:0; font-size:16px;}
.BrandListRow .BrandList .BrandListDescription a{margin-left:4px;}
.BrandListRow .BrandList ul{margin:0; padding:0;}
.BrandListRow .BrandList ul li{list-style:none; padding:10px 0 10px 18px; position:relative; border-bottom:1px solid var(--tch-line); font-size:13px;}
.BrandListRow .BrandList ul li:before{color:var(--tch-brand); content:"\f00c"; font-family:FontAwesome; left:0; position:absolute; top:13px; font-size:12px;}
.BrandListRow .BrandList ul li:last-child{border-bottom:0; padding-bottom:0;}
.BrandListRow .BrandList .SeeAllFindBtn{text-align:center; margin-top:auto;}
.BrandListRow .BrandList .SeeAllFindBtn .WRBTN{
	border-radius:var(--tch-radius-pill);
	border:1px solid var(--tch-brand);
	color:var(--tch-brand-dark);
	background:var(--tch-surface);
	padding:9px 20px;
	font-size:13px;
	font-weight:600;
}
.BrandListRow .BrandList .SeeAllFindBtn .WRBTN:hover{background:var(--tch-brand); color:#fff;}

/* ── Single-supplier page ── */
.ShopBrand .ManufacturerDetail{
	padding:var(--tch-space-5);
	overflow:hidden;
	background:var(--tch-surface);
	border:1px solid var(--tch-line);
	border-radius:var(--tch-radius-lg);
	box-shadow:var(--tch-shadow-sm);
	margin-bottom:var(--tch-space-5);
}
.ShopBrand .ManufacturerDetail .ManufacturerLogo{
	max-width:206px;
	width:16%;
	float:left;
	text-align:center;
	border:1px solid var(--tch-line);
	border-radius:var(--tch-radius);
	background:#fff;
	padding:8px;
	box-sizing:border-box;
}
.ShopBrand .ManufacturerDetail .ManufacturerDescription{margin-left:20%;}
.ShopBrand .ManufacturerDetail .ManufacturerDescription h1{
	font-family:var(--tch-font-display);
	font-weight:500;
	font-size:clamp(var(--tch-text-lg), 2.4vw, var(--tch-text-xl));
	color:var(--tch-ink);
	margin:0 0 var(--tch-space-3);
}
.ShopBrand .ManufacturerDetail .ManufacturerDescription p{color:var(--tch-ink-2);}
.ShopBrand .ManufacturerDetail .ManufacturerDescription h4{margin:0; font-size:16px;}
.ShopBrand .ManufacturerDetail ul{margin:0; padding:0;}
.ShopBrand .ManufacturerDetail ul li{list-style:none; padding:10px 0 10px 18px; position:relative;}
.ShopBrand .ManufacturerDetail ul li:before{color:var(--tch-brand); content:"\f00c"; font-family:FontAwesome; left:0; position:absolute; top:13px; font-size:12px;}
.ShopBrand .ManufacturerDetail ul li a{color:var(--tch-brand-dark);}
.ShopBrand .ManufacturerDetail ul li a:hover{color:var(--tch-ink);}

.ShopBrand .ProductCategories{text-align:center; padding:var(--tch-space-6) 0;}
.ShopBrand .ProductCategories h2{font-family:var(--tch-font-display); font-size:var(--tch-text-xl); font-weight:500; color:var(--tch-ink);}
.ShopBrand .ProductCategories h3{font-family:var(--tch-font-display); font-size:var(--tch-text-md); font-weight:500; color:var(--tch-ink);}
.ShopBrand .ProductCategories ul{margin:0; padding:0 0 var(--tch-space-4) 0; text-align:center; border-bottom:1px solid var(--tch-line);}
.ShopBrand .ProductCategories ul li{list-style:none; text-align:center; display:inline-block; max-width:120px; margin-right:10px; margin-bottom:10px; vertical-align:top;}
.ShopBrand .ProductCategories ul li:last-child{margin-right:0;}
.ShopBrand .ProductCategories ul li span{
	display:block;
	width:90px;
	border:1px solid var(--tch-line);
	border-radius:var(--tch-radius);
	background:var(--tch-surface);
	padding:5px;
	margin:0 auto 5px auto;
	transition:border-color .15s ease, box-shadow .15s ease;
}
.ShopBrand .ProductCategories ul li a{color:var(--tch-ink-2); font-size:13px;}
.ShopBrand .ProductCategories ul li a:hover{color:var(--tch-brand-dark);}
.ShopBrand .ProductCategories ul li a:hover span{border-color:var(--tch-brand); box-shadow:var(--tch-shadow-sm);}

/* ── Supplier product slider (shared owl markup from getSupplierPrdSliderHTML) ── */
.YouMayAlso{padding-bottom:var(--tch-space-7);}
.YouMayAlso h2{font-family:var(--tch-font-display); font-size:var(--tch-text-xl); font-weight:500; color:var(--tch-ink);}
.YouMayAlso .Product{padding:5px;}
.YouMayAlso .Product .ProductShadow{
	background:var(--tch-surface);
	border:1px solid var(--tch-line);
	border-radius:var(--tch-radius-lg);
	overflow:hidden;
	padding:var(--tch-space-3);
	transition:box-shadow .18s ease;
}
.YouMayAlso .Product .ProductShadow:hover{box-shadow:var(--tch-shadow);}
.YouMayAlso .Product .Thumb{height:220px; text-align:center; white-space:nowrap; background:#fff;}
.YouMayAlso .Product .Thumb .helper{display:inline-block; height:100%; vertical-align:middle;}
.YouMayAlso .Product .Thumb img{max-height:100%; max-width:100%; vertical-align:middle; display:inline-block;}
.YouMayAlso .Product .SortDesc h4{font-size:14px; font-weight:600; margin:10px 0 6px; line-height:1.4; min-height:40px;}
.YouMayAlso .Product .SortDesc h4 a{color:var(--tch-ink);}
.YouMayAlso .Product .SortDesc h4 a:hover{color:var(--tch-brand-dark);}
.YouMayAlso .Product .PricingOption{font-size:15px; color:var(--tch-ink);}
.YouMayAlso .Product .PricingOption .Save{font-size:12px; font-weight:600; color:#1e6b2d;}
.YouMayAlso .Product .PricingOption .Price{font-size:13px; color:var(--tch-muted); text-decoration:line-through; font-weight:400;}

/* review stars sprite (was inline in viewSupplier.php's head) */
span.stars, span.stars span{
	display:inline-flex !important;
	background:url(//cdn.theclassyhome.com/images/site/stars.png) 0 -16px repeat-x;
	width:80px;
	height:16px;
}
span.stars span{background-position:0 0;}

/* ── Responsive ── */
@media (max-width:767px){
	.ShopBrand .ManufacturerDetail{padding:var(--tch-space-4);}
	.ShopBrand .ManufacturerDetail .ManufacturerLogo{float:none; width:auto; max-width:220px; margin:0 auto var(--tch-space-4);}
	.ShopBrand .ManufacturerDetail .ManufacturerDescription{margin-left:0;}
}