/* AR Outlet — responsive layout */

html,
body.aroutlet-theme {
	overflow-x: hidden;
	max-width: 100%;
}

img,
video,
iframe,
.aro-hero__media img,
.aro-product-card__media img {
	max-width: 100%;
}

@media screen and (max-width: 782px) {
	html.admin-bar .aro-header {
		top: 46px;
	}
}

@media (max-width: 1100px) {
	.aro-search__cats select {
		max-width: 118px;
	}

	.aro-nav__list {
		gap: 6px 16px;
	}

	.aro-header__action span:last-child {
		display: none;
	}

	.aro-header__action {
		min-width: 40px;
	}
}

@media (max-width: 1200px) {
	.aro-footer__grid {
		grid-template-columns: 1.2fr 1fr 1fr 1fr;
	}

	.aro-footer__grid > :last-child {
		grid-column: 1 / -1;
	}

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

@media (max-width: 1024px) {
	.aro-trust__grid,
	.aro-benefits__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aro-instagram__grid,
	.aro-insta__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.aro-instagram__row,
	.aro-pay-or,
	.aro-contact-layout,
	.aro-contact,
	.aro-pdp__grid,
	.single-product div.product {
		grid-template-columns: 1fr;
	}

	.aro-header__wa span {
		display: none;
	}

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

@media (max-width: 860px) {
	.aro-container {
		width: min(1240px, calc(100% - 28px));
	}

	.aro-header {
		position: sticky;
		top: 0;
	}

	.aro-search input[type="search"],
	.aro-search select,
	.woocommerce-ordering select,
	input[type="text"],
	input[type="email"],
	input[type="search"],
	input[type="tel"],
	select,
	textarea {
		font-size: 16px;
	}

	.aro-shop-sidebar__close {
		display: inline-flex;
	}

	body.aro-filters-open .aro-shop-sidebar-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 69;
		background: rgba(0, 0, 0, 0.55);
	}

	.aro-announce {
		height: 36px;
	}

	.aro-announce__viewport,
	.aro-announce__track {
		height: 36px;
	}

	.aro-announce__group {
		gap: 22px;
		padding: 0 32px;
		font-size: 0.72rem;
	}

	.aro-header__bar {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		min-height: 76px;
		padding: 8px 0;
		gap: 8px 10px;
	}

	.aro-header__toggle,
	.aro-header__search-toggle {
		display: inline-flex;
		background: var(--aro-purple);
		border: 0;
		color: #fff;
		width: 42px;
		height: 42px;
		flex-shrink: 0;
	}

	body.aroutlet-jewelry-theme .aro-header__toggle,
	body.aroutlet-jewelry-theme .aro-header__search-toggle {
		background: var(--aro-pink);
		color: #fff;
	}

	.aro-header__brand {
		flex: 1;
		display: flex;
		justify-content: center;
		min-width: 0;
	}

	.aro-header__brand .custom-logo,
	.aro-header__brand img,
	.custom-logo {
		height: 56px;
		max-height: 56px;
		max-width: min(200px, 46vw);
	}

	.aro-footer-logo img,
	.aro-footer-logo .custom-logo {
		height: 88px;
		max-height: 88px;
		max-width: 240px;
	}

	.aro-header__actions {
		gap: 4px;
	}

	body.aroutlet-theme > .aro-top {
		position: fixed;
		right: 16px;
		left: auto;
		bottom: 84px;
	}

	.aro-nav {
		display: none;
	}

	.aro-search {
		display: none;
		flex: 1 1 100%;
		order: 10;
		width: 100%;
	}

	.aro-search.is-open {
		display: flex;
	}

	.aro-search__cats {
		display: none;
	}

	.aro-header__action span:last-child,
	.aro-header__wa span {
		display: none;
	}

	.aro-header__action {
		min-width: 36px;
	}

	.aro-announce__help {
		display: inline-flex;
	}

	.aro-hero {
		height: auto;
		min-height: 0;
	}

	.aro-hero__track {
		height: auto;
	}

	.aro-hero__slide {
		position: absolute;
		inset: 0;
		height: auto;
		min-height: min(72vh, 540px);
		opacity: 0;
		pointer-events: none;
	}

	.aro-hero__slide.is-active {
		position: relative;
		opacity: 1;
		pointer-events: auto;
	}

	.aro-hero__content {
		padding: 64px 16px 80px;
	}

	.aro-hero__arrow,
	.aro-hero__nav {
		width: 36px;
		height: 36px;
		font-size: 1.2rem;
	}

	.aro-hero__arrow--prev,
	.aro-hero__nav--prev {
		left: 8px;
	}

	.aro-hero__arrow--next,
	.aro-hero__nav--next {
		right: 8px;
	}

	.aro-section {
		padding: 56px 0;
	}

	.aro-section__head,
	.aro-section-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.aro-categories__grid,
	.aro-cats__grid,
	.aro-pay-or,
	.aro-paypromo,
	.aro-pay-benefits__grid,
	.aro-footer__grid,
	.aro-instagram__row,
	.aro-contact-layout,
	.aro-contact,
	.aro-shop__layout,
	.aro-product-pay,
	.aro-features {
		grid-template-columns: 1fr;
	}

	.aro-cat-card,
	.aro-cats__card,
	.aro-categories__card {
		min-height: 280px;
	}

	.aro-instagram__grid,
	.aro-insta__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.woocommerce ul.products,
	.woocommerce ul.products.columns-3,
	.woocommerce ul.products.columns-4,
	.aro-products__grid,
	.aro-shop ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.related.products ul.products,
	.upsells.products ul.products,
	.single-product ul.products {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.related.products ul.products li.product,
	.upsells.products ul.products li.product,
	.single-product ul.products li.product {
		width: 100% !important;
		max-width: none !important;
		float: none !important;
	}

	.woocommerce-cart .woocommerce,
	.woocommerce-checkout form.checkout {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.woocommerce-checkout #customer_details,
	.woocommerce-checkout #order_review_heading,
	.woocommerce-checkout #order_review {
		grid-column: 1;
		grid-row: auto;
	}

	body.woocommerce-cart .aro-container,
	body.woocommerce-checkout .aro-container,
	body.woocommerce-page .aro-container,
	.page-contact-us .aro-container {
		width: calc(100% - 12px);
	}

	.woocommerce-checkout #customer_details,
	.woocommerce-checkout-review-order {
		padding: 14px;
	}

	.aro-shop__filters-toggle {
		display: inline-flex;
	}

	.aro-shop-sidebar {
		position: fixed;
		z-index: 70;
		inset: 0 auto 0 0;
		width: min(360px, 90vw);
		top: 0;
		height: 100%;
		overflow: auto;
		transform: translateX(-110%);
		transition: transform 0.3s var(--aro-ease);
		border-radius: 0;
		margin: 0;
	}

	.aro-shop-sidebar.is-open {
		transform: none;
		background: #0b0710;
	}

	.aro-shop__toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	.single-product form.cart {
		display: grid;
		grid-template-columns: 90px 1fr;
	}

	.aro-btn--buy-now,
	.aro-wishlist-btn--text,
	.single-product .single_add_to_cart_button,
	.cart .aro-wishlist-btn {
		grid-column: 1 / -1;
		width: 100%;
	}

	.aro-footer__bottom-inner,
	.aro-newsletter__row {
		flex-direction: column;
		align-items: stretch;
	}

	.aro-newsletter input[type="email"],
	.aro-newsletter .aro-btn {
		width: 100%;
		border-radius: 999px;
	}

	.woocommerce table.shop_table,
	.woocommerce table.shop_table tbody,
	.woocommerce table.shop_table tr,
	.woocommerce table.shop_table td,
	.woocommerce table.shop_table th {
		display: block;
		width: 100%;
	}

	.woocommerce table.shop_table th {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.aro-wa-float {
		right: 12px;
		bottom: 12px;
	}

	.aro-top {
		right: 16px;
		left: auto;
		bottom: 84px;
	}
}

@media (max-width: 560px) {
	.aro-trust__grid,
	.aro-benefits__grid {
		grid-template-columns: 1fr;
	}

	.aro-hero h1,
	.aro-hero__heading {
		font-size: 1.85rem;
		line-height: 0.92 !important;
	}

	.aro-hero {
		min-height: 420px;
	}

	.aro-page-banner {
		padding: 32px 0;
	}

	.aro-glass-card,
	.aro-paypromo__card {
		padding: 24px;
	}

	.aro-product-card__body {
		padding: 12px 12px 14px;
	}

	.woocommerce-loop-product__title {
		font-size: 1.05rem;
	}

	.aro-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.aro-hero__actions .aro-btn {
		width: 100%;
	}
}