/**
 * Kloira - PDP Mobile Styles
 * Mobile-specific styles for Product Detail Page
 * Loaded conditionally via wp_is_mobile() to reduce DOM size on desktop
 *
 * @package Onviqa
 * @since 1.0.0
 * 
 * Breakpoints:
 * - Primary mobile: up to 414px (iPhone Plus/Max)
 * - Small tablet: 415px - 768px
 * - Figma design: 360px base width
 */

/* ==========================================================================
   GLOBAL MOBILE RESETS - Prevent Horizontal Scroll
   ========================================================================== */

html {
	overflow-x: hidden;
	max-width: 100vw;
}

body {
	overflow-x: hidden;
	max-width: 100vw;
	position: relative;
}

/* ==========================================================================
   MOBILE INTRO SECTION - Rating, Title, Description above Gallery
   Only visible on mobile (per Figma design)
   ========================================================================== */

/* Hide on desktop by default */
.ksq-mobile-intro {
	display: none;
}

@media (max-width: 768px) {
	.ksq-mobile-intro {
		display: block;
		padding: 16px 20px 0;
		background: #FFFFFF;
	}
	
	/* Rating Row */
	.ksq-mobile-intro__rating {
		display: flex;
		align-items: center;
		gap: 6px;
		margin-bottom: 8px;
	}
	
	.ksq-mobile-intro__stars {
		display: flex;
		align-items: center;
		gap: 2px;
	}
	
	.ksq-mobile-intro__star {
		width: 14px;
		height: 14px;
	}
	
	.ksq-mobile-intro__rating-text {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 12px;
		line-height: 14px;
		color: #666666;
	}
	
	.ksq-mobile-intro__rating-count {
		color: #444;
		font-family: "Roboto Flex", sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		text-decoration-line: underline;
		text-decoration-style: dotted;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: 12%;
		text-underline-offset: 2px;
		text-underline-position: from-font;
	}
	
	/* Title - max 2 lines */
	.ksq-mobile-intro__title {
		font-family: 'DM Serif Display', serif;
		font-size: 18px;
		line-height: 22px;
		font-weight: 400;
		color: #1A1A1A;
		margin: 0 0 8px 0;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
	
	/* Description - max 2 lines */
	.ksq-mobile-intro__desc {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 12px;
		line-height: 16px;
		color: #666666;
		margin-bottom: 16px;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
	
	.ksq-mobile-intro__readmore {
		color: #FF6B35;
		font-weight: 500;
		text-decoration: none;
		margin-left: 4px;
	}
	
	/* Hide the duplicate rating/title/description in summary on mobile */
	.single-product-layout__summary .ksq-pdp-rating,
	.single-product-layout__summary .product_title,
	.single-product-layout__summary .ksq-pdp-description {
		display: none;
	}
}

/* ==========================================================================
   MOBILE TRUSTPILOT BADGE - Below Gallery
   Figma: Group 1437258766 - 44px height
   ========================================================================== */

/* Hide on desktop by default */
.ksq-mobile-trustpilot {
	display: none;
}

@media (max-width: 768px) {
	.ksq-mobile-trustpilot {
		display: block;
		width: 100%;
		height: 44px;
		background: #F5F6FA;
		border-bottom: 1px solid #E6E9F0;
	}
	
	.ksq-mobile-trustpilot__inner {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		padding: 0 16px;
		gap: 16px;
	}
	
	/* Trustpilot Logo */
	.ksq-mobile-trustpilot__logo {
		display: flex;
		align-items: center;
		height: 18px;
	}
	
	.ksq-mobile-trustpilot__logo svg {
		height: 18px;
		width: auto;
	}
	
	/* Stars Container */
	.ksq-mobile-trustpilot__stars {
		display: flex;
		align-items: center;
		gap: 2px;
	}
	
	.ksq-mobile-trustpilot__star {
		width: 20px;
		height: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.ksq-mobile-trustpilot__star svg {
		width: 20px;
		height: 20px;
		display: block;
	}
	
	/* Review Count Text - "Based on" */
	.ksq-mobile-trustpilot__text {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		color: #000000;
	}
	
	/* "245 reviews" - bold and underlined per Figma */
	.ksq-mobile-trustpilot__text strong {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		color: #000000;
		text-decoration: underline;
		text-decoration-style: solid;
		text-underline-offset: auto;
	}
}

/* ==========================================================================
   MOBILE PDP SUMMARY SECTION - Price, BNPL, Value Props, etc.
   Figma: Frame 1437258897
   ========================================================================== */

@media (max-width: 768px) {
	/* Summary container padding */
	.single-product-layout__summary {
		padding: 0 20px 20px !important;
	}

	/* 16px gap between Trustpilot/Review section and Price section */
	.ksq-mobile-trustpilot {
		margin-bottom: 16px;
	}

	/* ==========================================================================
	   PRICE SECTION - Figma specs (Frame 1437258754)
	   ========================================================================== */
	.ksq-pdp-price {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 0;
		gap: 2px;
		align-self: stretch;
		margin-bottom: 0;
	}

	/* Frame 1437258747 - Price row with amounts and badge */
	.ksq-pdp-price__row {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 0;
		gap: 16px;
		align-self: stretch;
		height: 26px;
	}

	/* Frame 1437258580 - Price amounts container */
	.ksq-pdp-price__amounts {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 0;
		gap: 8px;
		height: 26px;
	}

	/* Current/Sale Price - $2,786.00 */
	.ksq-pdp-price__current,
	.ksq-pdp-price__current .woocommerce-Price-amount,
	.ksq-pdp-price__current bdi {
		width: auto;
		height: 26px;
		font-family: 'Roboto Flex', sans-serif !important;
		font-size: 22px !important;
		font-weight: 600 !important;
		line-height: 26px !important;
		color: #FF5100 !important;
		display: flex;
		align-items: center;
	}

	/* Regular/Strike Price - $3,756.00 */
	.ksq-pdp-price__regular,
	.ksq-pdp-price__regular .woocommerce-Price-amount,
	.ksq-pdp-price__regular bdi,
	.ksq-pdp-price del,
	.ksq-pdp-price del .woocommerce-Price-amount,
	.ksq-pdp-price del bdi {
		width: auto;
		height: 26px;
		font-family: 'Roboto Flex', sans-serif !important;
		font-size: 22px !important;
		font-weight: 400 !important;
		line-height: 26px !important;
		color: #888888 !important;
		text-decoration: line-through !important;
		display: flex;
		align-items: center;
	}

	/* Frame 1437258675 - Discount Badge (50% Off) */
	.ksq-pdp-price__badge {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 4px 12px;
		gap: 8px;
		height: 22px;
		background: #FFA033 !important;
		border-radius: 60px;
		font-family: 'Roboto Flex', sans-serif;
		font-size: 12px !important;
		font-weight: 400;
		line-height: 14px;
		color: #4E2104 !important;
		flex-shrink: 0;
	}
	
	/* ==========================================================================
	   BEST PRICE BANNER - Purple/Lavender style (Group 1437258884)
	   Rectangle 3465840 + Frame 1437258902 + Vector 7640 (triangle)
	   Figma specs: width: 200px, height: 33px (container), 28px (button)
	   ========================================================================== */
	.ksq-best-price-trigger {
		position: relative !important;
		width: 200px !important;
		height: 33px !important;
		margin: 0 0 12px 0 !important;
	}

	/* Rectangle 3465840 - Purple background with triangle pointer */
	.ksq-best-price-trigger__btn {
		position: absolute !important;
		width: 200px !important;
		height: 28px !important;
		left: 0 !important;
		top: 5px !important;
		background: #F1DFFF !important;
		border-radius: 4px !important;
		border: none !important;
		padding: 0 12px !important;
		cursor: pointer !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 8px !important;
		box-sizing: border-box !important;
		box-shadow: none !important;
		transform: none !important;
	}

	/* Vector 7640 - Triangle pointer pointing upward */
	.ksq-best-price-trigger__btn::before {
		content: '' !important;
		position: absolute !important;
		width: 0 !important;
		height: 0 !important;
		left: 12px !important;
		top: -5px !important;
		border-left: 5px solid transparent !important;
		border-right: 5px solid transparent !important;
		border-bottom: 5px solid #F1DFFF !important;
		opacity: 1 !important;
	}

	/* Text content - "Get it for as low as $1,652.99" */
	.ksq-best-price-trigger__text {
		width: auto !important;
		height: 14px !important;
		font-family: 'Roboto Flex', sans-serif !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 12px !important;
		line-height: 14px !important;
		color: #8238BE !important;
		white-space: nowrap !important;
		flex: none !important;
		order: 0 !important;
		flex-grow: 0 !important;
		display: flex !important;
		align-items: center !important;
		gap: 4px !important;
	}

	/* Price amount styling - bold weight per design */
	.ksq-best-price-trigger__text .woocommerce-Price-amount,
	.ksq-best-price-trigger__text .woocommerce-Price-amount bdi {
		font-family: 'Roboto Flex', sans-serif !important;
		font-style: normal !important;
		font-weight: 700 !important;
		font-size: 12px !important;
		line-height: normal !important;
		color: #8238BE !important;
		text-shadow: none !important;
		letter-spacing: normal !important;
	}

	.ksq-best-price-trigger__text .woocommerce-Price-currencySymbol {
		font-family: 'Roboto Flex', sans-serif !important;
		font-weight: 700 !important;
		font-size: 12px !important;
		color: #8238BE !important;
	}

	/* Information circle icon - 16x16 */
	.ksq-best-price-trigger__icon {
		width: 16px !important;
		height: 16px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: none !important;
		order: 1 !important;
		flex-grow: 0 !important;
		color: #8238BE !important;
	}

	.ksq-best-price-trigger__icon svg {
		width: 16px !important;
		height: 16px !important;
		color: #8238BE !important;
	}
	
	/* Remove hover effects on mobile */
	.ksq-best-price-trigger__btn:hover {
		background: #F1DFFF !important;
		border-color: transparent !important;
		box-shadow: none !important;
		transform: none !important;
	}
	
	.ksq-best-price-trigger__btn:hover::before {
		border-bottom-color: #F1DFFF !important;
	}
	
	.ksq-best-price-trigger__btn:hover .ksq-best-price-trigger__icon {
		transform: none !important;
		color: #8238BE !important;
	}
	
	/* ==========================================================================
	   BEST PRICE POPUP - Mobile Bottom Sheet Animation
	   Smooth slide up from bottom on open, slide down on close
	   ========================================================================== */
	
	/* Overlay - smooth fade */
	.ksq-best-price-overlay {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		background: rgba(0, 0, 0, 0.5) !important;
		z-index: 99998 !important;
		opacity: 0 !important;
		pointer-events: none;
		transition: opacity 0.4s ease !important;
	}
	
	.ksq-best-price-overlay.is-active {
		opacity: 1 !important;
		pointer-events: auto;
	}
	
	/* Popup - slide up from bottom */
	.ksq-best-price-popup {
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		top: auto !important;
		width: 100% !important;
		max-height: 85vh !important;
		z-index: 99999 !important;
		/* Keep opacity at 1, use transform for animation */
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: none;
		/* Start position: below the screen */
		transform: translateY(100%) !important;
		/* Smooth iOS-style spring animation - 450ms duration */
		transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1) !important;
	}
	
	.ksq-best-price-popup.is-active {
		pointer-events: auto;
		/* End position: at bottom of screen */
		transform: translateY(0) !important;
	}
	
	.ksq-best-price-popup__container {
		border-radius: 20px 20px 0 0 !important;
		box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.2) !important;
		background: #FFFFFF !important;
		max-height: 85vh;
		overflow-y: auto;
	}
	
	/* Drag handle for mobile */
	.ksq-best-price-popup__handle {
		display: flex !important;
		justify-content: center;
		padding: 12px 0 8px;
		cursor: grab;
	}
	
	.ksq-best-price-popup__handle-bar {
		width: 120px;
		height: 4px;
		background: #44007A;
		border-radius: 30px;
	}
	
	/* ==========================================================================
	   BNPL BANNER - Shop Pay style (Group 1437258854)
	   Rectangle 1046 + Frame 1437258847
	   ========================================================================== */
	.ksq-pdp-bnpl {
		position: relative;
		width: 100%;
		max-width: 314px;
		height: 26px;
		background: #F0F4F8 !important;
		border-radius: 4px;
		padding: 0 12px;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 8px;
		margin-bottom: 12px;
		box-sizing: border-box;
	}
	
	/* Shop/PayPal logo container */
	.ksq-pdp-bnpl__logo-wrapper {
		flex-shrink: 0;
		display: flex;
		align-items: center;
	}

	.ksq-pdp-bnpl__logos {
		width: 34px;
		height: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.ksq-pdp-bnpl__logo {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ksq-pdp-bnpl__logo img,
	.ksq-pdp-bnpl__logo svg {
		height: 14px;
		width: auto;
		display: block;
	}

	/* Text container */
	.ksq-pdp-bnpl__text {
		width: auto;
		height: 12px;
		font-family: 'Roboto Flex', sans-serif !important;
		font-size: 10px !important;
		font-weight: 400 !important;
		line-height: 12px !important;
		color: #444444 !important;
		display: flex;
		align-items: center;
		gap: 4px;
		flex: 1;
	}

	.ksq-pdp-bnpl__text span {
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		line-height: inherit;
		color: inherit;
	}

	.ksq-pdp-bnpl__amount {
		font-weight: 600 !important;
	}

	.ksq-pdp-bnpl__link {
		font-size: 10px !important;
		font-weight: 400 !important;
		line-height: 12px !important;
		color: #444444 !important;
		text-decoration: underline;
		white-space: nowrap;
	}
	
	/* ==========================================================================
	   VALUE PROPOSITIONS
	   ========================================================================== */
	.ksq-pdp-value-props {
		display: flex;
		flex-direction: column;
		gap: 8px;
		margin-bottom: 12px;
	}
	
	.ksq-pdp-value-prop {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 6px;
	}
	
	.ksq-pdp-value-prop__icon {
		width: 20px;
		height: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.ksq-pdp-value-prop__icon svg {
		width: 20px !important;
		height: 20px !important;
		color: #444444;
	}
	
	/* Trust lines text - per Figma specs */
	.ksq-pdp-value-prop__text {
		font-family: 'Roboto Flex', sans-serif !important;
		font-size: 14px !important;
		font-style: normal !important;
		font-weight: 500 !important;
		line-height: normal !important;
		color: #222222 !important;
	}
	
	/* ==========================================================================
	   VIDEO TESTIMONIALS - 75x75px circles
	   ========================================================================== */
	.ksq-pdp-testimonials__grid {
		display: flex;
		flex-direction: row;
		gap: 4px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 0;
	}
	
	.ksq-pdp-testimonials__grid::-webkit-scrollbar {
		display: none;
	}
	
	.ksq-pdp-testimonial-thumb {
		width: 75px !important;
		height: 75px !important;
		min-width: 75px;
		border-radius: 50%;
	}
	
	.ksq-pdp-testimonial-thumb__play {
		width: auto;
		height: auto;
		background: transparent;
		border-radius: 0;
	}
	
	.ksq-pdp-testimonial-thumb__play svg {
		width: 20px;
		height: 20px;
	}
	
	/* ==========================================================================
	   VARIANT SELECTION - Horizontal layout with subtitle
	   Spacing: 20px from testimonials above, 12px from label to buttons
	   ========================================================================== */
	.ksq-pdp-variants {
		margin-top: 0;
		margin-bottom: 12px;
	}
	
	.ksq-pdp-variants__label {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 12px !important;
		font-weight: 500;
		line-height: 14px;
		color: #000000;
		margin-bottom: 12px;
	}
	
	.ksq-pdp-variants__options {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	
	.ksq-pdp-variant__card {
		width: 100%;
		height: 50px;
		background: #FFFFFF;
		border: 1px solid #D9D9D9;
		border-radius: 8px;
		padding: 0 16px;
		display: flex;
		align-items: center;
		gap: 12px; /* 12px between checkmark and name */
		position: relative;
	}
	
	/* Selected state - when parent label has .active class */
	.ksq-pdp-variant.active .ksq-pdp-variant__card,
	.ksq-pdp-variant__card.selected,
	.ksq-pdp-variant__card--selected {
		background: linear-gradient(0deg, rgba(255, 81, 0, 0.04), rgba(255, 81, 0, 0.04)), #FFFFFF;
		border: 1px solid #FF5100;
	}
	
	/* Checkmark container - shows empty circle for unselected */
	.ksq-pdp-variant__check {
		width: 26px;
		height: 26px;
		min-width: 26px;
		border: 1.5px solid #CCCCCC; /* Gray border for unselected */
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		background: #FFFFFF;
		box-sizing: border-box;
	}
	
	/* Hide SVG by default (unselected shows empty circle) */
	.ksq-pdp-variant__check svg {
		width: 26px;
		height: 26px;
		display: none;
	}
	
	/* Selected state - show SVG checkmark, hide border (SVG has its own) */
	.ksq-pdp-variant.active .ksq-pdp-variant__check,
	.ksq-pdp-variant input:checked + .ksq-pdp-variant__card .ksq-pdp-variant__check {
		border: none;
		background: transparent;
	}
	
	.ksq-pdp-variant.active .ksq-pdp-variant__check svg,
	.ksq-pdp-variant input:checked + .ksq-pdp-variant__card .ksq-pdp-variant__check svg {
		display: block;
	}
	
	/* Variant name - 12px gap from check (via parent gap), 40px to sub */
	.ksq-pdp-variant__name {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 14px !important;
		font-weight: 600;
		line-height: 16px;
		color: #000000;
		flex-shrink: 0;
	}
	
	.ksq-pdp-variant.active .ksq-pdp-variant__name,
	.ksq-pdp-variant__card.selected .ksq-pdp-variant__name,
	.ksq-pdp-variant__card--selected .ksq-pdp-variant__name {
		color: #FF5100;
	}
	
	/* Feature text like "Pocket Friendly" - centered between name and right edge */
	.ksq-pdp-variant__sub {
		position: absolute;
		left: 50%; /* Start from center of card */
		right: 16px; /* End at right padding */
		display: flex;
		justify-content: center; /* Center the content horizontally */
		align-items: center;
		gap: 4px;
		font-family: 'Roboto Flex', sans-serif;
		font-size: 12px !important;
		font-weight: 400;
		line-height: 14px;
		color: #666666;
	}
	
	.ksq-pdp-variant__sub svg {
		width: 16px;
		height: 16px;
		color: #666666;
		flex-shrink: 0;
	}
	
	/* ==========================================================================
	   ADD TO CART BUTTONS - Stacked layout with WhatsApp
	   ========================================================================== */
	.ksq-pdp-add-to-cart {
		display: flex;
		flex-direction: column;
		gap: 8px;
		margin-bottom: 12px;
	}
	
	/* Main Add to Bag button */
	.ksq-pdp-add-btn,
	.ksq-pdp-add-to-cart .single_add_to_cart_button {
		width: 100% !important;
		height: 50px !important;
		background: #FF5100 !important;
		border-radius: 12px !important;
		border: none !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		padding: 0 !important;
	}
	
	/* "Add to Bag — $2,786" text - per Figma */
	.ksq-pdp-add-btn__text,
	.ksq-pdp-add-btn__sep,
	.ksq-pdp-add-btn__price,
	.ksq-pdp-add-btn__price .woocommerce-Price-amount,
	.ksq-pdp-add-btn__price .woocommerce-Price-currencySymbol,
	.ksq-pdp-add-btn__price bdi {
		font-family: 'Roboto Flex', sans-serif !important;
		font-style: normal !important;
		font-weight: 600 !important;
		font-size: 14px !important;
		line-height: normal !important;
		color: #FFFFFF !important;
		text-decoration: none !important;
	}
	
	/* Strikethrough price "$3,756" - per Figma */
	.ksq-pdp-add-btn__strike {
		text-decoration: none !important;
	}
	
	.ksq-pdp-add-btn__strike,
	.ksq-pdp-add-btn__strike .woocommerce-Price-amount,
	.ksq-pdp-add-btn__strike .woocommerce-Price-currencySymbol {
		font-family: 'Roboto Flex', sans-serif !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 14px !important;
		line-height: normal !important;
		color: rgba(255, 255, 255, 0.60) !important;
		text-decoration: none !important;
	}
	
	/* Apply strikethrough only to bdi element */
	.ksq-pdp-add-btn__strike bdi {
		font-family: 'Roboto Flex', sans-serif !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 14px !important;
		line-height: normal !important;
		color: rgba(255, 255, 255, 0.60) !important;
		text-decoration: line-through !important;
		text-decoration-color: rgba(255, 255, 255, 0.60) !important;
	}
	
	/* Buy with Shop button row */
	.ksq-pdp-shop-pay-row {
		display: flex;
		flex-direction: row;
		gap: 4px;
	}
	
	.ksq-pdp-shop-pay-btn {
		flex: 1;
		height: 50px;
		background: #5433EB;
		border-radius: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
	}
	
	.ksq-pdp-shop-pay-btn span {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 14px;
		font-weight: 500;
		line-height: 16px;
		color: #FFFFFF;
	}
	
	.ksq-pdp-whatsapp-btn {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background: #FFFFFF;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.ksq-pdp-whatsapp-btn svg {
		width: 35px;
		height: 35px;
	}
	
	/* ==========================================================================
	   PAYPAL SMART BUTTONS - Below Add to Bag
	   ========================================================================== */
	.ksq-pdp-paypal-buttons {
		width: 100%;
		margin-top: 8px;
	}

	/* ==========================================================================
	   FREE SHIPPING SECTION
	   ========================================================================== */
	.ksq-pdp-shipping {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center; /* Center aligned */
		gap: 8px;
		margin-top: 8px;
		width: 100%;
	}
	
	.ksq-pdp-shipping svg {
		width: 20px;
		height: 20px;
		color: #111111;
	}
	
	.ksq-pdp-shipping__text,
	.ksq-pdp-shipping span {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 12px !important;
		line-height: 14px;
		color: #444444 !important;
	}
	
	.ksq-pdp-shipping__link {
		/* Reset button styles for mobile */
		background: none;
		border: none;
		padding: 0;
		margin: 0;
		cursor: pointer;
		/* Link styles - Figma specs */
		color: #444;
		font-family: "Roboto Flex", sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		text-decoration-line: underline;
		text-decoration-style: dotted;
		text-decoration-skip-ink: auto;
		text-decoration-color: #AAA;
		text-decoration-thickness: 12%;
		text-underline-offset: 25%;
		text-underline-position: from-font;
	}
}

.single-product {
	overflow-x: hidden;
	max-width: 100%;
	width: 100%;
}

.single-product *,
.single-product *::before,
.single-product *::after {
	box-sizing: border-box;
}

/* Fix mini-cart panel overflow - hide when not open */
.mini-cart:not(.open) {
	visibility: hidden;
	pointer-events: none;
}

.mini-cart.open {
	visibility: visible;
	pointer-events: auto;
}

/* Fix header top slider overflow */
.header-top {
	overflow: hidden;
	max-width: 100vw;
}

.header-top__slider-wrapper {
	max-width: 100%;
	overflow: hidden;
}

/* Trust bar overflow fix */
.trust-bar {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.trust-bar::-webkit-scrollbar {
	display: none;
}

.trust-bar__container {
	min-width: max-content;
}

/* ==========================================================================
   MOBILE HEADER - 60px Height (Trust bar: 36px + Header: 60px = 96px total)
   ========================================================================== */

@media (max-width: 768px) {
	.header-main {
		height: 60px;
		min-height: 60px;
		max-height: 60px;
	}
	
	.header-main__container {
		padding: 0 16px;
	}
	
	.header-main__logo img,
	.header-main__logo .header-logo {
		max-width: 165px;
		max-height: 32px;
	}
	
	/* Mobile header icons */
	.header-main__icons {
		gap: 12px;
	}
	
	.header-icon svg {
		width: 24px;
		height: 24px;
	}
	
	.header-icon__badge {
		min-width: 16px;
		height: 16px;
		font-size: 10px;
		line-height: 16px;
		top: -2px;
		right: -2px;
	}
}

/* ==========================================================================
   MOBILE BREADCRUMB - Simplified
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-product-breadcrumb {
		height: auto;
		padding: 12px 16px;
		display: none; /* Hide on mobile for cleaner look */
	}
}

/* ==========================================================================
   PRODUCT LAYOUT - Stacked on Mobile
   ========================================================================== */

@media (max-width: 768px) {
	.single-product-layout {
		display: flex;
		flex-direction: column;
		gap: 0;
		padding: 0;
		max-width: 100%;
	}
	
	/* Mobile: Gallery first, then summary (original order) */
	.single-product-layout__gallery {
		width: 100%;
		max-width: 100%;
		order: 1;
	}
	
	.single-product-layout__summary {
		width: 100%;
		max-width: 100%;
		order: 2;
		padding: 16px 20px;
	}
	
	/* Disable sticky gallery on mobile */
	.single-product-layout__gallery {
		position: relative;
		top: auto;
		max-height: none;
	}
}

/* ==========================================================================
   MOBILE PRODUCT GALLERY - Full Width, No Thumbnails
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-gallery-wrapper {
		flex-direction: column;
		gap: 0;
	}
	
	/* Hide vertical thumbnails on mobile */
	.ksq-gallery-thumbs {
		display: none;
	}
	
	.ksq-product-gallery {
		width: 100%;
		height: 360px;
		border-radius: 0;
	}
	
	:root {
		--ksq-gallery-height: 360px;
		--ksq-gallery-radius: 0;
	}
	
	.ksq-gallery__slider {
		height: 360px;
	}
	
	/* Bestseller Badge - Mobile Size */
	.ksq-gallery__badge {
		top: 16px;
		left: 16px;
		padding: 8px 12px;
		gap: 6px;
		font-size: 12px;
		line-height: 14px;
	}
	
	.ksq-gallery__badge svg {
		width: 16px;
		height: 16px;
	}
	
	/* Wishlist Button - Mobile Size */
	.ksq-gallery__wishlist {
		top: 16px;
		right: 16px;
		width: 40px;
		height: 40px;
	}
	
	.ksq-gallery__wishlist svg {
		width: 24px;
		height: 24px;
	}
	
	/* Gallery Dots - Mobile */
	.ksq-gallery__dots {
		bottom: 16px;
		padding: 6px 10px;
		gap: 6px;
	}
	
	.ksq-gallery__dot {
		width: 6px;
		height: 6px;
	}
	
	.ksq-gallery__dot.active {
		width: 16px;
		height: 6px;
	}
	
	/* Gallery Arrows - Hidden on Mobile (using dots navigation instead) */
	.ksq-gallery__arrow {
		display: none !important;
	}
	
	/* Try It On Button - Mobile */
	.ksq-gallery__try-on {
		bottom: 16px;
		right: 16px;
		padding: 10px 16px;
		gap: 6px;
	}
	
	.ksq-gallery__try-on svg {
		width: 16px;
		height: 16px;
	}
	
	.ksq-gallery__try-on span {
		font-size: 12px;
		line-height: 14px;
	}
	
	/* Trust Section Below Gallery - Mobile */
	.ksq-trust-section {
		display: none; /* Hide on mobile, info shown elsewhere */
	}
}

/* ==========================================================================
   MOBILE STAR RATING
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-pdp-rating {
		gap: 4px;
		margin-bottom: 4px;
		flex-wrap: wrap;
	}
	
	.ksq-pdp-rating__stars {
		height: 14px;
	}
	
	.ksq-pdp-rating__star {
		width: 14px;
		height: 14px;
	}
	
	.ksq-pdp-rating__text,
	.ksq-pdp-rating__link {
		font-size: 12px;
		line-height: 14px;
	}
}

/* ==========================================================================
   MOBILE PRODUCT TITLE — hidden on mobile (shown via ksq-mobile-intro instead)
   ========================================================================== */

@media (max-width: 768px) {
	.single-product-layout__summary .product_title {
		display: none !important;
	}
}

/* ==========================================================================
   MOBILE SHORT DESCRIPTION
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-pdp-description {
		margin-bottom: 16px;
	}
	
	.ksq-pdp-description__text {
		font-size: 12px;
		line-height: 16px;
		/* Limit to 2 lines with ellipsis */
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
	
	.ksq-pdp-description__readmore {
		font-size: 12px;
		line-height: 16px;
	}
}

/* ==========================================================================
   MOBILE PRICE SECTION
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-pdp-price {
		gap: 8px;
		margin-bottom: 8px;
		flex-wrap: wrap;
		align-items: center;
	}
	
	.ksq-pdp-price__amounts {
		gap: 8px;
	}
	
	.ksq-pdp-price__current {
		font-size: 20px;
	}
	
	.ksq-pdp-price__regular {
		font-size: 16px;
	}
	
	.ksq-pdp-price__badge {
		padding: 4px 8px;
		font-size: 12px;
		border-radius: 40px;
	}
}

/* ==========================================================================
   MOBILE BNPL BANNER
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-pdp-bnpl {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 28px;
		padding: 6px 12px;
		margin-bottom: 20px;
		flex-wrap: wrap;
		gap: 6px;
	}
	
	.ksq-pdp-bnpl__logos {
		width: 36px;
		height: 14px;
	}
	
	.ksq-pdp-bnpl__logo img,
	.ksq-pdp-bnpl__logo svg {
		width: 36px;
		height: 14px;
	}
	
	.ksq-pdp-bnpl__text {
		font-size: 12px;
		white-space: normal;
	}
	
	.ksq-pdp-bnpl__link {
		font-size: 12px;
	}
}

/* ==========================================================================
   MOBILE VALUE PROPOSITIONS
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-pdp-value-props {
		gap: 12px;
		margin-bottom: 20px;
	}
	
	.ksq-pdp-value-prop {
		gap: 10px;
	}
	
	.ksq-pdp-value-prop__icon {
		width: 20px;
		height: 20px;
		padding: 0;
	}
	
	.ksq-pdp-value-prop__icon svg {
		width: 20px !important;
		height: 20px !important;
		min-width: 20px !important;
		min-height: 20px !important;
		max-width: 20px !important;
		max-height: 20px !important;
	}
	
	/* Trust lines text - per Figma specs */
	.ksq-pdp-value-prop__text {
		font-family: 'Roboto Flex', sans-serif !important;
		font-size: 14px !important;
		font-style: normal !important;
		font-weight: 500 !important;
		line-height: normal !important;
		color: #222222 !important;
	}
}

/* ==========================================================================
   MOBILE TESTIMONIAL VIDEO THUMBNAILS
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-pdp-testimonials {
		margin-bottom: 20px;
	}
	
	.ksq-pdp-testimonials__grid {
		gap: 8px;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 4px;
	}
	
	.ksq-pdp-testimonials__grid::-webkit-scrollbar {
		display: none;
	}
	
	.ksq-pdp-testimonial-thumb {
		width: 70px;
		height: 70px;
		min-width: 70px;
	}
	
	.ksq-pdp-testimonial-thumb__play svg {
		width: 20px;
		height: 20px;
	}
	
	.ksq-pdp-testimonial-thumb__play {
		background: transparent;
	}
}

/* ==========================================================================
   MOBILE VARIANT SELECTION
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-pdp-variants {
		width: 100%;
		max-width: 100%;
		display: flex;
		flex-direction: column;
		gap: 0; /* Remove gap, use margin on children instead */
		margin-bottom: 20px !important; /* 20px gap to Add to Cart button */
		padding: 0 !important;
	}
	
	/* Ensure Add to Cart has no extra top margin */
	.ksq-pdp-add-to-cart {
		margin-top: 0 !important;
	}
	
	/* "Choose Watch Type:" label - 12px gap to buttons below */
	.ksq-pdp-variants__label {
		font-size: 14px;
		margin-bottom: 12px !important;
	}
	
	/* Variant buttons container - no top margin since label has bottom margin */
	.ksq-pdp-variants__options {
		margin-top: 0;
	}
	
	.ksq-pdp-variants__options {
		flex-direction: column;
		gap: 8px !important; /* 8px gap between variant buttons */
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/* Remove any margin/padding on variant labels */
	.ksq-pdp-variant {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/* Variant card - HORIZONTAL layout on mobile */
	.ksq-pdp-variant__card {
		width: 100% !important;
		height: 50px !important;
		min-height: 50px !important;
		max-height: 50px !important;
		padding: 0 16px !important;
		display: flex !important;
		flex-direction: row !important; /* Override desktop column layout */
		align-items: center !important; /* Vertical center all children */
		justify-content: flex-start !important;
		gap: 12px !important; /* 12px between checkmark and name */
		position: relative !important;
		box-sizing: border-box !important;
	}
	
	/* Checkmark - 26px, shows empty circle for unselected */
	.ksq-pdp-variant__check {
		position: static !important;
		transform: none !important;
		width: 26px !important;
		height: 26px !important;
		min-width: 26px !important;
		flex-shrink: 0 !important;
		left: auto !important;
		top: auto !important;
		border: 1.5px solid #CCCCCC !important; /* Gray border for unselected */
		border-radius: 50% !important;
		background: #FFFFFF !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	/* Hide SVG by default (unselected shows empty circle) */
	.ksq-pdp-variant__check svg {
		width: 26px !important;
		height: 26px !important;
		display: none !important;
	}
	
	/* Selected state - show checkmark SVG */
	.ksq-pdp-variant.active .ksq-pdp-variant__check,
	.ksq-pdp-variant input:checked + .ksq-pdp-variant__card .ksq-pdp-variant__check {
		border: none !important;
		background: transparent !important;
	}
	
	.ksq-pdp-variant.active .ksq-pdp-variant__check svg,
	.ksq-pdp-variant input:checked + .ksq-pdp-variant__card .ksq-pdp-variant__check svg {
		display: block !important;
	}
	
	.ksq-pdp-variant__name {
		font-size: 14px !important;
		line-height: 50px !important; /* Match card height for vertical center */
		flex-shrink: 0 !important;
		height: 50px !important;
		display: flex !important;
		align-items: center !important;
	}
	
	/* Feature text - absolutely positioned, vertically centered */
	.ksq-pdp-variant__sub {
		position: absolute !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		left: 50% !important; /* Start from center of card */
		right: 16px !important; /* End at right padding */
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 12px !important;
		line-height: 14px !important;
		gap: 4px !important;
		display: flex !important;
		justify-content: center !important; /* Horizontal center */
		align-items: center !important;
	}
	
	.ksq-pdp-variant__sub svg {
		width: 14px !important;
		height: 14px !important;
	}
}

/* ==========================================================================
   MOBILE ADD TO CART BUTTON - STICKY BOTTOM
   ========================================================================== */

@media (max-width: 768px) {
	/* Main page add to cart - regular styling */
	.ksq-pdp-add-to-cart .ksq-pdp-add-btn {
		width: 100%;
		height: 50px;
		border-radius: 12px;
		gap: 8px;
		padding: 0;
	}
	
	/* "Add to Bag — $2,786" text - per Figma */
	.ksq-pdp-add-btn__text,
	.ksq-pdp-add-btn__sep,
	.ksq-pdp-add-btn__price,
	.ksq-pdp-add-btn__price .woocommerce-Price-amount,
	.ksq-pdp-add-btn__price .woocommerce-Price-currencySymbol,
	.ksq-pdp-add-btn__price bdi {
		font-family: 'Roboto Flex', sans-serif !important;
		font-style: normal !important;
		font-weight: 600 !important;
		font-size: 14px !important;
		line-height: normal !important;
		color: #FFFFFF !important;
		text-decoration: none !important;
	}
	
	/* Strikethrough price "$3,756" - per Figma */
	.ksq-pdp-add-btn__strike {
		text-decoration: none !important;
	}
	
	.ksq-pdp-add-btn__strike,
	.ksq-pdp-add-btn__strike .woocommerce-Price-amount,
	.ksq-pdp-add-btn__strike .woocommerce-Price-currencySymbol {
		font-family: 'Roboto Flex', sans-serif !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 14px !important;
		line-height: normal !important;
		color: rgba(255, 255, 255, 0.60) !important;
		text-decoration: none !important;
	}
	
	/* Apply strikethrough only to bdi element */
	.ksq-pdp-add-btn__strike bdi {
		font-family: 'Roboto Flex', sans-serif !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 14px !important;
		line-height: normal !important;
		color: rgba(255, 255, 255, 0.60) !important;
		text-decoration: line-through !important;
		text-decoration-color: rgba(255, 255, 255, 0.60) !important;
	}
	
	/* Loading/Adding state for main add to cart button */
	.ksq-pdp-add-btn.loading,
	.ksq-pdp-add-btn:disabled,
	.ksq-pdp-add-btn[disabled],
	.ksq-pdp-add-to-cart .single_add_to_cart_button.loading,
	.ksq-pdp-add-to-cart .single_add_to_cart_button:disabled {
		background: #FF5100 !important;
		color: #FFFFFF !important;
		opacity: 0.85;
		pointer-events: none;
	}
	
	.ksq-pdp-add-btn.loading *,
	.ksq-pdp-add-btn:disabled *,
	.ksq-pdp-add-to-cart .single_add_to_cart_button.loading *,
	.ksq-pdp-add-to-cart .single_add_to_cart_button:disabled * {
		color: #FFFFFF !important;
	}
	
	/* Sticky Bar - Mobile Specific */
	.ksq-sticky-bar {
		padding: 0;
	}
	
	.ksq-sticky-bar__bg {
		height: 100px;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	}
	
	.ksq-sticky-bar__container {
		margin: 0 20px;
		max-width: calc(100% - 40px);
		height: auto;
		padding: 0;
		background: transparent;
		border: none;
		box-shadow: none;
		border-radius: 0;
		gap: 0;
		justify-content: center;
	}
	
	/* Hide product info in sticky bar on mobile */
	.ksq-sticky-bar__product {
		display: none;
	}
	
	/* Hide variant selector on mobile */
	.ksq-sticky-bar__variant {
		display: none;
	}
	
	.ksq-sticky-bar__action {
		width: 100%;
	}
	
	.ksq-sticky-bar__form {
		width: 100%;
	}
	
	.ksq-sticky-bar__btn {
		width: 100%;
		height: 50px;
		border-radius: 12px;
		gap: 8px;
		padding: 0 20px;
	}
	
	.ksq-sticky-bar__btn-icon {
		width: 24px;
		height: 24px;
	}
	
	.ksq-sticky-bar__btn-text {
		font-size: 14px;
		line-height: 16px;
	}
	
	/* Loading/Adding state - keep white text on orange button */
	.ksq-sticky-bar__btn.loading,
	.ksq-sticky-bar__btn:disabled,
	.ksq-sticky-bar__btn[disabled] {
		background: #FF5100 !important;
		color: #FFFFFF !important;
		opacity: 0.85;
		pointer-events: none;
	}
	
	.ksq-sticky-bar__btn.loading *,
	.ksq-sticky-bar__btn:disabled *,
	.ksq-sticky-bar__btn[disabled] * {
		color: #FFFFFF !important;
	}
}

/* ==========================================================================
   MOBILE SHIPPING LABEL
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-pdp-shipping {
		flex-wrap: wrap;
		gap: 4px;
		margin-top: 16px;
		font-size: 12px;
		line-height: 16px;
		justify-content: center !important; /* Center aligned */
		white-space: normal;
	}
	
	.ksq-pdp-shipping svg {
		width: 20px;
		height: 20px;
	}
	
	.ksq-pdp-shipping__text,
	.ksq-pdp-shipping__link {
		font-size: 12px;
		line-height: 16px;
		white-space: normal;
	}
}

/* ==========================================================================
   MOBILE PAYMENT ICONS
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-pdp-payments {
		gap: 8px;
		margin-top: 16px;
	}
	
	.ksq-pdp-payments__label {
		font-size: 12px;
		line-height: 14px;
	}
	
	.ksq-pdp-payments__icons {
		height: 24px;
		gap: 6px;
	}
	
	.ksq-pdp-payments__image {
		height: 24px;
		max-width: 100%;
	}
}

/* ==========================================================================
   MOBILE REVIEW SLIDER
   ========================================================================== */

@media (max-width: 768px) {
	/* ========== REVIEW SLIDER - FIGMA EXACT SPECS ========== */
	
	/* Container: full width, 114px height, border-radius: 6px, bg: #F0F4F8 */
	.ksq-pdp-reviews-slider {
		width: 100% !important;
		max-width: 100% !important;
		height: 114px !important;
		padding: 0 !important;
		margin: 16px auto !important;
		border-radius: 6px !important;
		background: #F0F4F8 !important;
		box-sizing: border-box !important;
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: none !important;
		outline: none !important;
	}
	
	/* Track: padding to create gap from arrows */
	.ksq-pdp-reviews-slider__track {
		flex: 1 !important;
		height: 90px !important;
		position: relative !important;
		margin: 12px 0 !important;
		padding: 0 30px !important;
		overflow: visible !important;
		box-sizing: border-box !important;
		border: none !important;
		outline: none !important;
	}
	
	/* Main slide - hidden by default, only active shows */
	.ksq-pdp-review-slide {
		display: none !important;
		flex-direction: row !important;
		align-items: center !important;
		padding: 0 !important;
		gap: 8px !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}
	
	/* Show only the active slide */
	.ksq-pdp-review-slide.active {
		display: flex !important;
	}
	
	/* Author column wrapper - just hold avatar */
	.ksq-pdp-review-slide__author-col {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-shrink: 0 !important;
		width: 40px !important;
		height: 40px !important;
	}
	
	/* Avatar - 40x40, circle, centered vertically */
	.ksq-pdp-review-slide__avatar {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		min-height: 40px !important;
		flex: none !important;
		flex-shrink: 0 !important;
		border-radius: 50% !important;
		background: #D9D9D9 !important;
	}
	
	.ksq-pdp-review-slide__avatar.ksq-avatar-placeholder {
		font-size: 16px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: #D9D9D9 !important;
		color: #666666 !important;
	}
	
	/* Content column: stretch to fill remaining space */
	.ksq-pdp-review-slide__content {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		padding: 0 !important;
		gap: 8px !important;
		flex: 1 !important;
		height: 90px !important;
		position: relative !important;
		box-sizing: border-box !important;
	}
	
	/* Stars + Name row: only contains stars and name, 106x14, gap: 4px */
	.ksq-pdp-review-slide__header {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		padding: 0 !important;
		gap: 4px !important;
		width: auto !important;
		height: 14px !important;
		flex: none !important;
		order: 0 !important;
		flex-grow: 0 !important;
		position: static !important;
	}
	
	/* Stars-name wrapper - use contents to flatten */
	.ksq-pdp-review-slide__stars-name {
		display: contents !important;
	}
	
	/* Stars container - 70x14 */
	.ksq-pdp-review-slide__header .ksq-pdp-rating__stars,
	.ksq-pdp-review-slide__stars-name .ksq-pdp-rating__stars {
		width: 70px !important;
		height: 14px !important;
		display: flex !important;
		flex: none !important;
		order: 0 !important;
		flex-grow: 0 !important;
	}
	
	.ksq-pdp-review-slide__header .ksq-pdp-rating__stars .ksq-pdp-rating__star {
		width: 14px !important;
		height: 14px !important;
	}
	
	/* Reviewer name - 10px/12px, #666666 */
	.ksq-pdp-review-slide__reviewer-name {
		font-family: 'Roboto Flex', sans-serif !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 10px !important;
		line-height: 12px !important;
		color: #666666 !important;
		flex: none !important;
		order: 1 !important;
		flex-grow: 0 !important;
		white-space: nowrap !important;
		height: 12px !important;
	}
	
	/* HIDE location inside header - will show from text::after pseudo */
	.ksq-pdp-review-slide__header .ksq-pdp-review-slide__location,
	.ksq-pdp-review-slide__header > .ksq-pdp-review-slide__location {
		position: absolute !important;
		bottom: 0 !important;
		left: 0 !important;
		top: auto !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		padding: 0 !important;
		gap: 4px !important;
		width: 114px !important;
		height: 12px !important;
		font-family: 'Roboto Flex', sans-serif !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 10px !important;
		line-height: 12px !important;
		color: #444444 !important;
	}
	
	/* Review text - stretch width, 48px height */
	.ksq-pdp-review-slide__text {
		width: 100% !important;
		height: 48px !important;
		font-family: 'Roboto Flex', sans-serif !important;
		font-style: normal !important;
		font-weight: 500 !important;
		font-size: 12px !important;
		line-height: 16px !important;
		color: #222222 !important;
		flex: none !important;
		order: 1 !important;
		flex-grow: 0 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 3 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	
	/* Location from content area (when it's direct child, not in header) */
	.ksq-pdp-review-slide__content > .ksq-pdp-review-slide__location {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		padding: 0 !important;
		gap: 4px !important;
		width: 114px !important;
		height: 12px !important;
		flex: none !important;
		order: 2 !important;
		flex-grow: 0 !important;
		font-family: 'Roboto Flex', sans-serif !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 10px !important;
		line-height: 12px !important;
		color: #444444 !important;
		position: static !important;
		margin: 0 !important;
	}
	
	/* Flag - 20x11, border-radius: 2px */
	.ksq-pdp-review-slide__location .ksq-country-flag {
		width: 20px !important;
		height: 11px !important;
		border-radius: 2px !important;
		flex: none !important;
		order: 0 !important;
		flex-grow: 0 !important;
		object-fit: cover !important;
	}
	
	/* Navigation arrows - no custom styling, use as uploaded */
	.ksq-pdp-reviews-slider__prev,
	.ksq-pdp-reviews-slider__next {
		position: absolute !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 10 !important;
		background: transparent !important;
		border: none !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	.ksq-pdp-reviews-slider__prev {
		left: 8px !important;
	}
	
	.ksq-pdp-reviews-slider__next {
		right: 8px !important;
	}
}

/* ==========================================================================
   MOBILE ACCORDION SECTION
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-pdp-accordion {
		width: 100%;
		gap: 16px;
		margin-top: 16px;
		padding-top: 16px;
	}
	
	.ksq-pdp-accordion__item {
		padding-bottom: 16px;
	}
	
	.ksq-pdp-accordion__title {
		font-size: 16px;
		line-height: 19px;
	}
	
	.ksq-pdp-accordion__icon {
		width: 14px;
		height: 14px;
	}
	
	.ksq-pdp-accordion__body {
		padding-top: 12px;
	}
	
	.ksq-pdp-accordion__body p,
	.ksq-pdp-accordion__text {
		font-size: 14px;
		line-height: 20px;
		width: 100%;
		max-width: 100%;
	}
	
	.ksq-pdp-accordion__readmore {
		font-size: 14px;
		margin-top: 8px;
	}

	/* Gem & Case Setting grid: 2 columns on mobile */
	.ksq-gem-case-grid__cell {
		width: 50%;
		min-height: 80px;
		padding: 16px;
	}

	.ksq-gem-case-grid__label {
		font-size: 12px;
		line-height: 14px;
	}

	.ksq-gem-case-grid__value {
		font-size: 15px;
		line-height: 18px;
	}
}

/* ==========================================================================
   MOBILE BRAND PRODUCTS (You may also like...)
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-brand-products {
		margin-top: 24px;
	}
	
	/* Add button - show only + icon on mobile */
	.ksq-brand-products__add-btn {
		width: 32px;
		height: 32px;
		min-width: 32px;
		padding: 0;
		border-radius: 50%;
		right: 12px;
		bottom: 12px;
	}
	
	.ksq-brand-products__add-btn span {
		display: none;
	}
	
	.ksq-brand-products__add-btn svg {
		width: 12px;
		height: 12px;
	}
}

/* ==========================================================================
   MOBILE UPSELL BOX (Hip Hop Collection) - Figma Matched
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-pdp-upsell {
		width: 100% !important;
		height: 110px !important;
		min-height: 110px !important;
		max-height: 110px !important;
		background: radial-gradient(59.28% 221.56% at 21.82% 50%, #0051A3 0%, #003870 100%) !important;
		border-radius: 8px !important;
		margin-top: 24px;
		position: relative;
		overflow: hidden;
	}
	
	/* Hide the SVG background on mobile - use CSS gradient instead */
	.ksq-pdp-upsell__bg {
		display: none !important;
	}
	
	.ksq-pdp-upsell__content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 20px 115px 20px 24px;
		gap: 20px;
		width: 181px;
		height: 70px;
		box-sizing: content-box;
	}
	
	.ksq-pdp-upsell__title {
		width: 181px;
		font-family: 'DM Serif Display', serif;
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
		color: #FFFFFF;
		margin: 0;
	}
	
	.ksq-pdp-upsell__link {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 0;
		gap: 10px;
		font-family: 'Roboto Flex', sans-serif;
		font-style: normal;
		font-weight: 600;
		font-size: 12px;
		line-height: 14px;
		text-decoration-line: underline;
		color: #FFFFFF;
	}
	
	.ksq-pdp-upsell__link svg {
		width: 8px;
		height: 6px;
	}
	
	.ksq-pdp-upsell__image {
		position: absolute;
		width: 131px;
		height: 110px;
		right: 0;
		top: 0;
		border-radius: 0px 8px 8px 0px;
		overflow: hidden;
	}
	
	.ksq-pdp-upsell__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/* ==========================================================================
   MOBILE PROMISE SECTION - Figma Matched (2x3 Grid)
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-promise-section {
		width: 100%;
		height: 496px;
		background: radial-gradient(84.17% 61.09% at 50% 0%, #333333 0%, #111111 100%);
		padding: 40px 22px;
		margin-top: 40px;
		box-sizing: border-box;
	}
	
	.ksq-promise-section__container {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0;
		gap: 24px;
		width: 316px;
		max-width: 100%;
		margin: 0 auto;
	}
	
	.ksq-promise-section__title {
		width: 100%;
		font-family: 'DM Serif Display', serif;
		font-style: normal;
		font-weight: 400;
		font-size: 22px;
		line-height: 26px;
		text-align: center;
		color: #FFFFFF;
	}
	
	.ksq-promise-section__grid {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
		padding: 0;
		gap: 24px 8px;
		width: 316px;
		max-width: 100%;
	}
	
	.ksq-promise-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0;
		gap: 12px;
		width: 154px;
		height: 106px;
	}
	
	.ksq-promise-item__icon {
		width: 80px;
		height: 80px;
		border: 1px solid rgba(255, 255, 255, 0.16);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: transparent;
	}
	
	.ksq-promise-item__icon svg {
		width: 40px;
		height: 40px;
		color: #FFFFFF;
	}
	
	.ksq-promise-item__title {
		width: 154px;
		font-family: 'Roboto Flex', sans-serif;
		font-style: normal;
		font-weight: 600;
		font-size: 12px;
		line-height: 14px;
		text-align: center;
		color: #FFFFFF;
	}
}

/* Extra small mobile - 2 column grid */
@media (max-width: 374px) {
	.ksq-promise-section__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px 12px;
	}
	
	.ksq-promise-item {
		max-width: 120px;
	}
}

/* ==========================================================================
   MOBILE DIAMOND TESTER SECTION - Figma Matched
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-diamond-tester-section {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 0 20px;
		gap: 16px;
		width: auto;
		margin: 40px 0 0;
	}
	
	.ksq-diamond-tester-section__container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 0;
		gap: 16px;
		width: 100%;
		height: auto;
	}
	
	.ksq-diamond-tester-section__video-wrapper {
		width: 100%;
		height: 256px;
	}
	
	.ksq-diamond-tester-section__video-container {
		width: 100%;
		height: 256px;
		background: #D9D9D9;
		border-radius: 12px;
		overflow: hidden;
	}
	
	.ksq-diamond-tester-section__play-btn {
		width: 56px;
		height: 56px;
	}
	
	.ksq-diamond-tester-section__play-icon svg {
		width: 24px;
		height: 24px;
	}
	
	.ksq-diamond-tester-section__content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 0;
		gap: 24px;
		width: 100% !important;
		max-width: 100% !important;
	}
	
	/* Ensure the form is full width */
	.ksq-diamond-tester-section__content form,
	.ksq-diamond-tester-section__content .cart {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}
	
	.ksq-diamond-tester-section__header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 0;
		gap: 8px;
		width: 100%;
	}
	
	.ksq-diamond-tester-section__badge {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 8px 16px;
		gap: 10px;
		background: #EAF9EA;
		border-radius: 40px;
		font-family: 'Roboto Flex', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 12px;
		line-height: 14px;
		color: #008000;
	}
	
	.ksq-diamond-tester-section__title {
		width: 100%;
		font-family: 'DM Serif Display', serif;
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		line-height: 27px;
		color: #111111;
		text-align: left;
	}
	
	.ksq-diamond-tester-section__features {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 0;
		gap: 16px;
		width: 100%;
	}
	
	.ksq-diamond-tester-section__feature {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 12px;
		width: 100%;
	}
	
	.ksq-diamond-tester-section__feature-icon {
		width: 24px;
		height: 24px;
		flex-shrink: 0;
	}
	
	.ksq-diamond-tester-section__feature-icon img {
		width: 24px;
		height: auto;
	}
	
	.ksq-diamond-tester-section__feature-content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 0;
		gap: 8px;
		flex: 1;
	}
	
	.ksq-diamond-tester-section__feature-title {
		font-family: 'Roboto Flex', sans-serif;
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 16px;
		color: #444444;
		text-align: left;
	}
	
	.ksq-diamond-tester-section__feature-desc {
		font-family: 'Roboto Flex', sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		color: #666666;
		text-align: left;
	}
	
	.ksq-diamond-tester-section__btn {
		width: 100% !important;
		max-width: 100% !important;
		height: 50px !important;
		background: #FF5100 !important;
		border-radius: 12px !important;
		border: none !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		padding: 0 16px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	
	.ksq-diamond-tester-section__btn-icon {
		width: 24px;
		height: 24px;
	}
	
	.ksq-diamond-tester-section__btn-icon svg {
		width: 24px;
		height: 24px;
		color: #FFFFFF;
	}
	
	.ksq-diamond-tester-section__btn-text,
	.ksq-diamond-tester-section__btn-price,
	.ksq-diamond-tester-section__btn-price .woocommerce-Price-amount,
	.ksq-diamond-tester-section__btn-price bdi {
		font-family: 'Roboto Flex', sans-serif;
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 16px;
		color: #FFFFFF;
	}
}

/* ==========================================================================
   MOBILE PRODUCT SLIDERS - Unified Styles (Similar Products, Hip Hop, etc.)
   Figma Specs: Card 200x295px, Image 200x200px
   ========================================================================== */

@media (max-width: 768px) {
	/* Common slider container styles */
	.ksq-similar-products,
	.ksq-cross-category-slider {
		margin-top: 40px;
	}
	
	/* Remove ALL container padding - track handles the 20px margin */
	.ksq-similar-products__container,
	.ksq-cross-category-slider .ksq-similar-products__container,
	.single-product .ksq-similar-products__container,
	.single-product .ksq-cross-category-slider .ksq-similar-products__container,
	.ksq-similar-products .ksq-similar-products__container {
		gap: 24px !important;
		padding: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.ksq-similar-products__title,
	.ksq-cross-category-slider .ksq-similar-products__title {
		font-family: 'DM Serif Display', serif;
		font-size: 22px;
		line-height: 26px;
		font-weight: 400;
		color: #111111;
		text-align: center;
		padding: 0 20px;
	}
	
	/* Hide nav arrows on mobile - use swipe */
	.ksq-similar-products__nav,
	.ksq-cross-category-slider .ksq-similar-products__nav {
		display: none;
	}
	
	.ksq-similar-products__track-container,
	.ksq-cross-category-slider .ksq-similar-products__track-container {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	
	.ksq-similar-products__track-container::-webkit-scrollbar,
	.ksq-cross-category-slider .ksq-similar-products__track-container::-webkit-scrollbar {
		display: none;
	}
	
	.ksq-similar-products__track,
	.ksq-cross-category-slider .ksq-similar-products__track {
		padding-left: 20px;
		padding-right: 20px;
		gap: 12px;
	}
	
	/* ==========================================================================
	   Mobile Product Card - Figma Specs
	   Card width: 200px, height: 295px
	   Image: 200x200px
	   Gap: 12px between image and content
	   ========================================================================== */
	
	.ksq-similar-products__card,
	.ksq-cross-category-slider .ksq-similar-products__card,
	.ksq-similar-products .ksq-product-card,
	.ksq-cross-category-slider .ksq-product-card {
		width: 200px !important;
		min-width: 200px !important;
		gap: 12px !important;
		flex-shrink: 0;
	}
	
	.ksq-similar-products__card-link,
	.ksq-cross-category-slider .ksq-similar-products__card-link,
	.ksq-similar-products .ksq-product-card__link,
	.ksq-cross-category-slider .ksq-product-card__link {
		gap: 12px !important;
	}
	
	/* Image - 200x200px with 8px border radius */
	.ksq-similar-products__card-image,
	.ksq-cross-category-slider .ksq-similar-products__card-image,
	.ksq-similar-products .ksq-product-card__image,
	.ksq-cross-category-slider .ksq-product-card__image {
		width: 200px !important;
		height: 200px !important;
		border-radius: 8px;
		position: relative;
	}
	
	/* Bestseller badge - Figma: 78x20px, #444444 background */
	.ksq-similar-products__badge-bestseller,
	.ksq-cross-category-slider .ksq-similar-products__badge-bestseller,
	.ksq-similar-products .ksq-product-card__badge-bestseller,
	.ksq-cross-category-slider .ksq-product-card__badge-bestseller {
		position: absolute;
		top: 10px;
		left: 10px;
		padding: 4px 8px;
		gap: 4px;
		height: 20px;
		font-family: 'Roboto Flex', sans-serif;
		font-size: 10px;
		line-height: 12px;
		font-weight: 400;
		border-radius: 100px;
		background: #444444;
		color: #FFFFFF;
	}
	
	.ksq-similar-products__badge-bestseller svg,
	.ksq-cross-category-slider .ksq-similar-products__badge-bestseller svg,
	.ksq-similar-products .ksq-product-card__badge-bestseller svg,
	.ksq-cross-category-slider .ksq-product-card__badge-bestseller svg {
		width: 12px;
		height: 12px;
	}
	
	/* Wishlist button - 24x24px, 10px from edges */
	.ksq-similar-products__wishlist,
	.ksq-cross-category-slider .ksq-similar-products__wishlist,
	.ksq-similar-products .ksq-product-card__wishlist,
	.ksq-cross-category-slider .ksq-product-card__wishlist {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 24px;
		height: 24px;
		background: #FFFFFF;
		border-radius: 50%;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.ksq-similar-products__wishlist svg,
	.ksq-cross-category-slider .ksq-similar-products__wishlist svg,
	.ksq-similar-products .ksq-product-card__wishlist svg,
	.ksq-cross-category-slider .ksq-product-card__wishlist svg {
		width: 14.4px;
		height: 14.4px;
	}
	
	/* Mobile Add to Cart button - 32x32px orange circle */
	/* Figma: right: 12px, top: 156px (from top of card) */
	/* Image is 200px, button is 32px, top = 200px - 32px - 12px = 156px */
	.ksq-similar-products__mobile-cart,
	.ksq-cross-category-slider .ksq-similar-products__mobile-cart,
	.ksq-similar-products .ksq-product-card__mobile-cart,
	.ksq-cross-category-slider .ksq-product-card__mobile-cart {
		display: flex !important;
		position: absolute !important;
		top: 156px !important; /* 200px image - 32px button - 12px margin */
		bottom: auto !important;
		right: 12px !important;
		width: 32px !important;
		height: 32px !important;
		background: #FF5100;
		border-radius: 42px;
		align-items: center;
		justify-content: center;
		border: none;
		cursor: pointer;
		z-index: 5;
	}
	
	.ksq-similar-products__mobile-cart svg,
	.ksq-cross-category-slider .ksq-similar-products__mobile-cart svg,
	.ksq-similar-products .ksq-product-card__mobile-cart svg,
	.ksq-cross-category-slider .ksq-product-card__mobile-cart svg {
		width: 16px;
		height: 16px;
		color: #FFFFFF;
	}
	
	/* Hide buy now hover button on mobile */
	.ksq-similar-products__buy-now,
	.ksq-cross-category-slider .ksq-similar-products__buy-now,
	.ksq-similar-products .ksq-product-card__buy-now,
	.ksq-cross-category-slider .ksq-product-card__buy-now {
		display: none !important;
	}
	
	/* Content section - 12px gap between elements */
	.ksq-similar-products__card-content,
	.ksq-cross-category-slider .ksq-similar-products__card-content,
	.ksq-similar-products .ksq-product-card__content,
	.ksq-cross-category-slider .ksq-product-card__content {
		gap: 12px !important;
	}
	
	/* Info section (reviews + title) - 6px gap */
	.ksq-similar-products__card-info,
	.ksq-cross-category-slider .ksq-similar-products__card-info,
	.ksq-similar-products .ksq-product-card__info,
	.ksq-cross-category-slider .ksq-product-card__info {
		gap: 6px !important;
	}
	
	/* Reviews row - 8px gap between stars and text */
	.ksq-similar-products__card-reviews,
	.ksq-cross-category-slider .ksq-similar-products__card-reviews,
	.ksq-similar-products .ksq-product-card__reviews,
	.ksq-cross-category-slider .ksq-product-card__reviews {
		display: flex;
		align-items: center;
		gap: 8px !important;
	}
	
	/* Stars container - no gap between stars */
	.ksq-similar-products .ksq-product-card__stars,
	.ksq-cross-category-slider .ksq-product-card__stars {
		display: flex;
		align-items: center;
		gap: 0 !important;
	}
	
	/* Stars - 14x14px with color #FFA033 */
	.ksq-similar-products__card-star,
	.ksq-cross-category-slider .ksq-similar-products__card-star,
	.ksq-similar-products .ksq-product-card__star,
	.ksq-cross-category-slider .ksq-product-card__star {
		width: 14px !important;
		height: 14px !important;
		color: #FFA033 !important;
	}
	
	.ksq-similar-products .ksq-product-card__star.filled,
	.ksq-cross-category-slider .ksq-product-card__star.filled {
		color: #FFA033 !important;
	}
	
	/* Reviews text - 12px font, 14px line-height, color #444444 */
	.ksq-similar-products__card-review-text,
	.ksq-cross-category-slider .ksq-similar-products__card-review-text,
	.ksq-similar-products .ksq-product-card__review-text,
	.ksq-cross-category-slider .ksq-product-card__review-text {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 12px !important;
		line-height: 14px !important;
		font-weight: 400;
		color: #444444 !important;
	}
	
	/* Hide brand labels on mobile */
	.ksq-similar-products__card-brand-label,
	.ksq-similar-products__card-brand-name,
	.ksq-cross-category-slider .ksq-similar-products__card-brand-label,
	.ksq-cross-category-slider .ksq-similar-products__card-brand-name {
		display: none;
	}
	
	/* Title - 14px font, 16px line-height, weight 500, color #222222 */
	.ksq-similar-products__card-title,
	.ksq-cross-category-slider .ksq-similar-products__card-title,
	.ksq-similar-products .ksq-product-card__title,
	.ksq-cross-category-slider .ksq-product-card__title {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 14px !important;
		line-height: 16px !important;
		font-weight: 500;
		color: #222222 !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	
	/* Prices row - Figma: 170px width, row direction, 12px gap */
	.ksq-similar-products__card-prices,
	.ksq-cross-category-slider .ksq-similar-products__card-prices,
	.ksq-similar-products .ksq-product-card__prices,
	.ksq-cross-category-slider .ksq-product-card__prices {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		padding: 0 !important;
		gap: 12px !important;
		width: 100% !important;
		max-width: 200px !important;
	}
	
	/* Price row (current + regular prices) - Figma: 105px width, 6px gap */
	.ksq-similar-products__card-price-row,
	.ksq-cross-category-slider .ksq-similar-products__card-price-row,
	.ksq-similar-products .ksq-product-card__price-row,
	.ksq-cross-category-slider .ksq-product-card__price-row {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		padding: 0 !important;
		gap: 6px !important;
		flex: none !important;
	}
	
	/* Current price - 16px font, 19px line-height, weight 600, color #FF5100 */
	.ksq-similar-products__card-price-current,
	.ksq-similar-products__card-price-current .woocommerce-Price-amount,
	.ksq-similar-products__card-price-current bdi,
	.ksq-cross-category-slider .ksq-similar-products__card-price-current,
	.ksq-cross-category-slider .ksq-similar-products__card-price-current .woocommerce-Price-amount,
	.ksq-cross-category-slider .ksq-similar-products__card-price-current bdi,
	.ksq-similar-products .ksq-product-card__price-current,
	.ksq-similar-products .ksq-product-card__price-current .woocommerce-Price-amount,
	.ksq-similar-products .ksq-product-card__price-current bdi,
	.ksq-cross-category-slider .ksq-product-card__price-current,
	.ksq-cross-category-slider .ksq-product-card__price-current .woocommerce-Price-amount,
	.ksq-cross-category-slider .ksq-product-card__price-current bdi {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 16px !important;
		line-height: 19px !important;
		font-weight: 600;
		color: #FF5100 !important;
	}
	
	/* Regular price - 16px font, 19px line-height, weight 400, color #888888 */
	.ksq-similar-products__card-price-regular,
	.ksq-similar-products__card-price-regular .woocommerce-Price-amount,
	.ksq-similar-products__card-price-regular bdi,
	.ksq-cross-category-slider .ksq-similar-products__card-price-regular,
	.ksq-cross-category-slider .ksq-similar-products__card-price-regular .woocommerce-Price-amount,
	.ksq-cross-category-slider .ksq-similar-products__card-price-regular bdi,
	.ksq-similar-products .ksq-product-card__price-regular,
	.ksq-similar-products .ksq-product-card__price-regular .woocommerce-Price-amount,
	.ksq-similar-products .ksq-product-card__price-regular bdi,
	.ksq-cross-category-slider .ksq-product-card__price-regular,
	.ksq-cross-category-slider .ksq-product-card__price-regular .woocommerce-Price-amount,
	.ksq-cross-category-slider .ksq-product-card__price-regular bdi {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 16px !important;
		line-height: 19px !important;
		font-weight: 400;
		color: #888888 !important;
		text-decoration: line-through;
	}
	
	/* Discount badge - Figma: 53x18px, 10px font, 12px line-height, 60px border-radius */
	.ksq-similar-products__card-discount,
	.ksq-cross-category-slider .ksq-similar-products__card-discount,
	.ksq-similar-products .ksq-product-card__discount,
	.ksq-cross-category-slider .ksq-product-card__discount {
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
		align-items: center !important;
		padding: 3px 8px !important;
		gap: 8px !important;
		height: 18px !important;
		font-family: 'Roboto Flex', sans-serif;
		font-size: 10px !important;
		line-height: 12px !important;
		font-weight: 400;
		border-radius: 60px;
		background: rgba(255, 160, 51, 0.12);
		border: 1px solid rgba(255, 160, 51, 0.8);
		color: #4E2104;
		flex: none !important;
		white-space: nowrap !important;
	}
}

/* ==========================================================================
   MOBILE GENERIC PRODUCT SLIDER - For "You Might Also Like" and future sliders
   Uses ksq-product-slider classes without ksq-similar-products prefix
   ========================================================================== */

@media (max-width: 768px) {
	/* Generic product slider container */
	.ksq-product-slider:not(.ksq-similar-products),
	.ksq-you-might-also-like {
		margin-top: 40px;
	}
	
	.ksq-product-slider__container {
		gap: 24px;
		padding: 0 !important;
	}
	
	.ksq-product-slider__title {
		font-family: 'DM Serif Display', serif;
		font-size: 22px;
		line-height: 26px;
		font-weight: 400;
		color: #111111;
		text-align: center;
		padding: 0 20px;
	}
	
	/* Hide nav arrows on mobile - use swipe */
	.ksq-product-slider__nav {
		display: none;
	}
	
	.ksq-product-slider__track-container {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	
	.ksq-product-slider__track-container::-webkit-scrollbar {
		display: none;
	}
	
	.ksq-product-slider__track {
		padding-left: 20px;
		padding-right: 20px;
		gap: 12px;
	}
	
	/* Product cards in generic slider - Figma specs: 200x200 image */
	.ksq-product-slider .ksq-product-card {
		width: 200px !important;
		min-width: 200px !important;
		gap: 12px !important;
		flex-shrink: 0;
	}
	
	.ksq-product-slider .ksq-product-card__link {
		gap: 12px !important;
	}
	
	.ksq-product-slider .ksq-product-card__image {
		width: 200px !important;
		height: 200px !important;
		border-radius: 8px;
		position: relative;
	}
	
	/* Bestseller badge - Figma: 78x20px, #444444 background */
	.ksq-product-slider .ksq-product-card__badge-bestseller {
		position: absolute;
		top: 10px;
		left: 10px;
		padding: 4px 8px;
		gap: 4px;
		height: 20px;
		font-family: 'Roboto Flex', sans-serif;
		font-size: 10px;
		line-height: 12px;
		font-weight: 400;
		border-radius: 100px;
		background: #444444;
		color: #FFFFFF;
	}
	
	.ksq-product-slider .ksq-product-card__badge-bestseller svg {
		width: 12px;
		height: 12px;
	}
	
	.ksq-product-slider .ksq-product-card__wishlist {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 24px;
		height: 24px;
		background: #FFFFFF;
		border-radius: 50%;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.ksq-product-slider .ksq-product-card__wishlist svg {
		width: 14.4px;
		height: 14.4px;
	}
	
	/* Mobile Add to Cart button */
	/* Figma: top: 156px (200px image - 32px button - 12px margin) */
	.ksq-product-slider .ksq-product-card__mobile-cart {
		display: flex !important;
		position: absolute !important;
		top: 156px !important; /* 200px image - 32px button - 12px margin */
		bottom: auto !important;
		right: 12px !important;
		width: 32px !important;
		height: 32px !important;
		background: #FF5100;
		border-radius: 42px;
		align-items: center;
		justify-content: center;
		border: none;
		cursor: pointer;
		z-index: 5;
	}
	
	.ksq-product-slider .ksq-product-card__mobile-cart svg {
		width: 16px;
		height: 16px;
		color: #FFFFFF;
	}
	
	/* Hide buy now hover button on mobile */
	.ksq-product-slider .ksq-product-card__buy-now {
		display: none !important;
	}
	
	/* Content - 12px gap */
	.ksq-product-slider .ksq-product-card__content {
		gap: 12px !important;
	}
	
	/* Info - 6px gap */
	.ksq-product-slider .ksq-product-card__info {
		gap: 6px !important;
	}
	
	/* Reviews - 8px gap */
	.ksq-product-slider .ksq-product-card__reviews {
		display: flex;
		align-items: center;
		gap: 8px !important;
	}
	
	/* Stars container */
	.ksq-product-slider .ksq-product-card__stars {
		display: flex;
		align-items: center;
		gap: 0 !important;
	}
	
	/* Stars - 14x14px, color #FFA033 */
	.ksq-product-slider .ksq-product-card__star {
		width: 14px !important;
		height: 14px !important;
		color: #FFA033 !important;
	}
	
	.ksq-product-slider .ksq-product-card__star.filled {
		color: #FFA033 !important;
	}
	
	/* Review text - 12px font */
	.ksq-product-slider .ksq-product-card__review-text {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 12px !important;
		line-height: 14px !important;
		font-weight: 400;
		color: #444444 !important;
	}
	
	/* Title - 14px font */
	.ksq-product-slider .ksq-product-card__title {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 14px !important;
		line-height: 16px !important;
		font-weight: 500;
		color: #222222 !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	
	/* Prices - Figma: row direction, 12px gap, nowrap */
	.ksq-product-slider .ksq-product-card__prices {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		padding: 0 !important;
		gap: 12px !important;
		width: 100% !important;
		max-width: 200px !important;
	}
	
	/* Price row - 6px gap */
	.ksq-product-slider .ksq-product-card__price-row {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		padding: 0 !important;
		gap: 6px !important;
		flex: none !important;
	}
	
	/* Current price - 16px font */
	.ksq-product-slider .ksq-product-card__price-current,
	.ksq-product-slider .ksq-product-card__price-current .woocommerce-Price-amount,
	.ksq-product-slider .ksq-product-card__price-current bdi {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 16px !important;
		line-height: 19px !important;
		font-weight: 600;
		color: #FF5100 !important;
	}
	
	/* Regular price - 16px font */
	.ksq-product-slider .ksq-product-card__price-regular,
	.ksq-product-slider .ksq-product-card__price-regular .woocommerce-Price-amount,
	.ksq-product-slider .ksq-product-card__price-regular bdi {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 16px !important;
		line-height: 19px !important;
		font-weight: 400;
		color: #888888 !important;
		text-decoration: line-through;
	}
	
	/* Discount badge - Figma: 53x18px */
	.ksq-product-slider .ksq-product-card__discount {
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
		align-items: center !important;
		padding: 3px 8px !important;
		gap: 8px !important;
		height: 18px !important;
		font-family: 'Roboto Flex', sans-serif;
		font-size: 10px !important;
		line-height: 12px !important;
		font-weight: 400;
		border-radius: 60px;
		background: rgba(255, 160, 51, 0.12);
		border: 1px solid rgba(255, 160, 51, 0.8);
		color: #4E2104;
		flex: none !important;
		white-space: nowrap !important;
	}
}

/* ==========================================================================
   MOBILE CUSTOMER REVIEWS SECTION (Full/Empty)
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-pdp-reviews-full {
		padding: 40px 0 0 0;
	}
	
	.ksq-pdp-reviews-full__container {
		padding: 0 16px;
	}
	
	.ksq-reviews-empty {
		padding: 40px 0;
	}
	
	.ksq-reviews-empty__container {
		padding: 0 16px;
	}
	
	.ksq-reviews-empty__title {
		font-size: 24px;
		line-height: 32px;
	}
	
	.ksq-reviews-empty__subtitle {
		font-size: 14px;
		line-height: 20px;
	}
	
	.ksq-reviews-empty__cards {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	
	.ksq-reviews-empty__card {
		padding: 20px 16px;
	}
	
	.ksq-reviews-empty__message {
		flex-direction: column;
		text-align: center;
		padding: 20px 16px;
	}
	
	.ksq-reviews-empty__message-content {
		text-align: center;
	}
	
	.ksq-reviews-empty__trust {
		flex-direction: column;
		gap: 12px;
		align-items: center;
	}
	
	.ksq-reviews-empty .ksq-btn--primary {
		width: 100%;
		padding: 12px 32px;
		font-size: 16px;
	}
}

/* ==========================================================================
   MOBILE TESTIMONIAL MODAL
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-testimonial-modal__carousel {
		padding: 0 12px;
	}
	
	.ksq-testimonial-modal__content {
		width: 100%;
		max-width: 100%;
		border-radius: 12px;
	}
	
	.ksq-testimonial-modal__video {
		max-height: 45vh;
	}
	
	.ksq-testimonial-modal__info {
		padding: 16px;
	}
	
	.ksq-testimonial-modal__text {
		font-size: 14px;
	}
	
	.ksq-testimonial-modal__name {
		font-size: 14px;
	}
	
	.ksq-testimonial-modal__nav-btn {
		width: 40px;
		height: 40px;
	}
	
	.ksq-testimonial-modal__prev {
		left: 8px;
	}
	
	.ksq-testimonial-modal__next {
		right: 8px;
	}
	
	.ksq-testimonial-modal__close {
		top: 8px;
		right: 8px;
		width: 36px;
		height: 36px;
	}
}

/* ==========================================================================
   MOBILE LIGHTBOX
   ========================================================================== */

@media (max-width: 768px) {
	.ksq-lightbox__container {
		flex-direction: column;
	}
	
	.ksq-lightbox__main {
		flex: 1;
		padding: 44px 8px 8px;
	}
	
	.ksq-lightbox__media {
		max-height: calc(100vh - 160px);
	}
	
	.ksq-lightbox__arrow {
		width: 32px;
		height: 32px;
	}
	
	.ksq-lightbox__arrow--prev {
		left: 4px;
	}
	
	.ksq-lightbox__arrow--next {
		right: 4px;
	}
	
	.ksq-lightbox__thumbs {
		width: 100%;
		height: auto;
		max-height: 80px;
		padding: 6px;
		border-left: none;
		border-top: 1px solid #222;
	}
	
	.ksq-lightbox__thumbs-header {
		display: none;
	}
	
	.ksq-lightbox__thumbs-list {
		flex-direction: row;
		overflow-x: auto;
		overflow-y: hidden;
		gap: 4px;
		justify-content: center;
	}
	
	.ksq-lightbox__thumb {
		width: 52px;
		min-width: 52px;
		height: 52px;
	}
	
	.ksq-lightbox__close {
		top: 8px;
		left: 8px;
		width: 32px;
		height: 32px;
	}
	
	.ksq-lightbox__zoom-controls {
		bottom: 90px;
		padding: 4px 10px;
	}
	
	.ksq-lightbox__zoom-btn {
		width: 28px;
		height: 28px;
	}
}

/* ==========================================================================
   MOBILE FOOTER REFINEMENTS
   ========================================================================== */

@media (max-width: 768px) {
	/* Brand Section */
	.ksq-footer-brand {
		padding: 48px 0 32px;
		gap: 24px;
		width: 100%;
	}
	
	.ksq-footer-brand__top {
		width: 100%;
		gap: 16px;
	}
	
	.ksq-footer-brand__logo img {
		width: 200px;
		height: 40px;
	}
	
	.ksq-footer-brand__description {
		width: 100%;
		font-size: 13px;
		line-height: 20px;
	}
	
	.ksq-footer-brand__social {
		flex-wrap: wrap;
		justify-content: center;
		gap: 12px;
	}
	
	.ksq-footer-brand__social-label {
		width: 100%;
		text-align: center;
		font-size: 14px;
	}
	
	.ksq-footer-social-icon__circle {
		width: 36px;
		height: 36px;
	}
	
	.ksq-footer-social-icon svg {
		width: 14px;
		height: 14px;
	}
	
	/* Newsletter Section */
	.ksq-footer-newsletter-wrap {
		padding: 0;
	}
	
	.ksq-footer-newsletter__inner {
		flex-direction: column;
		gap: 20px;
		padding: 0;
		text-align: center;
	}
	
	.ksq-footer-newsletter__content {
		max-width: 100%;
	}
}

/* ==========================================================================
   ADDITIONAL MOBILE UTILITY CLASSES
   ========================================================================== */

@media (max-width: 768px) {
	/* Hide on mobile */
	.hide-mobile {
		display: none !important;
	}
	
	/* Show only on mobile */
	.show-mobile {
		display: block !important;
	}
	
	/* Full width on mobile */
	.full-width-mobile {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	/* Center on mobile */
	.center-mobile {
		text-align: center !important;
		justify-content: center !important;
		align-items: center !important;
	}
}

/* ==========================================================================
   WOOCOMMERCE CONTAINER MOBILE OVERRIDES
   ========================================================================== */

@media (max-width: 768px) {
	.single-product .woocommerce-container {
		padding-left: 0;
		padding-right: 0;
	}
	
	.single-product .ksq-promise-section__container,
	.single-product .ksq-diamond-tester-section__container,
	.single-product .ksq-similar-products__container {
		padding-left: 0;
		padding-right: 0;
	}
}