/**
 * Mobile editorial product layout — phone only.
 * Scoped to body.bo-mobile-editorial. Desktop unchanged.
 * Revert test: ?bo_grid=classic
 */

@media (max-width: 768px) {
	/* ——— ALL shop / category / tag / sale archives (global) ——— */
	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products,
	body.bo-mobile-editorial.bettina-shopt.m-grid-2.woocommerce ul.products,
	body.bo-mobile-editorial.bettina-shopt.m-grid-2 ul.products,
	body.bo-mobile-editorial.bettina-shopt.woocommerce-page ul.products,
	body.bo-mobile-editorial.bettina-shopt.post-type-archive-product ul.products,
	body.bo-mobile-editorial.bettina-shopt.tax-product_cat ul.products,
	body.bo-mobile-editorial.bettina-shopt.tax-product_tag ul.products,
	body.bo-mobile-editorial.bettina-shopt.bo-sale-grid ul.products,
	body.bo-mobile-editorial.bettina-shopt.page-sale ul.products,
	body.bo-mobile-editorial.bettina-shopt.woocommerce .columns-4 > ul.products,
	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products.columns-4,
	body.bo-mobile-editorial.bettina-shopt.bettina-home-page .bettina-product-grid .woocommerce ul.products,
	body.bo-mobile-editorial.bettina-shopt .bettina-sale-products ul.products,
	body.bo-mobile-editorial.bettina-shopt .related.products ul.products {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		column-gap: 0 !important;
		row-gap: clamp(28px, 7vw, 40px) !important;
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products li.product,
	body.bo-mobile-editorial.bettina-shopt.woocommerce .columns-4 > ul.products li.product {
		width: 100% !important;
		max-width: 100% !important;
		grid-column: 1 / -1 !important;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce .col-full,
	body.bo-mobile-editorial.bettina-shopt.bettina-home-page .bettina-wrap {
		padding-left: clamp(14px, 4vw, 20px) !important;
		padding-right: clamp(14px, 4vw, 20px) !important;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce .woocommerce-products-header {
		padding: 16px 0 8px;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce .term-description,
	body.bo-mobile-editorial.bettina-shopt.woocommerce .woocommerce-archive-description,
	body.bo-mobile-editorial.bettina-shopt.woocommerce .page-description,
	body.bo-mobile-editorial.bettina-shopt.tax-product_cat .term-description,
	body.bo-mobile-editorial.bettina-shopt.tax-product_tag .term-description,
	body.bo-mobile-editorial.bettina-shopt.term-sale .term-description,
	body.bo-mobile-editorial.bettina-shopt.bo-sale-grid .term-description {
		display: none !important;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce .shoptimizer-sorting nav.woocommerce-pagination,
	body.bo-mobile-editorial.bettina-shopt.post-type-archive-product .shoptimizer-sorting nav.woocommerce-pagination,
	body.bo-mobile-editorial.bettina-shopt.tax-product_cat .shoptimizer-sorting nav.woocommerce-pagination,
	body.bo-mobile-editorial.bettina-shopt.tax-product_tag .shoptimizer-sorting nav.woocommerce-pagination,
	body.bo-mobile-editorial.bettina-shopt.bo-sale-grid .shoptimizer-sorting nav.woocommerce-pagination {
		display: none !important;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce .woocommerce-products-header__title {
		font-size: clamp(1.35rem, 5vw, 1.75rem);
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products li.product,
	body.bo-mobile-editorial.bettina-shopt.bettina-home-page .bettina-product-grid .woocommerce ul.products li.product,
	body.bo-mobile-editorial.bettina-shopt .related.products ul.products li.product {
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products li.product:hover,
	body.bo-mobile-editorial.bettina-shopt.bettina-home-page .bettina-product-grid .woocommerce ul.products li.product:hover {
		box-shadow: none !important;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products li.product .woocommerce-image__wrapper,
	body.bo-mobile-editorial.bettina-shopt.bettina-home-page .bettina-product-grid .woocommerce ul.products li.product .woocommerce-image__wrapper,
	body.bo-mobile-editorial.bettina-shopt .related.products ul.products li.product .woocommerce-image__wrapper {
		aspect-ratio: 3 / 4.2;
		background: #f3f0ec;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products li.product .woocommerce-loop-product__title,
	body.bo-mobile-editorial.bettina-shopt.bettina-home-page .bettina-product-grid .woocommerce ul.products li.product .woocommerce-loop-product__title,
	body.bo-mobile-editorial.bettina-shopt .related.products ul.products li.product .woocommerce-loop-product__title {
		padding: 12px 0 4px !important;
		font-family: var(--b-sans, Inter, sans-serif) !important;
		font-size: 11px !important;
		font-weight: 500 !important;
		letter-spacing: 0.14em !important;
		text-transform: uppercase !important;
		text-align: left !important;
		-webkit-line-clamp: 2;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products li.product .price,
	body.bo-mobile-editorial.bettina-shopt.bettina-home-page .bettina-product-grid .woocommerce ul.products li.product .price,
	body.bo-mobile-editorial.bettina-shopt .related.products ul.products li.product .price {
		padding: 0 0 4px !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		text-align: left !important;
		color: var(--b-black, #111) !important;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products li.product .button,
	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products li.product .added_to_cart,
	body.bo-mobile-editorial.bettina-shopt.bettina-home-page .bettina-product-grid .button {
		display: none !important;
	}

	/* Sold out — black label like reference */
	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products li.product.outofstock .woocommerce-image__wrapper::after,
	body.bo-mobile-editorial.bettina-shopt.bettina-home-page .bettina-product-grid li.product.outofstock .woocommerce-image__wrapper::after {
		content: "Sold out";
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 4;
		padding: 6px 10px;
		background: #111;
		color: #fff;
		font-family: var(--b-sans, Inter, sans-serif);
		font-size: 9px;
		font-weight: 500;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		line-height: 1;
		pointer-events: none;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products li.product.outofstock .woocommerce-image__wrapper img,
	body.bo-mobile-editorial.bettina-shopt.bettina-home-page .bettina-product-grid li.product.outofstock img {
		opacity: 0.72;
	}

	/* Hide default out-of-stock line in title */
	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products li.product .out-of-stock,
	body.bo-mobile-editorial.bettina-shopt.woocommerce ul.products li.product .stock.out-of-stock {
		display: none !important;
	}

	/* Quieter shop toolbar on phone */
	body.bo-mobile-editorial.bettina-shopt.woocommerce .woocommerce-result-count {
		font-size: 11px;
		color: var(--b-muted);
	}

	/* ——— Single product (PDP) ——— */
	body.bo-mobile-editorial.bettina-shopt.single-product .col-full {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .site-main {
		padding-top: 0 !important;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .product-details-wrapper {
		display: block !important;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product div.product .woocommerce-product-gallery {
		width: 100% !important;
		max-width: none !important;
		margin: 0 0 0 !important;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .woocommerce-product-gallery .flex-viewport,
	body.bo-mobile-editorial.bettina-shopt.single-product .woocommerce-product-gallery__wrapper {
		background: #f3f0ec;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img,
	body.bo-mobile-editorial.bettina-shopt.single-product .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child img {
		width: 100% !important;
		max-height: none !important;
		aspect-ratio: 3 / 4.2;
		object-fit: cover;
		object-position: center top;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product div.product .summary {
		padding: 20px clamp(14px, 4vw, 20px) 24px !important;
		max-width: none !important;
		text-align: center;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .summary .product_title,
	body.bo-mobile-editorial.bettina-shopt.single-product .product_title {
		font-family: var(--b-sans, Inter, sans-serif) !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		letter-spacing: 0.16em !important;
		text-transform: uppercase !important;
		text-align: center !important;
		margin: 0 0 8px !important;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .summary > .price,
	body.bo-mobile-editorial.bettina-shopt.single-product .summary p.price {
		justify-content: center;
		font-size: 14px !important;
		font-weight: 400 !important;
		margin-bottom: 20px !important;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .summary form.cart table.variations th.label label {
		text-align: left;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .related-wrapper {
		padding-left: clamp(14px, 4vw, 20px);
		padding-right: clamp(14px, 4vw, 20px);
	}

	/* ——— Header ——— */
	body.bo-mobile-editorial.bettina-shopt .main-header.col-full {
		min-height: 52px !important;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	body.bo-mobile-editorial.bettina-shopt .site-header .custom-logo {
		max-height: 36px !important;
	}

	/* ——— Homepage hero (Kettel-style) ——— */
	body.bo-mobile-editorial.bettina-home-page .bettina-hero {
		min-height: min(88vh, 760px);
		height: min(88vh, 760px);
		max-height: none;
		align-items: flex-end;
	}

	body.bo-mobile-editorial.bettina-home-page .bettina-hero__veil {
		background: linear-gradient(to top, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.06) 40%, transparent 68%);
	}

	body.bo-mobile-editorial.bettina-home-page .bettina-hero__content {
		padding: 0 clamp(16px, 4vw, 22px) 32px !important;
	}

	body.bo-mobile-editorial.bettina-home-page .bettina-hero__panel--mobile-static .bettina-hero__title {
		font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
		font-size: clamp(1.9rem, 8.8vw, 2.5rem) !important;
		font-weight: 500 !important;
		letter-spacing: 0.04em !important;
		text-transform: uppercase !important;
		margin-bottom: 12px !important;
	}

	body.bo-mobile-editorial.bettina-home-page .bettina-hero__shop-link {
		font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
		line-height: 1.35 !important;
	}

	body.bo-mobile-editorial.bettina-home-page .bettina-hero__scroll,
	body.bo-mobile-editorial.bettina-home-page .bettina-hero__nav {
		display: none !important;
	}

	/* ——— Homepage sections ——— */
	body.bo-mobile-editorial.bettina-home-page .bettina-section {
		padding: clamp(36px, 8vw, 52px) 0;
	}

	body.bo-mobile-editorial.bettina-home-page .bettina-section-head {
		margin-bottom: 20px;
		gap: 8px;
	}

	body.bo-mobile-editorial.bettina-home-page .bettina-kicker {
		font-size: 9px;
		letter-spacing: 0.18em;
		margin-bottom: 8px;
	}

	body.bo-mobile-editorial.bettina-home-page .bettina-section-head h2 {
		font-family: var(--b-sans, Inter, sans-serif) !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		letter-spacing: 0.16em !important;
		text-transform: uppercase !important;
	}

	body.bo-mobile-editorial.bettina-home-page .bettina-text-link {
		font-size: 10px;
		letter-spacing: 0.14em;
		border-bottom: 0;
		opacity: 0.7;
	}

	/* Collections — full-width editorial cards */
	body.bo-mobile-editorial .bettina-col-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: clamp(28px, 7vw, 36px) !important;
	}

	body.bo-mobile-editorial .bettina-col-card {
		border: 0 !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		background: transparent !important;
		transform: none !important;
	}

	body.bo-mobile-editorial .bettina-col-card:hover {
		box-shadow: none !important;
		transform: none !important;
	}

	body.bo-mobile-editorial .bettina-col-card__media {
		aspect-ratio: 3 / 4.2;
		min-height: 0;
	}

	body.bo-mobile-editorial .bettina-col-card__meta {
		position: static;
		padding: 12px 0 0;
		background: none !important;
		pointer-events: auto;
	}

	body.bo-mobile-editorial .bettina-col-card__title {
		font-family: var(--b-sans, Inter, sans-serif) !important;
		font-size: 11px !important;
		font-weight: 500 !important;
		letter-spacing: 0.14em !important;
		text-transform: uppercase !important;
		color: var(--b-black, #111) !important;
		text-shadow: none !important;
	}

	/* Celebrities — single swipe row on phone */
	body.bo-mobile-editorial .bettina-section.bettina-celebs {
		padding-top: 36px;
		padding-bottom: 36px;
	}

	body.bo-mobile-editorial .bettina-celeb-grid {
		display: flex !important;
		flex-wrap: nowrap !important;
		grid-template-columns: none !important;
		overflow-x: auto;
		overflow-y: hidden;
		gap: 12px !important;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	body.bo-mobile-editorial .bettina-celeb-grid::-webkit-scrollbar {
		display: none;
	}

	body.bo-mobile-editorial .bettina-celeb {
		flex: 0 0 min(68vw, 240px);
		min-width: min(68vw, 240px);
		scroll-snap-align: start;
		border: 0;
		box-shadow: none;
		background: transparent;
	}

	body.bo-mobile-editorial .bettina-celeb__name {
		padding: 8px 0 0;
		background: transparent;
	}

	body.bo-mobile-editorial .bettina-celeb__name span {
		font-family: var(--b-sans, Inter, sans-serif);
		font-size: 10px;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		color: var(--b-muted);
	}

	/* Hide heavy homepage blocks on phone */
	body.bo-mobile-editorial.bettina-home-page .bo-ups-trust,
	body.bo-mobile-editorial.bettina-home-page .bo-why-shop,
	body.bo-mobile-editorial.bettina-home-page .bettina-trust-bar {
		display: none !important;
	}

	/* ——— Shop / archive chrome ——— */
	body.bo-mobile-editorial.bettina-shopt .archive-header,
	body.bo-mobile-editorial.bettina-shopt .woocommerce-breadcrumb {
		display: none !important;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce .woocommerce-ordering,
	body.bo-mobile-editorial.bettina-shopt.woocommerce form.woocommerce-ordering {
		margin: 0 0 12px;
		float: none;
		width: 100%;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce .woocommerce-ordering select {
		width: 100%;
		border: 0;
		border-bottom: 1px solid var(--b-line, #e8e4df);
		border-radius: 0;
		padding: 8px 0;
		font-size: 11px;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		background: transparent;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce .woocommerce-result-count {
		display: none !important;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce nav.woocommerce-pagination {
		margin-top: 28px;
		padding-top: 0;
		border: 0;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce nav.woocommerce-pagination ul {
		border: 0;
		gap: 6px;
	}

	body.bo-mobile-editorial.bettina-shopt.woocommerce nav.woocommerce-pagination ul li a,
	body.bo-mobile-editorial.bettina-shopt.woocommerce nav.woocommerce-pagination ul li span {
		border: 0 !important;
		background: transparent !important;
		font-size: 11px;
		min-width: 32px;
		padding: 6px;
	}

	body.bo-mobile-editorial.bettina-shopt:not(.bettina-home-page) .site-main {
		padding-top: 16px !important;
		padding-bottom: 48px !important;
	}

	/* ——— PDP extras ——— */
	body.bo-mobile-editorial.bettina-shopt.single-product .woocommerce-product-gallery ol.flex-control-thumbs {
		display: none !important;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .bo-wishlist-btn {
		display: none !important;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .summary .woocommerce-product-details__short-description {
		font-size: 13px;
		line-height: 1.55;
		color: var(--b-muted);
		text-align: center;
		margin-bottom: 18px;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .bo-assurance {
		font-size: 10px;
		letter-spacing: 0.06em;
		text-align: center;
		color: var(--b-muted);
		margin-top: 12px !important;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .bo-campaign-note--pdp {
		font-size: 11px;
		padding: 10px 0;
		border: 0;
		background: transparent;
		text-align: center;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .bo-product-details,
	body.bo-mobile-editorial.bettina-shopt.single-product .bo-product-pay,
	body.bo-mobile-editorial.bettina-shopt.single-product .summary .bo-product-acc {
		margin-top: 24px;
		padding-top: 20px;
		border-top: 1px solid var(--b-line, #e8e4df);
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .bo-product-details__title,
	body.bo-mobile-editorial.bettina-shopt.single-product .summary .bo-product-acc summary {
		font-family: var(--b-sans, Inter, sans-serif);
		font-size: 10px;
		letter-spacing: 0.14em;
		text-transform: uppercase;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .related.products > h2 {
		font-family: var(--b-sans, Inter, sans-serif);
		font-size: 11px;
		font-weight: 500;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		margin-bottom: 24px;
	}

	body.bo-mobile-editorial.bettina-shopt.single-product .related-wrapper {
		margin-top: 40px;
		padding-top: 32px;
		border-top: 1px solid var(--b-line, #e8e4df);
	}

	/* ——— Footer ——— */
	body.bo-mobile-editorial.bettina-shopt .bettina-footer {
		padding-top: 32px;
		padding-bottom: 24px;
	}

	body.bo-mobile-editorial.bettina-shopt .bettina-footer__grid {
		gap: 20px;
		text-align: center;
	}

	body.bo-mobile-editorial.bettina-shopt .bettina-footer__contact p {
		font-size: 12px;
		line-height: 1.5;
	}

	body.bo-mobile-editorial.bettina-shopt .bettina-footer__row--nav,
	body.bo-mobile-editorial.bettina-shopt .bettina-footer__row--legal {
		justify-content: center;
		flex-wrap: wrap;
		gap: 10px 14px;
	}

	body.bo-mobile-editorial.bettina-shopt .bettina-footer__row--nav a,
	body.bo-mobile-editorial.bettina-shopt .bettina-footer__row--legal a {
		font-size: 10px;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}

	body.bo-mobile-editorial.bettina-shopt .bettina-footer__payments-label {
		display: none;
	}

	body.bo-mobile-editorial.bettina-shopt .bettina-footer__payments-icons {
		justify-content: center;
		opacity: 0.55;
		transform: scale(0.85);
	}

	body.bo-mobile-editorial.bettina-shopt .bettina-footer__row--copy p {
		font-size: 10px;
		line-height: 1.45;
		color: var(--b-muted);
	}

	/* ——— Cookie bar ——— */
	body.bo-mobile-editorial.bettina-shopt .bo-cookie-bar {
		font-size: 11px;
		padding: 12px 14px;
	}

	body.bo-mobile-editorial.bettina-shopt .bo-cookie-bar__actions {
		gap: 8px;
	}
}