/**
 * Metal Mono — Mobile Layout Stylesheet
 *
 * Scoped entirely inside @media (max-width: 768px).
 * Desktop layout is untouched.
 *
 * @package MetalMono
 * @since 4.0.0
 */

@media (max-width: 768px) {

/* ══════════════════════════════════════════════════════════════════════════════
   GLOBAL MOBILE CHROME
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── Promo / Announcement Bar ── */
.announcement-bar {
	background: #2C2C2C;
	padding: 8px 16px;
	text-align: center;
	min-height: 38px;
	position: relative;
	z-index: 10001;
	width: 100%;
	box-sizing: border-box;
}

.announcement-bar .container {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.announcement-bar__link {
	font-size: 0.78rem;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.3;
}

/* ── Sticky Mobile Header ── */
.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: rgba(255, 255, 255, 0.82);
	-webkit-backdrop-filter: blur(18px) saturate(180%);
	backdrop-filter: blur(18px) saturate(180%);
	padding: 8px 12px;
	border-bottom: none;
	box-shadow: none;
}

.header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	max-width: 100%;
	padding: 0;
}

/* ── Left Group: 1. Logo pill 2. Language switcher on mobile ── */
.header-pill-left-group {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-shrink: 0 !important;
}

/* Hide desktop nav on mobile */
.header-pill-nav.main-nav {
	display: none !important;
}

/* 1. Logo pill */
.header-pill-logo {
	background: #F5F5F3;
	border-radius: 9999px !important;
	padding: 4px 14px !important;
	height: 38px !important;
	min-height: 38px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}

.header-pill-logo .site-logo-link {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 100% !important;
	line-height: 1 !important;
}

.header-pill-logo .site-logo-img {
	height: 28px !important;
	max-height: 30px !important;
	width: auto !important;
	display: block !important;
	object-fit: contain !important;
}

/* 2. Language switcher on left side */
.header-pill-left-group .header-pill-lang-switcher {
	display: inline-flex !important;
	height: 38px !important;
	padding: 2px !important;
	border-radius: 9999px !important;
	background: #EFEFEF !important;
	border: 1px solid #E0DFDC !important;
	box-sizing: border-box !important;
}

/* ── Right Action Pills ── */
.header-pill-actions {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-shrink: 0 !important;
}

.header-pill-btn {
	background: #F5F5F3;
	border: none;
	border-radius: 50px;
	padding: 8px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	cursor: pointer;
	font-family: var(--mm-font-primary, 'Inter', sans-serif);
	font-size: 0.72rem;
	font-weight: 600;
	color: #111111;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
}

.header-pill-btn svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

/* ── Action Pill Orders & Display on Mobile ── */
/* Search pill: circle button on mobile */
.header-pill-search {
	order: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: #F5F5F3 !important;
}

.header-pill-search span {
	display: none;
}

/* Cart pill: bag icon with count inside on mobile */
.header-pill-cart {
	order: 2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: #F5F5F3 !important;
	position: relative !important;
}

/* Account pill on mobile */
.header-pill-account {
	order: 3 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: #F5F5F3 !important;
}

.header-pill-cart .cart-bag-icon-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.header-pill-cart .cart-bag-svg {
	width: 19px !important;
	height: 19px !important;
	stroke: #111111 !important;
}

.header-pill-cart .cart-count-badge {
	position: absolute;
	top: -4px;
	right: -6px;
	background: #E53935;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 700;
	min-width: 17px;
	height: 17px;
	padding: 0 3px;
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.header-pill-cart .cart-count-badge[data-count="0"] {
	display: none;
}

/* Hide cart pill in header on mobile homepage */
body.home .site-header .header-pill-cart,
body.front-page .site-header .header-pill-cart,
body.home .header-pill-cart,
body.front-page .header-pill-cart {
	display: none !important;
}

/* WhatsApp Talk to a Real Person: Circle button with WhatsApp icon on mobile */
.mm-header-whatsapp-pill {
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	max-width: 38px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #25D366 !important;
	color: #FFFFFF !important;
	flex-shrink: 0 !important;
	box-shadow: 0 2px 8px rgba(37, 211, 102, 0.25) !important;
	border: none !important;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent !important;
	transition: transform 0.15s ease, background 0.15s ease !important;
}

.mm-header-whatsapp-pill:active {
	transform: scale(0.92) !important;
	background: #20BA5A !important;
}

.mm-header-whatsapp-pill .mm-wa-label {
	display: none !important;
}

.mm-header-whatsapp-pill .mm-wa-icon,
.mm-header-whatsapp-pill svg {
	width: 19px !important;
	height: 19px !important;
	fill: #FFFFFF !important;
	color: #FFFFFF !important;
	margin: 0 !important;
	display: block !important;
	flex-shrink: 0 !important;
}

/* MENU pill button */
.header-pill-menu {
	display: inline-flex !important;
	padding: 0 1.25rem !important;
}

.mobile-menu-label {
	font-family: var(--mm-font-primary, 'Inter', sans-serif);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #111111;
}


/* ══════════════════════════════════════════════════════════════════════════════
   SHOP / CATEGORY GRID PAGE — MOBILE
   ══════════════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════════════
   SHOP / CATEGORY GRID PAGE — MOBILE (Exact Rains Reference)
   ══════════════════════════════════════════════════════════════════════════════ */

.rains-shop-page {
	padding-top: calc(52px + 1.25rem) !important;
	padding-bottom: 5rem !important;
}

body.has-announcement .rains-shop-page,
body:has(.announcement-bar:not(.is-hidden)) .rains-shop-page {
	padding-top: calc(38px + 10px + 52px + 1.25rem) !important;
}

body.admin-bar .rains-shop-page {
	padding-top: calc(32px + 52px + 1.25rem) !important;
}

body.admin-bar.has-announcement .rains-shop-page,
body.admin-bar:has(.announcement-bar:not(.is-hidden)) .rains-shop-page {
	padding-top: calc(32px + 38px + 10px + 52px + 1.25rem) !important;
}

.rains-shop-header-wrap {
	padding: 0 16px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* ── Page header ── */
.rains-page-header {
	padding: 0 !important;
	margin-bottom: 1.15rem !important;
}

.rains-page-title {
	font-family: var(--font-heading, 'Inter', -apple-system, sans-serif) !important;
	font-size: 1.45rem !important;
	font-weight: 700 !important;
	color: #111111 !important;
	letter-spacing: -0.025em !important;
	line-height: 1.18 !important;
	margin: 0 0 0.45rem 0 !important;
}

.rains-page-desc {
	display: block !important;
	font-family: var(--font-body, 'Inter', -apple-system, sans-serif) !important;
	font-size: 0.82rem !important;
	line-height: 1.5 !important;
	color: #333333 !important;
	max-width: 100% !important;
	margin: 0 0 1.15rem 0 !important;
}

/* ── Subcategory pills (Horizontal Scroll) ── */
.rains-subcategory-pills-wrap {
	display: flex !important;
	gap: 8px !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
	padding: 0 0 6px 0 !important;
	margin-bottom: 0.4rem !important;
	scrollbar-width: none !important;
}

.rains-subcategory-pills-wrap::-webkit-scrollbar {
	display: none !important;
}

.rains-pill-tag {
	flex-shrink: 0 !important;
	font-size: 0.8rem !important;
	font-weight: 500 !important;
	padding: 0.45rem 1.05rem !important;
	border-radius: 9999px !important;
	background: #FFFFFF !important;
	color: #555555 !important;
	border: 1px solid #D6D6D4 !important;
	white-space: nowrap !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
}

.rains-pill-tag.is-active {
	background: #FFFFFF !important;
	color: #111111 !important;
	border: 1.5px solid #111111 !important;
	font-weight: 600 !important;
}

/* ── Catalog toolbar ── */
.rains-catalog-toolbar {
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-end !important;
	padding: 0.5rem 0 0.85rem 0 !important;
	border-top: none !important;
	margin-bottom: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.rains-toolbar-left {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0.35rem !important;
}

.rains-item-count {
	font-size: 0.82rem !important;
	color: #666666 !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
}

.rains-sort-dropdown {
	display: inline-flex !important;
	align-items: center !important;
	position: relative !important;
}

.rains-sort-label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	font-size: 0.88rem !important;
	font-weight: 600 !important;
	color: #111111 !important;
	cursor: pointer !important;
}

.rains-sort-dropdown select {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
	cursor: pointer !important;
	border: none !important;
	background: transparent !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.rains-toolbar-right {
	display: flex !important;
	align-items: center !important;
}

.rains-view-type-group {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.rains-view-type-btn {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	font-size: 0.88rem !important;
	font-weight: 500 !important;
	color: #777777 !important;
	cursor: pointer !important;
	text-decoration: none !important;
}

.rains-view-type-btn.is-active {
	color: #111111 !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.rains-grid-switchers {
	display: none !important;
}

/* ── 2-Column Full-Bleed Minimal Grid (Rains Style — Image 1 Reference) ── */
.rains-products-grid,
.products-grid,
.etsy-products-catalog,
.shop-products,
.woocommerce ul.products,
ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

.rains-products-grid.cols-4,
.rains-products-grid.cols-2,
.rains-products-grid.cols-8 {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
}

/* Product card — full bleed Rains card */
.rains-product-card {
	border-radius: 0 !important;
	border: none !important;
	box-shadow: none !important;
	background: #FFFFFF !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
}

.rains-card-media {
	border-radius: 0 !important;
	overflow: hidden !important;
	position: relative !important;
	width: 100% !important;
	aspect-ratio: 2 / 3 !important;
	background: #F5F5F3 !important;
}

.rains-card-media-link {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.rains-card-img {
	border-radius: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center top !important;
	display: block !important;
}

/* ── Card Meta (below image) ── */
.rains-card-meta {
	padding: 10px 8px 14px 8px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}

.rains-card-title-price {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 2px !important;
	margin-bottom: 2px !important;
}

.rains-card-title {
	font-family: var(--mm-font-primary, 'Inter', sans-serif) !important;
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	margin: 0 !important;
	letter-spacing: -0.01em !important;
	white-space: normal !important;
	overflow: visible !important;
	word-break: break-word !important;
}

.rains-card-title a {
	color: #111111 !important;
	text-decoration: none !important;
}

.rains-card-price {
	font-family: var(--mm-font-primary, 'Inter', sans-serif) !important;
	font-size: 0.82rem !important;
	font-weight: 500 !important;
	color: #111111 !important;
	margin-top: 1px !important;
	display: block !important;
	white-space: normal !important;
}

/* Color dots matching Image 1 */
.rains-card-colors {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-top: 6px !important;
}

.rains-card-color-dot {
	width: 11px !important;
	height: 11px !important;
	border-radius: 50% !important;
	border: 0.5px solid rgba(0, 0, 0, 0.1) !important;
	flex-shrink: 0 !important;
	display: inline-block !important;
	box-shadow: none !important;
	transition: box-shadow 0.2s ease !important;
}

.rains-card-color-dot.is-selected {
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3.5px rgba(0, 0, 0, 0.45) !important;
}

.rains-color-more {
	font-size: 11px !important;
	color: #777777 !important;
	font-weight: 500 !important;
}

/* Hide size chips on mobile grid for ultra-clean Rains Image 1 look */
.rains-card-sizes {
	display: none !important;
}

/* Wishlist button on card */
.rains-card-wishlist {
	top: 8px;
	right: 8px;
	width: 28px;
	height: 28px;
	font-size: 14px;
}

/* Badge */
.rains-card-badge {
	font-size: 0.6rem;
	padding: 3px 6px;
}

/* ── Floating Filter Pill (Mobile — Exact Rains Reference) ── */
.rains-floating-filter-btn {
	position: fixed !important;
	bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	z-index: 990 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	background: #333333 !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 9999px !important;
	height: 48px !important;
	padding: 0 28px !important;
	font-family: var(--mm-font-primary, 'Inter', sans-serif) !important;
	font-size: 0.92rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.01em !important;
	cursor: pointer !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
	-webkit-tap-highlight-color: transparent !important;
	white-space: nowrap !important;
	transition: transform 0.15s ease, background 0.15s ease !important;
}

.rains-floating-filter-btn:active {
	transform: translateX(-50%) scale(0.96) !important;
	background: #222222 !important;
}

.rains-floating-filter-btn svg {
	width: 18px !important;
	height: 18px !important;
	stroke-width: 2 !important;
	flex-shrink: 0 !important;
}

/* ── Rains Filter Modal Bottom Sheet (Mobile) ── */
.rains-modal-overlay {
	z-index: 999998 !important;
}

.rains-filter-modal {
	position: fixed !important;
	bottom: 0 !important;
	top: auto !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 88vh !important;
	border-radius: 20px 20px 0 0 !important;
	transform: translateY(100%) !important;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3) !important;
	z-index: 999999 !important;
	background: #FFFFFF !important;
	box-sizing: border-box !important;
}

.rains-filter-modal.is-open {
	transform: translateY(0) !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

.rains-modal-header {
	padding: 1.15rem 1.25rem !important;
	border-bottom: 1px solid #EDEDED !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 0 !important;
	background: #FFFFFF !important;
	position: sticky !important;
	top: 0 !important;
	z-index: 10 !important;
	border-radius: 20px 20px 0 0 !important;
}

.rains-modal-header-actions {
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
}

.rains-modal-reset-btn {
	background: none !important;
	border: none !important;
	font-family: var(--mm-font-primary, 'Inter', sans-serif) !important;
	font-size: 0.84rem !important;
	font-weight: 600 !important;
	color: #777777 !important;
	cursor: pointer !important;
	padding: 0.25rem 0.5rem !important;
}

.rains-modal-close {
	background: #F4F4F2 !important;
	border: none !important;
	cursor: pointer !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #111111 !important;
}

.rains-modal-body {
	padding: 1.25rem 1.25rem 1rem !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
	flex: 1 !important;
}

.rains-modal-footer {
	padding: 0.85rem 1.25rem calc(0.85rem + env(safe-area-inset-bottom, 0px)) !important;
	border-top: 1px solid #EDEDED !important;
	background: #FFFFFF !important;
	position: sticky !important;
	bottom: 0 !important;
	z-index: 10 !important;
	margin-top: 0 !important;
}

.rains-view-items-btn {
	width: 100% !important;
	height: 48px !important;
	background: #111111 !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 9999px !important;
	font-family: var(--mm-font-primary, 'Inter', sans-serif) !important;
	font-size: 0.88rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
	cursor: pointer !important;
}


/* ══════════════════════════════════════════════════════════════════════════════
   SINGLE PRODUCT PAGE — MOBILE
   ══════════════════════════════════════════════════════════════════════════════ */

/* Hide desktop gallery filmstrip layout */
.rains-pdp-layout {
	padding: 0 !important;
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
}

.rains-pdp-gallery-section {
	position: relative;
	overflow: visible;
	height: auto !important;
	min-height: unset !important;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Hide desktop mouse zoom follower */
.rains-gallery-viewport {
	position: relative;
	width: 100%;
	height: auto;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* ── Mobile Swipe Gallery ── */
.rains-filmstrip {
	display: flex !important;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	width: 100%;
	height: auto !important;
	position: relative;
	flex-wrap: nowrap !important;
	transform: none !important;
	will-change: auto !important;
	/* Reset infinite loop transforms from desktop */
	animation: none !important;
	transition: none !important;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rains-filmstrip::-webkit-scrollbar {
	display: none;
}

.rains-filmstrip-frame {
	flex: 0 0 100%;
	width: 100%;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	min-width: 100%;
	height: auto !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rains-filmstrip-frame img {
	width: 100%;
	height: auto !important;
	display: block;
	object-fit: cover !important;
	object-position: center top !important;
	margin: 0 !important;
	padding: 0 !important;
	touch-action: pan-y pinch-zoom;
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	transform-origin: center center;
	will-change: transform;
}

.rains-filmstrip-frame.is-zoomed {
	z-index: 50 !important;
}

.rains-gallery-model-info {
	left: 16px !important;
	bottom: 12px !important;
}

/* Gallery chevron arrows (middle vertical alignment) */
.rains-gallery-arrow {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 20 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	width: 32px !important;
	height: 44px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	-webkit-tap-highlight-color: transparent;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	transition: opacity 150ms ease;
}

.rains-gallery-arrow:active {
	opacity: 0.5 !important;
}

.rains-gallery-arrow--prev {
	left: 10px !important;
}

.rains-gallery-arrow--next {
	right: 10px !important;
}

.rains-gallery-arrow svg {
	width: 14px;
	height: 22px;
	stroke: #111111;
	stroke-width: 1.6;
	fill: none;
}

/* Gallery dots — removed */
.rains-gallery-dots {
	display: none !important;
}

.rains-gallery-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	border: none;
	cursor: pointer;
	padding: 0;
	transition: all 200ms ease;
	-webkit-tap-highlight-color: transparent;
}

.rains-gallery-dot.is-active {
	background: #FFFFFF;
	transform: scale(1.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}


/* ── Buy Box → Mobile Linear Layout ── */
.rains-pdp-buybox {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	transform: none !important;
	width: 100% !important;
	max-width: 100% !important;
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0 16px;
	background: #FFFFFF;
	border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	z-index: 1;
}

.rains-buybox-card {
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

/* ── Breadcrumbs ── */
.rains-mobile-breadcrumbs {
	display: flex !important;
	align-items: center;
	gap: 4px;
	font-family: var(--mm-font-primary, 'Inter', sans-serif);
	font-size: 0.72rem;
	color: #999999;
	padding: 14px 0 8px 0;
	flex-wrap: wrap;
}

.rains-mobile-breadcrumbs a {
	color: #999999;
	text-decoration: none;
}

.rains-mobile-breadcrumbs a:last-of-type {
	text-decoration: underline;
	color: #666666;
}

.rains-mobile-breadcrumbs .bc-sep {
	color: #CCCCCC;
	margin: 0 2px;
}

/* ── Header Card: Title + Price ── */
.rains-buybox-card--header {
	padding-top: 0 !important;
}

.rains-buybox-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.rains-buybox-title {
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #111111;
	flex: 1;
	margin: 0 !important;
}

.rains-buybox-price {
	font-size: 1rem !important;
	font-weight: 600;
	color: #111111;
	white-space: nowrap;
	flex-shrink: 0;
}

.rains-buybox-desc {
	font-size: 0.85rem !important;
	color: #666666;
	margin: 6px 0 12px 0 !important;
	line-height: 1.45;
}

/* Gender pills */
.rains-gender-pills {
	display: flex;
	gap: 8px;
	margin-bottom: 16px !important;
}

.rains-gender-pill {
	flex: 1;
	padding: 10px 0;
	border-radius: 50px;
	font-family: var(--mm-font-primary, 'Inter', sans-serif);
	font-size: 0.82rem;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	transition: all 150ms ease;
	border: 1.5px solid #DDDDDD;
	background: transparent;
	color: #666666;
	-webkit-tap-highlight-color: transparent;
}

.rains-gender-pill.is-active {
	background: #111111;
	color: #FFFFFF;
	border-color: #111111;
}

/* ── Dividers ── */
.rains-mobile-divider {
	display: block !important;
	width: 100%;
	height: 1px;
	background: #EEEEEE;
	border: none;
	margin: 16px 0;
}

/* ── Color selector ── */
.rains-buybox-card--color {
	padding: 16px 0 !important;
	border-top: 1px solid #EEEEEE;
}

.rains-buybox-label-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.rains-buybox-label {
	font-size: 0.85rem;
	font-weight: 600;
	color: #111111;
}

.rains-buybox-value {
	font-size: 0.85rem;
	color: #666666;
}

.rains-buybox-swatches {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.rains-buybox-img-swatch,
.rains-buybox-color-swatch {
	width: 52px !important;
	height: 66px !important;
	border-radius: 8px !important;
	border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
	background: #EFEFEF !important;
	cursor: pointer;
	padding: 2px !important;
	box-sizing: border-box;
	transition: all 180ms ease;
	-webkit-tap-highlight-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rains-buybox-img-swatch.is-selected,
.rains-buybox-color-swatch.is-selected {
	border: 1.5px solid #111111 !important;
	background: #FFFFFF !important;
	box-shadow: 0 0 0 2px #0066FF, 0 2px 8px rgba(0, 102, 255, 0.25) !important;
}

/* ── Size selector ── */
.rains-buybox-card--size {
	padding: 16px 0 !important;
	border-top: 1px solid #EEEEEE;
}

.rains-buybox-link {
	font-size: 0.78rem;
	color: #666666;
	text-decoration: underline;
}

.rains-buybox-sizes {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.rains-size-pill {
	min-width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1.5px solid #DDDDDD;
	background: transparent;
	font-family: var(--mm-font-primary, 'Inter', sans-serif);
	font-size: 0.82rem;
	font-weight: 500;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 150ms ease;
	-webkit-tap-highlight-color: transparent;
	padding: 0 8px;
}

.rains-size-pill.is-selected {
	background: #111111;
	color: #FFFFFF;
	border-color: #111111;
}

.rains-buybox-model-info {
	font-size: 0.75rem;
	color: #999999;
	margin-top: 10px;
}

/* ── In-flow Add to Cart Button ── */
.rains-buybox-card--action {
	padding: 16px 0 !important;
	border-top: 1px solid #EEEEEE;
}

.rains-buybox-atc {
	display: block !important;
	width: 100% !important;
	padding: 16px 24px !important;
	background: #111111 !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 50px !important;
	font-family: var(--mm-font-primary, 'Inter', sans-serif) !important;
	font-size: 0.88rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	text-align: center !important;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
	transition: opacity 150ms ease;
}

.rains-buybox-atc:active {
	opacity: 0.8;
}

/* ── In-flow Dual Actions (65% Add to Cart / 35% Customize) ── */
.rains-buybox-dual-actions {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
}

.rains-buybox-dual-actions .rains-buybox-atc {
	flex: 0 0 calc(65% - 4px) !important;
	width: calc(65% - 4px) !important;
	max-width: calc(65% - 4px) !important;
	min-width: 0 !important;
	height: 52px !important;
	min-height: 52px !important;
	padding: 0 8px !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	background: #111111 !important;
	background: -webkit-linear-gradient(135deg, #1C1C1C 0%, #0F0F0F 100%) !important;
	background: linear-gradient(135deg, #1C1C1C 0%, #0F0F0F 100%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
	backdrop-filter: blur(20px) saturate(180%) !important;
	color: #FFFFFF !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 9999px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	box-sizing: border-box !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
	transition: all 0.2s ease !important;
}

.rains-buybox-dual-actions .rains-buybox-customize-btn {
	flex: 0 0 calc(35% - 4px) !important;
	width: calc(35% - 4px) !important;
	max-width: calc(35% - 4px) !important;
	min-width: 0 !important;
	height: 52px !important;
	min-height: 52px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	background: #F6F5F2 !important;
	background: -webkit-linear-gradient(135deg, #FAF9F6 0%, #F0EFEA 100%) !important;
	background: linear-gradient(135deg, #FAF9F6 0%, #F0EFEA 100%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
	backdrop-filter: blur(20px) saturate(180%) !important;
	color: #111111 !important;
	border: 1.5px solid #111111 !important;
	border-radius: 9999px !important;
	padding: 0 6px !important;
	font-family: var(--mm-font-primary, 'Inter', sans-serif) !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	box-sizing: border-box !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), inset 0 1.5px 1px rgba(255, 255, 255, 0.9) !important;
	transition: all 0.2s ease !important;
}

.rains-buybox-dual-actions .rains-buybox-customize-btn svg {
	width: 14px !important;
	height: 14px !important;
	stroke: #111111 !important;
	color: #111111 !important;
	flex-shrink: 0 !important;
}

/* Helper text under ATC */
.rains-mobile-atc-helper {
	display: block !important;
	font-family: var(--mm-font-primary, 'Inter', sans-serif);
	font-size: 0.75rem;
	color: #999999;
	text-align: center;
	margin-top: 10px;
}

/* Trust info box */
.rains-mobile-trust-box {
	display: block !important;
	background: #F8F8F6;
	border-radius: 10px;
	padding: 14px 16px;
	margin: 12px 0 0 0;
}

.rains-mobile-trust-box p {
	font-family: var(--mm-font-primary, 'Inter', sans-serif);
	font-size: 0.78rem;
	color: #666666;
	line-height: 1.5;
	margin: 0;
}

.rains-mobile-trust-box p + p {
	margin-top: 4px;
}


/* ── Accordion Sections ── */
.rains-pdp-details-section {
	padding: 0 !important;
}

.rains-details-grid {
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
}

/* Hide desktop detail image column */
.rains-details-image {
	display: none !important;
}

.rains-details-content {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 16px !important;
}

/* Hide desktop detail title — we already show it in the buy box */
.rains-details-title {
	display: none !important;
}

.rains-details-desc {
	font-size: 0.85rem;
	line-height: 1.55;
	color: #444444;
	padding: 0 0 8px 0;
}

.rains-details-sku {
	font-size: 0.72rem !important;
	color: #999999 !important;
	margin-bottom: 8px !important;
}

/* Accordion group */
.rains-accordion-group {
	margin-top: 0 !important;
}

.rains-accordion-item {
	border-bottom: 1px solid #EEEEEE;
}

.rains-accordion-item:first-child {
	border-top: 1px solid #EEEEEE;
}

.rains-accordion-trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 16px 0;
	background: transparent;
	border: none;
	cursor: pointer;
	font-family: var(--mm-font-primary, 'Inter', sans-serif);
	font-size: 0.88rem;
	font-weight: 500;
	color: #111111;
	-webkit-tap-highlight-color: transparent;
}

.rains-accordion-icon {
	font-size: 1.2rem;
	color: #666666;
	transition: transform 200ms ease;
	line-height: 1;
}

.rains-accordion-panel {
	overflow: hidden;
	transition: max-height 300ms ease, opacity 200ms ease;
	max-height: 0;
	opacity: 0;
}

.rains-accordion-panel[data-expanded="true"] {
	max-height: 600px;
	opacity: 1;
}

.rains-accordion-panel p,
.rains-accordion-panel ul {
	font-size: 0.82rem;
	line-height: 1.6;
	color: #555555;
	padding-bottom: 16px;
}

.rains-accordion-panel ul {
	padding-left: 18px;
}


/* ── "Others also bought" as accordion ── */
.rains-outfit-section {
	padding: 0 16px !important;
}

.rains-outfit-heading {
	display: none !important;
}

.rains-outfit-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 0 !important;
}

.rains-outfit-card {
	border-radius: 0 !important;
	border: none !important;
}

.rains-outfit-card-img {
	width: 100% !important;
	border-radius: 0 !important;
}

.rains-outfit-card-info {
	padding: 8px 10px 14px 10px !important;
}

.rains-outfit-card-name {
	font-size: 0.78rem !important;
}

.rains-outfit-card-price {
	font-size: 0.78rem !important;
}

/* Hide desktop outfit controls on mobile, keep it minimal */
.rains-outfit-select-row,
.rains-outfit-size-row,
.rains-outfit-actions {
	display: none !important;
}


/* ── "You may also like" Horizontal Carousel ── */
.rains-pdp-related {
	padding: 0 !important;
	margin: 0 !important;
}

.rains-related-heading {
	font-size: 1rem !important;
	font-weight: 600 !important;
	padding: 24px 16px 12px 16px !important;
	margin: 0 !important;
	color: #111111;
}

/* Override grid to horizontal scroll */
.rains-pdp-related .rains-products-grid {
	display: flex !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x proximity;
	gap: 0 !important;
	padding: 0 0 0 16px !important;
	scrollbar-width: none;
}

.rains-pdp-related .rains-products-grid::-webkit-scrollbar {
	display: none;
}

.rains-pdp-related .rains-product-card {
	flex: 0 0 72%;
	max-width: 72%;
	scroll-snap-align: start;
}

/* Peek next card at edge */
.rains-pdp-related .rains-product-card:last-child {
	margin-right: 16px;
}

/* ── Mobile Sticky Bottom Bar Container ── */
.rains-mobile-sticky-cta {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1500;
	padding: 8px 16px;
	padding-bottom: max(8px, env(safe-area-inset-bottom));
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background: transparent;
	border: none;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1),
	            opacity 200ms ease;
	will-change: transform, opacity;
}

/* State 1: Floating at bottom (default, below fold) */
.rains-mobile-sticky-cta.cta-bar--bottom {
	transform: translateY(0) !important;
	opacity: 1 !important;
	pointer-events: none !important;
}

.rains-mobile-trust-block {
	display: block !important;
	padding: 24px 16px;
	border-top: 1px solid #EEEEEE;
}

.rains-mobile-trust-block p {
	font-family: var(--mm-font-primary, 'Inter', sans-serif);
	font-size: 0.82rem;
	font-weight: 600;
	color: #111111;
	line-height: 1.55;
	margin: 0 0 4px 0;
}

.rains-mobile-trust-block p:last-child {
	margin-bottom: 0;
}


/* ── Sticky CTA Bar — 4-State System ── */
/* States: .cta-bar--bottom (gallery + description onward)
           .cta-bar--hidden (buy box in view)
           .cta-bar--top    (transition zone: past buy box, before description)  */

.rains-mobile-sticky-cta {
	display: flex !important;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 900;
	padding: 0 16px 14px 16px;
	background: transparent !important;
	background-color: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border: none !important;
	border-top: none !important;
	box-shadow: none !important;
	gap: 8px;
	align-items: center;
	bottom: 0;
	top: auto;
	transform: translateY(0);
	opacity: 1;
	pointer-events: none !important;
	transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1),
	            opacity 200ms ease;
}

/* State 1 & 4: Pinned to bottom (gallery view + description onward) */
.rains-mobile-sticky-cta.cta-bar--bottom,
.rains-mobile-sticky-cta.is-visible {
	bottom: 0;
	top: auto;
	padding-bottom: max(14px, env(safe-area-inset-bottom));
	transform: translateY(0) !important;
	opacity: 1 !important;
	pointer-events: none !important;
}

/* State 2: Hidden (in-flow ATC visible) */
.rains-mobile-sticky-cta.cta-bar--hidden {
	transform: translateY(100%) !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* State 3: Pinned to top (below sticky header, transition zone) */
.rains-mobile-sticky-cta.cta-bar--top {
	bottom: auto;
	top: 0;
	padding-top: max(10px, env(safe-area-inset-top));
	padding-bottom: 10px;
	transform: translateY(0) !important;
	opacity: 1 !important;
	pointer-events: none !important;
}

.rains-mobile-sticky-cta .rains-sticky-cta-btn,
.rains-mobile-sticky-cta .rains-sticky-customize-btn {
	flex: 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	padding: 0 20px;
	background: #222222;
	color: #FFFFFF;
	border: none;
	border-radius: 9999px;
	font-family: var(--mm-font-primary, 'Inter', sans-serif);
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: opacity 150ms ease, transform 150ms ease, background 150ms ease;
	text-decoration: none;
	pointer-events: auto !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}

.rains-mobile-sticky-cta .rains-sticky-cta-btn:active,
.rains-mobile-sticky-cta .rains-sticky-customize-btn:active {
	opacity: 0.85;
	transform: scale(0.98);
}

/* Hide TRY ON in mobile sticky bottom bar — single button layout */
.rains-mobile-sticky-cta .rains-sticky-tryon {
	display: none !important;
}

/* ── Sticky Dual Actions (65% Add to Cart / 35% Customize) ── */
.rains-mobile-sticky-cta .rains-sticky-dual-actions {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
	pointer-events: auto !important;
}

.rains-mobile-sticky-cta .rains-sticky-dual-actions .rains-sticky-cta-btn {
	flex: 0 0 calc(65% - 4px) !important;
	width: calc(65% - 4px) !important;
	max-width: calc(65% - 4px) !important;
	min-width: 0 !important;
	height: 52px !important;
	padding: 0 8px !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	background: #111111 !important;
	background: -webkit-linear-gradient(135deg, #1C1C1C 0%, #0F0F0F 100%) !important;
	background: linear-gradient(135deg, #1C1C1C 0%, #0F0F0F 100%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
	backdrop-filter: blur(20px) saturate(180%) !important;
	color: #FFFFFF !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 9999px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	box-sizing: border-box !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
	transition: all 0.2s ease !important;
}

.rains-mobile-sticky-cta .rains-sticky-dual-actions .rains-sticky-customize-btn {
	flex: 0 0 calc(35% - 4px) !important;
	width: calc(35% - 4px) !important;
	max-width: calc(35% - 4px) !important;
	min-width: 0 !important;
	height: 52px !important;
	padding: 0 6px !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	gap: 4px !important;
	background: #F6F5F2 !important;
	background: -webkit-linear-gradient(135deg, #FAF9F6 0%, #F0EFEA 100%) !important;
	background: linear-gradient(135deg, #FAF9F6 0%, #F0EFEA 100%) !important;
	-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
	backdrop-filter: blur(20px) saturate(180%) !important;
	color: #111111 !important;
	border: 1.5px solid #111111 !important;
	border-radius: 9999px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	box-sizing: border-box !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), inset 0 1.5px 1px rgba(255, 255, 255, 0.9) !important;
	transition: all 0.2s ease !important;
}

.rains-mobile-sticky-cta .rains-sticky-dual-actions .rains-sticky-customize-btn svg {
	width: 14px !important;
	height: 14px !important;
	stroke: #111111 !important;
	color: #111111 !important;
	flex-shrink: 0 !important;
}

.rains-mobile-sticky-cta .rains-sticky-dual-actions {
	pointer-events: auto !important;
	width: 100%;
}

/* ── Hide desktop bottom bar on mobile ── */
.rains-pdp-bottom-bar {
	display: none !important;
}

/* ── Mobile Bottom Navigation Glassmorphism Styling ── */
.metalmono-mobile-bottom-nav {
	background: rgba(255, 255, 255, 0.65) !important;
	background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(246, 243, 237, 0.58) 100%) !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(246, 243, 237, 0.58) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.65) !important;
	border-radius: 9999px !important;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08), inset 0 1.5px 1px rgba(255, 255, 255, 0.9), inset 0 -1px 1px rgba(0, 0, 0, 0.04) !important;
	backdrop-filter: blur(24px) saturate(200%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(200%) !important;
}

/* ── Hide mobile bottom nav on shop, category, single product, and customize pages ── */
.is-product .metalmono-mobile-bottom-nav,
body.woocommerce-shop .metalmono-mobile-bottom-nav,
body.woocommerce-archive .metalmono-mobile-bottom-nav,
body.tax-product_cat .metalmono-mobile-bottom-nav,
body.tax-product_tag .metalmono-mobile-bottom-nav,
body.post-type-archive-product .metalmono-mobile-bottom-nav,
body.archive.woocommerce .metalmono-mobile-bottom-nav,
.rains-shop-page ~ .metalmono-mobile-bottom-nav,
body:has(.rains-shop-page) .metalmono-mobile-bottom-nav,
body.page-template-template-customize .metalmono-mobile-bottom-nav,
body.page-template-page-templates-template-customize-php .metalmono-mobile-bottom-nav,
body.page-template-template-customize-php .metalmono-mobile-bottom-nav,
body.is-customize-page .metalmono-mobile-bottom-nav,
body:has(.mm-studio-page) .metalmono-mobile-bottom-nav,
.mm-studio-page ~ .metalmono-mobile-bottom-nav {
	display: none !important;
}

/* ── Hide desktop lightbox on mobile ── */
.rains-lightbox {
	display: none !important;
}


/* ── Mobile elements hidden on desktop (display defaults) ── */
/* These are set to display:none in the default (desktop) scope and
   overridden to visible here in the mobile scope */


/* ══════════════════════════════════════════════════════════════════════════════
   MISC / UTILITIES
   ══════════════════════════════════════════════════════════════════════════════ */

/* Smooth scroll for anchor links */
html {
	scroll-behavior: smooth;
}

/* Hide elements meant for desktop only */
.desktop-only {
	display: none !important;
}

/* Show elements meant for mobile only */
.mobile-only {
	display: block !important;
}


/* ── Shop by Series Carousel (Mobile) ── */
.series-carousel-section {
	padding: 1.5rem 0 2rem !important;
}

.series-carousel-header {
	padding: 0 4px;
	margin-bottom: 0.85rem !important;
}

.series-carousel-track-wrapper {
	margin: 0 -16px;
	width: calc(100% + 32px);
}

.series-carousel-track {
	padding: 0.25rem 16px 1rem 16px !important;
	gap: 0.75rem !important;
}

.series-card {
	flex: 0 0 205px !important;
	width: 205px !important;
	height: 300px !important;
	border-radius: 12px !important;
}

/* ── My Account Mobile Layout & Responsive Spacing ── */
.woocommerce-account .site-main {
	padding-top: 1rem !important;
	padding-bottom: 2.5rem !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

.woocommerce-account .wc-page-content-wrapper {
	padding: 0 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow-x: hidden !important;
}

.myaccount-layout,
.myaccount-layout--sidebar-grid,
.myaccount-main-content,
.dash-container {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	min-width: 0 !important;
	overflow-x: hidden !important;
}

.myaccount-sidebar {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	padding: 1rem !important;
	border-radius: 14px !important;
	margin-bottom: 1rem !important;
}

.dash-welcome-header {
	padding: 0.25rem 0 0.5rem !important;
}

.dash-welcome-title {
	font-size: 1.35rem !important;
}

.dash-welcome-subtitle {
	font-size: 0.82rem !important;
	line-height: 1.45 !important;
}

.dash-quick-grid {
	grid-template-columns: 1fr !important;
	gap: 0.65rem !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.dash-quick-card {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	padding: 1rem !important;
	border-radius: 14px !important;
}

} /* END @media (max-width: 768px) */


/* ══════════════════════════════════════════════════════════════════════════════
   DESKTOP DEFAULTS — Hide mobile-only elements above 768px
   ══════════════════════════════════════════════════════════════════════════════ */

/* Size chips on product cards — hidden on desktop */
.rains-card-sizes {
	display: none;
}

/* Mobile breadcrumbs — hidden on desktop */
.rains-mobile-breadcrumbs {
	display: none;
}

/* Mobile ATC helper — hidden on desktop */
.rains-mobile-atc-helper {
	display: none;
}

/* Mobile trust box — hidden on desktop */
.rains-mobile-trust-box {
	display: none;
}

/* Mobile trust block — hidden on desktop */
.rains-mobile-trust-block {
	display: none;
}

/* Mobile sticky CTA — hidden on desktop */
.rains-mobile-sticky-cta {
	display: none;
}

/* Gallery arrows */
.rains-gallery-arrow {
	display: flex;
}

/* Gallery dots */
.rains-gallery-dots {
	display: none !important;
}

/* Mobile dividers — hidden on desktop */
.rains-mobile-divider {
	display: none;
}

/* MENU label in header — hidden on desktop */
.mobile-menu-label {
	display: none;
}

/* ── SOTF Footer 2-Column Mobile Grid (Left Logo, Right Text) ── */
.sotf-footer-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	border-bottom: 1px solid #D1D1CF !important;
}

.sotf-footer-col {
	padding: 1.25rem 0.85rem !important;
	border-bottom: 1px solid #D1D1CF !important;
}

.sotf-footer-col:nth-child(2n+1) {
	border-right: 1px solid #D1D1CF !important;
}

.sotf-footer-col:nth-child(2n) {
	border-right: none !important;
}

.sotf-footer-col--logo {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 1.25rem 0.65rem !important;
}

.sotf-giant-logo-img {
	max-width: 100px !important;
	width: 78% !important;
	height: auto !important;
}

.sotf-footer-col--brand {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 0.4rem !important;
	padding: 1.25rem 0.85rem !important;
}

.sotf-brand-url {
	font-size: 0.95rem !important;
	font-weight: 700 !important;
}

.sotf-brand-desc {
	font-size: 0.72rem !important;
	line-height: 1.45 !important;
}

.sotf-col-title {
	font-size: 0.78rem !important;
	margin-bottom: 0.75rem !important;
}

.sotf-link-list li {
	margin-bottom: 0.4rem !important;
}

.sotf-link-list li a {
	font-size: 0.70rem !important;
}