/* Responsive layer — loaded after the theme and component styles. */
html,
body {
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background: #243746 !important;
	overflow-x: hidden;
}

body,
.site-shell,
.site-content,
#primary,
.footer {
	border: 0 !important;
	box-shadow: none;
}

.site-shell,
.site-content,
#primary,
.footer,
body > .wp-site-blocks,
body > #page {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.site-shell {
	min-width: 0;
	padding: 0 !important;
	overflow-x: hidden;
}

img,
video,
iframe,
svg {
	max-width: 100%;
}

input,
select,
textarea {
	max-width: 100%;
}

.mobile-bottom-nav {
	display: none;
}

@media (max-width: 1200px) {
	.header {
		grid-template-columns: 42px minmax(0, 1fr) auto;
		gap: .75rem;
		padding-inline: 1rem;
	}

	.header > .logo,
	.header > .custom-logo-link {
		justify-self: center;
	}

	.mobile-only {
		display: grid;
	}

	.main-nav {
		position: fixed;
		z-index: 72;
		inset: 106px 0 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		gap: 0;
		padding: 2.5rem clamp(1.25rem, 7vw, 4rem) 8rem;
		background: #243746;
		transform: translateX(-105%);
		transition: transform .35s cubic-bezier(.22, 1, .36, 1);
		overflow-y: auto;
	}

	.main-nav.open {
		transform: translateX(0);
	}

	.main-nav > .menu {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		width: 100%;
	}

	.main-nav > .menu > li > a {
		display: block;
		padding: .9rem 0;
		border-bottom: 1px solid rgba(216, 197, 143, .23);
		font-family: Georgia, serif;
		font-size: clamp(1.7rem, 6vw, 2.35rem);
		line-height: 1.1;
		text-transform: none;
		letter-spacing: -.025em;
	}

	.main-nav .sub-menu {
		position: static;
		display: none;
		padding: .2rem 0 .5rem 1rem;
		border: 0;
		background: transparent;
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.main-nav li:hover > .sub-menu,
	.main-nav li:focus-within > .sub-menu {
		display: block;
	}

	.mobile-menu-extra {
		display: flex;
		flex-direction: column;
		gap: .9rem;
		margin-top: 2rem;
		color: var(--lime);
	}

	.whatsapp-head-menu {
		display: none;
	}
}

@media (max-width: 800px) {
	:root {
		--mobile-nav-space: calc(84px + env(safe-area-inset-bottom, 0px));
	}

	html {
		overflow-x: hidden;
	}

	body {
		min-width: 0;
		padding-bottom: var(--mobile-nav-space) !important;
		overflow-x: hidden;
	}

	body.admin-bar .header {
		top: 46px;
	}

	body.admin-bar .main-nav {
		inset-block-start: 130px;
	}

	body.drawer-open,
	body.menu-is-open {
		overflow: hidden;
	}

	.topline {
		min-height: 34px;
		height: auto;
		padding: .45rem .75rem;
		font-size: .56rem;
		line-height: 1.35;
		letter-spacing: .12em;
		text-align: center;
		white-space: normal;
	}

	.header {
		height: 64px;
		grid-template-columns: 42px minmax(0, 1fr) 42px;
		gap: .4rem;
		padding: 0 .7rem;
		padding-left: calc(.7rem + env(safe-area-inset-left, 0px));
		padding-right: calc(.7rem + env(safe-area-inset-right, 0px));
	}

	.header > .logo,
	.header > .custom-logo-link {
		width: min(34vw, 126px);
		height: 46px;
		min-width: 0;
		padding: .12rem;
	}

	.header .logo img,
	.header .custom-logo {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.header .actions {
		width: 42px;
		justify-self: end;
	}

	.header .actions > :not(.badge-wrap) {
		display: none !important;
	}

	.header .badge-wrap {
		display: grid;
	}

	.main-nav {
		inset-block-start: 98px;
	}

	.hero {
		height: min(760px, calc(100svh - 98px));
		min-height: 630px;
		width: 100%;
	}

	.hero > img {
		width: 100%;
		height: 100%;
		object-position: 62% center;
	}

	.hero::after {
		background:
			linear-gradient(0deg, rgba(13, 28, 39, .96) 0%, rgba(13, 28, 39, .68) 43%, rgba(13, 28, 39, .08) 76%),
			linear-gradient(90deg, rgba(20, 38, 50, .25), transparent 70%);
	}

	.hero-copy {
		left: 1.15rem;
		right: 1.15rem;
		top: auto;
		bottom: 114px;
		max-width: 520px;
		transform: none;
	}

	.hero-copy h1,
	.buy-box h1,
	.catalog-head h1,
	.simple-head h1,
	.cart-page > h1,
	.legal-page > h1 {
		font-size: clamp(2.9rem, 14vw, 4.15rem);
		overflow-wrap: break-word;
	}

	.hero-copy h1 {
		max-width: 390px;
		margin: .75rem 0 1rem;
		line-height: .88;
	}

	.hero-copy p {
		max-width: 340px;
		margin: 0 0 1.25rem;
		font-size: .94rem;
	}

	.hero-buttons {
		width: min(100%, 340px);
		flex-direction: column;
		gap: .55rem;
	}

	.hero-buttons .btn,
	.hero-buttons .whatsapp-hero,
	.hero-buttons .whatsapp-trigger {
		width: 100%;
	}

	.hero-index {
		display: none;
	}

	.category-rail {
		display: none;
	}

	.category-rail a {
		height: 62px;
		min-width: 0;
		justify-content: center;
		padding: .35rem .15rem;
		font-size: .56rem;
		letter-spacing: .08em;
		text-align: center;
	}

	.category-rail svg {
		display: none;
	}

	.benefits {
		display: flex;
		width: 100%;
		padding: 0;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.benefits::-webkit-scrollbar {
		display: none;
	}

	.benefits > div {
		min-width: 78vw;
		height: 88px;
		justify-content: flex-start;
		padding: 0 1.25rem;
		scroll-snap-align: start;
	}

	.section,
	.page {
		width: 100%;
		max-width: 100%;
		padding: 4.75rem 1rem;
	}

	.page {
		padding-top: 2rem;
		padding-bottom: 5rem;
	}

	.section-head {
		align-items: flex-start;
		gap: 1rem;
		margin-bottom: 2rem;
	}

	.section-head h2 {
		font-size: clamp(2.55rem, 12vw, 3.35rem);
	}

	.section-head > .text-link {
		display: none;
	}

	.category-grid {
		grid-template-columns: 1fr;
		grid-auto-rows: 320px;
	}

	.category-card,
	.category-card.wide {
		min-width: 0;
		grid-column: auto;
		grid-row: auto;
	}

	.category-card.wide {
		min-height: 410px;
	}

	.product-grid,
	.catalog-results .product-grid,
	.woocommerce ul.products,
	.woocommerce-page ul.products,
	ul.products.product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.product-card,
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		min-width: 0 !important;
	}

	.product-info {
		min-height: 226px;
		padding: .9rem .75rem 1rem;
	}

	.product-info h3 {
		font-size: 1.06rem;
		line-height: 1.15;
	}

	.price-line {
		align-items: flex-start;
		flex-direction: column;
		gap: .1rem;
	}

	.quick-add {
		position: static;
		margin-top: 1rem;
		font-size: .62rem;
	}

	.product-info em {
		font-size: .6rem;
	}

	.editorial-banner {
		display: flex;
		min-height: 0;
		flex-direction: column;
	}

	.editorial-banner > img {
		width: 100%;
		height: 430px;
		object-position: center;
	}

	.editorial-banner > div {
		padding: 4rem 1.1rem 4.5rem;
	}

	.editorial-banner h2 {
		font-size: clamp(3rem, 14vw, 4rem);
	}

	.split-section {
		display: flex;
		min-height: 0;
		flex-direction: column;
	}

	.craft-image {
		height: 450px;
	}

	.craft-copy {
		padding: 4.5rem 1.1rem;
	}

	.review-grid {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
	}

	.review-grid article {
		min-width: 88vw;
		padding: 2.5rem 1.25rem;
		scroll-snap-align: start;
	}

	.final-cta {
		padding: 6rem 1.1rem;
	}

	.final-cta h2 {
		font-size: clamp(2.9rem, 13vw, 4rem);
	}

	.final-cta > div {
		flex-direction: column;
	}

	.breadcrumb {
		margin-bottom: 2.25rem;
		white-space: nowrap;
		overflow-x: auto;
	}

	.catalog-toolbar {
		gap: .7rem;
	}

	.catalog-toolbar label {
		font-size: 0;
	}

	.catalog-toolbar select {
		max-width: 165px;
		font-size: .7rem;
	}

	.filter-mobile {
		display: flex;
		align-items: center;
		gap: .4rem;
		min-height: 42px;
		padding: .55rem .85rem;
		border: 1px solid var(--lime);
		border-radius: 999px;
		background: var(--lime);
		color: #172936;
		font-size: .68rem !important;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .06em;
	}

	.filter-mobile svg {
		width: 16px;
	}

	.filters-desktop {
		display: none;
	}

	.catalog-layout,
	.product-layout,
	.single-product div.product,
	.cart-layout,
	.contact-grid,
	.woocommerce-checkout form.checkout,
	.woocommerce-account .woocommerce {
		display: block;
	}

	.gallery,
	.single-product div.product .woocommerce-product-gallery {
		position: static !important;
	}

	.gallery {
		display: flex;
		flex-direction: column-reverse;
	}

	.thumbs {
		flex-direction: row;
		overflow-x: auto;
	}

	.thumbs button {
		width: 70px;
		flex: 0 0 70px;
	}

	.buy-box {
		padding: 2.5rem 0 0;
	}

	.product-details {
		margin-top: 3rem;
	}

	.spec-grid {
		display: block;
	}

	.mobile-sticky {
		bottom: var(--mobile-nav-space);
		z-index: 50;
	}

	.cart-page .cart-item {
		grid-template-columns: 100px minmax(0, 1fr);
	}

	.cart-page .cart-item > img {
		width: 100px;
		height: 130px;
	}

	.summary,
	.order-aside {
		position: static;
		margin-top: 2rem;
	}

	.checkout-brand {
		padding-inline: 1rem;
	}

	.checkout-progress {
		margin: 2rem 1rem;
		gap: 1.5rem;
		overflow-x: auto;
	}

	.checkout-progress::before {
		display: none;
	}

	.checkout-progress > div {
		min-width: 70px;
	}

	.checkout-layout {
		margin-inline: 1rem;
	}

	.checkout-card,
	.woocommerce-checkout #customer_details,
	.woocommerce-checkout #order_review {
		padding: 1.25rem;
	}

	.woocommerce-checkout #order_review_heading,
	.woocommerce-checkout #order_review {
		grid-column: auto;
		margin-top: 2rem;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		margin-bottom: 2rem;
		border-right: 0;
		border-bottom: 1px solid #c5c1b7;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100%;
	}

	.woocommerce table.shop_table_responsive tr,
	.woocommerce-page table.shop_table_responsive tr {
		padding: .7rem;
		border-bottom: 1px solid #d7d3ca;
	}

	.about-hero {
		display: flex;
		flex-direction: column-reverse;
	}

	.about-hero img {
		width: 100%;
		height: 450px;
	}

	.about-hero > div,
	.about-copy,
	.finder-page {
		padding: 4rem 1.1rem;
	}

	.about-copy > div,
	.location-block,
	.contact-data,
	.finder-question > div,
	.finder-products,
	.form-grid,
	.brand-grid,
	.values,
	.journal-grid {
		grid-template-columns: 1fr;
	}

	.contact-form {
		grid-template-columns: 1fr;
		padding: 1.1rem;
	}

	.contact-form label.full,
	.contact-form .btn,
	.form-grid label.full {
		grid-column: auto;
	}

	.newsletter {
		display: block;
		padding: 4rem 1.1rem;
	}

	.newsletter form {
		margin-top: 1.5rem;
	}

	.footer-main {
		grid-template-columns: 1fr 1fr;
		padding: 3.5rem 1.1rem;
	}

	.footer-brand {
		grid-column: 1 / -1;
		margin-bottom: 1.5rem;
	}

	.footer-bottom {
		flex-direction: column;
		gap: .7rem;
		padding: 1.5rem 1.1rem;
	}

	.footer {
		padding-bottom: .75rem;
	}

	.search-modal {
		z-index: 100;
	}

	.search-modal__panel {
		top: .75rem;
		width: calc(100% - 1rem);
		max-height: calc(100svh - 1.5rem);
		padding: 2.4rem 1.1rem 1.2rem;
		overflow-y: auto;
	}

	.filter-drawer {
		display: block;
	}

	.floating-wa-menu {
		right: .9rem;
		bottom: calc(var(--mobile-nav-space) + 10px);
	}

	body.home .floating-wa-menu {
		display: none;
	}

	.mobile-bottom-nav {
		position: fixed !important;
		z-index: 9999;
		left: 12px;
		right: 12px;
		left: calc(12px + env(safe-area-inset-left, 0px));
		right: calc(12px + env(safe-area-inset-right, 0px));
		bottom: 8px;
		bottom: calc(8px + env(safe-area-inset-bottom, 0px));
		height: 64px;
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 3px;
		padding: 7px;
		border: 1px solid rgba(216, 197, 143, .27) !important;
		border-radius: 20px;
		background: rgba(25, 40, 52, .97);
		box-shadow: 0 18px 48px rgba(0, 0, 0, .48);
		-webkit-backdrop-filter: blur(18px);
		backdrop-filter: blur(18px);
		animation: jordan-mobile-nav-enter .48s cubic-bezier(.22, 1, .36, 1) both;
	}

	.mobile-nav-item {
		width: 42px;
		min-width: 42px;
		height: 50px;
		flex: 0 0 42px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		gap: .48rem;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 14px;
		background: transparent;
		color: #aeb6bc;
		font-size: .64rem;
		font-weight: 700;
		line-height: 1;
		text-transform: uppercase;
		letter-spacing: .055em;
		white-space: nowrap;
		cursor: pointer;
		transition: width .32s cubic-bezier(.22, 1, .36, 1), flex-basis .32s cubic-bezier(.22, 1, .36, 1), padding .32s cubic-bezier(.22, 1, .36, 1), color .24s ease, background-color .24s ease, transform .18s ease, box-shadow .24s ease;
	}

	.mobile-nav-item svg {
		width: 19px;
		height: 19px;
		max-width: none;
		flex: 0 0 19px;
		transition: transform .32s cubic-bezier(.22, 1, .36, 1);
	}

	.mobile-nav-item span {
		width: 0;
		max-width: 0;
		opacity: 0;
		overflow: hidden;
		transition: max-width .32s cubic-bezier(.22, 1, .36, 1), opacity .22s ease;
	}

	.mobile-nav-item.is-active {
		width: 126px;
		min-width: 0;
		flex: 0 1 126px;
		padding: 0 .72rem;
		background: var(--lime);
		color: #172936;
		box-shadow: 0 7px 20px rgba(216, 197, 143, .16);
	}

	.mobile-nav-item.is-active svg {
		transform: translateY(-1px) scale(1.04);
	}

	.mobile-nav-item:active {
		transform: scale(.94);
	}

	.mobile-nav-item.is-active span {
		width: auto;
		max-width: 96px;
		opacity: 1;
	}
}

@media (max-width: 430px) {
	.header {
		padding-inline: .5rem;
	}

	.hero-copy {
		left: 1rem;
		right: 1rem;
	}

	.hero-copy h1 {
		font-size: clamp(2.85rem, 15vw, 3.65rem);
	}

	.section,
	.page {
		padding-inline: .85rem;
	}

	.product-info {
		min-height: 220px;
		padding-inline: .65rem;
	}

	.product-info h3 {
		font-size: 1rem;
	}

	.mobile-bottom-nav {
		left: 9px;
		right: 9px;
		gap: 2px;
		padding: 6px;
	}

	.mobile-nav-item {
		width: 40px;
		min-width: 40px;
		flex-basis: 40px;
	}

	.mobile-nav-item.is-active {
		width: 120px;
		flex-basis: 120px;
		padding-inline: .58rem;
	}

	.mobile-nav-item.is-active span {
		font-size: .61rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.main-nav,
	.mobile-nav-item,
	.mobile-nav-item span,
	.mobile-nav-item svg,
	.mobile-bottom-nav {
		animation: none;
		transition: none;
	}
}

@keyframes jordan-mobile-nav-enter {
	from {
		opacity: 0;
		transform: translateY(18px) scale(.97);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

/* Wide desktops and ultrawide monitors. */
@media (min-width: 1600px) {
	.header {
		padding-inline: max(4vw, calc((100vw - 1760px) / 2));
	}

	.section,
	.page,
	.footer-main,
	.footer-bottom {
		padding-inline: max(5vw, calc((100vw - 1760px) / 2));
	}

	.hero-copy {
		left: max(7vw, calc((100vw - 1760px) / 2));
	}

	.category-rail {
		left: max(7vw, calc((100vw - 1760px) / 2));
		right: max(7vw, calc((100vw - 1760px) / 2));
	}
}

/* Compact desktops and notebooks. */
@media (min-width: 1051px) and (max-width: 1350px) {
	.header {
		gap: 1.2rem;
		padding-inline: 1.6rem;
	}

	.main-nav {
		gap: clamp(.65rem, 1.1vw, 1.1rem);
		font-size: .7rem;
	}

	.whatsapp-head-menu .whatsapp-trigger {
		padding-inline: .65rem;
	}

	.catalog-layout {
		grid-template-columns: 220px minmax(0, 1fr);
		gap: 2rem;
	}

	.product-layout,
	.single-product div.product {
		grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
		gap: 3.5vw;
	}
}

/* Tablets in portrait and small landscape notebooks. */
@media (min-width: 801px) and (max-width: 1050px) {
	.hero {
		height: min(780px, calc(100svh - 106px));
		min-height: 650px;
	}

	.hero-copy {
		left: 5vw;
		max-width: 580px;
	}

	.hero-copy h1 {
		font-size: clamp(4rem, 9vw, 6rem);
	}

	.category-rail {
		left: 5vw;
		right: 5vw;
	}

	.benefits {
		grid-template-columns: repeat(3, 1fr);
		padding-inline: 2vw;
	}

	.benefits > div {
		height: 94px;
		border-bottom: 1px solid var(--line);
	}

	.section,
	.page {
		padding-inline: 3vw;
	}

	.category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: 360px;
	}

	.category-card.wide {
		grid-column: span 2;
		grid-row: auto;
	}

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

	.catalog-results .product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.editorial-banner {
		grid-template-columns: 1fr 1fr;
		min-height: 620px;
	}

	.editorial-banner > img {
		height: 620px;
	}

	.split-section {
		min-height: 650px;
	}

	.craft-copy {
		padding: 5vw;
	}

	.catalog-layout {
		grid-template-columns: 205px minmax(0, 1fr);
		gap: 1.5rem;
	}

	.product-layout,
	.single-product div.product,
	.cart-layout,
	.woocommerce-checkout form.checkout {
		display: block;
	}

	.gallery,
	.single-product div.product .woocommerce-product-gallery {
		position: static !important;
	}

	.buy-box,
	.single-product div.product .summary {
		max-width: 720px;
		margin: 3rem auto 0;
	}

	.summary,
	.order-aside {
		position: static;
		margin-top: 2rem;
	}

	.woocommerce-checkout #order_review_heading,
	.woocommerce-checkout #order_review {
		grid-column: auto;
		margin-top: 2rem;
	}

	.footer-main {
		grid-template-columns: 2fr 1fr 1fr;
	}

	.footer-main > :last-child {
		grid-column: 2 / -1;
	}
}

/* Additional safeguards for phones and WooCommerce blocks. */
@media (max-width: 800px) {
	.site-shell :where(.header, .hero, .section, .page, .footer, .product-grid, .catalog-layout, .product-layout, .cart-layout, .checkout-layout) > * {
		min-width: 0;
	}

	.wc-block-cart,
	.wc-block-checkout {
		width: 100%;
		padding: 2.5rem 1rem;
		overflow: hidden;
	}

	.wc-block-components-sidebar-layout {
		display: block !important;
	}

	.wc-block-components-sidebar,
	.wc-block-components-main {
		width: 100% !important;
		padding-inline: 0 !important;
	}

	.wc-block-cart-items td,
	.wc-block-components-order-summary-item {
		min-width: 0;
	}

	.woocommerce-cart-form,
	.woocommerce-checkout,
	.woocommerce-MyAccount-content {
		max-width: 100%;
		overflow-x: auto;
	}

	iframe {
		width: 100% !important;
	}
}

@media (max-width: 600px) {
	.topline {
		letter-spacing: .08em;
	}

	.hero {
		min-height: 610px;
	}

	.editorial-banner > img,
	.craft-image,
	.about-hero img {
		height: 380px;
	}

	.footer-main {
		grid-template-columns: 1fr;
	}

	.footer-brand,
	.footer-main > * {
		grid-column: auto;
	}

	.footer-main > div:not(.footer-brand) {
		padding-top: 1.5rem;
		border-top: 1px solid rgba(255, 255, 255, .12);
	}

	.newsletter-form,
	.search-field,
	.shipping-box > div > div {
		width: 100%;
	}

	.cart-page .cart-item,
	.cart-item {
		grid-template-columns: 88px minmax(0, 1fr);
	}

	.cart-page .cart-item > img,
	.cart-item > img {
		width: 88px;
		height: 112px;
	}

	.woocommerce table.shop_table_responsive td,
	.woocommerce-page table.shop_table_responsive td {
		padding: .65rem !important;
	}
}

@media (max-width: 340px) {
	body {
		min-width: 0;
	}

	.product-grid,
	.catalog-results .product-grid,
	.woocommerce ul.products,
	.woocommerce-page ul.products,
	ul.products.product-grid {
		grid-template-columns: 1fr !important;
	}

	.product-info {
		min-height: 190px;
	}

	.mobile-bottom-nav {
		left: 5px;
		right: 5px;
	}

	.mobile-nav-item {
		width: 36px;
		min-width: 36px;
		flex-basis: 36px;
	}

	.mobile-nav-item.is-active {
		width: 108px;
		flex-basis: 108px;
	}
}

@media (max-width: 800px) and (max-height: 650px) and (orientation: portrait) {
	.hero-copy {
		bottom: 250px;
	}

	.hero-copy h1 {
		font-size: clamp(2.55rem, 13vw, 3.15rem);
		margin-bottom: .7rem;
	}

	.hero-copy p {
		margin-bottom: .8rem;
		font-size: .86rem;
	}

	.hero-buttons .btn,
	.hero-buttons .whatsapp-trigger {
		min-height: 46px;
	}
}

/* Short landscape phones. */
@media (max-width: 950px) and (max-height: 600px) and (orientation: landscape) {
	:root {
		--mobile-nav-space: calc(78px + env(safe-area-inset-bottom, 0px));
	}

	body {
		padding-bottom: var(--mobile-nav-space) !important;
	}

	.topline {
		display: none;
	}

	.header {
		height: 58px;
	}

	.main-nav {
		inset-block-start: 58px;
		padding-top: 1.2rem;
	}

	.hero {
		height: calc(100svh - 58px);
		min-height: 330px;
	}

	.hero-copy {
		left: 1.25rem;
		top: 50%;
		bottom: auto;
		max-width: 420px;
		transform: translateY(-55%);
	}

	.hero-copy h1 {
		max-width: 390px;
		margin: .45rem 0 .65rem;
		font-size: clamp(2.55rem, 6vw, 3.2rem);
	}

	.hero-copy p {
		margin-bottom: .65rem;
		font-size: .82rem;
	}

	.hero-buttons {
		width: 470px;
		max-width: calc(100% - 1rem);
		flex-direction: row;
	}

	.hero-buttons > * {
		flex: 1 1 0;
	}

	.hero-buttons .btn,
	.hero-buttons .whatsapp-trigger {
		min-height: 42px;
		height: 42px;
	}

	.category-rail {
		display: none;
	}

	.mobile-bottom-nav {
		position: fixed !important;
		z-index: 9999;
		left: 50%;
		right: auto;
		bottom: 7px;
		bottom: calc(7px + env(safe-area-inset-bottom, 0px));
		width: min(430px, calc(100% - 20px));
		height: 60px;
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 3px;
		padding: 6px;
		border: 1px solid rgba(216, 197, 143, .27) !important;
		border-radius: 19px;
		background: rgba(25, 40, 52, .97);
		box-shadow: 0 14px 40px rgba(0, 0, 0, .45);
		backdrop-filter: blur(18px);
		transform: translateX(-50%);
		animation: jordan-mobile-nav-enter .48s cubic-bezier(.22, 1, .36, 1) both;
	}

	.mobile-nav-item {
		width: 42px;
		min-width: 42px;
		height: 48px;
		flex: 0 0 42px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		gap: .45rem;
		padding: 0;
		border: 0;
		border-radius: 14px;
		background: transparent;
		color: #aeb6bc;
		font-size: .62rem;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .05em;
		white-space: nowrap;
	}

	.mobile-nav-item svg {
		width: 18px;
		height: 18px;
		flex: 0 0 18px;
	}

	.mobile-nav-item span {
		width: 0;
		max-width: 0;
		opacity: 0;
		overflow: hidden;
	}

	.mobile-nav-item.is-active {
		width: 120px;
		min-width: 0;
		flex: 0 1 120px;
		padding-inline: .7rem;
		background: var(--lime);
		color: #172936;
	}

	.mobile-nav-item.is-active span {
		width: auto;
		max-width: 90px;
		opacity: 1;
	}

	@keyframes jordan-mobile-nav-enter {
		from { opacity: 0; transform: translate(-50%, 18px) scale(.97); }
		to { opacity: 1; transform: translate(-50%, 0) scale(1); }
	}
}

@media (hover: none) and (pointer: coarse) {
	.category-card:hover img,
	.product-card:hover .product-image img,
	.btn:hover {
		transform: none;
	}
}

/* Common 1280–1500 px notebooks, especially 768/800/900 px-tall panels. */
@media (min-width: 1201px) and (max-width: 1500px) {
	.header {
		height: 70px;
		gap: 1rem;
		padding-inline: 1.35rem;
	}

	.header > .logo,
	.header > .custom-logo-link {
		width: 150px;
		min-width: 135px;
	}

	.main-nav {
		gap: clamp(.55rem, .95vw, 1rem);
		font-size: .66rem;
	}

	.whatsapp-head-menu {
		display: none;
	}

	.hero {
		height: calc(100vh - 100px);
		height: calc(100svh - 100px);
		min-height: 570px;
	}

	.hero-copy h1 {
		font-size: clamp(4.1rem, 6.2vw, 6.6rem);
	}

	.category-rail a {
		height: 64px;
	}

	.section {
		padding-top: clamp(4.5rem, 7vw, 7rem);
		padding-bottom: clamp(4.5rem, 7vw, 7rem);
	}

	.category-grid {
		grid-auto-rows: 360px;
	}

	.editorial-banner,
	.split-section {
		min-height: 620px;
	}

	.editorial-banner > img {
		height: 620px;
	}
}

@media (min-width: 901px) and (max-height: 820px) {
	.hero {
		height: calc(100vh - 100px);
		height: calc(100svh - 100px);
		min-height: 540px;
	}

	.hero-copy {
		top: 48%;
	}

	.hero-copy h1 {
		margin-block: .8rem 1rem;
	}

	.hero-copy p {
		margin-bottom: 1.25rem;
	}

	.section {
		padding-top: 4.5rem;
		padding-bottom: 4.5rem;
	}

	.category-grid {
		grid-auto-rows: 330px;
	}

	.product-info {
		min-height: 195px;
	}
}

@media print {
	.topline,
	.header,
	.footer,
	.mobile-bottom-nav,
	.floating-wa-menu,
	.mobile-sticky {
		display: none !important;
	}

	body {
		padding: 0 !important;
		background: #fff !important;
		color: #111 !important;
	}
}