/* TDSD visual refresh. Storefront only; the existing purchase-control layout is retained. */
body.tdsd-ui-design {
	--tdsd-font: "Heebo", Arial, sans-serif;
	--tdsd-navy: #10104a;
	--tdsd-teal: #000098;
	--tdsd-teal-dark: #00006b;
	--tdsd-teal-soft: #e9e9f9;
	--tdsd-slate: #565672;
	--tdsd-muted: #73738c;
	--blue: #000098;
	--blue-d: #00006b;
	--blue-l: #e9e9f9;
	--blue-l2: #f6f6fd;
	--ink: var(--tdsd-navy);
	--t1: #262643;
	--t2: var(--tdsd-slate);
	--t3: var(--tdsd-muted);
	--bd: #e4e4ef;
	--bd-l: #efeff6;
	--bd-2: #cfcfe0;
	--bg: #fff;
	--bg-2: #f7f7fb;
	--red: #b42335;
	--green: #198754;
	--orange: #f97316;
	--shadow: 0 5px 18px rgb(20 45 66 / 6%);
	--shadow-h: 0 10px 28px rgb(20 45 66 / 12%);
	font-family: var(--tdsd-font);
	font-size: 15px;
	line-height: 1.65;
	color: var(--t1);
	background: #fff;
}

/* Use the already-loaded Hebrew family for headings, controls and numerals too.
   These are text elements; WooCommerce icon fonts and SVGs are not reset. */
body.tdsd-ui-design :is(
	h1, h2, h3, h4, h5, h6, button, input, select, textarea,
	.logo .text .top, .logo .text .sub,
	.woocommerce li.product .price-row .price,
	.product-info .price-large, .hero-c .hprice, .tdsd-sticky .pr,
	.head-actions .cart .total .amt,
	.price, .price-old, .price-ask, .ask-price, .old, .amt, .pr, .pn, .sku, .cb, .ribbon, .onsale,
	.product-info .installments strong,
	.trust-it .h, .brand-cell .brand-name, .foot-bottom .pay span
) {
	font-family: var(--tdsd-font);
}

body.tdsd-ui-design :is(h1, h2, h3, h4, h5, h6) {
	font-weight: 700;
	letter-spacing: normal;
}

body.tdsd-ui-design :is(.product-info h1, .hero-c h1) {
	line-height: 1.25;
	letter-spacing: -.025em;
}

body.tdsd-ui-design .section-head h2 {
	line-height: 1.3;
	letter-spacing: -.02em;
}

body.tdsd-ui-design .woocommerce li.product .title {
	font-size: 14px;
	line-height: 1.5;
	min-height: 42px;
	font-weight: 600;
}

body.tdsd-ui-design :is(.product-overview .body, .woocommerce-product-details__short-description) {
	font-size: 15px;
	line-height: 1.8;
	color: var(--t1);
}

/* The symbol is vector; the TDSD name remains editable live text. */
body.tdsd-ui-design .logo {
	gap: 11px;
}

body.tdsd-ui-design .logo .tdsd-brand-symbol {
	display: block;
	width: 56px;
	height: 48px;
	object-fit: contain;
	flex-shrink: 0;
}

body.tdsd-ui-design .logo .text .top {
	font-size: 30px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .035em;
}

body.tdsd-ui-design .logo .text .top .a,
body.tdsd-ui-design .logo .text .top .b {
	color: #000098;
}

body.tdsd-ui-design .logo .text .sub {
	margin-top: 5px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.35;
	color: var(--tdsd-slate);
}

/* Header chrome; interaction and responsive layout stay with the header module. */
body.tdsd-ui-design .top-util {
	background: var(--tdsd-navy);
	color: #fff;
}

body.tdsd-ui-design .top-util :is(a, b, svg, .sel) {
	color: inherit;
}

body.tdsd-ui-design .top-util a:hover {
	color: #9be1d9;
}

body.tdsd-ui-design header.site {
	background: #fff;
}

body.tdsd-ui-design .search-row {
	border-color: var(--tdsd-teal);
}

body.tdsd-ui-design .search-row input {
	font-size: 16px;
}

body.tdsd-ui-design .search-cat {
	background: var(--tdsd-teal-soft);
	color: var(--tdsd-teal);
}

body.tdsd-ui-design .search-row .submit,
body.tdsd-ui-design .head-actions .cart .circle {
	background: var(--tdsd-navy);
	color: #fff;
	box-shadow: none;
}

body.tdsd-ui-design .search-row .submit:hover {
	background: var(--tdsd-teal-dark);
}

body.tdsd-ui-design .head-actions .tool {
	color: var(--tdsd-navy);
}

body.tdsd-ui-design .head-actions .tool:hover {
	color: var(--tdsd-teal);
}

body.tdsd-ui-design .head-actions .cart .circle .cb {
	background: var(--tdsd-teal);
	box-shadow: none;
}

body.tdsd-ui-design .navbar,
body.tdsd-ui-design .navbar.scrolled {
	background: var(--tdsd-teal-soft);
}

body.tdsd-ui-design .navbar.scrolled {
	box-shadow: 0 4px 16px rgb(20 45 66 / 10%);
}

body.tdsd-ui-design .cats-btn,
body.tdsd-ui-design .cat-rail .rh {
	background: var(--tdsd-navy);
	color: #fff;
}

body.tdsd-ui-design .cats-btn:hover {
	background: var(--tdsd-teal-dark);
}

body.tdsd-ui-design .ticker {
	background: var(--tdsd-navy);
	color: #fff;
}

/* A restrained accent system on white product and information panels. */
body.tdsd-ui-design .section-head h2::before,
body.tdsd-ui-design .section-deals .section-head h2::before {
	background: var(--tdsd-teal);
}

body.tdsd-ui-design :is(.section-deals .section-head h2, .section-deals .deals-all, .nav-links .deals-link) {
	color: var(--tdsd-teal);
}

body.tdsd-ui-design .hero-c .label,
body.tdsd-ui-design .campaign .clabel,
body.tdsd-ui-design .woocommerce li.product .ribbon {
	background: var(--tdsd-teal);
	color: #fff;
	letter-spacing: normal;
}

body.tdsd-ui-design .hero-c .shop-btn {
	background: #198754;
	color: #fff;
	box-shadow: none;
}

body.tdsd-ui-design .hero-c .shop-btn:hover {
	background: #146c43;
}

body.tdsd-ui-design :is(.hero-banner, .sub-banner):not(.has-img) {
	color: var(--tdsd-navy);
}

body.tdsd-ui-design :is(.hero-banner, .sub-banner):not(.has-img) h3 {
	color: var(--tdsd-navy);
	text-shadow: none;
}

body.tdsd-ui-design .hero-c .dots i {
	background: #b4cecd;
}

body.tdsd-ui-design .hero-c .dots i.on {
	background: var(--tdsd-teal);
}

body.tdsd-ui-design :is(.trust-it .ic, .filter-chips .chip) {
	background: var(--tdsd-teal-soft);
	color: var(--tdsd-teal);
}

body.tdsd-ui-design .filter-chips .chip {
	border-color: #b4cecd;
}

body.tdsd-ui-design .filter-chips .chip:hover {
	background: #d9ece9;
}

/* Keep the approved white surfaces and thick black boundaries, including hover. */
body.tdsd-ui-design ul.products li.product.tdsd-product-card,
body.tdsd-ui-design ul.products li.product.tdsd-product-card:hover {
	background: #fff !important;
	border: 3px solid #000 !important;
}

/* Native price semantics, ranges and decimal precision remain unchanged. */
body.tdsd-ui-design .product-info .price-large {
	--tdsd-old-price-size: 20px;
	--tdsd-price-currency-size: 25px;
	--tdsd-price-gap: 10px;
}

body.tdsd-ui-design .hero-c .hprice {
	--tdsd-old-price-size: 18px;
	--tdsd-price-currency-size: 1em;
	--tdsd-price-gap: 10px;
}

body.tdsd-ui-design .woocommerce li.product .price-row .price {
	--tdsd-old-price-size: 13px;
	--tdsd-price-currency-size: 14px;
	--tdsd-price-gap: 8px;
	min-width: 0;
}

body.tdsd-ui-design .tdsd-sticky .tdsd-sticky-in > .pr {
	--tdsd-old-price-size: .65em;
	--tdsd-price-currency-size: 1em;
	--tdsd-price-gap: 6px;
	white-space: normal;
}

body.tdsd-ui-design .woocommerce .price,
body.tdsd-ui-design :is(.product-info .price-large, .hero-c .hprice, .woocommerce li.product .price-row .price, .tdsd-sticky .tdsd-sticky-in > .pr, .ls-p, .rv-p) {
	color: var(--tdsd-navy);
	font-variant-numeric: tabular-nums;
}

body.tdsd-ui-design :is(.product-info .price-large, .hero-c .hprice, .woocommerce li.product .price-row .price, .tdsd-sticky .tdsd-sticky-in > .pr) ins {
	display: inline-block;
	background: transparent;
	color: inherit;
	font-size: inherit;
	font-weight: 700;
	text-decoration: none;
}

body.tdsd-ui-design :is(.product-info .price-large, .hero-c .hprice, .woocommerce li.product .price-row .price, .tdsd-sticky .tdsd-sticky-in > .pr) del {
	--tdsd-price-currency-size: 1em;
	display: inline-block;
	margin-inline-start: 0;
	margin-inline-end: var(--tdsd-price-gap);
	color: var(--tdsd-muted);
	font-size: var(--tdsd-old-price-size);
	font-weight: 500;
	opacity: 1;
	text-decoration: line-through;
}

body.tdsd-ui-design :is(.product-info .price-large, .hero-c .hprice, .woocommerce li.product .price-row .price, .tdsd-sticky .tdsd-sticky-in > .pr) .woocommerce-Price-amount {
	color: inherit;
	font: inherit;
	white-space: nowrap;
}

body.tdsd-ui-design :is(.product-info .price-large, .hero-c .hprice, .woocommerce li.product .price-row .price, .tdsd-sticky .tdsd-sticky-in > .pr) .woocommerce-Price-currencySymbol {
	font-size: var(--tdsd-price-currency-size);
	font-weight: 600;
}

body.tdsd-ui-design :is(.product-info .price-large, .hero-c .hprice, .woocommerce li.product .price-row .price, .tdsd-sticky .tdsd-sticky-in > .pr) del .woocommerce-Price-currencySymbol {
	font-weight: inherit;
}

/* Recolor the existing checkout steps without changing fields, flow or provider controls. */
body.tdsd-ui-design .td-heading {
	color: var(--tdsd-navy) !important;
}

body.tdsd-ui-design :is(.td-summary, #td-address-hint, .td-cart-status),
body.tdsd-ui-design #td-cart-card :is(dl, .td-cart-price small) {
	color: var(--tdsd-slate);
}

body.tdsd-ui-design .td-number {
	color: var(--tdsd-slate);
	background: #fff;
	border-color: var(--bd-2);
}

body.tdsd-ui-design .td-step:is(.is-active, .is-done) .td-number {
	color: #fff;
	background: var(--tdsd-teal);
	border-color: var(--tdsd-teal);
}

body.tdsd-ui-design .td-edit,
body.tdsd-ui-design #td-cart-card a {
	color: var(--tdsd-teal);
}

body.tdsd-ui-design .td-preview-ready .td-next {
	background: var(--tdsd-teal) !important;
	color: #fff !important;
}

body.tdsd-ui-design .td-preview-ready .td-next:hover {
	background: var(--tdsd-teal-dark) !important;
}

body.tdsd-ui-design .td-preview-ready #shipping_method li:has(input:checked) {
	border-color: var(--tdsd-teal);
	background: #fff;
}

body.tdsd-ui-design .td-preview-ready :is(#shipping_method input, #billing_business_invoice) {
	accent-color: var(--tdsd-teal);
}

body.tdsd-ui-design #td-cart-card :is(h2, .td-cart-name, .td-cart-price, button) {
	color: var(--tdsd-navy);
}

body.tdsd-ui-design #td-cart-card button:not([data-td-cart="remove"]) {
	background: var(--tdsd-teal-soft);
	border-color: var(--bd-2);
}

/* Footer text is deliberately lighter than the slate used on white surfaces. */
body.tdsd-ui-design footer.site-foot {
	background: var(--tdsd-navy);
	border-top-color: var(--tdsd-teal);
	color: #d3e1e8;
}

body.tdsd-ui-design footer.site-foot :is(.foot-about p, .foot-col a, .foot-bottom, .foot-bottom .pay span) {
	color: #d3e1e8;
}

body.tdsd-ui-design footer.site-foot .logo .text .top .a,
body.tdsd-ui-design footer.site-foot .foot-col h5,
body.tdsd-ui-design footer.site-foot .foot-col a:hover {
	color: #fff;
}

body.tdsd-ui-design footer.site-foot .logo .text .top .b {
	color: #fff;
}

body.tdsd-ui-design footer.site-foot .foot-contact a svg {
	color: #9be1d9;
}

body.tdsd-ui-design footer.site-foot .foot-social a {
	color: #fff;
	border-color: #738b9c;
}

body.tdsd-ui-design footer.site-foot .foot-social a:hover {
	background: var(--tdsd-teal);
	border-color: #9be1d9;
}

body.tdsd-ui-design .search-row:focus-within {
	box-shadow: 0 0 0 3px rgb(11 111 112 / 18%);
}

body.tdsd-ui-design :focus-visible {
	outline-color: var(--tdsd-teal-dark);
}

body.tdsd-ui-design :is(.top-util, footer.site-foot) :focus-visible {
	outline-color: #9be1d9;
}

body.tdsd-ui-design ::selection {
	background: var(--tdsd-teal);
	color: #fff;
}