#us-root .us-optionbox { margin-top: 8px; border: 1px solid var(--us-border); border-radius: var(--us-radius-sm); padding: 8px; background: #fff; }
#us-root .us-optionbox-title { font-size: 12px; font-weight: 700; color: #333; margin-bottom: 6px; }
#us-root .us-optionhead { display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--us-muted); font-weight: 700; margin-bottom: 4px; }
#us-root .us-optionhead .us-optionname { flex: 1 1 auto; }
#us-root .us-optionhead .us-optionprice { flex: 0 0 72px; text-align: right; }
#us-root .us-optionhead .us-optionper { flex: 0 0 84px; text-align: right; }
#us-root .us-optionitem { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--us-muted); }
#us-root .us-optionname { flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#us-root .us-optionprice { flex: 0 0 auto; width: 72px; text-align: right; font-weight: 600; color: #333; font-variant-numeric: tabular-nums; }
#us-root .us-optionper { flex: 0 0 auto; width: 84px; text-align: right; color: var(--us-muted); font-variant-numeric: tabular-nums; }
/* DeepSearch independent presentation styles */

#us-root { padding-top: 10px; }
#us-root {
	/* design tokens */
	--us-radius: 6px;
	--us-radius-sm: 4px;
	--us-gap: 12px;
	--us-pad: 12px;
	--us-border: #e6e6e6;
	--us-bg: #ffffff;
	--us-muted: #666666;
	--us-muted-2: #888888;
	--us-line: #e5e5e5;
	--us-primary: #00A1CB;
	--us-primary-700: #0e5f86;
	--us-accent: #ff7f00;
	--us-danger: #d9534f;
	--us-success-bg: #dff0d8;
	--us-success-fg: #3c763d;
}
#us-root .heading1 { margin: 10px 0 15px; border-bottom: 1px solid var(--us-line); padding-bottom: 8px; }
#us-root .heading1 .maintext { font-size: 24px; font-weight: 600; }
#us-root .heading1 .subtext { font-size: 13px; color: var(--us-muted-2); }
#us-root .contentpanel { background: var(--us-bg); border: 1px solid var(--us-border); border-radius: var(--us-radius); padding: 15px; }
#us-root .heading4 { font-size: 18px; font-weight: 600; margin: 15px 0; }

/* Cards and list rows */
#us-root .us-card { background: var(--us-bg); border: 1px solid var(--us-border); border-radius: var(--us-radius); padding: var(--us-pad); margin-bottom: 12px; position: relative; transition: box-shadow .16s ease, transform .16s ease; }
#us-root .us-card:focus-within { outline: 2px solid var(--us-primary); outline-offset: 2px; }
@media (hover:hover) {
	#us-root .us-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.06); transform: translateY(-1px); }
}
@media (prefers-reduced-motion: reduce) {
	#us-root .us-card { transition: none; }
}
#us-root .us-row { display: flex; gap: 12px; align-items: flex-start; }
#us-root .us-col { box-sizing: border-box; }
#us-root .us-col-img { flex: 0 0 auto; width: 130px; }
#us-root .us-col-options { flex: 0 0 260px; }
#us-root .us-col-content { flex: 1 1 auto; }
#us-root .us-tags { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-start; }
#us-root .us-col-content .us-tags { margin-top: 8px; }
#us-root .us-tag { display: inline-block; padding: 2px 8px; border: 1px solid var(--us-accent); border-radius: 12px; font-size: 12px; color: var(--us-accent); background: #fff; text-decoration: none; }
#us-root .us-tag:hover { border-color: var(--us-accent); color: var(--us-accent); background: #f5f5f5; }

@media (max-width: 992px) {
	#us-root .us-row { flex-wrap: wrap; }
	#us-root .us-col-img { order: 1; }
	#us-root .us-col-content { order: 2; flex: 1 1 100%; }
	#us-root .us-col-options { order: 3; flex: 1 1 100%; }
	#us-root .us-tags { justify-content: flex-start; }
}

/* Media / image */
#us-root .us-image { display: flex; position: relative; justify-content: center; align-items: center; }
#us-root .us-image img { display: block; width: 100%; height: auto; aspect-ratio: 4/5; object-fit: contain; background: transparent; border: 0; border-radius: 0; }

/* Pricetag block */
#us-root .us-pricetag { margin-top: 8px; position: relative; padding: 10px; min-height: 56px; background: #fff; border: 1px solid var(--us-border); border-radius: var(--us-radius-sm); display: flex; align-items: center; justify-content: space-between; gap: 10px; }
#us-root .us-jumbotron { background: #fdfdfd; box-shadow: 0 1px 2px rgba(0,0,0,0.06); }
/* removed .us-spiral decorative element */
#us-root .us-price { text-align: left; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
#us-root .us-oneprice { font-weight: 700; color: #222; font-size: 18px; line-height: 1.1; font-variant-numeric: tabular-nums; }
#us-root .us-fromprice { font-weight: 600; color: var(--us-muted); font-size: 13px; line-height: 1.1; font-variant-numeric: tabular-nums; }
#us-root .us-pricenew { font-weight: 800; color: var(--us-danger); font-size: 18px; line-height: 1.1; font-variant-numeric: tabular-nums; }
#us-root .us-priceold { color: #999; text-decoration: line-through; margin-left: 0; font-size: 13px; opacity: .9; }
#us-root .us-sku-wrap { text-align: left; margin-top: 8px; }
#us-root .us-sku { font-size: 12px; color: var(--us-muted); }
#us-root .us-sku-underimg { text-align: center; font-weight: 700; font-size: 13px; margin-top: 6px; }
#us-root .us-col-options .us-sku { font-weight: 700; margin-bottom: 6px; text-align: left; }

/* CTA buttons (use FontAwesome icons in markup) */
/* Cart button - primary blue color */
#us-root .us-cta-cart { background: var(--us-primary); color: #fff; padding: 10px 14px; font-size: 13px; text-transform: uppercase; border: none; box-shadow: none; text-decoration: none; border-radius: 4px; display: inline-flex; align-items: center; gap: 8px; }
#us-root .us-cta-cart:hover { background: var(--us-primary-700); color: #fff; }
#us-root .us-cta-cart:focus-visible { outline: 2px solid var(--us-primary); outline-offset: 2px; }

/* Call button - gray color for call-to-order products */
#us-root .us-cta-call { background: #6c757d; color: #fff; padding: 10px 14px; font-size: 13px; text-transform: uppercase; border: none; box-shadow: none; text-decoration: none; border-radius: 4px; display: inline-flex; align-items: center; gap: 8px; }
#us-root .us-cta-call:hover { background: #5a6268; color: #fff; }
#us-root .us-cta-call:focus-visible { outline: 2px solid #6c757d; outline-offset: 2px; }
#us-root .nostock { color: #a94442; font-size: 13px; font-weight: 600; }

/* List-specific widths */
#us-root .us-list .us-pricetag { width: 255px; }
#us-root .us-list .us-pricetag_wide { width: 350px; }

/* Add-to-cart feedback */
#us-root .added_to_cart { background-color: var(--us-success-bg) !important; border-color: #37891b !important; border-radius: 3px !important; color: var(--us-success-fg) !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.025) inset !important; }

/* Pagination (independent) */
#us-root .us-pagination { background: #f7f7f7; border: 1px solid var(--us-border); border-radius: var(--us-radius); padding: 10px 12px; }
#us-root .us-pages { list-style: none; display: flex; gap: 6px; padding: 0; margin: 0; }
#us-root .us-page {}
#us-root .us-link { display: inline-block; padding: 6px 10px; border: 1px solid #ddd; border-radius: 3px; color: #333; text-decoration: none; }
#us-root .us-page.active .us-link { background-color: var(--us-accent); border-color: var(--us-accent); color: #fff; }

/* Toolbar & form */
#us-root .us-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
#us-root .us-toggle-btn { padding: 6px 10px; border: 1px solid #ddd; background: #fff; border-radius: 3px; cursor: pointer; }
#us-root .us-toggle-btn.active { background: #ff7f00; color: #fff; border-color: #ff7f00; }
#us-root .us-sorting select { padding: 6px; border: 1px solid #ddd; border-radius: 3px; }
#us-root .us-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; align-items: center; margin-bottom: 12px; }
#us-root .us-field-label { grid-column: 1 / -1; font-size: 14px; color: #666; }
#us-root .us-field input[type="text"],
#us-root .us-field select { width: 100%; padding: 6px; border: 1px solid #ddd; border-radius: 3px; }
#us-root .us-empty { background: #fff; border: 1px solid var(--us-border); border-radius: var(--us-radius); padding: 16px; text-align: center; font-size: 16px; color: #555; }

/* Basic titles and descriptions */
#us-root .prdocutname { font-weight: 600; font-size: 16px; color: #333; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#us-root .prdocutname:hover { text-decoration: underline; }
#us-root .us-name-center { display: block; text-align: center; }
#us-root .us-name-right { display: block; text-align: right; }
#us-root .us-name-left { display: block; text-align: left; }

/* Align content column in list view */
#us-root .us-col-content .productdiscrption { text-align: left; }
#us-root .us-col-content .us-pricetag { justify-content: flex-end; }
#us-root .us-col-content .us-price { text-align: right; }
#us-root .productdiscrption { font-size: 13px; color: var(--us-muted); margin-top: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Sale/New badges (independent) */
#us-root .us-card .sale, #us-root .us-card .new { position: absolute; left: 6px; background: var(--us-accent); color: #fff; font-size: 11px; padding: 4px 6px; border-radius: 6px; letter-spacing: .2px; font-weight: 600; }
#us-root .us-card .sale { top: 6px; }
#us-root .us-card .new { top: 30px; background: var(--us-primary); }

/* Compact helper: ensure CTA and price align well in list and grid */
#us-root .us-price .tax { font-size: 12px; color: var(--us-muted); }

/* Respect reduced motion in hover effects */
@media (prefers-reduced-motion: reduce) {
	#us-root .us-cta-cart, #us-root .us-cta-call { transition: none; }
}

/* Rating image styling to match Foxy look */
#us-root .us-rating .rating {
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	border-radius: 4px;
	padding: 15px 0;
	display: block;
}