/* Solve Skin Care responsive adjustments */
@media (min-width: 769px) {
	.home .products,
	.archive .products {
		row-gap: 28px;
	}

	.single-product .summary-inner {
		position: sticky;
		top: 112px;
	}
}

@media (max-width: 768px) {
	body {
		background: #fffdfb;
	}

	.whb-header {
		box-shadow: 0 8px 24px rgba(56, 37, 27, .08);
	}

	.whb-header .site-logo img {
		max-height: 58px;
	}

	.whb-header .whb-general-header-inner,
	.whb-header .whb-header-bottom-inner {
		gap: 8px;
	}

	.wd-tools-element > a {
		box-shadow: none;
	}

	.main-page-wrapper {
		padding-bottom: 74px;
	}

	.home .site-content {
		padding-top: 10px;
	}

	.home .elementor-widget-container img {
		border-radius: 16px;
	}

	.product-grid-item .product-wrapper,
	.wd-product .product-wrapper {
		padding: 12px;
		border-radius: 17px;
	}

	.product-grid-item .wd-entities-title,
	.wd-product .wd-entities-title {
		font-size: 13px;
		min-height: 42px;
	}

	.single-product .product-image-summary,
	.woocommerce-tabs,
	.related-products,
	.upsells-products,
	.cart-content-wrapper,
	.woocommerce-cart-form,
	.cart_totals,
	#customer_details,
	.woocommerce-checkout-review-order {
		padding: 14px;
		border-radius: 18px;
	}

	.single-product .product-image-summary {
		padding: 0;
	}

	.single-product .cart {
		padding: 12px;
	}

	.single-product .woocommerce-breadcrumb,
	.single-product .wd-breadcrumbs {
		display: flex;
		white-space: nowrap;
		overflow-x: auto;
	}

	.single-product .woocommerce-product-gallery,
	.single-product .summary-inner {
		padding: 14px;
		border-radius: 18px;
	}

	.single-product .product_title {
		font-size: 25px;
		line-height: 1.35;
	}

	.single-product .summary-inner .price,
	.single-product .summary .price {
		font-size: 28px !important;
	}

	.single-product .cart {
		display: grid;
		grid-template-columns: 1fr;
	}

	.single-product .cart .quantity {
		order: 1;
		justify-self: end;
		width: auto;
	}

	.single-product .cart .single_add_to_cart_button {
		order: 2;
		width: 100%;
	}

	.single-product .cart .wd-buy-now-btn,
	.single-product .cart .wd-buy-now-button {
		order: 3;
		width: 100%;
	}

	.solve-product-assurance {
		grid-template-columns: 1fr;
	}

	.solve-site-footer {
		margin-bottom: 0;
	}

	.solve-site-footer__inner {
		grid-template-columns: 1fr;
	}

	.solve-site-footer__brand p {
		max-width: none;
	}

	.solve-site-footer__nav {
		padding: 18px;
		border: 1px solid rgba(255, 255, 255, .12);
		border-radius: 18px;
		background: rgba(255, 255, 255, .06);
	}

	.solve-site-footer__bottom {
		align-items: flex-start;
		flex-direction: column;
	}
}
/* === Codex mobile upgrade 2026-05-11: keep desktop feel on phones === */
@media (max-width: 768px) {
	html,
	body {
		overflow-x: hidden;
	}

	body.home .main-page-wrapper {
		padding-bottom: 92px;
	}

	body.home .container,
	body.home .site-content,
	body.home .solve-modern-home {
		width: 100%;
		max-width: 100%;
	}

	body.home .solve-modern-home {
		padding-inline: 14px;
	}

	body.home .solve-modern-home:before {
		height: 430px;
		inset-inline: -14px;
	}

	body.home .solve-modern-hero {
		display: grid;
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 26px 0 22px;
	}

	body.home .solve-modern-hero__content {
		text-align: center;
	}

	body.home .solve-modern-kicker,
	body.home .solve-modern-section__head span,
	body.home .solve-modern-editorial span {
		margin-inline: auto;
	}

	body.home .solve-modern-hero h1 {
		max-width: 12ch;
		margin-inline: auto;
		font-size: clamp(34px, 9.6vw, 46px);
		line-height: 1.12;
	}

	body.home .solve-modern-hero p {
		max-width: 34em;
		margin-inline: auto;
		font-size: 15px;
		line-height: 1.85;
	}

	body.home .solve-modern-actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		margin-bottom: 18px;
	}

	body.home .solve-modern-primary,
	body.home .solve-modern-secondary {
		width: 100%;
		min-height: 48px;
		padding-inline: 12px;
		font-size: 13px;
	}

	body.home .solve-modern-proof {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
	}

	body.home .solve-modern-proof span {
		display: grid;
		align-content: center;
		min-height: 70px;
		padding: 10px 8px;
		border-radius: 14px;
		font-size: 10px;
		text-align: center;
	}

	body.home .solve-modern-proof strong {
		font-size: 13px;
	}

	body.home .solve-modern-hero__visual {
		min-height: 290px;
		max-width: 460px;
		margin-inline: auto;
		width: 100%;
	}

	body.home .solve-modern-glow {
		inset: 30px 8px 18px;
		border-radius: 26px;
	}

	body.home .solve-modern-float {
		border-radius: 20px;
	}

	body.home .solve-modern-float img {
		padding: 10px;
	}

	body.home .solve-modern-float--1 {
		width: 48%;
		left: 4px;
	}

	body.home .solve-modern-float--2 {
		width: 54%;
		top: 72px;
		right: 4px;
	}

	body.home .solve-modern-float--3 {
		width: 42%;
		left: 44px;
		bottom: 4px;
	}

	body.home .solve-modern-servicebar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		margin-bottom: 34px;
		padding: 10px;
		border-radius: 20px;
	}

	body.home .solve-modern-servicebar div {
		min-height: 86px;
		padding: 14px 12px;
		border-radius: 15px;
	}

	body.home .solve-modern-servicebar span {
		font-size: 11px;
	}

	body.home .solve-modern-servicebar strong {
		font-size: 14px;
		line-height: 1.45;
	}

	body.home .solve-modern-section {
		margin-bottom: 40px;
	}

	body.home .solve-modern-section__head {
		margin-bottom: 16px;
		text-align: right;
	}

	body.home .solve-modern-section__head--row {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		gap: 10px;
	}

	body.home .solve-modern-section__head h2,
	body.home .solve-modern-editorial h2 {
		font-size: clamp(25px, 7vw, 34px);
		line-height: 1.2;
	}

	body.home .solve-modern-section__head--row > a {
		width: auto;
		min-height: 42px;
		padding-inline: 14px;
		font-size: 12px;
		white-space: nowrap;
	}

	body.home .solve-modern-category-grid,
	body.home .solve-modern-products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px;
	}

	body.home .solve-modern-mini-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	body.home .solve-modern-category {
		min-height: 132px;
		padding: 16px;
		border-radius: 18px;
	}

	body.home .solve-modern-category strong {
		font-size: 18px;
	}

	body.home .solve-modern-card {
		border-radius: 18px;
		box-shadow: 0 10px 28px rgba(56, 37, 27, .07);
	}

	body.home .solve-modern-card__image {
		margin: 8px 8px 0;
		border-radius: 15px;
		aspect-ratio: 1 / 1;
	}

	body.home .solve-modern-card__image img {
		padding: 9px;
	}

	body.home .solve-modern-sale {
		top: 8px;
		right: 8px;
		padding: 5px 8px;
		font-size: 10px;
	}

	body.home .solve-modern-card__body {
		padding: 10px;
	}

	body.home .solve-modern-card h3 {
		min-height: 42px;
		margin-bottom: 8px;
		font-size: 12px;
		line-height: 1.45;
	}

	body.home .solve-modern-card__meta {
		display: grid;
		gap: 4px;
		align-items: start;
		justify-content: stretch;
	}

	body.home .solve-modern-price {
		font-size: 13px;
	}

	body.home .solve-modern-view {
		font-size: 11px;
	}

	body.home .solve-modern-buy {
		grid-template-columns: 1fr;
		gap: 8px;
		margin-top: 10px;
	}

	body.home .solve-modern-qty {
		width: 100%;
		min-height: 38px;
		grid-template-columns: 28px minmax(28px, 1fr) 28px;
	}

	body.home .solve-modern-qty__btn {
		width: 28px;
		height: 28px;
		min-height: 28px;
	}

	body.home .solve-modern-qty__input {
		height: 28px;
		font-size: 13px;
	}

	body.home .solve-modern-cart {
		min-height: 40px;
		margin-top: 0;
		padding-inline: 10px;
		font-size: 12px;
	}

	body.home .solve-modern-split {
		gap: 14px;
	}

	body.home .solve-modern-editorial {
		padding: 22px 18px;
		border-radius: 22px;
	}

	body.home .solve-modern-editorial p {
		font-size: 14px;
	}

	body.home .solve-modern-loadmore {
		width: min(100%, 280px);
		min-width: 0;
	}

	body.home .wd-toolbar,
	body.home .wd-toolbar.wd-toolbar-label-show {
		z-index: 99990;
	}

	body.home .wcuCurrencySwitcher,
	body.home .woo-multi-currency,
	body.home .wmc-currency,
	body.home .trp-language-switcher {
		transform: scale(.88);
		transform-origin: right bottom;
	}
}

@media (max-width: 390px) {
	body.home .solve-modern-home {
		padding-inline: 10px;
	}

	body.home .solve-modern-actions,
	body.home .solve-modern-servicebar,
	body.home .solve-modern-category-grid,
	body.home .solve-modern-products {
		gap: 9px;
	}

	body.home .solve-modern-card h3 {
		font-size: 11.5px;
	}

	body.home .solve-modern-cart {
		font-size: 11.5px;
	}
}