/* GearO Core front-end styles (features not covered by the theme's styles.css) */

/* Product grid used by the Elementor widget */
.gearo-grid.gearo-product-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
@media (max-width: 1199px) { .gearo-grid.gearo-product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px)  { .gearo-grid.gearo-product-grid { grid-template-columns: repeat(2, 1fr); } }

/* Wishlist active state */
.gearo-wishlist-toggle.active .icon,
.box-icon.wishlist.active .icon { color: #e53935; }
.gearo-wishlist-toggle.loading { opacity: .6; pointer-events: none; }

/* Free-shipping progress bar */
.gearo-ship-progress { margin: 0 0 16px; }
.gearo-ship-progress .ship-bar {
	position: relative;
	height: 6px;
	border-radius: 6px;
	background: #eee;
	overflow: hidden;
	margin-top: 8px;
}
.gearo-ship-progress .ship-bar span {
	position: absolute;
	inset: 0 auto 0 0;
	background: #111;
	transition: width .4s ease;
}

/* Information bar */
.gearo-infobar {
	text-align: center;
	padding: 8px 16px;
	font-size: 14px;
}
.gearo-infobar .infobar-msg.is-hidden { display: none; }

/* =====================================================================
   AJAX shop with filter sidebar — GearO layout (shop-filter-sidebar.html).
   Structure: .gearo-shop-ajax (block) > .tf-shop-control (top bar) +
   .wrapper-control-shop > .meta-filter-shop + .row(.col-xl-3 sidebar |
   .col-xl-9 grid). Keeps the .gearo-* AJAX hooks intact.
   ===================================================================== */
.gearo-shop-ajax { display: block; }
.gearo-shop-ajax.is-loading .gearo-shop-results { opacity: .45; pointer-events: none; transition: opacity .2s; }

/* Top control bar: filters btn (mobile) | layout switch | sort */
.gearo-shop-ajax .tf-shop-control {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 18px;
	margin-bottom: 22px;
	border-bottom: 1px solid #e8e8e8;
	flex-wrap: wrap;
}
.gearo-shop-ajax .tf-control-filter .filterShop {
	display: none;               /* filters are a static sidebar on desktop */
	align-items: center;
	gap: 8px;
	background: transparent;
	border: 1px solid #e5e5e5;
	border-radius: 24px;
	padding: 8px 18px;
	font-size: 14px;
}
.gearo-shop-ajax .tf-control-layout { display: flex; align-items: center; gap: 10px; list-style: none; margin: 0; padding: 0; }
.gearo-shop-ajax .gearo-layout-switch {
	width: 34px; height: 34px; border: 1px solid #e5e5e5; border-radius: 6px;
	display: flex; align-items: center; justify-content: center; cursor: pointer;
	font-family: "Heebo", serif; color: #666; transition: all .2s;
}
.gearo-shop-ajax .gearo-layout-switch .item { line-height: 1; }
.gearo-shop-ajax .gearo-layout-switch.active { background: #171717; border-color: #171717; color: #fff; }
.gearo-shop-ajax .tf-control-sorting { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.gearo-shop-ajax .tf-control-sorting p { margin: 0; color: #666; font-size: 14px; }
.gearo-shop-ajax .gearo-orderby {
	min-height: 40px; border: 1px solid #e5e5e5; border-radius: 24px;
	padding: 6px 34px 6px 16px; font-size: 14px; background: #fff; cursor: pointer;
}

/* Meta row: result count + clear all */
.gearo-shop-ajax .meta-filter-shop {
	display: flex; align-items: center; gap: 16px; margin-bottom: 20px; min-height: 24px;
}
.gearo-shop-ajax .gearo-result-count { font-size: 14px; color: #555; }
.gearo-shop-ajax .remove-all-filters {
	display: inline-flex; align-items: center; gap: 6px; margin-left: auto;
	background: transparent; border: 0; color: #111; font-size: 12px; letter-spacing: .4px; cursor: pointer;
}
.gearo-shop-ajax .remove-all-filters:hover { color: #c0392b; }

/* Sidebar facets */
.gearo-shop-ajax .sidebar-filter { padding-right: 10px; }
.gearo-shop-ajax .widget-facet { margin-bottom: 30px; padding-bottom: 26px; border-bottom: 1px solid #eee; }
.gearo-shop-ajax .widget-facet:last-child { border-bottom: 0; }
.gearo-shop-ajax .facet-title { font-family: "Heebo", serif; font-size: 18px; font-weight: 400; color: #171717; margin: 0 0 16px; }
.gearo-shop-ajax .facet-cat-list, .gearo-shop-ajax .facet-fieldset ul { list-style: none; margin: 0; padding: 0; }
.gearo-shop-ajax .fieldset-item { display: flex; align-items: center; gap: 9px; margin-bottom: 11px; font-size: 14px; }
.gearo-shop-ajax .fieldset-item label { color: #555; cursor: pointer; margin: 0; }
.gearo-shop-ajax .fieldset-item .count-brand, .gearo-shop-ajax .count-cate { color: #aaa; }
.gearo-shop-ajax .fieldset-item input[type="checkbox"] { width: 16px; height: 16px; accent-color: #171717; cursor: pointer; }
.gearo-shop-ajax .facet-color-box { display: flex; flex-wrap: wrap; gap: 8px; }
.gearo-shop-ajax .facet-color-box .color-item { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; padding: 5px 12px 5px 6px; border: 1px solid #eee; border-radius: 24px; font-size: 13px; color: #555; transition: border-color .2s; }
.gearo-shop-ajax .facet-color-box .color-item.active { border-color: #171717; color: #111; }
.gearo-shop-ajax .facet-color-box .color { width: 18px; height: 18px; border-radius: 50%; display: inline-block; border: 1px solid rgba(0,0,0,.12); }
.gearo-shop-ajax .gearo-price-slider { margin: 20px 0 16px; }
.gearo-shop-ajax .box-price-product { display: flex; justify-content: space-between; gap: 16px; font-size: 13px; color: #555; }
.gearo-shop-ajax .box-price-item .title-price { color: #999; display: block; margin-bottom: 4px; }

/* noUiSlider skin (no vendor CSS shipped) */
.gearo-shop-ajax .gearo-price-slider.noUi-target { height: 3px; border: 0; background: #e6e6e6; box-shadow: none; border-radius: 3px; }
.gearo-shop-ajax .gearo-price-slider .noUi-connect { background: #171717; }
.gearo-shop-ajax .gearo-price-slider .noUi-handle {
	width: 14px; height: 14px; right: -7px; top: -6px; border-radius: 50%;
	background: #171717; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.3); cursor: grab;
}
.gearo-shop-ajax .gearo-price-slider .noUi-handle::before,
.gearo-shop-ajax .gearo-price-slider .noUi-handle::after { display: none; }

/* Product grid gaps (uses theme .tf-grid-layout col classes) */
.gearo-shop-ajax .gearo-shop-grid { margin-bottom: 32px; }
.gearo-shop-ajax .gearo-shop-empty { padding: 60px 0; text-align: center; color: #777; }
.gearo-shop-ajax .gearo-shop-pagination .wg-pagination { display: flex; gap: 8px; justify-content: center; list-style: none; padding: 0; margin: 24px 0 0; }

/* Mobile: the Filters button toggles a static collapsible panel above the grid.
   A display toggle avoids the theme's off-canvas positioning conflicts. */
@media (max-width: 1199px) {
	.gearo-shop-ajax .tf-control-filter .filterShop { display: inline-flex; }
	.gearo-shop-ajax .gearo-shop-sidebar-col { display: none; }
	.gearo-shop-ajax .gearo-shop-sidebar-col.gearo-filters-visible { display: block; margin-bottom: 24px; }
	.gearo-shop-ajax .gearo-shop-sidebar-col .sidebar-filter.canvas-filter {
		position: static !important; transform: none !important; left: auto !important;
		width: auto; max-width: none; box-shadow: none; padding: 20px; z-index: auto;
		border: 1px solid #eee; border-radius: 8px;
	}
	.gearo-shop-ajax .canvas-header { margin-bottom: 12px; }
}

/* Collection banners grid */
.gearo-collection-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 991px) { .gearo-collection-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .gearo-collection-grid { grid-template-columns: 1fr; } }
.gearo-collection-grid .collection-position { position: relative; overflow: hidden; border-radius: 8px; }
.gearo-collection-grid .collection-position .img-style { display: block; }
.gearo-collection-grid .collection-position img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.gearo-collection-grid .collection-position.hover-img:hover img { transform: scale(1.05); }
.gearo-collection-grid .collection-position .content { position: absolute; inset: auto 0 0 0; padding: 24px; }

/* Promo banner overlay content centring */
.collection-position.style-full .content.cls-content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 16px; padding: 24px; }
.collection-position.style-full .img-style img { width: 100%; height: 100%; object-fit: cover; }

/* =====================================================================
   Shop Top Sellers — scoped restyle to match the reference design.
   All rules are namespaced under .gearo-top-sellers so nothing else changes.
   ===================================================================== */
.gearo-top-sellers { background: #fff; }

/* Title — elegant serif, not blue/bold */
.gearo-top-sellers .elementor-heading-title {
	font-family: "Heebo", serif !important;
	font-size: 40px !important;
	font-weight: 400 !important;
	line-height: 1.15 !important;
	color: #111 !important;
	text-align: center;
	margin: 0 !important;
}
/* Subtitle */
.gearo-top-sellers .elementor-widget-text-editor { text-align: center; margin-top: 15px; }
.gearo-top-sellers .elementor-widget-text-editor p {
	font-size: 16px; font-weight: 400; color: #333; margin: 0;
}
.gearo-top-sellers .elementor-widget-gearo_product_carousel { margin-top: 40px; }

/* Carousel wrap holds the arrows outside the clipped track */
.gearo-top-sellers .gearo-carousel-wrap {
	position: relative;
	--swiper-theme-color: #111;
	--swiper-navigation-size: 20px;
}
.gearo-top-sellers .gearo-carousel-wrap .swiper { overflow: hidden; }

/* Product image container: large near-square, soft gray, no card border */
.gearo-top-sellers .card-product { box-shadow: none; border: 0; background: transparent; }
.gearo-top-sellers .card-product .card-product-wrapper,
.gearo-top-sellers .card-product .image-wrap {
	aspect-ratio: 1 / 1;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
}
.gearo-top-sellers .card-product .image-wrap img {
	width: 100%; height: 100%;
	object-fit: cover !important;
	object-position: center;
	padding: 0;
}
/* keep only the primary image visible (no hover crop swap here) */
.gearo-top-sellers .card-product .img-hover { display: none; }

/* Hide promo/stock badges only in this section */
.gearo-top-sellers .on-sale-wrap { display: none !important; }
/* Also hide hover action buttons for the clean reference look */
.gearo-top-sellers .card-product .list-product-btn,
.gearo-top-sellers .card-product .list-btn-main { display: none; }

/* Product info under the image, right aligned (RTL) */
.gearo-top-sellers .card-product-info { padding-top: 18px; text-align: right; }
.gearo-top-sellers .card-product-info .link {
	font-size: 16px; font-weight: 400; line-height: 1.4; color: #222;
	margin: 0 0 8px; display: block;
}
.gearo-top-sellers .card-product-info .price {
	font-size: 16px; font-weight: 400; color: #222; line-height: 1.3; margin: 0;
}
.gearo-top-sellers .card-product-info .old-price { color: #999; margin-left: 8px; }

/* Color swatches — small filled circles */
.gearo-top-sellers .list-color-product { margin-top: 10px; display: flex; gap: 8px; padding: 0; }
.gearo-top-sellers .list-color-item { width: 22px; height: 22px; border-radius: 50%; overflow: hidden; border: 0; }
.gearo-top-sellers .list-color-item .swatch-value { width: 22px; height: 22px; border-radius: 50%; display: block; }
.gearo-top-sellers .list-color-item.active { box-shadow: 0 0 0 2px #fff, 0 0 0 3px #111; }

/* Arrows: circular, outside the cards, black icon, disabled state */
.gearo-top-sellers .swiper-button-prev,
.gearo-top-sellers .swiper-button-next {
	width: 54px; height: 54px;
	border-radius: 50%;
	border: 1px solid #e5e5e5;
	background: #fff;
	color: #111;
	margin: 0;
	top: 205px;
	transform: translateY(-50%);
	box-shadow: none;
	z-index: 5;
}
.gearo-top-sellers .swiper-button-prev { left: -62px; }
.gearo-top-sellers .swiper-button-next { right: -62px; }
.gearo-top-sellers .swiper-button-prev::after,
.gearo-top-sellers .swiper-button-next::after { font-size: 20px; font-weight: 700; color: #111; }
.gearo-top-sellers .swiper-button-disabled { opacity: 0.4; cursor: default; }

/* Pagination: centered under all products */
.gearo-top-sellers .swiper-pagination {
	position: static;
	margin-top: 35px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.gearo-top-sellers .swiper-pagination-bullet {
	width: 7px; height: 7px;
	border: 1px solid #111; background: transparent; opacity: 1;
	margin: 0; border-radius: 50%; position: relative; transition: all .2s;
}
.gearo-top-sellers .swiper-pagination-bullet-active {
	width: 20px; height: 20px; background: transparent;
}
.gearo-top-sellers .swiper-pagination-bullet-active::after {
	content: ""; position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 7px; height: 7px; border-radius: 50%; background: #111;
}

/* Responsive */
@media (max-width: 1199px) {
	.gearo-top-sellers .swiper-button-prev { left: 4px; }
	.gearo-top-sellers .swiper-button-next { right: 4px; }
}
@media (max-width: 767px) {
	.gearo-top-sellers .elementor-heading-title { font-size: 30px !important; }
	.gearo-top-sellers .swiper-button-prev,
	.gearo-top-sellers .swiper-button-next { width: 42px; height: 42px; top: 40%; }
}

/* Testimonials section — neutralise Bootstrap .row negative margins so it
   never overflows inside the Elementor container, and small polish. */
.gearo-testimonials-section > .row { margin-left: 0; margin-right: 0; }
.gearo-testimonials-section { overflow: hidden; }
@media (min-width: 992px) {
	/* Give the left content the reference's lower start + breathing room. */
	.gearo-testimonials-section .tf-sw-testimonial { padding-top: 40px; padding-bottom: 40px; }
}
@media (max-width: 991px) {
	.gearo-testimonials-section .col-md-6 { padding-left: 0; padding-right: 0; }
	.gearo-testimonials-section .collection-position.style-3 { margin-top: 24px; }
}

/* =====================================================================
   Super Sale promo banner — scoped to .home-sale-banner to match reference.
   ===================================================================== */
.home-sale-banner { background: #fff; }

/* Rounded, fixed-height cinematic banner */
.home-sale-banner .collection-position.style-full {
	height: 480px;
	min-height: 480px;
	border-radius: 7px;
	overflow: hidden;
	position: relative;
}
.home-sale-banner .collection-position.style-full .img-style {
	height: 480px;
	min-height: 480px;
	border-radius: 7px;
	overflow: hidden;
}
.home-sale-banner .collection-position.style-full .img-style img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transform: none; /* no parallax scaling */
}
/* Lighter, balanced overlay */
.home-sale-banner .collection-position.style-full .img-style::after {
	content: "";
	display: block !important;
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.28) !important;
	z-index: 1;
}

/* Guaranteed-centered content (overrides GearO style-6 positioning that
   pushed the button off the left edge) */
.home-sale-banner .collection-position.style-full .content.cls-content {
	position: absolute !important;
	inset: 0 !important;
	z-index: 2;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 20px !important;
	transform: translateY(-5px) !important;
	left: 0 !important;
	right: 0 !important;
}
.home-sale-banner .cls-heading { margin: 0; }
.home-sale-banner .cls-heading h3,
.home-sale-banner .cls-heading h3 a {
	font-family: "Heebo", serif !important;
	font-size: 42px !important;
	font-weight: 400 !important;
	line-height: 1.15 !important;
	color: #fff !important;
	margin: 0;
}
.home-sale-banner .content.cls-content p {
	margin-top: 12px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #fff;
}
/* White pill button, no arrow, centered under subtitle */
.home-sale-banner .tf-btn.btn-white {
	margin: 20px auto 0;
	min-width: 180px;
	height: 50px;
	padding: 0 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #111;
	border: none;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 400;
}
.home-sale-banner .tf-btn.btn-white i { display: none; }

/* Responsive */
@media (max-width: 1199px) {
	.home-sale-banner .collection-position.style-full,
	.home-sale-banner .collection-position.style-full .img-style { height: 400px !important; min-height: 400px !important; }
	.home-sale-banner .cls-heading h3,
	.home-sale-banner .cls-heading h3 a { font-size: 34px !important; }
}
@media (max-width: 767px) {
	.home-sale-banner { padding-left: 15px !important; padding-right: 15px !important; }
	.home-sale-banner .collection-position.style-full,
	.home-sale-banner .collection-position.style-full .img-style { height: 340px !important; min-height: 340px !important; }
	.home-sale-banner .cls-heading h3,
	.home-sale-banner .cls-heading h3 a { font-size: 28px !important; }
	.home-sale-banner .content.cls-content p { font-size: 14px; }
	.home-sale-banner .tf-btn.btn-white { height: 46px; min-width: 165px; font-size: 14px; }
}

/* =====================================================================
   Shop Instagram (grid) + Benefits/features row — scoped to match reference.
   ===================================================================== */
.gearo-shop-instagram { background: #fff; }
.gearo-shop-instagram .elementor-heading-title {
	font-family: "Heebo", serif !important;
	font-size: 40px !important;
	font-weight: 400 !important;
	line-height: 1.15 !important;
	color: #111 !important;
	text-align: center;
	margin: 0 !important;
}
.gearo-shop-instagram .elementor-widget-text-editor { text-align: center; margin-top: 14px; }
.gearo-shop-instagram .elementor-widget-text-editor p { font-size: 16px; font-weight: 400; color: #333; margin: 0; }
.gearo-shop-instagram .elementor-widget-gearo_instagram { margin-top: 40px; }

.gearo-ig-grid {
	display: grid;
	grid-template-columns: repeat(var(--ig-cols, 5), minmax(0, 1fr));
	gap: 10px;
	width: 100%;
}
.gearo-ig-item { display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 8px; }
.gearo-ig-item img {
	width: 100%; height: 100%;
	object-fit: cover; object-position: center; display: block;
	transition: transform .5s ease;
}
.gearo-ig-item:hover img { transform: scale(1.05); }

@media (max-width: 1199px) { .gearo-ig-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) {
	.gearo-ig-grid { grid-template-columns: repeat(2, 1fr); }
	.gearo-shop-instagram .elementor-heading-title { font-size: 30px !important; }
}

/* Benefits / features */
.gearo-features { background: #fff; }
.gearo-features-grid {
	display: grid;
	grid-template-columns: repeat(var(--feat-cols, 4), 1fr);
	column-gap: 55px;
	row-gap: 40px;
}
.gearo-features-grid .tf-box-icon { text-align: right; display: block; }
.gearo-features-grid .tf-box-icon .icon { margin-bottom: 22px; }
.gearo-features-grid .tf-box-icon .icon i { font-size: 50px; color: #111; line-height: 1; }
.gearo-features-grid .tf-box-icon .title {
	font-family: "Heebo", serif !important;
	font-size: 25px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	color: #222 !important;
	margin: 0 0 12px !important;
}
.gearo-features-grid .tf-box-icon p { font-size: 16px; line-height: 1.45; font-weight: 400; color: #666; margin: 0; }
@media (max-width: 1199px) { .gearo-features-grid { grid-template-columns: repeat(2, 1fr); column-gap: 40px; row-gap: 50px; } }
@media (max-width: 767px) {
	.gearo-features-grid { grid-template-columns: repeat(2, 1fr); column-gap: 18px; row-gap: 28px; }
	.gearo-features-grid .tf-box-icon .icon { margin-bottom: 12px; }
	.gearo-features-grid .tf-box-icon .icon i { font-size: 34px; }
	.gearo-features-grid .tf-box-icon .title { font-size: 16px !important; margin: 0 0 6px !important; }
	.gearo-features-grid .tf-box-icon p { font-size: 12px; line-height: 1.4; }
}

/* =====================================================================
   Footer (ETB GearO Footer widget) — scoped fixes to match the reference.
   ===================================================================== */
/* Menu links were nearly invisible (dark on dark) — make them readable */
.gearo-etb-footer .footer-menu-list a,
.gearo-etb-footer .footer-menu-list li a {
	color: rgba(255, 255, 255, 0.85);
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	transition: color .2s;
}
.gearo-etb-footer .footer-menu-list a:hover { color: #fff; }
.gearo-etb-footer .footer-menu-list { list-style: none; margin: 0; padding: 0; }
.gearo-etb-footer .footer-menu-list li { margin-bottom: 14px; }
.gearo-etb-footer .footer-heading { font-size: 25px; font-weight: 400; color: #fff; margin: 0 0 18px; }

/* Newsletter heading: constrain width so it wraps to 2 lines like the reference */
.gearo-etb-footer .footer-newsletter .footer-heading {
	font-size: 39px;
	line-height: 1.2;
	font-weight: 400;
	color: #fff;
	max-width: 560px;
	margin: 0 0 24px;
}
.gearo-etb-footer .footer-newsletter .subscribe-content { max-width: 548px; }

/* Contact block with headset icon */
.gearo-etb-footer .footer-contact-block { display: flex; align-items: center; gap: 20px; margin-top: 36px; }
.gearo-etb-footer .footer-contact-icon { display: inline-flex; }
.gearo-etb-footer .footer-contact-icon i { font-size: 48px; color: #fff; line-height: 1; }
.gearo-etb-footer .footer-phone-number { display: flex; flex-direction: column; gap: 6px; }
.gearo-etb-footer .footer-phone-number h4 { font-size: 30px; font-weight: 400; color: #fff; margin: 0; line-height: 1.2; }

/* Social icons inside thin circular outlines (5 icons) */
.gearo-etb-footer .tf-social-icon.type-2 { display: flex; gap: 8px; margin-top: 40px; list-style: none; padding: 0; }
.gearo-etb-footer .tf-social-icon.type-2 li a {
	width: 42px; height: 42px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.25);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	transition: background .2s, color .2s;
}
.gearo-etb-footer .tf-social-icon.type-2 li a:hover { background: #fff; color: #111; }

/* Bottom bar: copyright left, payment right */
.gearo-etb-footer .footer-bottom { background: rgba(0, 0, 0, 0.28); }
.gearo-etb-footer .footer-bottom-wrap { display: flex; justify-content: space-between; align-items: center; }
.gearo-etb-footer .footer-bottom .left p { color: #fff; font-size: 16px; margin: 0; }
.gearo-etb-footer .tf-payment { display: flex; align-items: center; gap: 7px; }
.gearo-etb-footer .tf-payment .payment-label { color: #fff; font-size: 14px; margin-right: 4px; }
.gearo-etb-footer .tf-payment ul { display: flex; align-items: center; gap: 7px; list-style: none; margin: 0; padding: 0; }
.gearo-etb-footer .tf-payment img { height: 22px; width: auto; }

@media (max-width: 767px) {
	.gearo-etb-footer .footer-bottom-wrap { flex-direction: column; gap: 16px; }
	.gearo-etb-footer .footer-phone-number h4 { font-size: 24px; }
}

/* =====================================================================
   Quick View — right-side panel (same .fullRight family as the cart, so it
   gets the same fixed-panel + keyframe-slide fix) with GearO-styled content.
   ===================================================================== */
.modal-quick-view .modal-dialog {
	position: fixed !important;
	top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important;
	margin: 0 !important;
	width: 680px !important; min-width: 0 !important; max-width: 94vw !important;
	height: 100% !important;
	transform: none !important; transition: none !important;
}
.modal-quick-view.show .modal-dialog { animation: gearoDrawerInRight .34s cubic-bezier(.4, 0, .2, 1) both; }
.modal-quick-view .modal-content {
	position: static !important; width: 100% !important; max-width: none !important;
	height: 100% !important; margin: 0 !important; border-radius: 0 !important;
	display: flex !important; flex-direction: column !important;
	overflow-y: auto; padding: 40px 36px; transform: none !important;
}
.modal-quick-view .icon-close-popup { position: absolute; top: 18px; right: 20px; z-index: 5; cursor: pointer; font-size: 18px; }

.gearo-loading { padding: 60px; text-align: center; color: #777; }

/* Inner 2-column layout: image | summary */
.gearo-quickview-inner { display: grid; grid-template-columns: 300px 1fr; gap: 30px; align-items: start; padding: 60px; }
@media (max-width: 767px) { .gearo-quickview-inner { grid-template-columns: 1fr; gap: 20px; padding: 20px; } }

/* Gallery */
.gearo-quickview-inner .quickview-gallery {
	background: #f2f2f2; border-radius: 8px; overflow: hidden; aspect-ratio: 1 / 1;
	display: flex; align-items: center; justify-content: center;
}
.gearo-quickview-inner .quickview-gallery img { width: 100%; height: 100%; object-fit: contain; padding: 22px; mix-blend-mode: multiply; }

/* Summary */
.gearo-quickview-inner .quickview-summary { min-width: 0; }
.gearo-quickview-inner .product-title { font-family: "Heebo", serif; font-size: 26px; font-weight: 400; color: #171717; margin: 0 0 12px; line-height: 1.2; }
.gearo-quickview-inner .product-price,
.gearo-quickview-inner .product-price .woocommerce-Price-amount,
.gearo-quickview-inner .product-price bdi {
	font-family: "Heebo", serif !important; font-size: 20px !important; font-weight: 400 !important; color: #171717 !important;
}
.gearo-quickview-inner .product-price del, .gearo-quickview-inner .product-price del bdi { color: #999 !important; font-size: 16px !important; margin-right: 6px; }
.gearo-quickview-inner .product-price ins { text-decoration: none; }
.gearo-quickview-inner .product-short-desc { font-size: 14px; line-height: 1.7; color: #666; margin: 14px 0 18px; }

/* Variations (styled dropdowns) */
.gearo-quickview-inner .variations { width: 100%; border: 0; margin: 0 0 12px; }
.gearo-quickview-inner .variations tr { display: block; margin-bottom: 12px; }
.gearo-quickview-inner .variations td, .gearo-quickview-inner .variations th { display: block; border: 0; padding: 0; text-align: left; }
.gearo-quickview-inner .variations td.label label, .gearo-quickview-inner .variations th.label label { font-family: "Heebo", serif; font-size: 15px; color: #111; font-weight: 400; margin: 0 0 6px; }
.gearo-quickview-inner .variations select {
	width: 100%; min-height: 44px; border: 1px solid #e6e6e6; border-radius: 24px;
	padding: 6px 18px; background: #fff; font-size: 14px;
}
.gearo-quickview-inner .reset_variations { font-size: 13px; color: #333; display: inline-block; margin-top: 6px; }
.gearo-quickview-inner .woocommerce-variation-price .price { font-size: 18px !important; margin-bottom: 8px; }

/* Add-to-cart row: quantity pill + black button */
.gearo-quickview-inner form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 6px; }
.gearo-quickview-inner .quantity {
	display: inline-flex; align-items: center; height: 48px; width: 120px;
	border: 1px solid #e6e6e6; border-radius: 28px; overflow: hidden; background: #fff;
}
.gearo-quickview-inner .quantity input.qty { width: 100%; height: 46px; border: 0; background: transparent; text-align: center; font-size: 15px; -moz-appearance: textfield; }
.gearo-quickview-inner .quantity input.qty::-webkit-outer-spin-button,
.gearo-quickview-inner .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.gearo-quickview-inner .single_add_to_cart_button,
.gearo-quickview-inner form.cart button[type="submit"] {
	flex: 1 1 auto; min-width: 160px; height: 48px; min-height: 48px !important;
	background: #171717 !important; color: #fff !important; border: 1px solid #171717 !important;
	border-radius: 28px !important; font-size: 14px; font-weight: 500; text-transform: none;
	display: inline-flex; align-items: center; justify-content: center; transition: background .25s, color .25s;
}
.gearo-quickview-inner .single_add_to_cart_button:hover { background: #fff !important; color: #171717 !important; }
.gearo-quickview-inner .view-full { display: inline-block; margin-top: 18px; color: #171717; text-decoration: underline; font-size: 14px; }

/* =====================================================================
   Mini-cart drawer (off-canvas Shopping Cart) — GearO layout tweaks.
   The .tf-mini-cart-* styling ships in the theme styles.css; these only
   adjust for the WooCommerce-driven variant (no "You May Also Like"
   sidebar) and keep the fragment wrapper transparent to the flex layout.
   ===================================================================== */
/* Bootstrap's modal CSS + GearO's absolute-positioned .modal-content fight over
   the slide-in transform and leave the drawer parked off-screen (the transition
   never settles). Bypass the whole dance: make the dialog a fixed right-hand
   panel with NO transform — it is simply pinned to the right edge whenever the
   modal is displayed, and Bootstrap's opacity fade handles show/hide. Robust,
   no cascade or transition war. */
.modal-shopping-cart .modal-dialog {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: auto !important;
	margin: 0 !important;
	width: 480px !important;
	min-width: 0 !important;
	max-width: 90vw !important;
	height: 100% !important;
	transform: none !important;
	transition: none !important;
}
/* Slide the panel in from the right via a keyframe animation (composites
   reliably where the transition would hang; fill-mode leaves it visible). */
.modal-shopping-cart.show .modal-dialog {
	animation: gearoDrawerInRight .34s cubic-bezier(.4, 0, .2, 1) both;
}
@keyframes gearoDrawerInRight {
	from { transform: translateX(100%); }
	to   { transform: translateX(0); }
}
.modal-shopping-cart .modal-content {
	position: static !important;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	transform: none !important;
}
/* The WC fragment wrapper must not break the .wrap flex column. */
.modal-shopping-cart .widget_shopping_cart_content { display: contents; }
.modal-shopping-cart .tf-mini-cart-item .wg-quantity { pointer-events: auto; }
.modal-shopping-cart.gearo-cart-loading .tf-mini-cart-wrap { opacity: .5; pointer-events: none; }
/* Line total emphasis */
.modal-shopping-cart .tf-mini-cart-item .gearo-line-total { white-space: nowrap; }

/* Lookbook product slider (.gearo-sw-lookbook — own init in gearo-core.js).
   Each card fills its slide: one clean full-width product per view. */
.section-lookbook .gearo-sw-lookbook { overflow: hidden; }
.section-lookbook .gearo-sw-lookbook .swiper-slide { height: auto; display: flex; }
.section-lookbook .gearo-sw-lookbook .swiper-slide .card-product { width: 100%; margin: 0; }
.section-lookbook .right-product { min-width: 0; }
/* Dots spacing (was styled via the old .tf-sw-lookbook class) */
.gearo-sw-lookbook ~ .sw-pagination-lookbook,
.sw-pagination-lookbook.sw-dots { margin-top: 16px; }

/* Lookbook big image: match the product column height + narrower width.
   The image is taken out of flow (absolute) so the big-image column
   stretches to the height of the product column instead of driving its
   own tall intrinsic height; object-fit:cover fills the shorter box. */
.section-lookbook { align-items: stretch; gap: 70px; }
.section-lookbook .left-img {
	width: 58%;               /* was 66.74% — narrower */
	align-self: stretch;
	position: relative;
	overflow: visible;        /* pin popups must not be clipped */
	min-height: 0;
}
.section-lookbook .left-img .cls-lookbook { position: absolute; inset: 0; height: 100%; }
/* Direct child only — the pin popup has its own .img-style that must NOT be
   absolutized (that made the popup image cover its text). */
.section-lookbook .left-img .cls-lookbook > .img-style { position: absolute; inset: 0; height: 100%; width: 100%; overflow: hidden; border-radius: 8px; }
.section-lookbook .left-img .cls-lookbook > .img-style img {
	width: 100%; height: 100%; object-fit: cover; object-position: center;
}
/* Pin popup: tap-to-open support + clean product card */
.section-lookbook .lookbook-item { z-index: 6; }
.cls-lookbook .lookbook-item.is-open .loobook-product-wrap { opacity: 1; visibility: visible; }
.loobook-product-wrap { z-index: 9; }
.loobook-product-wrap .loobook-product .img-style img { width: 108px; height: 108px; object-fit: cover; border-radius: 4px; display: block; }
@media (max-width: 991px) {
	/* stacked on mobile — let the image use a natural height */
	.section-lookbook { gap: 10px; }
	.section-lookbook .left-img { width: 100%; align-self: auto; min-height: 220px; }
}

/* =====================================================================
   Wishlist page: each card gets an explicit remove (×) button; the in-card
   wishlist heart (an ADD toggle) is hidden here — removing must look like
   removing, not adding again.
   ===================================================================== */
.gearo-wishlist-grid .gearo-wishlist-item { position: relative; }
.gearo-wishlist-remove {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 6;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid #e5e5e5;
	background: #fff;
	color: #171717;
	font-size: 20px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
	transition: background .2s, color .2s, border-color .2s;
}
.gearo-wishlist-remove:hover { background: #c0392b; border-color: #c0392b; color: #fff; }
.gearo-wishlist-remove.loading { opacity: .5; pointer-events: none; }
.gearo-wishlist-grid .gearo-wishlist-toggle { display: none !important; }

/* =====================================================================
   Inner pages (Elementor-built About / Contact / FAQs / Terms) — GearO
   design language: Heebo headings, generous spacing, soft cards,
   purple accents. RTL-friendly (site runs dir=rtl).
   ===================================================================== */

/* --- Page banner --- */
.gearo-page-banner .elementor-heading-title {
	color: #ffffff !important;
	font-size: 46px !important;
	letter-spacing: .5px;
}

/* --- Shared: centred intro block --- */
.gearo-inner-intro .elementor-heading-title { font-size: 34px !important; }
.gearo-inner-intro .elementor-widget-text-editor {
	max-width: 720px;
	margin-left: auto !important;
	margin-right: auto !important;
	color: #666;
	font-size: 16px;
	line-height: 1.8;
}

/* --- Mission / vision cards --- */
.gearo-about-mv .elementor-widget-wrap {
	background: var(--Surface, #F6F6F6);
	border-radius: 14px;
	padding: 34px 34px 26px !important;
	height: 100%;
}
.gearo-about-mv .elementor-heading-title { font-size: 24px !important; margin-bottom: 6px; }
.gearo-about-mv .elementor-widget-text-editor { color: #666; font-size: 15px; line-height: 1.8; }
.gearo-about-mv > .elementor-container { gap: 24px; }
.gearo-about-mv .elementor-column { padding: 0 12px; }

/* --- Image + values --- */
.gearo-about-values img { border-radius: 14px; width: 100%; object-fit: cover; }
.gearo-about-values .elementor-heading-title { font-size: 32px !important; }
.gearo-about-values h5.elementor-heading-title {
	font-size: 19px !important;
	margin-top: 18px;
	padding-right: 14px;
	border-right: 3px solid var(--brand-1, #70509c);
}
.gearo-about-values .elementor-widget-text-editor { color: #666; font-size: 15px; line-height: 1.75; }

/* --- Team cards --- */
.gearo-about-team img {
	border-radius: 14px;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	transition: transform .4s ease;
}
.gearo-about-team .elementor-widget-image:hover img { transform: scale(1.03); }
.gearo-about-team .elementor-heading-title { font-size: 21px !important; margin-top: 14px; }
.gearo-about-team .elementor-widget-text-editor { color: #888; font-size: 14px; }

/* --- Contact --- */
.gearo-contact-sec .elementor-heading-title { font-size: 28px !important; margin-bottom: 8px; }
.gearo-contact-sec .elementor-widget-text-editor { font-size: 15px; line-height: 1.9; color: #444; }
.gearo-contact-sec .elementor-widget-text-editor strong { color: #171717; }
.gearo-contact-sec .elementor-widget-text-editor a { color: var(--brand-1, #70509c); font-weight: 500; }
.gearo-contact-sec .form-leave-comment fieldset { margin-bottom: 14px; }
.gearo-contact-sec .form-leave-comment input,
.gearo-contact-sec .form-leave-comment textarea {
	width: 100%;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	padding: 14px 18px;
	background: #fff;
	font-size: 14px;
}
.gearo-contact-sec .form-leave-comment input:focus,
.gearo-contact-sec .form-leave-comment textarea:focus { border-color: var(--brand-1, #70509c); outline: 0; }
.gearo-contact-sec .form-leave-comment .cols { display: flex; gap: 14px; }
.gearo-contact-sec .form-leave-comment .cols fieldset { flex: 1; }
.gearo-contact-sec .tf-btn.btn-onsurface {
	background: var(--brand-1, #70509c);
	border-color: var(--brand-1, #70509c);
	color: #fff;
	border-radius: 28px;
	padding: 14px 34px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.gearo-contact-sec .tf-btn.btn-onsurface:hover { background: var(--brand-2, #672881); border-color: var(--brand-2, #672881); }
@media (max-width: 575px) { .gearo-contact-sec .form-leave-comment .cols { flex-direction: column; gap: 0; } }

/* --- FAQs: clean row accordion --- */
.gearo-faq-sec h4.elementor-heading-title { font-size: 24px !important; margin: 26px 0 4px; }
.gearo-faq-sec .elementor-accordion .elementor-accordion-item {
	border: 0 !important;
	border-bottom: 1px solid #eaeaea !important;
	background: transparent;
}
.gearo-faq-sec .elementor-accordion .elementor-tab-title {
	padding: 18px 4px;
	font-size: 16px;
	font-weight: 500;
	color: #171717;
	line-height: 1.4;
}
.gearo-faq-sec .elementor-accordion .elementor-tab-title.elementor-active,
.gearo-faq-sec .elementor-accordion .elementor-tab-title:hover { color: var(--brand-1, #70509c); }
.gearo-faq-sec .elementor-accordion .elementor-accordion-icon { color: var(--brand-1, #70509c); }
.gearo-faq-sec .elementor-accordion .elementor-tab-content {
	border: 0 !important;
	padding: 0 4px 20px;
	font-size: 14.5px;
	line-height: 1.8;
	color: #666;
}
/* Ask panel = soft card */
.gearo-faq-sec .elementor-column:last-child > .elementor-widget-wrap {
	background: var(--Surface, #F6F6F6);
	border-radius: 14px;
	padding: 30px !important;
	align-content: start;
}
.gearo-faq-sec .elementor-column:last-child .elementor-heading-title { margin: 0 0 6px; }
.gearo-faq-sec .elementor-button {
	background-color: var(--brand-1, #70509c);
	border-radius: 28px;
	padding: 14px 34px;
	font-size: 14px;
}
.gearo-faq-sec .elementor-button:hover { background-color: var(--brand-2, #672881); }

/* --- Terms --- */
.gearo-terms-sec h4.elementor-heading-title {
	font-size: 22px !important;
	margin: 30px 0 8px;
	padding-right: 14px;
	border-right: 3px solid var(--brand-1, #70509c);
}
.gearo-terms-sec .elementor-widget-text-editor { color: #666; font-size: 15px; line-height: 1.85; max-width: 860px; }

/* Generic widget rhythm inside these sections */
.gearo-inner-intro .elementor-widget:not(:last-child),
.gearo-about-values .elementor-widget:not(:last-child),
.gearo-contact-sec .elementor-widget:not(:last-child) { margin-bottom: 14px; }

/* --- Inner-page banner: proper height, vertical centring, guaranteed dark
   overlay (CSS ::before so it never depends on Elementor's overlay markup) --- */
.gearo-page-banner {
	position: relative;
	min-height: 280px;
	display: flex;
	align-items: center;
}
.gearo-page-banner::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(rgba(24, 24, 24, .35), rgba(24, 24, 24, .55));
	pointer-events: none;
}
.gearo-page-banner > .elementor-container {
	position: relative;
	z-index: 1;
	width: 100%;
}
@media (max-width: 767px) { .gearo-page-banner { min-height: 200px; } }

/* --- FAQ ask-panel: compact sticky card, not a full-column slab --- */
.gearo-faq-sec .elementor-column:last-child > .elementor-widget-wrap {
	height: fit-content;
	position: sticky;
	top: 110px;
}

/* --- Footer brand block (logo + Instagram only, replaces newsletter) --- */
.gearo-etb-footer .footer-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 22px;
}
.gearo-etb-footer .footer-brand .footer-logo { display: inline-block; }
.gearo-etb-footer .footer-brand .footer-logo img {
	max-width: 190px;
	width: 100%;
	height: auto;
	display: block;
}
.gearo-etb-footer .footer-social-ig { display: flex; gap: 10px; list-style: none; margin: 0; padding: 0; }
.gearo-etb-footer .footer-social-ig a {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	font-size: 18px;
	transition: background .25s, color .25s, transform .25s;
}
.gearo-etb-footer .footer-social-ig a:hover {
	background: var(--brand-1, #70509c);
	color: #fff;
	transform: translateY(-2px);
}
@media (max-width: 991px) {
	.gearo-etb-footer .footer-brand { align-items: center; text-align: center; margin-top: 10px; }
}

/* --- Footer account links list (inside brand block) --- */
.gearo-etb-footer .footer-brand .footer-account-links { width: 100%; }
.gearo-etb-footer .footer-brand .footer-account-links .footer-heading {
	font-size: 18px;
	margin: 0 0 16px;
}
.gearo-etb-footer .footer-menu-list { list-style: none; margin: 0; padding: 0; }
.gearo-etb-footer .footer-menu-list li { margin-bottom: 12px; }
.gearo-etb-footer .footer-menu-list a {
	color: rgba(255, 255, 255, .72);
	font-size: 14px;
	transition: color .2s;
}
.gearo-etb-footer .footer-menu-list a:hover { color: #fff; }
@media (max-width: 991px) {
	.gearo-etb-footer .footer-brand .footer-account-links { text-align: center; }
}

/* =====================================================================
   Footer — balanced 4-column grid (brand | info | customer-services |
   account). Overrides GearO's 2-block footer-body flex to remove the
   empty middle gap. RTL-aware.
   ===================================================================== */
.gearo-etb-footer .footer-body.gearo-footer-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.1fr;
	gap: 30px 40px;
	align-items: start;
}
.gearo-etb-footer .gearo-footer-grid .footer-col-block { min-width: 0; }

/* brand column */
.gearo-etb-footer .footer-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
}
.gearo-etb-footer .footer-brand .footer-logo img { max-width: 175px; width: 100%; height: auto; display: block; }
.gearo-etb-footer .footer-brand-tagline { color: rgba(255,255,255,.6); font-size: 14px; line-height: 1.7; margin: 0; max-width: 240px; }

/* section headings uniform */
.gearo-etb-footer .gearo-footer-grid .footer-heading {
	font-size: 18px;
	margin: 0 0 18px;
	color: #fff;
}

/* menu lists uniform (theme menus + account list) */
.gearo-etb-footer .gearo-footer-grid .footer-menu-list,
.gearo-etb-footer .gearo-footer-grid .menu,
.gearo-etb-footer .gearo-footer-grid ul.tf-collapse-content,
.gearo-etb-footer .gearo-footer-grid .tf-collapse-content ul { list-style: none; margin: 0; padding: 0; }
.gearo-etb-footer .gearo-footer-grid .footer-menu-list li,
.gearo-etb-footer .gearo-footer-grid .tf-collapse-content li { margin-bottom: 12px; }
.gearo-etb-footer .gearo-footer-grid .footer-menu-list a,
.gearo-etb-footer .gearo-footer-grid .tf-collapse-content a {
	color: rgba(255,255,255,.7);
	font-size: 14px;
	transition: color .2s;
}
.gearo-etb-footer .gearo-footer-grid .footer-menu-list a:hover,
.gearo-etb-footer .gearo-footer-grid .tf-collapse-content a:hover { color: #fff; }

/* account column: phone sits under the links */
.gearo-etb-footer .footer-account-col .footer-contact-block {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 26px;
}
.gearo-etb-footer .footer-account-col .footer-contact-icon { font-size: 30px; color: #fff; line-height: 1; }
.gearo-etb-footer .footer-account-col .footer-phone-number .number { margin: 0; font-size: 20px; color: #fff; letter-spacing: .5px; }

/* Instagram bubble */
.gearo-etb-footer .footer-social-ig { display: flex; gap: 10px; list-style: none; margin: 4px 0 0; padding: 0; }
.gearo-etb-footer .footer-social-ig a {
	width: 44px; height: 44px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: rgba(255,255,255,.1); color: #fff; font-size: 17px;
	transition: background .25s, transform .25s;
}
.gearo-etb-footer .footer-social-ig a:hover { background: var(--brand-1, #70509c); transform: translateY(-2px); }

/* responsive */
@media (max-width: 991px) {
	.gearo-etb-footer .footer-body.gearo-footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 24px; text-align: center; }
	.gearo-etb-footer .footer-brand { align-items: center; }
	.gearo-etb-footer .footer-account-col .footer-contact-block { justify-content: center; }
}
@media (max-width: 575px) {
	.gearo-etb-footer .footer-body.gearo-footer-grid { grid-template-columns: 1fr; }
}

/* =====================================================================
   Contact page polish — map card + info card (icon rows) + form card.
   Enhances the seeded gearo-contact-sec layout without touching Elementor
   data. RTL-aware.
   ===================================================================== */
/* Map: rounded card with soft shadow, breathing room */
.wrap-map { margin-bottom: 0; }
.wrap-map iframe {
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

/* Two-column section: align cards, add gap */
.gearo-contact-sec > .elementor-container { align-items: stretch; gap: 30px; }
.gearo-contact-sec .elementor-column > .elementor-widget-wrap { height: 100%; }

/* Info column = soft Surface card */
.gearo-contact-sec .elementor-column:first-child > .elementor-widget-wrap {
	background: var(--Surface, #f6f6f6);
	border-radius: 16px;
	padding: 38px 34px !important;
	align-content: start;
}
.gearo-contact-sec .elementor-column:first-child .elementor-heading-title { font-size: 26px !important; margin-bottom: 22px; }
.gearo-contact-sec .elementor-column:first-child .elementor-widget-text-editor { font-size: 15px; }
.gearo-contact-sec .elementor-column:first-child .elementor-widget-text-editor p {
	position: relative;
	margin: 0 0 18px;
	padding: 0 46px 18px 0;                 /* room for icon on the right (RTL) */
	border-bottom: 1px solid rgba(0,0,0,.08);
	line-height: 1.7;
	color: #444;
}
.gearo-contact-sec .elementor-column:first-child .elementor-widget-text-editor p:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.gearo-contact-sec .elementor-column:first-child .elementor-widget-text-editor strong {
	display: block;
	color: var(--brand-1, #70509c);
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 3px;
}
.gearo-contact-sec .elementor-column:first-child .elementor-widget-text-editor a { color: #171717; font-weight: 500; font-size: 17px; }
/* icon bubble on each info row (icomoon) */
.gearo-contact-sec .elementor-column:first-child .elementor-widget-text-editor p::before {
	position: absolute;
	top: 0; right: 0;
	width: 34px; height: 34px;
	border-radius: 50%;
	background: #fff;
	color: var(--brand-1, #70509c);
	font-family: "icomoon" !important;
	font-size: 16px;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 2px 8px rgba(112,80,156,.15);
}
.gearo-contact-sec .elementor-column:first-child .elementor-widget-text-editor p:nth-of-type(1)::before { content: "\e925"; } /* headset */
.gearo-contact-sec .elementor-column:first-child .elementor-widget-text-editor p:nth-of-type(2)::before { content: "\e900"; } /* map pin */
.gearo-contact-sec .elementor-column:first-child .elementor-widget-text-editor p:nth-of-type(3)::before { content: "\e902"; } /* clock */

/* Form column = white card */
.gearo-contact-sec .elementor-column:last-child > .elementor-widget-wrap {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 16px;
	padding: 38px 34px !important;
	box-shadow: 0 10px 30px rgba(0,0,0,.05);
	align-content: start;
}
.gearo-contact-sec .elementor-column:last-child .elementor-heading-title { font-size: 26px !important; margin-bottom: 6px; }
.gearo-contact-sec .elementor-column:last-child > .elementor-widget-wrap > .elementor-widget-text-editor { margin-bottom: 18px; color: #777; }

@media (max-width: 767px) {
	.gearo-contact-sec .elementor-column:first-child > .elementor-widget-wrap,
	.gearo-contact-sec .elementor-column:last-child > .elementor-widget-wrap { padding: 28px 22px !important; }
	.wrap-map iframe { height: 320px !important; }
}

/* Testimonials: per-slide product card (synced by gearo-core.js), nav arrows
   moved to the left (were overlapping the author), and ~4px smaller text. */
.gearo-testi-collection .gearo-testi-product { display: none; }
.gearo-testi-collection .gearo-testi-product.is-active { display: block; }
.gearo-testimonials-section .tf-sw-testimonial .wrap-button { right: auto; left: 0; }
.gearo-testimonials-section .testimonial-item.style-3 h4 { font-size: 22px; line-height: 1.55; }
.gearo-testimonials-section .testimonial-item.style-3 .content-top .box-icon .text-title { font-size: 13px; }
.gearo-testimonials-section .testimonial-item.style-3 h6.author,
.gearo-testimonials-section .testimonial-item.style-3 h6.author .text-title { font-size: 14px; }

/* Testimonials floating card: uniform square product thumbnail for every item. */
.gearo-testi-collection .cart-item .image-cart { width: 74px; height: 74px; flex: 0 0 74px; overflow: hidden; border-radius: 6px; }
.gearo-testi-collection .cart-item .image-cart img { width: 74px; height: 74px; object-fit: cover; border-radius: 6px; }

/* Testimonials big image = active product image (stacked, only active shown). */
.gearo-testi-collection .img-style { position: relative; }
.gearo-testi-collection .img-style .gearo-testi-bg { display: none; }
.gearo-testi-collection .img-style .gearo-testi-bg.is-active { display: block; }

/* Super-sale banner: slow zoom-in on hover, ease back out on leave.
   The theme centres the image with transform:translateY(-50%), so we keep it
   and add scale — with !important to beat the theme's same-specificity rule. */
.home-sale-banner .collection-position .img-style { position: absolute; inset: 0; height: 100%; overflow: hidden; }
.home-sale-banner .collection-position .img-style img {
	position: absolute; inset: 0; top: 0; left: 0;
	width: 100%; height: 100%; object-fit: cover;
	transform: none !important; transition: transform 2.6s ease !important; will-change: transform;
}
.home-sale-banner:hover .collection-position .img-style img { transform: scale(1.09) !important; }

/* =====================================================================
   Home image popup (class-popup.php + gearo-popup.js).
   ===================================================================== */
.gearo-popup { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; }
.gearo-popup[hidden] { display: none; }
.gearo-popup-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.62); opacity: 0; transition: opacity .25s ease; }
.gearo-popup.is-open .gearo-popup-overlay { opacity: 1; }
.gearo-popup-box { position: relative; z-index: 1; max-width: 700px; width: 92vw; opacity: 0; transform: translateY(14px) scale(.97); transition: opacity .28s ease, transform .28s ease; }
.gearo-popup.is-open .gearo-popup-box { opacity: 1; transform: none; }
.gearo-popup-media { display: block; }
.gearo-popup-media img { width: 100%; height: auto; display: block; border-radius: 10px; }
.gearo-popup-close { position: absolute; top: -14px; right: -14px; width: 38px; height: 38px; border-radius: 50%; border: 0; background: #fff; color: #171717; font-size: 24px; line-height: 1; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.25); z-index: 2; display: flex; align-items: center; justify-content: center; }
.gearo-popup-close:hover { background: #171717; color: #fff; }
@media (max-width: 767px) { .gearo-popup-close { top: -8px; right: -8px; width: 34px; height: 34px; font-size: 22px; } }

/* Shop control bar — reference look: sale toggle + SVG layout icons + list view. */
.gearo-shop-ajax .shop-sale-text { display: flex; align-items: center; gap: 8px; cursor: pointer; margin-right: 18px; }
.gearo-shop-ajax .shop-sale-text input { width: 16px; height: 16px; accent-color: #171717; cursor: pointer; margin: 0; }
.gearo-shop-ajax .shop-sale-text .icon { font-size: 16px; color: #171717; }
.gearo-shop-ajax .shop-sale-text .text-caption-1 { font-size: 14px; color: #555; margin: 0; }
.gearo-shop-ajax .gearo-layout-switch { width: auto; height: auto; min-width: 0; border: 0; background: transparent; color: #cfcfcf; padding: 4px; border-radius: 0; }
.gearo-shop-ajax .gearo-layout-switch svg { display: block; }
.gearo-shop-ajax .gearo-layout-switch.active { color: #171717; background: transparent; border: 0; }
.gearo-shop-ajax .gearo-layout-switch:hover { color: #171717; }
/* List view: horizontal cards */
.gearo-shop-ajax .gearo-list-view { display: block; }
.gearo-shop-ajax .gearo-list-view .card-product { display: flex; gap: 22px; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 24px; margin-bottom: 24px; }
.gearo-shop-ajax .gearo-list-view .card-product .card-product-wrapper { width: 240px; flex: 0 0 240px; margin-bottom: 0; }
.gearo-shop-ajax .gearo-list-view .card-product .card-product-info { flex: 1 1 auto; text-align: right; }
.gearo-shop-ajax .gearo-list-view .card-product .list-btn-main { position: static; opacity: 1; transform: none; margin-top: 12px; }
@media (max-width: 575px) {
	.gearo-shop-ajax .gearo-list-view .card-product { flex-direction: column; align-items: stretch; }
	.gearo-shop-ajax .gearo-list-view .card-product .card-product-wrapper { width: 100%; flex-basis: auto; }
}

/* Control-bar zones: sale toggle (right) | layout switches (centered) | sort (left, RTL). */
.gearo-shop-ajax .tf-control-filter { flex: 1 1 0; display: flex; align-items: center; justify-content: flex-start; }
.gearo-shop-ajax .tf-control-layout { flex: 0 0 auto; justify-content: center; }
.gearo-shop-ajax .tf-control-sorting { flex: 1 1 0; justify-content: flex-end; margin-left: 0; }

/* =====================================================================
   Batch: mobile toolbar/badges/sliders + always-visible card actions.
   ===================================================================== */
/* Header count badge: compact (was covering the icon on phones) */
.tf-header .count-box, .header-default .count-box, .nav-icon .count-box {
	width: 15px !important; height: 15px !important; min-width: 15px !important;
	font-size: 9px !important; line-height: 15px !important; padding: 0 !important;
	top: -4px !important; left: -4px !important; right: auto !important;
	display: inline-flex !important; align-items: center; justify-content: center;
}

/* Hearts on every product card image (compare stays hidden for a clean look) */
.card-product .list-product-btn { opacity: 1 !important; visibility: visible !important; transform: none !important; display: flex !important; }
.card-product .list-product-btn .compare { display: none !important; }
.gearo-top-sellers .card-product .list-product-btn { display: flex !important; }

/* Category heading: view-all beside the heading + smaller subtitle on phones */
@media (max-width: 767px) {
	.heading-section.style-2 { flex-wrap: nowrap; align-items: center; gap: 10px; }
	.heading-section.style-2 .left p { font-size: 12px; }
	.heading-section.style-2 .right { flex: 0 0 auto; }
	.heading-section.style-2 .right .btn-line { font-size: 12px; white-space: nowrap; }
}

/* Top Sellers on phones: 2 per view + action icons visible over the image */
@media (max-width: 767px) {
	.gearo-top-sellers .card-product .list-btn-main {
		display: flex !important; opacity: 1 !important; visibility: visible !important; transform: none !important;
	}
}

/* Mobile 2-per-view sliders built from the static grids */
.gearo-mobile-slider { overflow: hidden; }
.gearo-mobile-slider .swiper-pagination { position: static; margin-top: 14px; text-align: center; }
.gearo-mobile-slider .swiper-pagination-bullet { width: 7px; height: 7px; background: #ccc; opacity: 1; margin: 0 4px; }
.gearo-mobile-slider .swiper-pagination-bullet-active { background: #171717; }
.gearo-ig-slider .gearo-ig-item { display: block; position: relative; aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; }
.gearo-ig-slider .gearo-ig-item img { width: 100%; height: 100%; object-fit: cover; }

/* Instagram eye overlay (always visible, like the reference) */
.gearo-ig-item { position: relative; }
.gearo-ig-eye {
	position: absolute; inset: 0; margin: auto; width: 44px; height: 44px; border-radius: 50%;
	background: #fff; display: flex; align-items: center; justify-content: center;
	font-size: 18px; color: #171717; box-shadow: 0 4px 12px rgba(0,0,0,.18); pointer-events: none;
}

/* Mobile bottom toolbar: cart badge + room so it never covers content */
.tf-toolbar-bottom .toolbar-count {
	position: absolute; top: -5px; left: -9px; min-width: 15px; height: 15px; border-radius: 999px;
	background: var(--brand-1, #70509c); color: #fff; font-size: 9px; line-height: 15px; text-align: center; padding: 0 3px;
}
@media (max-width: 767px) {
	body { padding-bottom: 70px; }
	.gearo-floating { bottom: 84px; }
	#scroll-top { bottom: 152px; }
}

/* Product mobile slider: 2 stacked cards per slide (2x2 visible). */
.gearo-grid-slider .swiper-slide { display: flex; flex-direction: column; gap: 14px; height: auto; }

/* Sale banner: centre the text + button on phones. */
@media (max-width: 767px) {
	.home-sale-banner .collection-position .cls-content {
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}
	.home-sale-banner .collection-position .cls-heading h3,
	.home-sale-banner .collection-position .cls-heading p { text-align: center !important; }
}

/* Sale banner: centre content on ALL screens (matches the mobile request). */
.home-sale-banner .collection-position.style-full .content.cls-content {
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}
.home-sale-banner .collection-position.style-full .cls-heading h3,
.home-sale-banner .collection-position.style-full .cls-heading p { text-align: center !important; }

/* Lookbook on phones: show the image at its natural aspect (no cover-crop) so
   the hotspot pins land on the products exactly like desktop. */
@media (max-width: 991px) {
	.section-lookbook .left-img { min-height: 0; }
	.section-lookbook .left-img .cls-lookbook { position: relative; inset: auto; height: auto; }
	.section-lookbook .left-img .cls-lookbook > .img-style { position: relative; inset: auto; height: auto; }
	.section-lookbook .left-img .cls-lookbook > .img-style img { height: auto; object-fit: contain; }
}
@media (max-width: 991px) {
	/* nudge the pins down onto the products (square image sits lower on phones) */
	.section-lookbook .lookbook-item { transform: translateY(9vw); }
}

/* Heart visible on every screen: the hide lives on the .box-icon children. */
.card-product .list-product-btn .box-icon {
	opacity: 1 !important; visibility: visible !important; transform: none !important;
}
@media (max-width: 767px) {
	.gearo-shop-ajax .tf-control-sorting { flex: 1 1 0; justify-content: flex-start; margin-left: 0; }
}

/* Heart on EVERY card, every screen — specificity must beat the theme's
   .card-product.style-N rules (0,4,0), so match them per style. */
.card-product.style-1 .list-product-btn,
.card-product.style-2 .list-product-btn,
.card-product.style-3 .list-product-btn,
.card-product.style-4 .list-product-btn,
.card-product.style-5 .list-product-btn {
	opacity: 1 !important; visibility: visible !important; transform: none !important; display: flex !important;
}
.card-product.style-1 .list-product-btn .box-icon,
.card-product.style-2 .list-product-btn .box-icon,
.card-product.style-3 .list-product-btn .box-icon,
.card-product.style-4 .list-product-btn .box-icon,
.card-product.style-5 .list-product-btn .box-icon {
	opacity: 1 !important; visibility: visible !important; transform: none !important; display: flex !important;
}
.card-product.style-1 .list-product-btn .compare,
.card-product.style-2 .list-product-btn .compare,
.card-product.style-3 .list-product-btn .compare,
.card-product.style-4 .list-product-btn .compare,
.card-product.style-5 .list-product-btn .compare { display: none !important; }

/* Card heart: pin to the LEFT corner (RTL — the sale badge owns the right). */
.card-product .list-product-btn { right: auto !important; left: 8px !important; }

/* Hero: optional per-slide mobile image. */
.tf-slideshow .gearo-slide-mobile { display: none; }
@media (max-width: 767px) {
	.tf-slideshow .wrap-slider.has-mobile-img .gearo-slide-desktop { display: none; }
	.tf-slideshow .gearo-slide-mobile { display: block; }
	/* Lookbook image on phones: as approved in DevTools (min-height, natural fit) */
	.section-lookbook .left-img .cls-lookbook > .img-style img { width: auto; height: auto; min-height: 370px; object-fit: unset; }
}
.home-sale-banner .collection-position.style-full .content.cls-content { margin: 0 auto !important; }
@media (max-width: 991px) {
	.gearo-etb-footer .footer-body.gearo-footer-grid {
		grid-template-columns: 1fr;
		gap: 10px 26px;
		text-align: center;
	}
}

/* =====================================================================
   Footer — mobile layout: socials left / small logo right, menus open
   side-by-side, Hebrew copyright line on top.
   ===================================================================== */
@media (max-width: 991px) {
	/* brand row: logo (right in RTL) + socials (left) on one line */
	.gearo-etb-footer .footer-brand {
		display: flex; flex-direction: row; align-items: center; justify-content: space-between;
		gap: 12px; grid-column: 1 / -1;
	}
	.gearo-etb-footer .footer-brand .footer-logo img { max-height: 34px; width: auto; }
	.gearo-etb-footer .footer-brand .footer-brand-tagline { display: none; }
	.gearo-etb-footer .footer-brand .footer-social-ig { margin: 0; }

	/* menu columns: always open, next to each other */
	.gearo-etb-footer .footer-body.gearo-footer-grid { grid-template-columns: repeat(3, 1fr); }
	.gearo-etb-footer .footer-col-block { grid-column: auto; }
	.gearo-etb-footer .footer-brand,
	.gearo-etb-footer .footer-newsletter { grid-column: 1 / -1; }
	footer .footer-col-block .tf-collapse-content { display: block !important; }
	footer .footer-heading-mobile::before,
	footer .footer-heading-mobile::after { display: none !important; }
	.gearo-etb-footer .footer-heading { font-size: 15px; }
	.gearo-etb-footer .footer-menu-list a { font-size: 13px; }

	/* copyright: Hebrew on top, English under it */
	.gearo-copyright { display: flex; flex-direction: column-reverse; align-items: center; gap: 2px; }
}

/* Footer mobile: right-align everything (RTL) instead of centring. */
@media (max-width: 991px) {
	.gearo-etb-footer .footer-body.gearo-footer-grid { text-align: right; }
	.gearo-etb-footer .footer-col-block,
	.gearo-etb-footer .footer-heading,
	.gearo-etb-footer .footer-menu-list,
	.gearo-etb-footer .footer-menu-list li,
	.gearo-etb-footer .footer-menu-list a { text-align: right; }
	.gearo-etb-footer .footer-contact-block,
	.gearo-etb-footer .footer-infor { justify-content: flex-start; text-align: right; }
	.gearo-etb-footer .footer-contact-block { display: flex; flex-direction: row; align-items: center; gap: 10px; }
	.gearo-etb-footer .footer-contact-block .phone,
	.gearo-etb-footer .footer-contact-block a { direction: ltr; unicode-bidi: embed; white-space: nowrap; }
	.gearo-copyright { align-items: flex-end; text-align: right; }
	.gearo-etb-footer .footer-bottom-wrap { justify-content: flex-start; text-align: right; }
	.gearo-etb-footer .tf-payment { justify-content: flex-start; }
}

/* Footer mobile: no phone block, right-aligned headings, divider under brand. */
@media (max-width: 991px) {
	.gearo-etb-footer .footer-contact-block { display: none !important; }
	.gearo-etb-footer .footer-brand {
		padding-bottom: 16px;
		margin-bottom: 6px;
		border-bottom: 1px solid rgba(255, 255, 255, .18);
	}
	.gearo-etb-footer .footer-heading,
	.gearo-etb-footer .footer-heading-mobile { text-align: right !important; }
}

/* Footer mobile: tighter headings + smaller type. */
@media (max-width: 991px) {
	footer .footer-heading-mobile { padding-right: 0; margin-bottom: 10px; }
	.gearo-etb-footer .footer-heading,
	.gearo-etb-footer .footer-heading-mobile { font-size: 13px !important; line-height: 1.35; }
	.gearo-etb-footer .footer-menu-list a { font-size: 11.5px; line-height: 1.5; }
	.gearo-etb-footer .footer-menu-list li { margin-bottom: 6px; }
}
@media (max-width: 991px) {
	.gearo-copyright { align-items: center; text-align: center; }
}