.hb-main--shop,
.hb-main--woocommerce {
	padding: 1.25rem 0;
}

/* Defensive: nothing here should ever force a wider-than-viewport box on its own. */
.woocommerce,
.woocommerce-page,
.hb-shop-layout,
.hb-shop-layout__content {
	min-width: 0;
	max-width: 100%;
}

.woocommerce .woocommerce-breadcrumb {
	margin-bottom: 1rem;
	color: var(--hb-color-muted);
	font-size: 0.9rem;
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
	margin-bottom: 1rem;
	color: var(--hb-color-muted);
}

.hb-shop-toolbar .woocommerce-ordering,
.hb-shop-toolbar .woocommerce-result-count {
	float: none;
	margin: 0;
}

.hb-shop-toolbar .woocommerce-ordering select {
	min-height: 38px;
	max-width: 100%;
	padding: 0.45rem 2rem 0.45rem 0.7rem;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-surface);
	color: var(--hb-color-text);
	font-weight: 800;
}

.woocommerce .products {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.9rem;
	padding: 0;
	margin: 0.9rem 0;
	list-style: none;
}

.woocommerce .products.hb-shop-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.woocommerce .products.hb-shop-grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.woocommerce .products.hb-shop-grid--5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.woocommerce .products.columns-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.woocommerce .products.columns-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.woocommerce .products.columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.woocommerce .products .product,
.woocommerce ul.products li.product {
	min-width: 0;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce .products .hb-product-card {
	height: 100%;
}

.woocommerce span.onsale {
	min-width: 0;
	min-height: 0;
	padding: 0.35rem 0.55rem;
	border-radius: var(--hb-radius-sm);
	background: var(--hb-color-danger);
	color: #ffffff;
	font-size: 0.75rem;
	font-weight: 800;
	line-height: 1;
}

.woocommerce nav.woocommerce-pagination ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.45rem;
	border: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
	border: 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-surface);
	color: var(--hb-color-text);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--hb-color-primary);
	border-color: var(--hb-color-primary);
	color: #ffffff;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:focus-visible {
	border-color: var(--hb-color-primary);
	color: var(--hb-color-primary-dark);
}

.hb-shop-result-count {
	margin: 0 0 0.9rem;
	color: var(--hb-color-muted);
	font-size: 0.84rem;
}

.hb-pagination .page-numbers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.45rem;
	padding: 0;
	margin: 1.2rem 0 0;
	list-style: none;
}

.hb-pagination .page-numbers li {
	border: 0;
}

.hb-pagination a.page-numbers,
.hb-pagination span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-surface);
	color: var(--hb-color-text);
}

.hb-pagination span.page-numbers.current {
	background: var(--hb-color-primary);
	border-color: var(--hb-color-primary);
	color: #ffffff;
}

.hb-pagination a.page-numbers:hover,
.hb-pagination a.page-numbers:focus {
	border-color: var(--hb-color-primary);
	color: var(--hb-color-primary-dark);
}

.woocommerce .widget,
.hb-shop-sidebar .wp-block-woocommerce-filter-wrapper,
.hb-filter-drawer .wp-block-woocommerce-filter-wrapper {
	color: var(--hb-color-text);
	font-size: 0.9rem;
}

.woocommerce .widget ul,
.hb-shop-sidebar .wc-block-product-categories-list,
.hb-filter-drawer .wc-block-product-categories-list {
	display: grid;
	gap: 0.35rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

.woocommerce .widget li,
.hb-shop-sidebar .wc-block-product-categories-list-item,
.hb-filter-drawer .wc-block-product-categories-list-item {
	min-width: 0;
}

.woocommerce .widget a,
.hb-shop-sidebar .wc-block-product-categories-list-item a,
.hb-filter-drawer .wc-block-product-categories-list-item a {
	color: var(--hb-color-text);
	font-weight: 800;
}

.woocommerce .widget a:hover,
.woocommerce .widget a:focus,
.hb-shop-sidebar .wc-block-product-categories-list-item a:hover,
.hb-shop-sidebar .wc-block-product-categories-list-item a:focus,
.hb-filter-drawer .wc-block-product-categories-list-item a:hover,
.hb-filter-drawer .wc-block-product-categories-list-item a:focus {
	color: var(--hb-color-primary-dark);
}

.woocommerce .widget_layered_nav_filters ul li a,
.woocommerce .widget_rating_filter ul li a {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
	background: #d5e6df;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	background: var(--hb-color-primary);
}

.woocommerce .widget_price_filter .price_slider_amount {
	display: grid;
	gap: 0.65rem;
	color: var(--hb-color-muted);
	font-size: 0.86rem;
	line-height: 1.4;
	text-align: left;
}

.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce .woocommerce-widget-layered-nav-dropdown__submit {
	justify-self: start;
	min-height: 36px;
	padding: 0.45rem 0.75rem;
	border: 1px solid var(--hb-color-primary);
	border-radius: var(--hb-radius-button);
	background: var(--hb-color-primary);
	color: #ffffff;
	font-weight: 800;
}

.woocommerce .star-rating,
.woocommerce .wc-block-components-product-rating__stars {
	color: var(--hb-color-warning);
	letter-spacing: 0;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-surface);
	box-shadow: none;
}

.woocommerce-message {
	border-left: 4px solid var(--hb-color-success);
}

.woocommerce-info {
	border-left: 4px solid var(--hb-color-secondary);
}

.woocommerce-error {
	border-left: 4px solid var(--hb-color-danger);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	min-height: 44px;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-surface);
	color: var(--hb-color-text);
	padding: 0.65rem 0.8rem;
}

.woocommerce div.product.hb-single-product {
	position: relative;
}

.woocommerce div.product .summary.entry-summary {
	float: none;
	width: auto;
	margin: 0;
}

.woocommerce div.product .woocommerce-product-details__short-description {
	color: var(--hb-color-muted);
	font-size: 0.95rem;
}

.woocommerce div.product .woocommerce-product-details__short-description > * {
	margin-top: 0;
	margin-bottom: 0.55rem;
}

.woocommerce div.product form.cart {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
}

.woocommerce div.product form.cart::before,
.woocommerce div.product form.cart::after {
	display: none;
}

.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart button.single_add_to_cart_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0.72rem 1.2rem;
	border: 1px solid var(--hb-color-primary);
	border-radius: var(--hb-radius-button);
	background: var(--hb-color-primary);
	color: #ffffff;
	font-weight: 950;
	line-height: 1.15;
}

.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart .button:focus {
	background: var(--hb-color-primary-hover);
	border-color: var(--hb-color-primary-hover);
	color: #ffffff;
}

.woocommerce div.product form.cart .button.disabled,
.woocommerce div.product form.cart .button:disabled,
.woocommerce div.product form.cart .button[disabled] {
	background: #c5d6ce;
	border-color: #c5d6ce;
	color: #ffffff;
	cursor: not-allowed;
}

.woocommerce .quantity.hb-quantity {
	display: inline-grid;
	grid-template-columns: 38px minmax(54px, 68px) 38px;
	align-items: center;
	min-height: 48px;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-surface);
	overflow: hidden;
}

.woocommerce .quantity.hb-quantity .hb-quantity__minus,
.woocommerce .quantity.hb-quantity .hb-quantity__plus {
	display: inline-grid;
	place-items: center;
	width: 38px;
	height: 44px;
	border: 0;
	background: var(--hb-color-background-soft);
	color: var(--hb-color-text);
	font-size: 1.1rem;
	font-weight: 800;
}

.woocommerce .quantity.hb-quantity .hb-quantity__minus:disabled,
.woocommerce .quantity.hb-quantity .hb-quantity__plus:disabled {
	color: #c5d6ce;
	cursor: not-allowed;
}

.woocommerce .quantity.hb-quantity .qty.hb-quantity__input {
	width: 100%;
	min-height: 44px;
	padding: 0 0.35rem;
	border: 0;
	border-right: 1px solid var(--hb-color-border);
	border-left: 1px solid var(--hb-color-border);
	background: #ffffff;
	color: var(--hb-color-heading);
	font-weight: 800;
	text-align: center;
	appearance: textfield;
}

.woocommerce .quantity.hb-quantity .qty.hb-quantity__input::-webkit-outer-spin-button,
.woocommerce .quantity.hb-quantity .qty.hb-quantity__input::-webkit-inner-spin-button {
	margin: 0;
	appearance: none;
}

.woocommerce div.product form.cart table.variations {
	width: 100%;
	margin: 0 0 0.75rem;
	border: 0;
}

.woocommerce div.product form.cart table.variations tbody,
.woocommerce div.product form.cart table.variations tr,
.woocommerce div.product form.cart table.variations th,
.woocommerce div.product form.cart table.variations td {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	text-align: left;
}

.woocommerce div.product form.cart table.variations tr + tr {
	margin-top: 0.65rem;
}

.woocommerce div.product form.cart table.variations label {
	display: block;
	margin-bottom: 0.3rem;
	color: var(--hb-color-heading);
	font-size: 0.88rem;
	font-weight: 800;
}

.woocommerce div.product form.cart table.variations select {
	width: 100%;
	min-height: 44px;
	padding: 0.6rem 0.75rem;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-surface);
	color: var(--hb-color-text);
	font-weight: 800;
}

.woocommerce div.product form.cart .reset_variations {
	display: inline-flex;
	margin-top: 0.45rem;
	color: var(--hb-color-muted);
	font-size: 0.86rem;
	font-weight: 800;
}

/*
 * Best-effort compacting hook for plugin-rendered extra product options
 * (Platform Seçimi / Kargo Seçimi / extra packaging / barcode / order
 * note) — this theme doesn't generate that markup itself, so these rules
 * only take effect if such a plugin's own template/CSS uses these class
 * names; otherwise they're simply unused.
 */
.hb-single-product__summary .hb-product-options {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0;
}

.hb-single-product__summary .hb-product-option {
	display: flex;
	align-items: center;
	flex: 1 1 18%;
	min-height: 44px;
	padding: 7px 9px;
	gap: 6px;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-sm);
	background: var(--hb-color-surface);
	font-size: 12px;
}

.hb-single-product__summary .hb-product-options--shipping .hb-product-option {
	flex-basis: 22%;
}

.hb-single-product__summary textarea {
	min-height: 48px;
	height: 48px;
	padding: 7px 9px;
	font-size: 12px;
}

.hb-single-product__summary .hb-field-hint,
.hb-single-product__summary .description {
	margin-top: 4px;
	font-size: 11px;
	padding: 0;
}

.woocommerce div.product form.cart .single_variation_wrap,
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.65rem;
	width: 100%;
}

.woocommerce div.product form.cart .woocommerce-variation {
	display: grid;
	gap: 0.35rem;
	width: 100%;
	color: var(--hb-color-muted);
}

.woocommerce div.product form.cart .woocommerce-variation-price {
	color: var(--hb-color-heading);
	font-size: 1.2rem;
	font-weight: 950;
}

.woocommerce div.product .woocommerce-tabs {
	margin-top: 1.5rem;
}

/*
 * v2.2.0: single-product tabs render as a native <details> accordion
 * (woocommerce/single-product/tabs/tabs.php) instead of a click-to-switch
 * tab strip — matches the mobile accordion spec and degrades identically
 * on desktop. See .hb-accordion rules further down for the shared look.
 */
.woocommerce div.product .woocommerce-tabs .hb-accordion__body {
	padding-top: 0.9rem;
	color: var(--hb-color-text);
}

.woocommerce div.product .woocommerce-tabs .hb-accordion__body h2,
.woocommerce div.product .woocommerce-tabs .hb-accordion__body h3,
.woocommerce div.product .woocommerce-tabs .hb-accordion__body h4 {
	margin: 1.1rem 0 0.5rem;
	color: var(--hb-color-heading);
	line-height: 1.25;
}

.woocommerce div.product .woocommerce-tabs .hb-accordion__body h2:first-child,
.woocommerce div.product .woocommerce-tabs .hb-accordion__body h3:first-child,
.woocommerce div.product .woocommerce-tabs .hb-accordion__body h4:first-child {
	margin-top: 0;
}

.woocommerce div.product .woocommerce-tabs .hb-accordion__body p,
.woocommerce div.product .woocommerce-tabs .hb-accordion__body ul,
.woocommerce div.product .woocommerce-tabs .hb-accordion__body ol {
	max-width: 860px;
}

.woocommerce div.product .woocommerce-tabs .hb-accordion__body img,
.woocommerce div.product .woocommerce-tabs .hb-accordion__body iframe,
.woocommerce div.product .woocommerce-tabs .hb-accordion__body video {
	max-width: 100%;
	border-radius: var(--hb-radius-sm);
}

.woocommerce div.product .woocommerce-tabs .hb-accordion__body table,
.woocommerce table.shop_attributes {
	display: block;
	width: 100%;
	overflow-x: auto;
	border: 0;
	border-collapse: collapse;
}

.woocommerce table.shop_attributes tr {
	border-bottom: 1px solid var(--hb-color-border);
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
	padding: 0.7rem 0;
	border: 0;
	background: transparent;
	color: var(--hb-color-text);
	font-style: normal;
	text-align: left;
}

.woocommerce table.shop_attributes th {
	width: 220px;
	color: var(--hb-color-muted);
	font-weight: 800;
}

.woocommerce #reviews #comments ol.commentlist {
	display: grid;
	gap: 0.9rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	position: static;
	width: 44px;
	padding: 0;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-pill);
	background: var(--hb-color-surface);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	display: grid;
	gap: 0.35rem;
	margin: 0;
	padding: 0.85rem;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
}

.woocommerce #reviews #comments ol.commentlist li {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.75rem;
}

.woocommerce #reviews .comment-reply-title {
	display: block;
	margin: 1rem 0 0.6rem;
	color: var(--hb-color-heading);
	font-weight: 800;
}

.woocommerce #review_form #respond textarea,
.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="email"] {
	width: 100%;
	min-height: 44px;
	padding: 0.65rem 0.75rem;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-surface);
	color: var(--hb-color-text);
}

.woocommerce #review_form #respond textarea {
	min-height: 120px;
}

.woocommerce #review_form #respond .form-submit input {
	min-height: 44px;
	padding: 0.65rem 1rem;
	border: 1px solid var(--hb-color-primary);
	border-radius: var(--hb-radius-button);
	background: var(--hb-color-primary);
	color: #ffffff;
	font-weight: 800;
}

.woocommerce .up-sells,
.woocommerce .related {
	clear: both;
	width: 100%;
	max-width: none;
	margin-top: 1.5rem;
}

.woocommerce .up-sells ul.products,
.woocommerce .related ul.products {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.9rem;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.woocommerce .up-sells ul.products li.product,
.woocommerce .related ul.products li.product {
	float: none;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.woocommerce .up-sells > h2,
.woocommerce .related > h2 {
	margin: 0 0 0.85rem;
	color: var(--hb-color-heading);
	font-size: 1.2rem;
	line-height: 1.2;
}

.hb-shop-header {
	padding-bottom: 0.75rem;
	margin-bottom: 0.7rem;
}

.hb-shop-header__title {
	font-size: clamp(1.35rem, 1.8vw, 1.8rem);
}

.hb-shop-header__description {
	font-size: 0.88rem;
}

.hb-shop-toolbar {
	min-height: 44px;
	padding: 0.48rem 0.6rem;
	border-radius: var(--hb-radius-md);
}

.hb-shop-toolbar__count {
	font-size: 0.84rem;
}

.hb-shop-toolbar .woocommerce-ordering select {
	min-height: 36px;
	font-size: 0.84rem;
}

.hb-shop-filter-toggle {
	min-height: 44px;
}

.hb-shop-columns__button {
	min-height: 34px;
}

.hb-shop-filter-group,
.hb-shop-sidebar .hb-sidebar__widget,
.hb-filter-drawer .hb-sidebar__widget {
	padding: 0.75rem;
	border-radius: var(--hb-radius-md);
}

.hb-shop-filter-group legend,
.hb-shop-filter-group__title,
.hb-shop-sidebar .widget-title,
.hb-filter-drawer .widget-title {
	margin-bottom: 0.55rem;
	font-size: 0.86rem;
}

.hb-shop-filter-link {
	min-height: 31px;
	padding-top: 0.38rem;
	padding-bottom: 0.38rem;
	font-size: 0.84rem;
}

.hb-shop-choice,
.hb-shop-price-inputs label {
	font-size: 0.82rem;
}

.hb-shop-price-inputs input,
.hb-shop-filter-form select {
	min-height: 34px;
	padding: 0.42rem 0.5rem;
}

.woocommerce nav.woocommerce-pagination ul {
	gap: 0.35rem;
	margin-top: 1rem;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	min-width: 34px;
	min-height: 34px;
	border-radius: var(--hb-radius-sm);
	font-size: 0.84rem;
}

.hb-single-product__top {
	grid-template-columns: minmax(0, 1.02fr) minmax(380px, 0.98fr);
	gap: 1rem;
}

.hb-single-product__summary {
	gap: 0.45rem;
	padding: 14px 16px;
}

.hb-single-heading__title {
	margin: 2px 0 8px;
	font-size: clamp(28px, 2.2vw, 38px);
	line-height: 1.08;
}

/* Required-field validation — heybemde-product-form (.kbpf-*) fields ----- */

.kbpf-block.is-validation-error,
.kbpf-option.is-validation-error,
.kbpf-columns > div.is-validation-error,
[data-kbpf-pdf].is-validation-error,
.kbpf-delivery.is-validation-error {
	border-radius: var(--hb-radius-md);
	outline: 2px solid var(--hb-color-danger);
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgba(200, 30, 30, 0.12);
}

.kbpf-option.is-validation-error {
	border-color: var(--hb-color-danger);
}

.hb-product-validation-toast {
	position: fixed;
	right: 16px;
	bottom: 24px;
	left: 16px;
	z-index: 10000;
	display: flex;
	align-items: center;
	gap: 0.6rem;
	max-width: 380px;
	margin-inline: auto;
	padding: 0.85rem 1rem;
	border: 1px solid var(--hb-color-danger);
	border-radius: var(--hb-radius-lg);
	background: #fdf1ef;
	color: #951a1a;
	font-size: 0.9rem;
	font-weight: 700;
	box-shadow: 0 20px 48px rgba(6, 51, 43, 0.18);
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 180ms ease, transform 180ms ease;
}

.hb-product-validation-toast.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.hb-product-validation-toast__icon {
	display: grid;
	flex: 0 0 24px;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--hb-color-danger);
	color: #ffffff;
	font-weight: 950;
}

@media (max-width: 767px) {
	.hb-product-validation-toast {
		bottom: calc(90px + env(safe-area-inset-bottom));
	}
}

.hb-single-price__value {
	font-size: 1.9rem;
}

.hb-single-b2b,
.hb-product-delivery,
.hb-single-products-section {
	border-radius: var(--hb-radius-md);
}

.woocommerce div.product .woocommerce-tabs {
	margin-top: 1.1rem;
}

.woocommerce div.product .woocommerce-tabs .hb-accordion__body {
	padding-top: 0.85rem;
	font-size: 0.92rem;
}

.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	padding: 0.7rem;
	font-size: 0.9rem;
}

.woocommerce-cart-form {
	width: 100%;
	max-width: 100%;
}

.woocommerce-cart-form table.cart,
.woocommerce table.shop_table {
	width: 100%;
	border-collapse: collapse;
}

.woocommerce table.cart td.product-thumbnail img {
	width: 64px;
	height: 64px;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-sm);
	object-fit: contain;
}

.woocommerce table.cart td.product-name .woocommerce-Price-amount {
	color: var(--hb-color-heading);
}

.woocommerce-cart .cart-collaterals {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.2rem;
}

.woocommerce-mini-cart {
	border-radius: var(--hb-radius-md);
}

/*
 * v2.2.1 FIX: `.cart_totals` and `.woocommerce-checkout-review-order` live
 * INSIDE `.hb-cart-summary` / `.hb-order-review`, which already render as
 * the outer panel (border/radius/shadow/background — see the shared rule
 * further down). Giving these inner wrappers their own box on top produced
 * a "card inside a card" look. They stay plain, borderless wrappers.
 */
.woocommerce-cart .cart-collaterals .cart_totals {
	width: 100%;
	max-width: 380px;
	margin-left: auto;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	float: none;
}

.woocommerce-checkout-review-order {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.woocommerce-cart .cart-collaterals .cross-sells {
	width: 100%;
	float: none;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table {
	border: 0;
}

.woocommerce-cart .coupon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.woocommerce-cart .coupon .input-text {
	min-height: 40px;
	padding: 0 0.7rem;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
}

.hb-cart-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
	gap: 1rem;
	align-items: start;
}

.hb-cart-items {
	padding: 1rem;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-lg);
	background: var(--hb-color-surface);
	box-shadow: var(--hb-shadow-sm);
}

/* .cart_totals is nested inside .hb-cart-summary, which is already the panel. */
.hb-cart-summary .cart_totals {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.hb-cart-items__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-bottom: 0.85rem;
	border-bottom: 1px solid var(--hb-color-border);
}

.hb-cart-items__header h2,
.hb-cart-summary .cart_totals h2 {
	margin: 0;
	color: var(--hb-color-heading);
	font-size: 1.15rem;
}

.hb-cart-list {
	display: grid;
	gap: 0;
}

.hb-cart-item {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	gap: 1rem;
	padding: 1rem 0;
	border-bottom: 1px solid var(--hb-color-border);
}

.hb-cart-item:last-child {
	border-bottom: 0;
}

.hb-cart-item__media img {
	width: 110px;
	height: 110px;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	object-fit: cover;
}

.hb-cart-item__body {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(105px, 0.6fr) minmax(130px, 0.7fr) minmax(115px, 0.65fr) auto;
	gap: 0.85rem;
	align-items: center;
	min-width: 0;
}

.hb-cart-item__title {
	margin: 0 0 0.35rem;
	color: var(--hb-color-heading);
	font-size: 0.96rem;
	line-height: 1.3;
}

.hb-cart-item__title a {
	color: inherit;
}

.hb-cart-item__meta,
.hb-cart-item__price span,
.hb-cart-item__quantity span,
.hb-cart-item__subtotal span {
	display: block;
	margin: 0 0 0.25rem;
	color: var(--hb-color-muted);
	font-size: 0.78rem;
	font-weight: 750;
}

.hb-cart-item__price strong,
.hb-cart-item__subtotal strong {
	color: var(--hb-color-heading);
	font-weight: 800;
}

.hb-cart-item__remove {
	align-self: center;
}

.hb-cart-item__remove-link {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(200, 30, 30, 0.24);
	border-radius: 50%;
	background: #fdf1ef;
	color: var(--hb-color-danger);
	font-size: 1.3rem;
	line-height: 1;
}

.hb-cart-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.75rem;
	padding-top: 1rem;
	border-top: 1px solid var(--hb-color-border);
}

.hb-cart-coupon {
	min-width: min(100%, 440px);
}

.hb-cart-coupon summary {
	cursor: pointer;
	color: var(--hb-color-heading);
	font-weight: 850;
}

.hb-cart-coupon .coupon {
	margin-top: 0.65rem;
}

.hb-cart-summary {
	position: sticky;
	top: 1rem;
}

.hb-cart-summary .cart-collaterals {
	display: block;
	margin: 0;
}

.hb-cart-summary .cart_totals {
	width: 100%;
	max-width: none;
	margin: 0;
	float: none;
}

.hb-cart-summary .cart_totals table {
	margin: 0.85rem 0 1rem;
}

.hb-cart-summary .checkout-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 50px;
	background: var(--hb-color-primary);
	font-size: 1rem;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	min-height: 40px;
	padding: 0.55rem 0.85rem;
	border-radius: var(--hb-radius-button);
	background: var(--hb-color-primary);
	color: #ffffff;
	font-size: 0.86rem;
	font-weight: 700;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background: var(--hb-color-primary-hover);
	color: #ffffff;
}

.woocommerce-mini-cart-item {
	padding: 0.55rem 0;
	font-size: 0.88rem;
}

.hb-checkout-shell {
	display: grid;
	gap: 1rem;
}

.hb-checkout-progress {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.65rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

.hb-checkout-progress li {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	min-width: 0;
	padding: 0.72rem 0.85rem;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-surface);
	color: var(--hb-color-muted);
	font-size: 0.9rem;
	font-weight: 850;
}

.hb-checkout-progress span {
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--hb-color-background-soft);
	color: var(--hb-color-heading);
	font-size: 0.78rem;
}

.hb-checkout-progress .is-active,
.hb-checkout-progress .is-complete {
	border-color: rgba(14, 124, 102, 0.3);
	color: var(--hb-color-heading);
}

.hb-checkout-progress .is-active span,
.hb-checkout-progress .is-complete span {
	background: var(--hb-color-primary);
	color: #ffffff;
}

.hb-checkout-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
	gap: 1rem;
	align-items: start;
}

.hb-checkout-details,
.hb-checkout-grid__details,
.hb-checkout-grid__review {
	display: grid;
	gap: 1rem;
}

.hb-checkout-grid__review {
	position: sticky;
	top: 1rem;
	align-self: start;
}

.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce form .form-row.woocommerce-invalid textarea {
	border-color: var(--hb-color-danger);
}

.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
	border-color: var(--hb-color-success);
}

.woocommerce form .form-row .woocommerce-invalid-required-field,
.woocommerce form .form-row .woocommerce-invalid-message {
	color: var(--hb-color-danger);
	font-size: 0.82rem;
}

.select2-container {
	max-width: 100%;
}

.select2-container .select2-selection--single {
	min-height: 44px;
	border-color: var(--hb-color-border);
	border-radius: var(--hb-radius-md);
}

.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 42px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
	height: 42px;
}

.hb-checkout-section .woocommerce-billing-fields h3,
.hb-checkout-section .woocommerce-shipping-fields h3,
.hb-order-review h2 {
	margin: 0 0 1rem;
	color: var(--hb-color-heading);
	font-size: 1.15rem;
}

.hb-checkout-form .form-row,
.woocommerce-account .hb-form .form-row {
	margin: 0 0 0.85rem;
}

.hb-checkout-form .form-row label,
.woocommerce-account .hb-form .form-row label {
	color: var(--hb-color-heading);
	font-weight: 800;
}

.hb-review-order-table {
	margin: 0 0 1rem;
	border-collapse: separate;
	border-spacing: 0;
}

.hb-review-order-table th,
.hb-review-order-table td {
	border-color: var(--hb-color-border);
	vertical-align: top;
}

.hb-review-order-table .product-name {
	width: 68%;
}

.hb-review-product {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 0.75rem;
	align-items: center;
}

.hb-review-product__image {
	position: relative;
	width: 58px;
	height: 58px;
}

.hb-review-product__image img {
	width: 58px;
	height: 58px;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-sm);
	object-fit: cover;
}

.hb-review-product__image span {
	position: absolute;
	top: -8px;
	right: -8px;
	display: grid;
	place-items: center;
	min-width: 22px;
	height: 22px;
	padding: 0 0.25rem;
	border-radius: var(--hb-radius-pill);
	background: var(--hb-color-ink);
	color: #ffffff;
	font-size: 0.72rem;
	font-weight: 800;
}

.hb-review-product__body {
	display: grid;
	gap: 0.15rem;
	min-width: 0;
}

.hb-review-product__body a,
.hb-review-product__body > span,
.hb-review-product__body > strong {
	color: var(--hb-color-heading);
	font-weight: 750;
	line-height: 1.3;
}

.hb-review-product__body small {
	color: var(--hb-color-muted);
	font-weight: 700;
}

.hb-checkout-payment {
	padding-top: 0.2rem;
	border-top: 1px solid var(--hb-color-border);
}

.hb-checkout-payment ul.payment_methods {
	padding: 0;
	margin: 0 0 1rem;
	border: 0;
}

.hb-checkout-payment ul.payment_methods li {
	padding: 0.8rem;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: #ffffff;
}

.hb-checkout-payment .place-order {
	display: grid;
	gap: 0.85rem;
	margin: 0;
}

.hb-coupon-toggle,
.hb-coupon-form {
	margin-bottom: 1rem;
}

.hb-thankyou {
	display: grid;
	gap: 1rem;
}

.hb-thankyou__hero {
	text-align: center;
}

.hb-thankyou__eyebrow {
	margin: 0 0 0.35rem;
	color: var(--hb-color-success);
	font-size: 0.8rem;
	font-weight: 950;
	text-transform: uppercase;
}

.hb-thankyou__hero h1 {
	margin: 0 0 0.4rem;
	color: var(--hb-color-heading);
}

.hb-order-overview {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

.hb-order-overview li {
	display: grid;
	gap: 0.22rem;
	padding: 0.8rem;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-surface);
	color: var(--hb-color-muted);
}

.hb-order-overview strong {
	color: var(--hb-color-heading);
}

.woocommerce-account:not(.logged-in) .woocommerce,
.woocommerce-account.logged-in .woocommerce {
	display: block;
	width: 100%;
	min-width: 0;
	max-width: none;
	overflow: visible;
}

.hb-account-page {
	width: 100%;
	min-width: 0;
}

.hb-account-page .hb-container {
	display: grid;
	gap: 24px;
}

.hb-account-layout {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
	width: 100%;
	min-width: 0;
}

.hb-account-sidebar,
.hb-account-content {
	width: 100%;
	min-width: 0;
	max-width: none;
}

.hb-account-sidebar {
	display: grid;
	gap: 16px;
	align-content: start;
}

.hb-account-content {
	overflow: visible;
}

.hb-account-nav {
	position: sticky;
	top: 16px;
	width: 100%;
	min-width: 0;
	max-width: none;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-lg);
	background: var(--hb-color-surface);
	box-shadow: var(--hb-shadow-sm);
}

.woocommerce-MyAccount-navigation.hb-account-nav,
.hb-account-sidebar .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
	min-width: 0;
	max-width: none;
}

.hb-account-nav ul {
	display: grid;
	gap: 0;
	padding: 0.45rem;
	margin: 0;
	list-style: none;
}

.hb-account-nav a {
	display: block;
	padding: 0.72rem 0.78rem;
	border-radius: var(--hb-radius-md);
	color: var(--hb-color-text);
	font-weight: 850;
}

.hb-account-nav .is-active a,
.hb-account-nav a:hover,
.hb-account-nav a:focus {
	background: var(--hb-color-primary-soft);
	color: var(--hb-color-primary);
}

.woocommerce-MyAccount-content {
	float: none;
	width: 100%;
	min-width: 0;
	max-width: none;
}

.hb-account-section {
	display: grid;
	gap: 1rem;
}

.hb-account-table {
	margin: 0;
}

.hb-account-table td,
.hb-account-table th {
	vertical-align: middle;
}

.hb-account-table .button {
	margin: 0.15rem 0.2rem 0.15rem 0;
}

.hb-account-dashboard {
	display: grid;
	gap: 20px;
	width: 100%;
	min-width: 0;
}

.hb-account-header,
.hb-account-profile,
.hb-account-status,
.hb-account-card {
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-lg);
	background: var(--hb-color-surface);
	box-shadow: var(--hb-shadow-sm);
}

.hb-account-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.2rem;
}

.hb-account-header__eyebrow {
	margin: 0 0 0.25rem;
	color: var(--hb-color-primary);
	font-size: 0.78rem;
	font-weight: 950;
	text-transform: uppercase;
}

.hb-account-header h2,
.hb-account-status h3,
.hb-account-card h3 {
	margin: 0;
	color: var(--hb-color-heading);
	line-height: 1.25;
}

.hb-account-header p,
.hb-account-status p,
.hb-account-card p,
.hb-muted {
	margin: 0.35rem 0 0;
	color: var(--hb-color-muted);
}

.hb-buyer-status-badge {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0.35rem 0.65rem;
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-primary-soft);
	color: var(--hb-color-primary);
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.25;
}

.hb-buyer-status-badge--approved,
.hb-account-status--approved {
	border-color: rgba(47, 158, 68, 0.26);
}

.hb-buyer-status-badge--approved {
	background: rgba(47, 158, 68, 0.1);
	color: #1c7a34;
}

.hb-buyer-status-badge--rejected,
.hb-account-status--rejected {
	border-color: rgba(200, 30, 30, 0.24);
}

.hb-buyer-status-badge--rejected {
	background: rgba(200, 30, 30, 0.1);
	color: #9e1c1c;
}

.hb-buyer-status-badge--suspended {
	background: rgba(217, 164, 32, 0.18);
	color: var(--hb-warning);
}

.hb-account-status {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem;
}

.hb-account-status__body {
	display: grid;
	gap: 0.35rem;
	min-width: 0;
}

.hb-account-status__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
	flex-shrink: 0;
}

.hb-application-summary__ref {
	color: var(--hb-color-muted);
	font-size: 0.82rem;
	font-weight: 800;
}

.hb-account-stats {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	width: 100%;
	min-width: 0;
}

.hb-account-stat {
	display: grid;
	gap: 0.25rem;
	min-width: 0;
	width: auto;
	padding: 14px 16px;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-lg);
	background: var(--hb-color-surface);
	color: var(--hb-color-muted);
	font-size: 0.88rem;
	font-weight: 800;
	line-height: 1.35;
	box-shadow: var(--hb-shadow-sm);
}

.hb-account-stat strong {
	color: var(--hb-color-heading);
	font-size: 1.6rem;
	line-height: 1.15;
}

.hb-account-stat span {
	min-width: 0;
}

.hb-account-dashboard-grid,
.hb-view-order__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	width: 100%;
	min-width: 0;
}

.hb-account-card {
	display: grid;
	gap: 0.85rem;
	width: 100%;
	min-width: 0;
	padding: 18px;
}

.hb-account-card__head,
.hb-view-order__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

.hb-profile-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	min-width: 0;
	padding: 16px;
	background: var(--hb-color-surface);
	box-shadow: var(--hb-shadow-sm);
}

.hb-profile-card__main {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	width: 100%;
	min-width: 0;
}

.hb-profile-card__avatar {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--hb-color-primary);
	color: #ffffff;
	font-weight: 950;
}

.hb-profile-card__identity {
	min-width: 0;
}

.hb-profile-card__identity h3,
.hb-profile-card__identity p {
	overflow-wrap: anywhere;
}

.hb-profile-card__identity h3 {
	margin: 0;
	color: var(--hb-color-heading);
	font-size: 1rem;
	line-height: 1.25;
}

.hb-profile-card__identity p {
	margin: 0.2rem 0 0;
	color: var(--hb-color-muted);
	font-size: 0.86rem;
	line-height: 1.35;
}

.hb-account-logout {
	justify-self: start;
	color: var(--hb-color-muted);
	font-size: 0.88rem;
	font-weight: 850;
}

.hb-summary-list {
	display: grid;
	gap: 0.6rem;
	margin: 0;
}

.hb-summary-list div,
.hb-account-info-row {
	display: grid;
	grid-template-columns: minmax(120px, 160px) minmax(0, 1fr);
	gap: 12px;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid var(--hb-color-border);
}

.hb-summary-list div:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.hb-summary-list dt {
	color: var(--hb-color-muted);
	font-size: 0.82rem;
	font-weight: 850;
}

.hb-summary-list dd {
	min-width: 0;
	margin: 0;
	color: var(--hb-color-heading);
	font-weight: 850;
	overflow-wrap: break-word;
	word-break: break-word;
}

.hb-summary-list dd a {
	word-break: break-word;
}

.hb-account-addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.hb-account-addresses > div {
	min-width: 0;
	padding: 0.85rem;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: #ffffff;
}

.hb-account-addresses h4 {
	margin: 0 0 0.45rem;
	color: var(--hb-color-heading);
	font-size: 0.95rem;
	line-height: 1.3;
}

.hb-account-addresses address {
	margin: 0;
	color: var(--hb-color-muted);
	font-size: 0.9rem;
	font-style: normal;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.hb-mini-order-list,
.hb-order-items {
	display: grid;
	gap: 0.7rem;
}

.hb-mini-order,
.hb-order-item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: #ffffff;
}

.hb-mini-order span {
	display: grid;
	gap: 0.1rem;
	color: var(--hb-color-muted);
	font-size: 0.84rem;
	line-height: 1.35;
}

.hb-mini-order strong,
.hb-mini-order span:last-child {
	color: var(--hb-color-heading);
}

.hb-view-order__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
}

.hb-order-item {
	grid-template-columns: 72px minmax(0, 1fr) auto;
}

.hb-order-item__image {
	display: grid;
	place-items: center;
	width: 72px;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: var(--hb-radius-md);
	background: var(--hb-color-background-soft);
}

.hb-order-item__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.hb-order-item__body h3 {
	margin: 0 0 0.25rem;
	font-size: 0.98rem;
}

.hb-order-item__body span,
.hb-order-item__body .wc-item-meta {
	color: var(--hb-color-muted);
	font-size: 0.84rem;
}

.hb-order-item__total {
	color: var(--hb-color-heading);
	font-weight: 950;
}


.hb-shop-layout--full .hb-shop-layout__content {
	width: 100%;
}

/*
 * v2.4.0 FIX: --hb-header-height (base.css, 128px) is the wrong basis for
 * this offset. .hb-header-sticky (position: sticky) lives *inside*
 * .hb-site-header, and .hb-site-header's own box is barely taller than
 * .hb-header-sticky itself — so the header only stays pinned for about the
 * first ~128px of page scroll. Past that, .hb-site-header (and the sticky
 * header inside it) scrolls away with the rest of the page like any normal
 * block; it does NOT remain docked at the top of the viewport for the whole
 * scroll. Offsetting the sidebar's `top`/`height` by --hb-header-height
 * therefore reserved 128px+ of dead space above Kategoriler once the user
 * had scrolled past the header — that's the empty gap this fixes. The
 * sidebar's sticky offset only needs to clear whatever's actually stuck to
 * the viewport at scroll time, which for this theme is nothing (no
 * secondary sticky bar) — so a small fixed 12px gap is correct, not a
 * header-height-based one. 44px with .admin-bar accounts for WordPress's
 * own 32px admin bar (always 32px at this desktop breakpoint) + the same
 * 12px gap.
 *
 * Sidebar itself no longer scrolls (nor does .hb-shop-filters) — only
 * .hb-shop-categories-scroll does (inside .hb-shop-filter-group--categories,
 * itself the sidebar's only `1fr` grid row), so Fiyat/Stok Durumu/actions
 * always stay visible instead of being pushed off the bottom of a tall
 * category list.
 */
@media (min-width: 1024px) {
	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-sidebar {
		position: sticky;
		top: 12px;
		align-self: start;
		height: calc(100dvh - 24px);
		max-height: calc(100dvh - 24px);
		min-width: 0;
		min-height: 0;
		overflow: hidden;
	}

	.admin-bar .hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-sidebar {
		top: 44px;
		height: calc(100dvh - 56px);
		max-height: calc(100dvh - 56px);
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-filters {
		display: grid;
		grid-template-rows: minmax(260px, 1fr) auto auto auto;
		gap: 10px;
		height: 100%;
		min-height: 0;
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-filter-group--categories {
		display: grid;
		grid-template-rows: auto auto minmax(0, 1fr);
		min-height: 0;
		overflow: hidden;
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-categories-scroll {
		min-height: 0;
		overflow-y: auto;
		overflow-x: hidden;
		overscroll-behavior: contain;
		scrollbar-width: thin;
		scrollbar-color: var(--hb-color-border) transparent;
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-categories-scroll::-webkit-scrollbar {
		width: 6px;
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-categories-scroll::-webkit-scrollbar-thumb {
		border-radius: var(--hb-radius-pill);
		background: var(--hb-color-border);
	}

	/* v2.4.0: Fiyat — thin, compact, no per-group submit button (real class is .hb-shop-filter-group--price, not a separate .hb-shop-price-form). */
	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-filter-group--price {
		padding: 10px 12px;
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-filter-group--price fieldset {
		display: grid;
		gap: 7px;
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-price-inputs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-price-inputs label {
		gap: 4px;
		font-size: 12px;
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-price-inputs input {
		min-height: 38px;
		height: 38px;
		padding: 0 9px;
	}

	/* v2.4.0: Stok Durumu — 2x2 grid instead of a 4-row vertical list. */
	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-filter-group--stock {
		padding: 10px 12px;
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-choice-list--stock {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px 10px;
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-choice-list--stock .hb-shop-choice {
		display: flex;
		align-items: center;
		gap: 7px;
		min-height: 34px;
		padding: 3px 0;
		font-size: 12px;
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-choice-list--stock input {
		width: 18px;
		height: 18px;
		margin: 0;
	}

	/* v2.4.0: the one shared "Filtreleri Uygula" row — always visible, pinned as the sidebar grid's last auto row, never scrolls with the category list. */
	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-filters__actions {
		display: grid;
	}

	.hb-shop-layout:not(.hb-shop-layout--full) .hb-shop-filters__actions .hb-button {
		width: 100%;
		min-height: 44px;
	}

	/*
	 * v2.3.9: the desktop toolbar panel (sort select + result count, boxed in
	 * its own white panel) is removed entirely on desktop — sidebar filters
	 * already cover category/price/stock, and sorting/result-count add a
	 * second panel with no room to justify itself once the sidebar is the
	 * primary catalog control. Kept as `display: none` (not deleting the
	 * get_template_part() call in archive-product.php) specifically so the
	 * mobile [Filtrele][Sırala] row + result count this same markup provides
	 * keeps working unchanged below 1024px — the toolbar is still the only
	 * place that opens the mobile filter drawer.
	 */
	.hb-shop-toolbar {
		display: none;
	}
}

.hb-shop-columns {
	display: none;
}


body.woocommerce-cart .woocommerce {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 440px);
	gap: 1.2rem;
	align-items: start;
}

body.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper,
body.woocommerce-cart .woocommerce > .hb-cart-layout {
	grid-column: 1 / -1;
}

/*
 * v2.2.1 FIX: this rule used to box `.woocommerce-cart-form` (= .hb-cart-items,
 * already boxed below), `form.checkout` (the ancestor of both checkout
 * columns, which are each already boxed), `.cart_totals` and
 * `.woocommerce-checkout-review-order` (already un-boxed above because
 * their parent panel already provides the card), and `.wc-block-cart` /
 * `.wc-block-checkout` (the ancestor of the already-boxed __form/__sidebar
 * Blocks columns). Every one of those was a panel nested inside another
 * panel. Only structural/layout rules remain here.
 */
body.woocommerce-cart .woocommerce-cart-form {
	grid-column: 1;
}

body.woocommerce-cart .cart-collaterals {
	grid-column: 2;
	width: 100%;
}

body.woocommerce-cart .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
	padding: 0;
}

body.woocommerce-cart table.shop_table {
	border: 0;
	border-collapse: collapse;
}

body.woocommerce-cart table.shop_table th,
body.woocommerce-cart table.shop_table td {
	border-color: var(--hb-color-border);
	padding: 0.9rem 0.75rem;
}

body.woocommerce-cart table.cart img {
	width: 88px;
	height: 88px;
	object-fit: contain;
	border: 1px solid var(--hb-color-border);
	border-radius: var(--hb-radius-md);
	background: #ffffff;
}

body.woocommerce-cart .cart_totals .checkout-button,
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-checkout #place_order,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
	width: 100%;
	min-height: 54px;
	border-radius: var(--hb-radius-button);
	background: var(--hb-color-primary);
	color: #ffffff;
	font-weight: 800;
}

/*
 * v2.3.8 FIX: this used to also force `display: grid; grid-template-columns:
 * minmax(232px, 260px) minmax(0, 1fr)` for body.post-type-archive-product /
 * body.woocommerce-shop, unconditionally (no media query) at 2-class
 * specificity. That beat every mobile ".hb-shop-layout { grid-template-columns:
 * 1fr }" override (1-class specificity — media queries don't add specificity,
 * so a narrower selector inside @media still loses to a wider one outside it),
 * so on /magaza/ specifically the sidebar's 232px *minimum* column never
 * actually shrank away on mobile — it just kept reserving that space while
 * being invisible, forcing the whole grid (and the page) wider than the
 * viewport. That was the real, confirmed source of the "empty area on the
 * right + horizontal overflow" reported around 406px. The plain, unscoped
 * `.hb-shop-layout` rule in layout.css already provides the identical
 * desktop 2-column layout (used everywhere the sidebar actually exists), so
 * this duplicate is deleted outright rather than fixed in place — one
 * definition, and the normal @media cascade in responsive.css can override
 * it correctly again.
 */
body.tax-product_cat .hb-shop-layout,
body.tax-product_tag .hb-shop-layout,
body.tax-product_brand .hb-shop-layout,
body.search .hb-shop-layout--full,
.hb-shop-layout--full {
	display: block !important;
	width: 100%;
}

body.tax-product_cat .hb-shop-sidebar,
body.tax-product_tag .hb-shop-sidebar,
body.tax-product_brand .hb-shop-sidebar {
	display: none !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce .products::before,
.woocommerce .products::after {
	display: none !important;
	content: none !important;
}

.woocommerce ul.products,
.woocommerce .products,
.woocommerce .products.hb-shop-grid,
.woocommerce .products.hb-shop-grid--3,
.woocommerce .products.hb-shop-grid--4,
.woocommerce .products.hb-shop-grid--5,
.woocommerce .products.columns-1,
.woocommerce .products.columns-2,
.woocommerce .products.columns-3,
.woocommerce .products.columns-4,
.woocommerce .products.columns-5,
.woocommerce .products.columns-6,
.woocommerce .up-sells ul.products,
.woocommerce .related ul.products,
.hb-product-grid,
.hb-favorites__grid,
.hb-recently-viewed__grid {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: 16px !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 16px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

/*
 * Shop pages with the sidebar (template-parts/shop/sidebar.php) have a
 * narrower content column, so they get one fewer column than full-width
 * grids (home sections, favorites, search, category pages without a
 * sidebar) per the v2.2.0 spec: 6 columns without a sidebar, 5 with one.
 */
.hb-shop-layout:not(.hb-shop-layout--full) .woocommerce ul.products,
.hb-shop-layout:not(.hb-shop-layout--full) .woocommerce .products,
.hb-shop-layout:not(.hb-shop-layout--full) .hb-product-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce .products .product,
.woocommerce .up-sells ul.products li.product,
.woocommerce .related ul.products li.product,
.hb-recently-viewed__grid li.product,
.hb-product-loop-item,
.hb-favorites__item {
	float: none !important;
	clear: none !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce ul.products li.product.first,
.woocommerce ul.products li.product.last {
	clear: none !important;
	margin-right: 0 !important;
}

.hb-product-card {
	width: 100% !important;
	min-width: 0 !important;
	height: 100% !important;
}

.hb-single-products-section,
.woocommerce .related,
.woocommerce .up-sells {
	clear: both !important;
	width: 100% !important;
	max-width: none !important;
	margin: 24px 0 0 !important;
	padding: 16px !important;
	overflow: visible !important;
}

/*
 * v2.2.5 FIX (kept): v2.2.4 capped the image to a fixed `height: min(62vh,
 * 620px)` while the gallery column was fixed-width — pinning both axes
 * independently produced a box with nothing to do with the image's real
 * aspect ratio, so `object-fit: contain` had to letterbox it with white
 * bars. The v2.2.6 height cap below avoids that trap by using
 * `width: auto` (not 100%) together with `max-height` — for a replaced
 * element with both width/height auto, the browser scales the whole
 * image down preserving its intrinsic ratio until it satisfies whichever
 * constraint (max-width or max-height) is hit first. Both dimensions
 * shrink together, so there is never a mismatched box for object-fit to
 * paper over.
 */
/*
 * v2.2.8 FIX: v2.2.7 forced both columns to equal height via
 * `align-items: stretch` and turned the gallery into its own flex card
 * (border/background/padding) so its bottom edge would line up with the
 * (usually taller) summary column. In practice that just relocated the
 * "empty space" problem: the gallery card stretched to match the taller
 * summary, and — since the image/thumbnails inside don't grow — the
 * leftover height became a big blank strip below the thumbnails, plus a
 * visible card background/border around it. Back to `align-items: start`
 * and a plain, unboxed gallery column: both columns size to their own
 * content, top-aligned, and the gallery ends right after the thumbnails
 * with no trailing whitespace and no extra frame.
 */
body.single-product .hb-container {
	width: min(calc(100% - 24px), 1700px);
}

/*
 * v2.2.9 FIX: percentage-based columns (e.g. minmax(300px, 37%)) always
 * gave the gallery a fixed *share of the row's width* regardless of the
 * actual photo — for a narrow portrait photo that share is wider than the
 * image itself, so the leftover space inside the column rendered as a
 * white bar down each side. There is no way to fix that with a fixed
 * percentage, because the "correct" width is different for every photo's
 * aspect ratio. Instead: `auto` lets the grid track size itself to
 * whatever width `.hb-single-product__gallery` actually computes below,
 * and that width is derived (on desktop) from the *real* aspect ratio of
 * the active photo via a CSS custom property that assets/js/main.js
 * measures from the image's naturalWidth/naturalHeight and keeps updated
 * as the active slide changes. The right column (`minmax(0, 1fr)`) then
 * automatically fills whatever width is left over.
 */
.woocommerce div.product .hb-single-product__top {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	width: 100%;
}

.woocommerce div.product .hb-single-product__summary {
	width: 100%;
	min-width: 0;
	align-self: start;
}

.woocommerce div.product .hb-single-product__gallery {
	display: block;
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	height: auto;
	min-height: 0;
	align-self: start;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

/*
 * Desktop only: shrink the gallery column to the active photo's real
 * aspect ratio instead of letting it default to `max-width: 100%`
 * (fit-content on its own can't narrow a width:100% image — see below).
 * --hb-gallery-ratio defaults to a plausible 4:5 (0.8) portrait guess so
 * there's a sane width before JS measures the actual image; main.js then
 * overrides it inline per-product, per active slide.
 */
@media (min-width: 1025px) {
	.woocommerce div.product .hb-single-product__gallery {
		--hb-gallery-height: min(66vh, 610px);
		--hb-gallery-ratio: 0.8;
		width: min(calc(var(--hb-gallery-height) * var(--hb-gallery-ratio)), 520px);
		min-width: 300px;
		max-width: 520px;
	}
}

.woocommerce div.product div.images.woocommerce-product-gallery {
	width: 100%;
	height: auto;
	margin: 0;
}

.woocommerce div.product div.images .flex-viewport {
	width: 100%;
	height: auto;
	max-height: none;
	overflow: hidden;
	border: 0;
	border-radius: 14px;
	background: transparent;
	margin: 0;
	padding: 0;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image,
.woocommerce div.product div.images .woocommerce-product-gallery__image a {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
	object-fit: unset;
	margin: 0;
	padding: 0;
}

.woocommerce div.product div.images .flex-control-thumbs {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	width: 100%;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	flex: 0 0 auto;
	width: 68px;
	margin: 0;
	padding: 0;
}

.woocommerce div.product div.images .flex-control-thumbs img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	padding: 0;
	border: 1px solid var(--hb-color-border);
	border-radius: 12px;
	background: #ffffff;
	cursor: pointer;
}

.woocommerce div.product div.images .flex-control-thumbs img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs img:hover,
.woocommerce div.product div.images .flex-control-thumbs img:focus {
	border-color: var(--hb-color-primary);
}

body.woocommerce-cart .hb-cart-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 440px) !important;
	gap: 24px !important;
	align-items: start !important;
	width: 100% !important;
}

body.woocommerce-cart .hb-cart-items,
body.woocommerce-cart .hb-cart-summary,
body.woocommerce-checkout .hb-checkout-grid__details,
body.woocommerce-checkout .hb-order-review {
	border: 1px solid var(--hb-color-border) !important;
	border-radius: 16px !important;
	background: #ffffff !important;
	box-shadow: var(--hb-shadow-sm) !important;
}

body.woocommerce-cart .hb-cart-items,
body.woocommerce-checkout .hb-checkout-grid__details,
body.woocommerce-checkout .hb-order-review {
	padding: 20px !important;
}

/*
 * v2.2.2 FIX: checkout used to box each .hb-checkout-section (billing,
 * shipping) AND .hb-order-review separately — three visible cards, plus
 * .hb-checkout-grid__details around them, read as "cards inside cards".
 * The single visual panel now lives on .hb-checkout-grid__details itself
 * (above) and on .hb-order-review; the two .hb-checkout-section blocks
 * inside .hb-checkout-details are plain, divided by a top border instead
 * of being separate cards.
 */
body.woocommerce-checkout .hb-checkout-section {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}

body.woocommerce-checkout .hb-checkout-details {
	gap: 0 !important;
}

body.woocommerce-checkout .hb-checkout-section + .hb-checkout-section {
	margin-top: 18px !important;
	padding-top: 18px !important;
	border-top: 1px solid var(--hb-color-border) !important;
}

body.woocommerce-checkout .hb-checkout-grid__review {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout #order_review {
	padding-bottom: 0 !important;
}

body.woocommerce-checkout .hb-order-review .place-order {
	margin-top: 16px !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body.woocommerce-cart .hb-cart-summary {
	position: sticky !important;
	top: 16px !important;
	padding: 20px !important;
}

body.woocommerce-cart .hb-cart-item {
	display: grid !important;
	grid-template-columns: 96px minmax(0, 1fr) !important;
	gap: 16px !important;
	padding: 16px 0 !important;
	border-bottom: 1px solid var(--hb-color-border) !important;
}

body.woocommerce-cart .hb-cart-item__media img {
	width: 96px !important;
	height: 96px !important;
	object-fit: contain !important;
	border: 1px solid var(--hb-color-border) !important;
	border-radius: 12px !important;
	background: #ffffff !important;
}

body.woocommerce-cart .hb-cart-item__body {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(120px, auto) minmax(120px, auto) minmax(120px, auto) auto !important;
	gap: 14px !important;
	align-items: center !important;
	min-width: 0 !important;
}

body.woocommerce-cart .hb-cart-item__title {
	margin: 0 0 6px !important;
	font-size: 1rem !important;
	line-height: 1.35 !important;
}

body.woocommerce-cart .hb-cart-item__title a {
	color: var(--hb-color-primary) !important;
}

body.woocommerce-checkout .hb-checkout-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 440px) !important;
	gap: 24px !important;
	align-items: start !important;
}

body.woocommerce-checkout .hb-checkout-grid__review {
	position: sticky !important;
	top: 16px !important;
}

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.wc-block-cart,
.wc-block-checkout {
	width: 100% !important;
	max-width: none !important;
}

.wc-block-components-sidebar-layout,
.wc-block-cart {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 440px) !important;
	gap: 24px !important;
	align-items: start !important;
}

.wc-block-components-main,
.wc-block-cart__main,
.wc-block-components-sidebar,
.wc-block-cart__sidebar,
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper,
.wc-block-checkout__form,
.wc-block-checkout__sidebar {
	min-width: 0 !important;
	width: 100% !important;
}

.wc-block-components-main,
.wc-block-cart__main,
.wc-block-checkout__form {
	border: 1px solid var(--hb-color-border) !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	box-shadow: var(--hb-shadow-sm) !important;
	padding: 20px !important;
}

.wc-block-components-sidebar,
.wc-block-cart__sidebar,
.wc-block-checkout__sidebar {
	position: sticky !important;
	top: 16px !important;
	border: 1px solid var(--hb-color-border) !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	box-shadow: var(--hb-shadow-sm) !important;
	padding: 20px !important;
}

.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wc-block-components-order-summary__title {
	color: var(--hb-color-heading) !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
}

.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wc-block-components-form .wc-block-components-text-input input,
.wc-block-components-form textarea,
.wc-block-components-address-form input,
.wc-block-components-address-form select {
	min-height: 54px !important;
	border: 1px solid #c5d6ce !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	color: var(--hb-color-heading) !important;
	font-size: 1rem !important;
	box-shadow: none !important;
}

.wc-block-components-button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	min-height: 54px !important;
	border-radius: var(--hb-radius-button) !important;
	background: var(--hb-color-primary) !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

.wc-block-components-button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
	background: var(--hb-color-primary-hover) !important;
	color: #ffffff !important;
}

.wc-block-cart-items,
.wc-block-cart-items__row,
.wc-block-components-order-summary-item {
	border-color: var(--hb-color-border) !important;
}

.wc-block-cart-items__row img,
.wc-block-components-order-summary-item__image img {
	object-fit: contain !important;
	border: 1px solid var(--hb-color-border) !important;
	border-radius: 10px !important;
	background: #ffffff !important;
}

@media (max-width: 1199px) {
	.woocommerce ul.products,
	.woocommerce .products,
	.woocommerce .up-sells ul.products,
	.woocommerce .related ul.products,
	.hb-product-grid,
	.hb-favorites__grid,
	.hb-recently-viewed__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 991px) {
	body.post-type-archive-product .hb-shop-layout,
	body.woocommerce-shop .hb-shop-layout,
	body.woocommerce-cart .hb-cart-layout,
	body.woocommerce-checkout .hb-checkout-grid,
	.wc-block-components-sidebar-layout,
	.wc-block-cart,
	.woocommerce div.product .hb-single-product__top {
		grid-template-columns: 1fr !important;
	}

	body.woocommerce-checkout .hb-checkout-shell,
	body.woocommerce-checkout .hb-checkout-grid,
	body.woocommerce-checkout .hb-checkout-grid__details {
		width: 100%;
	}

	body.woocommerce-checkout .hb-checkout-grid__details,
	body.woocommerce-checkout .hb-order-review {
		padding: 14px !important;
	}

	body.woocommerce-shop .hb-shop-sidebar {
		display: none !important;
	}

	body.woocommerce-cart .hb-cart-summary,
	body.woocommerce-checkout .hb-checkout-grid__review,
	.wc-block-components-sidebar,
	.wc-block-cart__sidebar,
	.wc-block-checkout__sidebar {
		position: static !important;
	}

	body.woocommerce-cart .hb-cart-item__body {
		grid-template-columns: 1fr !important;
	}

	.woocommerce ul.products,
	.woocommerce .products,
	.woocommerce .up-sells ul.products,
	.woocommerce .related ul.products,
	.hb-product-grid,
	.hb-favorites__grid,
	.hb-recently-viewed__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 767px) {
	.woocommerce ul.products,
	.woocommerce .products,
	.woocommerce .up-sells ul.products,
	.woocommerce .related ul.products,
	.hb-product-grid,
	.hb-favorites__grid,
	.hb-recently-viewed__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	body.woocommerce-cart .hb-cart-item {
		grid-template-columns: 76px minmax(0, 1fr) !important;
	}

	body.woocommerce-cart .hb-cart-item__media img {
		width: 76px !important;
		height: 76px !important;
	}
}

@media (max-width: 360px) {
	.woocommerce ul.products,
	.woocommerce .products,
	.woocommerce .up-sells ul.products,
	.woocommerce .related ul.products,
	.hb-product-grid,
	.hb-favorites__grid,
	.hb-recently-viewed__grid {
		grid-template-columns: 1fr !important;
	}
}

/* 2.1.10 homepage product showcase: dense 3-per-row panels instead of the oversized
   2-per-row cards added in 2.1.4. */
.hb-home-section--product-showcase .hb-home-product-showcase {
	align-items: stretch !important;
	gap: 14px !important;
}

.hb-home-section--product-showcase .hb-home-product-panel {
	display: flex !important;
	flex-direction: column !important;
	min-height: 0 !important;
	padding: 14px !important;
}

.hb-home-section--product-showcase .hb-home-product-panel__header {
	margin-bottom: 12px !important;
}

.hb-home-section--product-showcase .hb-product-grid.hb-product-grid--compact {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

.hb-home-section--product-showcase .hb-product-card {
	height: 100% !important;
}

.hb-home-section--product-showcase .hb-product-card__body {
	padding: 9px !important;
	gap: 5px !important;
}

.hb-home-section--product-showcase .hb-product-card__title {
	font-size: 0.82rem !important;
	line-height: 1.25 !important;
}

.hb-home-section--product-showcase .hb-product-card__price {
	font-size: 0.94rem !important;
}

.hb-home-section--product-showcase .hb-product-card__cart,
.hb-home-section--product-showcase .hb-product-card__button {
	min-height: 38px !important;
}

@media (max-width: 1200px) {
	.hb-home-section--product-showcase .hb-product-grid.hb-product-grid--compact {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 991px) {
	.hb-home-section--product-showcase .hb-home-product-showcase {
		grid-template-columns: 1fr !important;
	}

	.hb-home-section--product-showcase .hb-product-grid.hb-product-grid--compact {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 640px) {
	.hb-home-section--product-showcase .hb-product-grid.hb-product-grid--compact {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

.woocommerce ul.products,
.woocommerce .products,
.woocommerce .products.hb-shop-grid,
.woocommerce .products.hb-shop-grid--5 {
	align-items: stretch !important;
}

/* 2.1.6 single product related products must render as real marketplace cards. */
.woocommerce div.product.hb-single-product > .related.products,
.woocommerce .hb-single-product > .related.products,
.woocommerce .hb-single-product .hb-related-products {
	display: block !important;
	clear: both !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 28px 0 0 !important;
	padding: 16px !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

.woocommerce div.product.hb-single-product > .related.products > h2,
.woocommerce .hb-single-product .hb-related-products > h2 {
	margin: 0 0 16px !important;
	color: var(--hb-color-heading) !important;
	font-size: 1.25rem !important;
	line-height: 1.2 !important;
}

.woocommerce div.product.hb-single-product > .related.products > ul.products,
.woocommerce .hb-single-product .hb-related-products__grid {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	gap: 16px !important;
	justify-content: stretch !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce div.product.hb-single-product > .related.products > ul.products > li.product,
.woocommerce .hb-single-product .hb-related-products__grid > li.product {
	display: block !important;
	float: none !important;
	clear: none !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce .hb-single-product .hb-related-products__grid .hb-product-card {
	width: 100% !important;
	min-width: 0 !important;
	height: 100% !important;
}

@media (max-width: 1199px) {
	.woocommerce div.product.hb-single-product > .related.products > ul.products,
	.woocommerce .hb-single-product .hb-related-products__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 991px) {
	.woocommerce div.product.hb-single-product > .related.products > ul.products,
	.woocommerce .hb-single-product .hb-related-products__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 767px) {
	.woocommerce div.product.hb-single-product > .related.products > ul.products,
	.woocommerce .hb-single-product .hb-related-products__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
}

@media (max-width: 360px) {
	.woocommerce div.product.hb-single-product > .related.products > ul.products,
	.woocommerce .hb-single-product .hb-related-products__grid {
		grid-template-columns: 1fr !important;
	}
}