/*
Theme Name: Bee1 Ultra Child — Boutique 77
Theme URI: https://studiobee1.com
Description: Boutique 77 child of Bee1 Ultra Theme. Minimalist monochrome luxury storefront, editorial 2:3 lookbook catalog (layout_6569 parity), zero jQuery chrome, full WooCommerce/PayPlus/ERP business parity, and Bee1 Commerce Suite integration.
Author: Studio Bee1
Author URI: https://studiobee1.com
Template: bee1-ultra-theme
Version: 0.5.4
Text Domain: bee1-ultra-child-boutique77
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	--bee1-content-max: 1900px;
	--bee1-commerce-container: 1900px;
	--bee1-spe-yn-container-width: 1900px;
	--bt77-ink: #111111;
	--bt77-ink-soft: #333333;
	--bt77-muted: #949799;
	--bt77-line: #e5e5e5;
	--bt77-divider: #cccccc;
	--bt77-red: #af2638;
	--bt77-sale-coral: #ff493b;
	--bt77-surface: #f7f7f7;
	--bt77-bg: #ffffff;
	/* 0.3.0 — live boutique77.co.il (Impreza) is Open Sans everywhere, measured 2026-11-13. */
	--bt77-font: "Open Sans", Arial, sans-serif;
	--bee1-spe-stack-sticky-top: 120px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

body {
	background-color: var(--bt77-bg);
	color: var(--bt77-ink);
	font-family: var(--bt77-font);
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

/* ==========================================================================
   1. Full-bleed Homepage & Container Contracts (Zero Theme Right Sidebar)
   ========================================================================== */
body.home #right-sidebar,
body.home #left-sidebar {
	display: none !important;
}

body.home .site.grid-container,
body.home #page.site,
body.home .site-content,
body.home #primary.content-area,
body.home #main.site-main,
body.home .inside-article,
body.home .entry-content {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
}

body.home .entry-header {
	display: none !important;
}

/* CMS pages clean container */
body.page:not(.home):not(.woocommerce-page) .site.grid-container {
	max-width: 1200px;
	margin-inline: auto;
	padding-inline: 24px;
	padding-block: 40px 72px;
}

/* Catalog & Single Product wide luxury container (1900px / 40px side padding) */
body.woocommerce-page .site.grid-container {
	max-width: 1900px;
	margin-inline: auto;
	padding-inline: clamp(20px, 2.78vw, 40px);
}

/* 0.3.1 — one gutter only (the parent theme also pads .inside-article: 40 + 40 = 80px) */
body.woocommerce-page.archive .inside-article,
body.single-product .inside-article {
	padding-inline: 0 !important;
}

body.single-product .site.grid-container {
	padding-inline: clamp(20px, 2.08vw, 30px);
}

@media (max-width: 767px) {
	body.woocommerce-page.archive .site.grid-container,
	body.single-product .site.grid-container {
		padding-inline: 20px !important;
	}
}

/* Cart / Checkout / Account comfortable reading width */
body.woocommerce-cart .site.grid-container,
body.woocommerce-checkout .site.grid-container,
body.woocommerce-account .site.grid-container {
	max-width: 1360px;
}

/* ==========================================================================
   2. Announcement Topbar (`post_2067` — #333333, 30px, 13px light fade)
   ========================================================================== */
.bt77-topbar {
	background: #333333;
	color: #ffffff;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	overflow: hidden;
	padding-inline: 16px;
	direction: ltr;
}

.bt77-topbar__list {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	height: 30px;
}

.bt77-topbar__item {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.45s ease, visibility 0.45s ease;
	white-space: nowrap;
}

.bt77-topbar__item.is-active {
	opacity: 1;
	visibility: visible;
}

.bt77-topbar__item a {
	color: #ffffff;
	text-decoration: none;
}

.bt77-topbar__item a:hover {
	opacity: 0.82;
}

/* ==========================================================================
   3. Sticky Minimalist Header & Full-Width Horizontal Hover Sub-Menu
   ========================================================================== */
.bt77-header {
	position: sticky;
	top: 0;
	z-index: 990;
	background: #ffffff;
	border-bottom: 0;
	box-shadow: none;
}

.bt77-header__inner {
	max-width: 1900px;
	margin-inline: auto;
	height: 80px;
	padding-inline: clamp(16px, 2.5vw, 40px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	position: static;
}

.bt77-header__start {
	display: flex;
	align-items: center;
	gap: 36px;
	min-width: 0;
	position: static;
}

.bt77-logo {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	text-decoration: none;
	color: #000000;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0.12em;
}

.bt77-logo img {
	height: 30px;
	width: auto;
	display: block;
}

.bt77-nav {
	display: flex;
	align-items: center;
	position: static;
}

.bt77-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 30px;
	position: static;
}

.bt77-nav__list > li {
	position: static;
}

.bt77-nav__list > li > a {
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.48px;
	height: 80px;
	display: inline-flex;
	align-items: center;
	transition: opacity 0.15s ease;
	white-space: nowrap;
}

.bt77-nav__list > li.menu_red > a {
	color: var(--bt77-red) !important;
	font-weight: 500;
}

.bt77-nav__list > li > a:hover {
	opacity: 0.6;
}

/* Full-bleed horizontal sub-menu strip across viewport width */
@media (min-width: 1025px) {
	.bt77-nav__list > li > ul.sub-menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 10px 32px;
		position: absolute;
		inset-inline: 0;
		top: 100%;
		width: 100%;
		background: #ffffff;
		border-top: 1px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04);
		list-style: none;
		margin: 0;
		padding: 18px 40px;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.18s ease, visibility 0.18s ease;
		z-index: 1000;
	}

	.bt77-nav__list > li:hover > ul.sub-menu,
	.bt77-nav__list > li:focus-within > ul.sub-menu {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.bt77-nav__list > li > ul.sub-menu li {
		margin: 0;
	}

	.bt77-nav__list > li > ul.sub-menu li a {
		display: inline-block;
		padding: 4px 2px;
		color: #222222;
		text-decoration: none;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0.03em;
		transition: opacity 0.15s ease;
	}

	.bt77-nav__list > li > ul.sub-menu li a:hover {
		opacity: 0.55;
	}
}

/* Header Action Icons */
.bt77-header__actions {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
}

.bt77-icon-btn {
	appearance: none;
	font-family: inherit;
	background: transparent;
	border: 0;
	padding: 6px;
	cursor: pointer;
	color: #000000;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-decoration: none;
}

.bt77-icon-btn svg {
	width: 23px;
	height: 23px;
	display: block;
}

.bt77-icon-btn svg.bt77-svg-stroke {
	stroke: currentColor;
	fill: none;
	stroke-width: 1.5;
}

.bt77-icon-btn svg.bt77-svg-fill {
	fill: currentColor;
	stroke: none;
}

.bt77-bag-count {
	position: absolute;
	top: 0;
	right: -3px;
	min-width: 18px;
	height: 18px;
	padding-inline: 4px;
	border-radius: 999px;
	background: #333333;
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-align: center;
}

.bt77-burger {
	display: none;
}

/* Minimalist Bottom-Border Search Bar */
.bt77-search-bar {
	display: none;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	background: #ffffff;
	padding: 16px clamp(16px, 2.5vw, 40px);
}

.bt77-search-bar.is-open {
	display: block;
}

.bt77-search-bar__form {
	max-width: 640px;
	margin-inline: auto;
	display: flex;
	align-items: center;
	gap: 12px;
}

.bt77-search-bar__input {
	flex: 1;
	height: 40px;
	border: 0 !important;
	border-bottom: 1px solid #a8a8a8 !important;
	border-radius: 0 !important;
	padding-inline: 4px;
	font-size: 15px;
	font-family: inherit;
	background: transparent !important;
	color: #111111;
	outline: none;
	box-shadow: none !important;
}

.bt77-search-bar__input:focus {
	border-bottom-color: #000000 !important;
}

.bt77-search-bar__submit {
	height: 36px;
	padding-inline: 18px;
	background: #000000;
	color: #ffffff;
	border: 1px solid #000000;
	border-radius: 0;
	font-size: 13px;
	font-weight: 400;
	cursor: pointer;
}

.bt77-search-bar__close {
	background: transparent;
	border: 0;
	color: #555555;
	font-size: 24px;
	line-height: 1;
	padding: 4px 6px;
	cursor: pointer;
}

/* Mobile Nav Drawer */
.bt77-drawer-backdrop {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	z-index: 1998;
}

.bt77-drawer-backdrop.is-open {
	display: block;
}

.bt77-drawer {
	position: fixed;
	top: 0;
	bottom: 0;
	inset-inline-start: 0;
	width: min(340px, 88vw);
	background: #ffffff;
	z-index: 1999;
	transform: translateX(100%);
	transition: transform 0.25s ease;
	overflow-y: auto;
	padding: 20px 24px 40px;
}

html[dir="ltr"] .bt77-drawer {
	transform: translateX(-100%);
}

.bt77-drawer.is-open {
	transform: translateX(0);
}

.bt77-drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--bt77-line);
}

.bt77-drawer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bt77-drawer ul li a {
	display: block;
	padding-block: 11px;
	color: var(--bt77-ink);
	text-decoration: none;
	font-size: 15px;
	border-bottom: 1px solid #f1f1f1;
}

.bt77-drawer ul li.menu_red > a {
	color: var(--bt77-red);
	font-weight: 500;
}

.bt77-drawer ul ul.sub-menu {
	padding-inline-start: 16px;
}

@media (max-width: 1024px) {
	.bt77-nav {
		display: none;
	}
	.bt77-burger {
		display: inline-flex;
	}
	.bt77-header__inner {
		height: 80px;
	}
	.bt77-logo img {
		height: 30px;
	}
	/* live order on phones, left to right: account · cart · search */
	.bt77-header__actions [data-bt77-search-toggle] {
		order: 1;
	}
	.bt77-header__actions .bt77-bag-btn {
		order: 2;
	}
	.bt77-header__actions a.bt77-icon-btn {
		order: 3;
	}
}

/* ==========================================================================
   4. Editorial Homepage Campaign Stack (`post_127183`)
   ========================================================================== */
.bt77-editorial {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.bt77-editorial a {
	display: block;
	width: 100%;
}

.bt77-editorial img {
	display: block;
	width: 100%;
	height: auto;
}

.bt77-editorial-stack--mobile {
	display: none;
}

@media (max-width: 767px) {
	.bt77-editorial-stack--desktop {
		display: none;
	}
	.bt77-editorial-stack--mobile {
		display: block;
	}
}

/* ==========================================================================
   5. Breadcrumbs, Category Heading, Toolbar & Minimalist Filter Accordions
   ========================================================================== */
body.woocommerce-page .woocommerce-breadcrumb {
	color: var(--bt77-muted) !important;
	font-size: 9.6px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	text-align: start;
}

body.woocommerce-page .woocommerce-breadcrumb a {
	color: var(--bt77-muted) !important;
	text-decoration: none !important;
}

body.woocommerce-page .woocommerce-breadcrumb a:hover {
	color: var(--bt77-ink) !important;
}

.bt77-bc-sep {
	margin-inline: 4px;
	color: var(--bt77-muted);
}

body.archive .woocommerce-products-header {
	margin: 0 0 30px;
	text-align: center;
}

body.archive .woocommerce-products-header__title.page-title {
	margin: 0;
	font-size: 42px;
	font-weight: 400;
	line-height: 1;
	color: #000000;
	letter-spacing: 0;
	text-align: center;
}

body.archive.bt77-brand-archive .woocommerce-products-header__title.page-title {
	font-size: 55px;
	font-weight: 600;
}

@media (max-width: 767px) {
	body.archive .woocommerce-products-header__title.page-title {
		font-size: 32px;
	}

	body.archive.bt77-brand-archive .woocommerce-products-header__title.page-title {
		font-size: 55px;
	}
}

/* Category description (ULG `archive_description_position = before`) */
body.archive .bee1-ulg-archive-description,
body.archive .term-description {
	max-width: 1100px;
	margin: 30px auto 30px;
	text-align: center;
	color: #333333;
	font-size: 14px;
	line-height: 1.1;
}

body.archive .bee1-ulg-archive-description p,
body.archive .term-description p {
	margin: 0 0 18px;
}

body.archive .bee1-ulg-archive-description p:last-child,
body.archive .term-description p:last-child {
	margin-bottom: 0;
}

/* Category Shell & Toolbar */
html body .bee1-ulg-shell[data-filters-desktop="sidebar"] {
	column-gap: 36px;
	row-gap: 14px;
}

@media (min-width: 768px) {
	html body .bee1-ulg-shell[data-filters-desktop="sidebar"] {
		grid-template-columns: 313px minmax(0, 1fr);
	}

	html body .bee1-ulg-shell[data-filters-desktop="sidebar"] .bee1-ulg-filter-toggle,
	html body .bee1-ulg-shell[data-filters-desktop="sidebar"] .bee1-ulg-filter-close,
	html body .bee1-ulg-shell .bt77-mobile-filter-footer {
		display: none !important;
	}
}

html body .bee1-ulg-toolbar {
	margin-block-end: 6px;
	padding-block: 4px;
}

html body .bee1-ulg-sorting__label {
	color: #333333 !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	gap: 6px;
}

html body .bee1-ulg-sorting__select {
	min-height: 34px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	color: #333333 !important;
	font-size: 14.4px !important;
	font-weight: 400 !important;
	padding-block: 4px !important;
	padding-inline: 6px 26px !important;
	box-shadow: none !important;
}

/* Minimalist Boutique 77 Filter Accordions (`be_filters` parity) */
html body .bee1-ulg-shell .bee1-filters {
	border-top: 1px solid var(--bt77-divider);
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: 15px;
	color: #111111;
}

html body .bee1-ulg-shell .bee1-filters-panel__head {
	display: none !important;
}

html body .bee1-ulg-shell .bee1-filters-panel__body {
	padding: 0 !important;
	display: block !important;
}

html body .bee1-ulg-shell .bee1-filter {
	margin: 0 !important;
	border-bottom: 1px solid var(--bt77-divider) !important;
	padding: 0 !important;
	background: transparent !important;
}

html body .bee1-ulg-shell .bee1-filter__toggle {
	min-height: 0 !important;
	padding: 14px 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #000000 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	box-shadow: none !important;
}

html body .bee1-ulg-shell .bee1-filter__toggle:hover,
html body .bee1-ulg-shell .bee1-filter__toggle:focus-visible {
	color: #000000 !important;
	opacity: 0.72;
	outline: none;
}

/* Thin downward/upward chevron on inline-end (left in RTL) */
html body .bee1-ulg-shell .bee1-filter__toggle-icon {
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	margin-inline-end: 18px;
}

html body .bee1-ulg-shell .bee1-filter__toggle-icon::before {
	content: "";
	inset-block-start: 1px;
	inset-inline-start: 3px;
	width: 8px;
	height: 8px;
	background: transparent !important;
	border-radius: 0 !important;
	border: 0 !important;
	border-right: 1.3px solid #333333 !important;
	border-bottom: 1.3px solid #333333 !important;
	transform: rotate(45deg);
	transition: transform 0.18s ease;
}

html body .bee1-ulg-shell .bee1-filter__toggle-icon::after {
	display: none !important;
}

html body .bee1-ulg-shell .bee1-filter__toggle[aria-expanded="true"] .bee1-filter__toggle-icon::before {
	transform: rotate(225deg) translate(-2px, -2px);
}

html body .bee1-ulg-shell .bee1-filter__content {
	padding: 2px 0 16px !important;
}

/* Crisp 15px square checkboxes & regular Hebrew typography */
html body .bee1-ulg-shell .bee1-filter__item {
	margin-bottom: 4px;
}

html body .bee1-ulg-shell .bee1-filter__item a,
html body .bee1-ulg-shell .bee1-filter__item button.bee1-filter__control {
	padding: 4px 0 !important;
	gap: 10px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #111111 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
}

html body .bee1-ulg-shell .bee1-term-name {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #111111 !important;
}

html body .bee1-ulg-shell .bee1-count {
	display: none !important;
}

html body .bee1-ulg-shell .bee1-filter:not(.bee1-filter--color) .bee1-filter__item a::before,
html body .bee1-ulg-shell .bee1-filter:not(.bee1-filter--color) .bee1-filter__item button.bee1-filter__control::before {
	width: 15px !important;
	height: 15px !important;
	border: 1px solid #222222 !important;
	border-radius: 0 !important;
	background-color: #ffffff;
}

html body .bee1-ulg-shell .bee1-filter:not(.bee1-filter--color) .bee1-filter__item.is-active a::before,
html body .bee1-ulg-shell .bee1-filter:not(.bee1-filter--color) .bee1-filter__item.is-active button.bee1-filter__control::before {
	background-color: #000000 !important;
	border-color: #000000 !important;
}

/* Square color swatches (`bapf_clr_square` parity) */
html body .bee1-ulg-shell .bee1-swatch {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	border-radius: 0 !important;
	border: 1px solid rgba(0, 0, 0, 0.22) !important;
}

html body .bee1-ulg-shell .bee1-filter__item--color.is-active .bee1-swatch {
	outline: 1.5px solid #000000;
	outline-offset: 2px;
	box-shadow: none !important;
}

/* 2-column compact grid for Size filter */
html body .bee1-ulg-shell .bee1-filter[data-taxonomy="pa_size"] .bee1-filter__list {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 12px;
	direction: ltr;
}

/* Active filter chips */
html body .bee1-ulg-shell .bee1-active-filters {
	background: transparent !important;
	border: 0 !important;
	padding: 0 0 12px !important;
	border-radius: 0 !important;
}

html body .bee1-ulg-shell .bee1-active-filter {
	border-radius: 0 !important;
	font-weight: 400 !important;
	font-size: 12px !important;
}

/* Mobile Filter Drawer + Sticky Bottom Black `אישור` Button */
@media (max-width: 767px) {
	html body .bee1-ulg-shell[data-filters-desktop="sidebar"] {
		grid-template-columns: minmax(0, 1fr) !important;
		row-gap: 10px;
	}

	html body .bee1-ulg-shell[data-filters-desktop="sidebar"] .bee1-ulg-filter-toggle {
		display: inline-flex !important;
		border: 0 !important;
		padding: 4px 0 !important;
		min-height: 32px !important;
		background: transparent !important;
		color: #111111 !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		gap: 6px;
	}

	html body .bee1-ulg-shell[data-filters-desktop="sidebar"] .bee1-ulg-filter-toggle__icon {
		width: 17px;
		height: 17px;
	}

	html body .bee1-ulg-shell[data-filters-desktop="sidebar"] .bee1-ulg-filters-panel {
		position: fixed !important;
		inset: 0 !important;
		width: 100vw !important;
		max-width: 100vw !important;
		height: 100dvh !important;
		max-height: 100dvh !important;
		z-index: 100002 !important;
		background: #ffffff !important;
		padding: 58px 22px 84px !important;
		overflow-y: auto !important;
		transform: translateX(104%);
		transition: transform 0.24s ease;
	}

	html[dir="ltr"] body .bee1-ulg-shell[data-filters-desktop="sidebar"] .bee1-ulg-filters-panel {
		transform: translateX(-104%);
	}

	html body .bee1-ulg-shell.is-filters-open .bee1-ulg-filters-panel {
		transform: translateX(0) !important;
	}

	html body .bee1-ulg-shell[data-filters-desktop="sidebar"] .bee1-ulg-filter-close {
		display: inline-flex !important;
		border: 0 !important;
		font-size: 24px !important;
		font-weight: 300 !important;
		inset-block-start: 14px;
		inset-inline-end: 16px;
	}

	.bt77-mobile-filter-footer {
		position: fixed;
		inset-inline: 0;
		bottom: 0;
		padding: 12px 20px;
		background: #ffffff;
		border-top: 1px solid #e5e5e5;
		z-index: 10;
	}

	.bt77-mobile-filter-apply {
		display: block;
		width: 100%;
		height: 46px;
		background: #000000;
		color: #ffffff;
		border: 0;
		border-radius: 0;
		font-family: inherit;
		font-size: 15px;
		font-weight: 500;
		cursor: pointer;
	}
}

/* ==========================================================================
   6. Full-Bleed `2:3` Editorial Lookbook Product Cards (`layout_6569` parity)
   ========================================================================== */
html body .bee1-ulg-wrap .bee1-ulg-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

@media (max-width: 860px) {
	html body .bee1-ulg-wrap .bee1-ulg-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
}

html body .bee1-ulg-card.bt77-lookbook-card {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: #ffffff !important;
	padding: 0 !important;
	margin: 0 !important;
}

html body .bt77-lookbook-card .bt77-lookbook-card__stage {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 2 / 3 !important;
	background: #333333 !important;
	border-radius: 0 !important;
	overflow: hidden;
}

html body .bt77-lookbook-card .bee1-ulg-card__img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center top !important;
	transition: opacity 0.28s ease !important;
	transform: none !important;
}

/* Sharp solid black `-XX%` sale badge at top-right (45x35px) */
.bt77-sale-badge {
	position: absolute;
	top: 0;
	inset-inline-end: 0;
	z-index: 4;
	min-width: 45px;
	height: 35px;
	padding-inline: 8px;
	background: #000000;
	color: #ffffff;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
}

/* Centered Charcoal Hover Overlay */
.bt77-lookbook-card__overlay {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 16px 14px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.28s ease;
}

.bt77-lookbook-card__hit {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
}

.bt77-lookbook-card__meta {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	pointer-events: none;
}

.bt77-lookbook-card__meta a {
	pointer-events: auto;
}

.bt77-lookbook-card__brand {
	color: #dbdbdb;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.4;
}

html body .bt77-lookbook-card .bt77-lookbook-card__title {
	margin: 0 !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	color: #ffffff !important;
}

html body .bt77-lookbook-card .bt77-lookbook-card__title a {
	color: #ffffff !important;
	text-decoration: none !important;
}

html body .bt77-lookbook-card .bt77-lookbook-card__price {
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	direction: ltr;
}

html body .bt77-lookbook-card .bt77-lookbook-card__price .amount {
	color: inherit !important;
	font-weight: 400 !important;
}

html body .bt77-lookbook-card .bt77-lookbook-card__price del {
	color: rgba(255, 255, 255, 0.68) !important;
	margin-inline-end: 6px;
	font-weight: 300 !important;
}

html body .bt77-lookbook-card .bt77-lookbook-card__price ins {
	color: var(--bt77-sale-coral) !important;
	background: transparent !important;
	text-decoration: none !important;
	font-weight: 400 !important;
}

.bt77-size-boxes {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	margin-top: 4px;
	direction: ltr;
}

.bt77-size-box {
	min-width: 30px;
	height: 30px;
	padding-inline: 6px;
	background: #ffffff;
	color: #333333 !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	border-radius: 0;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.bt77-size-box:hover {
	background: #bebebe;
	color: #111111 !important;
}

@media (hover: hover) and (pointer: fine) {
	html body .bt77-lookbook-card:hover .bee1-ulg-card__img,
	html body .bt77-lookbook-card:focus-within .bee1-ulg-card__img {
		opacity: 0.14 !important;
	}

	html body .bt77-lookbook-card:hover .bt77-lookbook-card__overlay,
	html body .bt77-lookbook-card:focus-within .bt77-lookbook-card__overlay {
		opacity: 1;
		pointer-events: auto;
	}
}

@media (max-width: 767px) {
	html body .bt77-lookbook-card .bt77-lookbook-card__title,
	html body .bt77-lookbook-card .bt77-lookbook-card__price {
		font-size: 14px !important;
	}
}

/* ==========================================================================
   7. Single Product Page (`post_3466` parity — Gallery, Square Sizes, Accordions)
   ========================================================================== */
body.single-product .featured-image.page-header-image-single,
body.single-product .yith-wcwl-add-to-wishlist:empty,
body.single-product .woocommerce-breadcrumb,
body.single-product .summary .yith-wcwl-add-to-wishlist,
body.single-product .bee1-spe-under-cart-info,
body.single-product .bee1-spe-product-meta-block {
	display: none !important;
}

/* 0.3.0 — live columns: images on the right (672px), details on the left (632px), 76px apart */
@media (min-width: 900px) {
	body.single-product .bee1-spe-product__top {
		display: grid !important;
		grid-template-columns: minmax(0, 672fr) minmax(0, 632fr) !important;
		gap: 76px !important;
		align-items: start !important;
	}

	body.single-product .bee1-spe-product__media {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	body.single-product .bee1-spe-product__details {
		grid-column: 2 !important;
		grid-row: 1 !important;
	}
}

/* 2:3 Portrait Gallery + Sharp Edges (thumbnail modes); stacked = natural photos on white like live */
body.single-product .bee1-spe-gallery:not(.bee1-spe-gallery--thumbs-stacked) .bee1-spe-gallery__main {
	aspect-ratio: 2 / 3 !important;
	border-radius: 0 !important;
	background: #f8f8f8 !important;
}

body.single-product .bee1-spe-gallery--thumbs-stacked .bee1-spe-gallery__main,
body.single-product .bee1-spe-gallery--thumbs-stacked .bee1-spe-gallery__stack-item {
	background: #ffffff !important;
	border-radius: 0 !important;
}

body.single-product .bee1-spe-gallery__main-img {
	object-fit: cover !important;
	border-radius: 0 !important;
}

body.single-product .bee1-spe-gallery__thumb {
	border-radius: 0 !important;
	aspect-ratio: 2 / 3 !important;
}

body.single-product .bee1-spe-gallery__thumb.is-active {
	border-color: #000000 !important;
	box-shadow: none !important;
}

/* Summary Typography */
.bt77-pdp-brand {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.4;
}

.bt77-pdp-brand a {
	color: #333333;
	text-decoration: none;
}

.bt77-pdp-brand a:hover {
	opacity: 0.65;
}

body.single-product .summary h1.product_title {
	font-size: 26px !important;
	font-weight: 600 !important;
	color: #000000 !important;
	line-height: 1.4 !important;
	margin: 0 0 6px !important;
}

body.single-product .summary p.price {
	font-size: 24px !important;
	font-weight: 500 !important;
	color: #333333 !important;
	margin: 0 0 6px !important;
	line-height: 1.4 !important;
}

body.single-product .summary p.price ins {
	color: var(--bt77-sale-coral) !important;
	background: transparent !important;
	text-decoration: none !important;
}

body.single-product .summary p.price del {
	color: #888888 !important;
	font-size: 19px !important;
	font-weight: 400 !important;
	margin-inline-end: 8px;
}

/* Variations & Square Size Swatches */
body.single-product form.variations_form table.variations {
	width: 100%;
	border: 0 !important;
	margin: 0 0 18px !important;
}

body.single-product form.variations_form table.variations tr {
	display: block;
	margin-bottom: 14px;
}

body.single-product form.variations_form table.variations tr.bt77-single-color-hidden {
	display: none !important;
}

body.single-product form.variations_form table.variations th.label {
	display: block;
	padding: 0 0 8px !important;
	font-size: 12px;
	font-weight: 700;
	color: #333333;
	text-align: start;
}

body.single-product form.variations_form table.variations th.label label::after {
	content: ":";
}

/* 0.3.0 — live: one line for colour + name, the colour as plain text */
body.single-product form.variations_form table.variations tr:has(select[name="attribute_pa_color"]) {
	display: flex;
	align-items: center;
	gap: 8px;
}

body.single-product form.variations_form table.variations tr:has(select[name="attribute_pa_color"]) th.label {
	padding: 0 !important;
}

body.bee1-spe-active.single-product .bee1-spe-swatch[data-bee1-spe-for="attribute_pa_color"]:not(.bee1-spe-swatch--has-fill) {
	min-width: 0 !important;
	min-height: 36px !important;
	padding: 0 4px !important;
	border: 0 !important;
	border-bottom: 1px solid transparent !important;
	background: transparent !important;
	color: #000000 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}

body.bee1-spe-active.single-product .bee1-spe-swatch[data-bee1-spe-for="attribute_pa_color"]:not(.bee1-spe-swatch--has-fill).is-selected {
	border-bottom-color: #000000 !important;
}

/* live size box: 36px, #2a2a2a when chosen, 13px/700 */
body.bee1-spe-active.single-product .bee1-spe-swatch[data-bee1-spe-for="attribute_pa_size"] {
	min-width: 36px !important;
	min-height: 36px !important;
	padding: 0 6px !important;
	border: 1px solid #2a2a2a !important;
	background: #ffffff !important;
	color: #2a2a2a !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

body.bee1-spe-active.single-product .bee1-spe-swatch[data-bee1-spe-for="attribute_pa_size"].is-selected {
	background: #2a2a2a !important;
	color: #ffffff !important;
}

body.single-product form.variations_form table.variations td.value {
	display: block;
	padding: 0 !important;
}

body.single-product select.bt77-select-enhanced {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.bt77-pdp-sizes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	direction: ltr;
	justify-content: flex-end;
}

html[dir="ltr"] .bt77-pdp-sizes {
	justify-content: flex-start;
}

.bt77-pdp-size-btn {
	min-width: 38px;
	height: 38px;
	padding-inline: 10px;
	background: #ffffff;
	color: #111111;
	border: 1px solid #2a2a2a;
	border-radius: 0;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.bt77-pdp-size-btn:hover {
	border-color: #000000;
	background: #f2f2f2;
}

.bt77-pdp-size-btn.is-selected {
	background: #2a2a2a;
	color: #ffffff;
	border-color: #2a2a2a;
}

.bt77-pdp-size-btn.is-disabled {
	opacity: 0.3;
	text-decoration: line-through;
	pointer-events: none;
}

body.single-product .reset_variations {
	display: none !important;
}

/* Hide quantity input on PDP (`post_3466` parity) & style solid black 60% CTA */
body.single-product form.cart .quantity {
	display: none !important;
}

body.single-product form.cart .single_add_to_cart_button {
	display: block !important;
	width: 400px !important;
	max-width: 100% !important;
	min-width: 0;
	height: 40px !important;
	min-height: 40px !important;
	margin: 0 !important;
	background: #000000 !important;
	color: #ffffff !important;
	border: 1px solid #000000 !important;
	border-radius: 0 !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 300 !important;
	letter-spacing: 0;
	cursor: pointer;
	box-shadow: none !important;
	transition: opacity 0.18s ease;
}

body.single-product form.cart .single_add_to_cart_button:hover {
	opacity: 0.84;
}

@media (max-width: 899px) {
	body.single-product form.variations_form.cart {
		display: block !important;
	}

	body.single-product form.cart .single_add_to_cart_button {
		width: 255px !important;
		flex: 0 0 auto !important;
	}
}

/* 0.3.0 — long description under the button (live `post_content`): centred, 15px */
.bt77-pdp-desc {
	margin: 18px 0 0;
	text-align: center;
	color: #333333;
	font-size: 15px;
	line-height: 1.45;
}

.bt77-pdp-desc p {
	margin: 0;
}

/* Minimalist `+` / `−` Accordions (`פרטים`, `סטיילינג אישי`, `משלוחים ותשלומים`) */
.bt77-pdp-accordions {
	width: 442px;
	max-width: 100%;
	margin-top: 18px;
	border-top: 1px solid #dcdcdc;
}

@media (max-width: 959px) {
	.bt77-pdp-accordions {
		width: 100%;
		max-width: none;
	}
}

.bt77-pdp-acc {
	border-bottom: 1px solid #dcdcdc;
}

body.single-product .bt77-pdp-acc__btn {
	appearance: none;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
	min-height: 49px;
	padding: 12px 0;
	background: transparent;
	border: 0;
	color: #333333;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	text-align: start;
	cursor: pointer;
}

body.single-product .bt77-pdp-acc__icon {
	order: -1;
	font-size: 22px;
	font-weight: 300;
	line-height: 1;
	color: #333333;
	flex-shrink: 0;
}

body.single-product .bt77-pdp-acc__panel {
	padding: 0 0 18px;
	font-size: 14px;
	line-height: 1.75;
	color: #222222;
}

.bt77-pdp-acc__panel p {
	margin: 0 0 10px;
}

.bt77-pdp-acc__panel p:last-child {
	margin-bottom: 0;
}

.bt77-pdp-acc__panel a {
	color: #000000;
	text-decoration: underline;
}

.bt77-pdp-sku {
	margin-top: 10px !important;
	color: #555555;
	font-size: 14px;
}

/* PDP `Complete the Look` Related Section */
body.single-product .bee1-spe-related {
	margin-top: 64px !important;
	padding-top: 36px;
	border-top: 1px solid #eeeeee;
}

body.single-product .bee1-spe-related .bee1-ulg-slider__head {
	position: relative;
	justify-content: center !important;
	margin-bottom: 24px !important;
}

body.single-product .bee1-spe-related .bee1-ulg-slider__title {
	font-size: 22px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em;
	text-align: center !important;
	margin: 0 auto !important;
}

body.single-product .bee1-spe-related .bee1-ulg-slider__controls {
	position: absolute;
	inset-inline-end: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* Percentage tag in PDP price */
.percentage-tag {
	display: inline-block;
	margin-inline-start: 8px;
	font-size: 13px;
	color: var(--bt77-muted);
	direction: ltr;
}

/* ==========================================================================
   8. Luxury 3-Column Footer (`post_2075` parity) & Club Forms
   ========================================================================== */
.bt77-footer {
	background: #ffffff;
	color: var(--bt77-ink);
	margin-top: 72px;
}

.bt77-footer__rule {
	margin-inline: 40px;
	border-top: 1px solid #999999;
}

@media (max-width: 767px) {
	.bt77-footer__rule {
		margin-inline: 20px;
	}
}

.bt77-footer__main {
	max-width: 1820px;
	margin-inline: auto;
	padding: 50px clamp(20px, 3vw, 40px) 38px;
	display: grid;
	grid-template-columns: 1.15fr 0.7fr 1.15fr;
	gap: 40px;
	align-items: start;
}

.bt77-footer__menus {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.bt77-footer__heading {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin: 0 0 18px;
	color: #000000;
}

.bt77-footer__menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bt77-footer__menu-list li {
	margin-bottom: 9px;
}

.bt77-footer__menu-list a {
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
}

.bt77-footer__menu-list a:hover {
	color: #000000;
	text-decoration: underline;
}

.bt77-footer__social {
	text-align: center;
}

.bt77-footer__social-links {
	display: inline-flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
}

/* Solid #000000 circles with white icons (`post_2075` parity) */
.bt77-footer__social-links a {
	width: 36px;
	height: 36px;
	background: #000000;
	border: 1px solid #000000;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	text-decoration: none;
	transition: opacity 0.15s ease;
}

.bt77-footer__social-links a:hover {
	opacity: 0.75;
}

.bt77-footer__social-links svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

/* Footer Club Signup Form (`[bee1_wa_club]`) — 0.4.0: live's look (Impreza-child
   bt77-consolidated.css "Luxury Minimal Club Form"): boxed field, black button, both 44px. */
.bt77-footer__club input[type="email"],
.bt77-footer__club input[type="tel"],
.bt77-footer__club input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #111111 !important;
	border-radius: 0 !important;
	background: #ffffff !important;
	color: #111111 !important;
	font-size: 14px !important;
	padding: 10px 12px !important;
	min-height: 44px;
	box-shadow: none !important;
}

.bt77-footer__club button[type="submit"] {
	width: 100%;
	background: #111111 !important;
	color: #ffffff !important;
	border: 1px solid #111111 !important;
	border-radius: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding: 10px 22px !important;
	min-height: 44px;
	letter-spacing: 0.4px;
}

.bt77-footer__club button[type="submit"]:hover {
	opacity: .85;
}

/* Clean RTL checkbox alignment inside `[bee1_wa_club]` (footer + popup) */
.bt77-footer__club label,
.bt77-wa-popup label {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	text-align: start !important;
	font-size: 12px !important;
	line-height: 1.45 !important;
	color: #555555 !important;
	cursor: pointer;
}

.bt77-footer__club input[type="checkbox"],
.bt77-wa-popup input[type="checkbox"] {
	margin: 3px 0 0 !important;
	flex-shrink: 0;
	accent-color: #000000;
}

/* 0.4.0: live's bottom bar is a #f5f5f5 band, 12px #333 text, no rule above. */
.bt77-footer__sub {
	background: #f5f5f5;
	padding: 20px 20px;
}

.bt77-footer__sub-inner {
	max-width: 1820px;
	margin-inline: auto;
	padding-top: 0;
	border-top: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	font-size: 12px;
	color: #333333;
}

.bt77-footer__payments {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.bt77-footer__payments img {
	height: 22px;
	width: auto;
	object-fit: contain;
}

@media (max-width: 900px) {
	.bt77-footer__main {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.bt77-footer__sub-inner {
		flex-direction: column;
		text-align: center;
	}
}

/* Club Welcome Slide-in Popup */
.bt77-wa-popup {
	position: fixed;
	inset-inline-end: 20px;
	bottom: 20px;
	width: min(380px, calc(100vw - 32px));
	background: #ffffff;
	color: var(--bt77-ink);
	border: 1px solid #000000;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.14);
	padding: 26px 24px 22px;
	z-index: 9990;
	display: none;
}

.bt77-wa-popup.is-open {
	display: block;
}

.bt77-wa-popup__close {
	position: absolute;
	top: 10px;
	inset-inline-end: 12px;
	background: transparent;
	border: 0;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	color: var(--bt77-ink);
}

.bt77-wa-popup__eyebrow {
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #6e6e6e;
}

.bt77-wa-popup__title {
	margin: 0 0 8px;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
}

.bt77-wa-popup__desc {
	margin: 0 0 14px;
	font-size: 14px;
	color: var(--bt77-ink-soft);
	line-height: 1.5;
}

/* Legacy CMS page grid + Contact form.
   0.4.0: rows/columns follow the Impreza design options (inc/legacy-compat.php): a row with
   `columns` is a grid (its own template), otherwise columns take their `width` (1/2, 1/6...).
   Live's header overlays the page and rows start 120-140px down to clear it; ours is in the
   flow, so --bt77-legacy-head is taken off those large top margins. */
:root { --bt77-legacy-head: 150px; }
.bt77-vc-row {
	margin: 0;
}

.bt77-vc-row__inner {
	margin-inline: auto;
	padding-inline: 20px;
	box-sizing: border-box;
	column-gap: 3rem;
	row-gap: 0;
}

.bt77-vc-row__inner.is-grid { display: grid; }
.bt77-vc-row__inner.is-flex { display: flex; flex-wrap: wrap; }
.bt77-vc-row__inner.is-flex > .bt77-vc-col { flex: 0 0 100%; max-width: 100%; }
.bt77-vc-row__inner.is-flex { column-gap: 0; }
.bt77-vc-row__inner.is-flex > .bt77-vc-col { padding-inline: .75rem; box-sizing: border-box; }

/* 0.4.2: an Impreza page owns its spacing (rows carry their own margins) and runs on live's
   1400px content width, so the theme's page padding and narrow container step aside. */
body.bt77-legacy-page .site.grid-container { max-width: none !important; padding-inline: 0 !important; }
body.bt77-legacy-page .inside-article { padding-inline: 0 !important; }
body.bt77-legacy-page .site-content,
body.bt77-legacy-page .inside-article,
body.bt77-legacy-page .entry-content { padding-top: 0 !important; margin-top: 0 !important; }
body.bt77-legacy-page .bt77-vc-row__inner { max-width: 1400px; }
body.bt77-legacy-page .entry-content { color: #333333; }

.bt77-vc-col {
	min-width: 0;
}

.bt77-us-image { line-height: 0; }
.bt77-us-image.align-center { text-align: center; }
.bt77-us-image img { max-width: 100%; height: auto; }
.bt77-us-image.has-ratio { overflow: hidden; }
.bt77-us-image.has-ratio img,
.bt77-us-image.has-ratio a { display: block; width: 100%; height: 100%; }
.bt77-us-image.has-ratio img { object-fit: cover; }

@media (min-width: 1200px) { .bt77-hide-lg { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .bt77-hide-md { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .bt77-hide-sm { display: none !important; } }
@media (max-width: 767px) {
	.bt77-hide-xs { display: none !important; }
	.bt77-vc-row__inner.is-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

.bt77-cform {
	display: grid;
	gap: 14px;
	max-width: 560px;
}

.bt77-cform input[type="text"],
.bt77-cform input[type="email"],
.bt77-cform input[type="tel"],
.bt77-cform textarea {
	width: 100%;
	border: 1px solid #cccccc;
	padding: 11px 14px;
	font-size: 15px;
	font-family: inherit;
	background: #ffffff;
}

.bt77-cform button[type="submit"] {
	height: 46px;
	background: #000000;
	color: #ffffff;
	border: 0;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	padding-inline: 28px;
}

.bt77-cform__status {
	font-size: 14px;
	min-height: 20px;
}

.local_pickup_disclaimer {
	font-size: 13px;
	color: #6e6e6e;
	margin-block: 10px;
}

/* ==========================================================================
   9. 0.3.2 — second measuring round against live (2026-11-13)
   ========================================================================== */

/* Phones: topbar 40px, logo centred between the burger and the icons, icons tight */
@media (max-width: 1024px) {
	.bt77-topbar,
	.bt77-topbar__list {
		height: 40px;
	}

	.bt77-header__inner {
		position: relative;
		padding-inline: 12px;
	}

	.bt77-logo {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.bt77-logo img {
		height: 28px;
	}

	.bt77-header__actions {
		gap: 4px;
	}

	.bt77-header__actions .bt77-icon-btn {
		padding: 3px;
	}

	body.woocommerce-page.archive .woocommerce-breadcrumb {
		display: none !important;
	}

	body.archive .bee1-ulg-archive-description p,
	body.archive .term-description p {
		margin-bottom: 12px;
	}
}

/* Phones: «סינון» as text + icon on the right, «מיין לפי:» visible (live toolbar) */
@media (max-width: 1100px) {
	html body .bee1-ulg-shell[data-filters-mobile="drawer"] .bee1-ulg-filter-toggle {
		width: auto !important;
		height: 32px !important;
		min-height: 32px !important;
		padding: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		color: #333333 !important;
		box-shadow: none !important;
		gap: 6px;
		font-size: 12px !important;
	}

	html body .bee1-ulg-shell[data-filters-mobile="drawer"] .bee1-ulg-filter-toggle__text {
		position: static !important;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
		clip: auto !important;
	}

	html body .bee1-ulg-sorting__text {
		display: inline !important;
	}
}

/* Product page, desktop: details start ~80px under the header like live */
@media (min-width: 900px) {
	body.single-product .bee1-spe-product__details {
		padding-top: 78px;
	}
}

/* «צבע: Noir Silver» — the name sits right next to its label */
body.single-product form.variations_form table.variations tr:has(select[name="attribute_pa_color"]) {
	justify-content: flex-start;
}

body.single-product form.variations_form table.variations tr:has(select[name="attribute_pa_color"]) td.value {
	width: auto !important;
	flex: 0 0 auto;
}

/* 0.3.3 — the label cell inherited width:100% (539px) and pushed the colour name to the far edge */
body.single-product form.variations_form table.variations tr:has(select[name="attribute_pa_color"]) th.label {
	width: auto !important;
	flex: 0 0 auto;
}

body.bee1-spe-active.single-product .bee1-spe-swatch[data-bee1-spe-for="attribute_pa_color"]:not(.bee1-spe-swatch--has-fill).is-selected {
	border-bottom-color: transparent !important;
}

body.bee1-spe-active.single-product .bee1-spe-swatches:has(.bee1-spe-swatch + .bee1-spe-swatch) .bee1-spe-swatch[data-bee1-spe-for="attribute_pa_color"].is-selected {
	border-bottom-color: #000000 !important;
}

/* accordion text 14px — SPE sets `.bee1-spe-product button { font-size: 1rem }` (0,2,2) */
body.single-product .bt77-pdp-accordions .bt77-pdp-acc .bt77-pdp-acc__btn {
	font-size: 14px;
	color: #333333;
}

/* Phones: brand 18px, button 255px on the right, carousel with a slim peek on the right */
@media (max-width: 899px) {
	.bt77-pdp-brand {
		font-size: 18px;
	}

	body.single-product.bee1-spe-active .bee1-spe-product form.cart .single_add_to_cart_button,
	body.single-product.bee1-spe-active .woocommerce-variation-add-to-cart .single_add_to_cart_button {
		width: 255px !important;
		max-width: 100% !important;
		margin-inline-end: 0 !important;
	}

	body.single-product .bee1-spe-gallery--thumbs-stacked {
		direction: ltr;
		--bee1-spe-stack-peek: 8px;
	}
}

/* 0.3.4 — variation rows as tight as live (colour 304 · size label 348 · box 380 · button 434) */
body.single-product form.variations_form table.variations {
	margin: 0 0 18px !important;
}

body.single-product form.variations_form table.variations tr {
	margin-bottom: 8px;
}

body.single-product form.variations_form table.variations th.label {
	padding-bottom: 10px !important;
}

body.bee1-spe-active.single-product .bee1-spe-swatch[data-bee1-spe-for="attribute_pa_color"] .bee1-spe-swatch__label {
	font-size: 13px !important;
}

body.single-product .single_variation_wrap .woocommerce-variation:empty,
body.single-product .single_variation_wrap .woocommerce-variation-description:empty {
	display: none !important;
}

/* 0.3.5 — summary rhythm as live: h1 223 · price 274 · colour 304 · size box 380 · button 434 */
body.single-product .summary p.price {
	line-height: 1 !important;
	margin: 0 0 14px !important;
}

body.single-product form.variations_form table.variations {
	margin: 0 !important;
}

body.single-product .single_variation_wrap .woocommerce-variation.single_variation {
	margin: 0 !important;
	padding: 0 !important;
}

body.single-product .woocommerce-variation-add-to-cart {
	margin-top: 10px !important;
}

/* 0.3.7 — last 30px: measured dev 328 · 397 · 464 against live 304 · 380 · 434 */
body.single-product .summary p.price {
	margin-bottom: 2px !important;
}

body.single-product form.variations_form table.variations th.label {
	padding-bottom: 5px !important;
}

body.single-product .woocommerce-variation-add-to-cart {
	margin-top: 0 !important;
}

/* 0.3.9 — the 0.3.8 stopgap (hide WooCommerce's inline «מעבר לסל הקניות» + ✓ after add to cart)
   moved to its native home: bee1-side-cart 1.2.1 `hide_wc_view_cart`. Needs side cart >= 1.2.1. */

/* 0.5.0 — account login / register (woocommerce/myaccount/form-login.php, carried over from live).
   Live's Impreza styles: the split sits 70px under the header, the login card has a soft shadow
   and 35px padding, #333 button, no "remember me" row. */
body.woocommerce-account #customer_login.s2b-account-split {
	margin-top: 70px;
}

body.woocommerce-account #customer_login form.woocommerce-form-login {
	border: 0;
	border-radius: 0;
	padding: 35px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

body.woocommerce-account #customer_login .woocommerce-form-login__rememberme {
	display: none;
}

body.woocommerce-account #customer_login .woocommerce-form-login__submit {
	display: inline-block;
	width: 280px;
	max-width: 100%;
	background: #333333 !important;
	color: #ffffff !important;
	border-radius: 0;
	padding: 10.4px 16px;
}

/* 0.5.2 — card labels as live (BeRocket rules): "OFF PRICE" = black, white Open Sans 14px/400,
   top-right corner, min 45x35. Sale percentage outside OFF PRICE = 11px/700, 50x25, 10px in from
   the top and the right (rule #125357, currently no product qualifies). */
/* 0.5.4: measured on the old site — a 45x35 box, 14px/700, line-height 1.2, centred, so
   "OFF PRICE" wraps onto two lines. */
.bt77-sale-badge.bt77-sale-badge--offprice {
	font-family: "Open Sans", Arial, sans-serif;
	width: 45px;
	min-width: 45px;
	height: 35px;
	padding: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	white-space: normal;
	justify-content: center;
}

.bt77-sale-badge.bt77-sale-badge--pct {
	top: 10px;
	inset-inline-end: 10px;
	min-width: 50px;
	height: 25px;
	font-size: 11px;
	font-weight: 700;
}

/* 0.5.2 — card sizes as live: out-of-stock sizes crossed out (2px #828282 diagonal), not clickable;
   an in-stock size adds to the cart from the card. */
.bt77-size-box.is-oos {
	position: relative;
	overflow: hidden;
	pointer-events: none;
	cursor: default;
}

.bt77-size-box.is-oos::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 200%;
	background: #828282;
	transform: translate(-50%, -50%) rotate(45deg);
}

.bt77-size-box.is-loading {
	opacity: .5;
	pointer-events: none;
}

.bt77-atc-error {
	position: fixed;
	inset-inline: 16px;
	bottom: 24px;
	z-index: 100001;
	max-width: 420px;
	margin-inline: auto;
	padding: 12px 16px;
	background: #111111;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	opacity: 0;
	transform: translateY(10px);
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
}

.bt77-atc-error.is-on {
	opacity: 1;
	transform: translateY(0);
}


/* 0.5.3 — phone gallery = the live Impreza one (measured on the old site through the token
   preview, 390px): images start at the screen edge, each 90% of the width (356px), 18px apart,
   so ~20px of the next photo shows at the side. 0.5.2 had 20px gutters, 342px images, 8px gap. */
@media (max-width: 767px) {
	body.single-product.bee1-spe-active .bee1-spe-product__media {
		margin-inline: -20px;
		width: auto;
		max-width: none;
	}

	body.single-product.bee1-spe-active .bee1-spe-gallery.bee1-spe-gallery--thumbs-stacked {
		gap: 18px;
		padding-inline: 0;
		scroll-padding-inline: 0;
	}

	body.single-product.bee1-spe-active .bee1-spe-gallery--thumbs-stacked .bee1-spe-gallery__main,
	body.single-product.bee1-spe-active .bee1-spe-gallery--thumbs-stacked .bee1-spe-gallery__stack-item {
		flex: 0 0 90%;
		max-width: 90%;
	}
}