/* Responsive styles */

@media (max-width: 1199px) {
	.ofnote-footer__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.ofnote-carousel__track > div {
		flex: 0 0 calc(50% - 12px) !important;
		min-width: calc(50% - 12px) !important;
	}

	.ofnote-street-certified__layout {
		flex-direction: column;
		align-items: stretch;
		min-height: 0;
	}

	.ofnote-street-certified__stage::before {
		display: none;
	}

	.ofnote-street-certified__panel {
		flex: 1 1 auto;
		max-width: none;
		width: 100%;
		padding: 40px 24px 28px;
		background: var(--color-primary);
		border-radius: 16px;
		color: var(--color-white);
	}

	.ofnote-street-certified__products {
		width: 100%;
		margin-right: 0;
		padding: 0 0 32px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ofnote-shop__main .products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.ofnote-blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ofnote-category-hero {
		background-position: center;
		overflow-x: clip;
	}

	.ofnote-category-hero__copy {
		max-width: 100%;
	}

	.ofnote-category-hero__text {
		max-width: 100%;
	}

	.ofnote-cargo-joggers__products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ofnote-related-products__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ofnote-single-product__layout {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.ofnote-single-product__summary .product_title {
		font-size: clamp(1.375rem, 4vw, 1.75rem);
	}

	.ofnote-single-product__details .woocommerce-tabs ul.tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		gap: 4px;
		padding-bottom: 4px;
	}

	.ofnote-single-product__details .woocommerce-tabs ul.tabs::-webkit-scrollbar {
		display: none;
	}

	.ofnote-single-product__details .woocommerce-tabs ul.tabs li {
		flex: 0 0 auto;
	}

	.ofnote-single-product__details .woocommerce-tabs ul.tabs li a {
		padding: 12px 16px;
		white-space: nowrap;
	}

	.ofnote-header__center .ofnote-nav--left,
	.ofnote-header__center .ofnote-nav--right {
		display: none;
	}

	.ofnote-header__toggle {
		display: inline-flex;
	}

	.ofnote-header__inner {
		grid-template-columns: auto 1fr auto;
	}

	.ofnote-header__left {
		gap: 4px;
	}

	.ofnote-header__center {
		justify-content: center;
	}

	.ofnote-search-toggle--desktop {
		display: none;
	}

	.ofnote-search-toggle--mobile {
		display: inline-flex;
	}

	.ofnote-header__icon--wishlist {
		display: none;
	}

	.ofnote-header__right {
		gap: 4px;
	}
}

@media (max-width: 767px) {
	:root {
		--section-padding: 40px;
	}

	.ofnote-category-banners {
		padding: 20px 0 24px;
	}

	.ofnote-street-certified__layout {
		padding: 0;
		min-height: 0;
	}

	.ofnote-street-certified__products {
		grid-template-columns: 1fr;
		padding-bottom: 0;
		margin-right: 0;
	}

	.ofnote-section-header {
		margin-bottom: 20px;
	}

	.ofnote-testimonials__header {
		margin-bottom: 20px;
	}

	.ofnote-category-banners__grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.ofnote-category-banner {
		min-height: 260px;
		border-radius: 12px;
	}

	.ofnote-carousel__track > div {
		flex: 0 0 calc(100% - 0px) !important;
		min-width: 100% !important;
	}

	.ofnote-carousel__nav {
		display: flex;
	}

	.ofnote-street-certified__panel {
		padding: 32px 20px 24px;
		border-radius: 12px;
	}

	.ofnote-steal-alert__grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.ofnote-steal-alert__item--large {
		grid-column: 1;
		grid-row: auto;
		aspect-ratio: 3 / 4;
	}

	.ofnote-steal-alert__item--wide {
		grid-column: 1;
		grid-row: auto;
		aspect-ratio: 16 / 9;
	}

	.ofnote-testimonials__grid {
		grid-template-columns: 1fr;
	}

	.ofnote-testimonial-card {
		min-height: 0;
	}

	.ofnote-footer__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.ofnote-about-story__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.ofnote-about-story {
		padding-bottom: 24px;
	}

	.ofnote-flex-stats {
		padding-top: 24px;
	}

	.ofnote-flex-stats__grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.ofnote-flex-stats__title {
		margin-bottom: 40px;
	}

	.ofnote-flex-stats__body {
		max-width: 420px;
		margin: 0 auto;
	}

	.ofnote-blog-grid {
		grid-template-columns: 1fr;
	}

	.ofnote-shop {
		padding: 24px 0 40px;
		overflow-x: clip;
	}

	.ofnote-shop .ofnote-container {
		min-width: 0;
	}

	.ofnote-shop__main .products {
		gap: 16px;
	}

	.ofnote-shop__main .products li.product {
		min-width: 0;
	}

	.ofnote-category-hero {
		min-height: 240px;
	}

	.ofnote-category-hero__overlay {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.32) 100%);
	}

	.ofnote-category-hero__inner {
		min-height: 240px;
		align-items: flex-end;
	}

	.ofnote-category-hero__copy {
		padding: 24px 0;
	}

	.ofnote-category-hero__title {
		max-width: none;
		font-size: clamp(2rem, 9vw, 2.75rem);
	}

	.ofnote-category-hero__text {
		font-size: 0.95rem;
		line-height: 1.55;
	}

	.ofnote-cargo-joggers {
		overflow-x: clip;
	}

	.ofnote-cargo-joggers__header {
		flex-direction: column;
		align-items: flex-start;
	}

	.ofnote-cargo-joggers__band {
		padding: 40px 0 88px;
	}

	.ofnote-cargo-joggers__products-wrap {
		margin-top: -72px;
		padding-left: 16px;
		padding-right: 16px;
	}

	.ofnote-cargo-joggers__products {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.ofnote-cargo-joggers__products .ofnote-product-card--cargo .ofnote-product-card__image {
		width: 100%;
		max-width: 100%;
	}

	.ofnote-contact-form-wrap .wpcf7-form .ofnote-form-row {
		grid-template-columns: 1fr;
	}

	.ofnote-section-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.ofnote-hero__content {
		padding: 0 24px;
	}

	.ofnote-hero__title {
		max-width: 11ch;
		font-size: clamp(2.5rem, 11vw, 3.5rem);
		margin-bottom: 16px;
	}

	.ofnote-hero__text {
		font-size: 1rem;
		max-width: 18rem;
	}

	.ofnote-shop__main .products {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.ofnote-shop__main .ofnote-product-card {
		min-width: 0;
		max-width: 100%;
	}

	.woocommerce-pagination {
		margin-top: 28px;
	}

	.woocommerce-pagination ul {
		flex-wrap: wrap;
		justify-content: center;
		max-width: 100%;
	}

	.ofnote-single-product__layout {
		grid-template-columns: 1fr;
		gap: 28px;
		margin-bottom: 40px;
	}

	.ofnote-single-product-breadcrumb {
		padding-top: 16px;
	}

	.ofnote-single-product-wrap {
		padding-top: 16px;
		padding-bottom: 40px;
	}

	.ofnote-single-product-wrap,
	.ofnote-single-product-breadcrumb {
		padding-left: 16px;
		padding-right: 16px;
	}

	.ofnote-breadcrumb__list {
		font-size: 12px;
		gap: 6px;
	}

	.ofnote-breadcrumb__item:last-child {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 100%;
	}

	.ofnote-single-product__gallery {
		position: static;
		margin-left: -16px;
		margin-right: -16px;
	}

	.ofnote-single-product__gallery .flex-viewport {
		border-radius: 0;
	}

	.ofnote-single-product__gallery .woocommerce-product-gallery__image img {
		aspect-ratio: 4 / 5;
	}

	.ofnote-single-product__gallery .woocommerce-product-gallery__trigger {
		top: 12px;
		right: 12px;
		width: 36px;
		height: 36px;
	}

	.ofnote-single-product__gallery .onsale {
		top: 12px;
		left: 12px;
	}

	.ofnote-single-product__gallery .flex-control-nav.flex-control-thumbs {
		flex-wrap: nowrap;
		overflow-x: auto;
		gap: 10px;
		margin-top: 12px;
		padding: 0 16px 4px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		scroll-snap-type: x mandatory;
	}

	.ofnote-single-product__gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
		display: none;
	}

	.ofnote-single-product__gallery .flex-control-thumbs li {
		flex: 0 0 64px;
		width: 64px;
		scroll-snap-align: start;
	}

	.ofnote-single-product__gallery .flex-control-thumbs li img {
		height: 76px;
	}

	.ofnote-single-product__summary .product_title {
		font-size: clamp(1.25rem, 5.5vw, 1.625rem);
		margin-bottom: 12px;
		line-height: 1.3;
	}

	.ofnote-single-product__summary .price {
		margin-bottom: 16px;
	}

	.ofnote-single-product__summary .woocommerce-product-details__short-description {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 1.65;
	}

	.ofnote-single-product__summary table.variations tr {
		margin-bottom: 14px;
	}

	.ofnote-variation-swatches {
		gap: 8px;
	}

	.ofnote-variation-swatch {
		min-height: 42px;
		padding: 9px 14px;
	}

	.ofnote-single-product__summary .single_add_to_cart_button,
	.ofnote-single-product__summary button.single_add_to_cart_button {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		min-height: 50px;
	}

	.ofnote-single-product__summary form.cart:not(.variations_form),
	.ofnote-single-product__summary .woocommerce-variation-add-to-cart {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.ofnote-single-product__summary form.cart .quantity {
		width: 100%;
		justify-content: stretch;
	}

	.ofnote-single-product__summary .quantity input.qty {
		width: 100%;
		min-height: 48px;
	}

	.ofnote-single-product__summary .product_meta {
		padding-top: 16px;
		font-size: 12px;
	}

	.ofnote-single-product__details .woocommerce-tabs {
		margin-bottom: 40px;
	}

	.ofnote-single-product__details .woocommerce-tabs ul.tabs {
		margin-bottom: 16px;
		border-bottom: 1px solid var(--color-gray-200);
	}

	.ofnote-single-product__details .woocommerce-tabs ul.tabs li a {
		padding: 12px 14px;
		font-size: 12px;
	}

	.ofnote-single-product__details .woocommerce-tabs .panel {
		padding-top: 16px;
		font-size: 14px;
	}

	.ofnote-single-product__details .woocommerce-tabs table.shop_attributes {
		border: none;
		border-radius: 0;
	}

	.ofnote-single-product__details .woocommerce-tabs table.shop_attributes tr {
		display: block;
		border-bottom: 1px solid var(--color-gray-200);
	}

	.ofnote-single-product__details .woocommerce-tabs table.shop_attributes tr:last-child {
		border-bottom: none;
	}

	.ofnote-single-product__details .woocommerce-tabs table.shop_attributes th,
	.ofnote-single-product__details .woocommerce-tabs table.shop_attributes td {
		display: block;
		width: 100%;
		padding: 12px 0;
		border: none;
	}

	.ofnote-single-product__details .woocommerce-tabs table.shop_attributes th {
		padding-bottom: 4px;
		background: transparent;
	}

	.ofnote-single-product__details .woocommerce-tabs table.shop_attributes td {
		padding-top: 0;
		padding-bottom: 16px;
	}

	.ofnote-related-products__title {
		margin-bottom: 24px;
		font-size: 1.375rem;
	}

	.ofnote-related-products__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.ofnote-page-hero {
		padding: 48px 0;
	}

	.ofnote-page-hero--compact {
		padding: 28px 0;
	}

	.ofnote-contact-hero {
		padding-top: 48px;
	}

	.ofnote-contact-hero__title-line {
		font-size: clamp(1.75rem, 7vw, 2.25rem);
	}

	.ofnote-contact-hero__subtitle {
		font-size: 1.0625rem;
		margin-top: 16px;
	}

	.ofnote-contact-hero__illustration {
		margin-top: 24px;
	}
}