/*
 * Alican Premium v1.4.9
 * Mobile + tablet UI/UX audit.
 * Scope: <= 980px. Desktop system remains unchanged.
 */

/* --------------------------------------------------------------------------
 * Shared responsive foundations
 * ----------------------------------------------------------------------- */
@media (max-width: 980px) {
	:root {
		--alican-mobile-gutter: 24px;
		--alican-mobile-radius: 18px;
	}

	html,
	body {
		max-width: 100%;
		overflow-x: clip;
	}

	body.menu-is-open {
		overflow: hidden;
		touch-action: none;
	}

	.site-container,
	.commerce-shell,
	.woocommerce-page-shell,
	.content-shell {
		width: min(calc(100% - (var(--alican-mobile-gutter) * 2)), var(--alican-container)) !important;
	}

	.section-heading {
		align-items: center;
		gap: 16px;
		margin-bottom: 18px;
	}

	.section-heading h2,
	.expertise-section__content > h2,
	.catalog-section-heading h2 {
		font-size: clamp(1.55rem, 4.4vw, 2.05rem) !important;
		line-height: 1.12 !important;
		letter-spacing: -0.038em !important;
	}

	.button,
	.wp-element-button,
	button.button,
	input[type="submit"] {
		touch-action: manipulation;
	}

	/* Header: compact touch targets without desktop crowding. */
	.site-header__inner {
		grid-template-columns: minmax(128px, 1fr) auto !important;
		gap: 14px;
	}

	.site-branding {
		justify-self: start;
	}

	.site-logo__image,
	.custom-logo {
		max-width: 132px;
		height: 46px;
	}

	.site-header__actions {
		gap: 8px;
	}

	.search-toggle {
		display: none;
	}

	.language-switcher__toggle,
	.menu-toggle {
		min-height: 42px;
		border-radius: 12px;
		background: #fff;
	}

	.menu-toggle {
		display: inline-grid !important;
		place-items: center;
		width: 44px;
		padding: 0;
	}

	.menu-toggle__label {
		display: none;
	}

	.menu-toggle__icon {
		gap: 6px;
		width: 20px;
	}

	.menu-toggle__icon span {
		height: 1.75px;
	}

	/* Drawer: hierarchy-first accordion navigation. */
	.mobile-navigation {
		z-index: 99999;
	}

	.mobile-navigation__backdrop {
		background: rgba(9, 12, 9, 0.48);
		backdrop-filter: blur(7px);
	}

	.mobile-navigation__panel {
		width: min(440px, calc(100% - 18px)) !important;
		padding: 18px 20px 28px;
		background: #fff !important;
		box-shadow: -24px 0 70px rgba(15, 22, 12, 0.2);
		overscroll-behavior: contain;
	}

	.mobile-navigation__top {
		position: sticky;
		top: 0;
		z-index: 5;
		min-height: 70px;
		margin: -18px -4px 0;
		padding: 14px 4px;
		border-bottom: 1px solid var(--alican-border);
		background: rgba(255, 255, 255, 0.96);
		backdrop-filter: blur(12px);
	}

	.mobile-navigation__top .site-logo__image {
		max-width: 126px;
		height: 44px;
	}

	.mobile-navigation__top .icon-button {
		width: 44px;
		height: 44px;
		border-radius: 50%;
		background: #fff;
	}

	.mobile-menu {
		display: block !important;
		padding: 14px 0 18px !important;
	}

	.mobile-menu > li {
		position: relative;
		border-bottom: 1px solid var(--alican-border);
	}

	.mobile-menu > li > a {
		display: flex;
		align-items: center;
		min-height: 58px !important;
		padding: 0 54px 0 4px !important;
		border: 0 !important;
		color: var(--alican-ink);
		font-size: 1rem !important;
		font-weight: 700 !important;
		line-height: 1.3;
		letter-spacing: -0.025em;
	}

	.mobile-menu > li.current-menu-item > a,
	.mobile-menu > li.current-menu-ancestor > a,
	.mobile-menu > li.current-menu-parent > a {
		color: var(--alican-green-dark);
	}

	.mobile-submenu-toggle {
		position: absolute !important;
		top: 7px !important;
		right: 2px !important;
		display: grid !important;
		place-items: center;
		width: 44px !important;
		height: 44px !important;
		padding: 0 !important;
		border: 1px solid transparent !important;
		border-radius: 12px !important;
		background: transparent !important;
		color: var(--alican-ink);
		cursor: pointer;
	}

	.mobile-submenu-toggle:hover,
	.mobile-submenu-toggle:focus-visible,
	.mobile-menu .is-submenu-open > .mobile-submenu-toggle {
		border-color: rgba(99, 184, 36, 0.22) !important;
		background: rgba(99, 184, 36, 0.08) !important;
		color: var(--alican-green-dark);
	}

	.mobile-submenu-toggle::before {
		width: 8px !important;
		height: 8px !important;
		border-right: 1.75px solid currentColor !important;
		border-bottom: 1.75px solid currentColor !important;
		transform: translateY(-2px) rotate(45deg) !important;
		transition: transform 180ms ease !important;
	}

	.mobile-menu .menu-item.is-submenu-open > .mobile-submenu-toggle::before {
		transform: translateY(2px) rotate(225deg) !important;
	}

	.mobile-menu .menu-item-has-children > .sub-menu {
		display: none !important;
		max-height: none !important;
		overflow: visible !important;
		gap: 2px;
		margin: 0 0 12px !important;
		padding: 8px !important;
		border: 1px solid rgba(99, 184, 36, 0.14) !important;
		border-left: 1px solid rgba(99, 184, 36, 0.14) !important;
		border-radius: 14px;
		background: #f7faf5;
	}

	.mobile-menu .menu-item-has-children.is-submenu-open > .sub-menu {
		display: grid !important;
	}

	.mobile-menu .sub-menu > li {
		position: relative;
		min-width: 0;
	}

	.mobile-menu .sub-menu a {
		display: flex !important;
		align-items: center;
		min-height: 42px !important;
		padding: 9px 42px 9px 11px !important;
		border-radius: 9px;
		color: #4f574d;
		font-size: 0.82rem !important;
		font-weight: 600;
		line-height: 1.35;
		text-decoration: none;
	}

	.mobile-menu .sub-menu a:hover,
	.mobile-menu .sub-menu .current-menu-item > a {
		background: #fff;
		color: var(--alican-green-dark);
	}

	.mobile-menu .sub-menu .mobile-submenu-toggle {
		top: 4px !important;
		right: 4px !important;
		width: 34px !important;
		height: 34px !important;
		border-radius: 9px !important;
	}

	.mobile-menu .sub-menu .sub-menu,
	.mobile-menu .sub-menu .menu-item-has-children > .sub-menu {
		min-height: 0 !important;
		margin: 3px 0 6px 10px !important;
		padding: 5px 6px !important;
		border-color: var(--alican-border) !important;
		background: #fff;
	}

	.mobile-menu .sub-menu .sub-menu a {
		min-height: 38px !important;
		padding-block: 7px !important;
		font-size: 0.76rem !important;
	}

	.mobile-navigation__contact {
		gap: 8px !important;
		padding-top: 18px !important;
	}

	.mobile-navigation__contact a {
		min-height: 44px;
		padding: 9px 12px;
		border: 1px solid var(--alican-border);
		border-radius: 12px;
		background: #fff;
		font-size: 0.84rem !important;
	}

	/* ----------------------------------------------------------------------
	 * Home hero: media first, then headline/copy/actions on every slide.
	 * ------------------------------------------------------------------- */
	.hero-slider {
		min-height: 700px !important;
		background: #fff;
	}

	.hero-slider__viewport,
	.hero-slide__inner {
		min-height: 700px !important;
	}

	.hero-slide__inner {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start;
		gap: 24px;
		padding-top: 24px !important;
		padding-bottom: 82px !important;
	}

	.hero-slide__visual,
	.hero-slide--paint .hero-slide__visual,
	.hero-slide--lab .hero-slide__visual,
	.hero-slide--car .hero-slide__visual {
		position: relative !important;
		inset: auto !important;
		order: 1;
		width: 100% !important;
		height: clamp(300px, 40vw, 370px) !important;
		min-height: 0 !important;
		margin: 0 !important;
		overflow: hidden;
		border: 1px solid var(--alican-border) !important;
		border-radius: 22px !important;
		background: #fff;
		box-shadow: 0 12px 34px rgba(24, 31, 20, 0.06) !important;
		opacity: 1 !important;
	}

	.hero-slide__visual::before,
	.hero-slide--paint .hero-slide__visual::before,
	.hero-slide--lab .hero-slide__visual::before,
	.hero-slide--car .hero-slide__visual::before {
		display: none !important;
	}

	.hero-slide__visual img,
	.hero-slide--paint .hero-slide__visual img {
		width: 100%;
		height: 100%;
		padding: 12px;
		object-fit: contain !important;
		object-position: center !important;
		transform: none !important;
	}

	.hero-slide--lab .hero-slide__visual img,
	.hero-slide--car .hero-slide__visual img {
		padding: 0;
		object-fit: cover !important;
		object-position: center !important;
	}

	.hero-slide--lab .hero-slide__visual img {
		object-position: 60% center !important;
	}

	.hero-slide__copy {
		order: 2;
		width: 100%;
		max-width: 640px !important;
	}

	.hero-slide h1,
	.hero-slide h2 {
		max-width: 620px !important;
		margin-bottom: 14px !important;
		font-size: clamp(2.45rem, 6.7vw, 3.4rem) !important;
		font-weight: 700 !important;
		line-height: 1.06 !important;
		letter-spacing: -0.043em !important;
	}

	.hero-slide__copy > p {
		max-width: 560px !important;
		margin-bottom: 20px !important;
		font-size: 0.91rem !important;
		line-height: 1.58 !important;
	}

	.hero-slide__actions {
		align-items: center !important;
		flex-direction: row !important;
		flex-wrap: wrap;
		gap: 10px !important;
	}

	.hero-slide__actions .button,
	.hero-slide__actions .text-link {
		min-height: 44px;
		padding: 0 18px;
		border-radius: 999px;
		font-size: 0.78rem !important;
	}

	.hero-slide__actions .text-link {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		border: 1px solid var(--alican-border);
		background: #fff;
	}

	.hero-slider__controls {
		bottom: 20px !important;
	}

	.hero-slider__dots {
		gap: 7px;
	}

	.hero-slider__dot {
		width: 28px !important;
		height: 4px !important;
	}

	.hero-slider__dot.is-active {
		width: 50px !important;
	}

	/* Home categories: efficient 2-column matrix on touch screens. */
	.home-main .category-showcase {
		margin-top: 22px !important;
	}

	.home-main .category-showcase__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	.home-main .category-card,
	.home-main .category-card:first-child,
	.home-main .category-card:not(:first-child) {
		min-height: 148px !important;
		border-radius: 15px !important;
	}

	/* Home product rails */
	.home-main .product-showcase {
		padding-block: 42px 34px;
	}

	.home-main .home-product-block--new {
		padding-top: 16px;
	}

	.product-carousel--scroll,
	.home-main .product-carousel--scroll {
		display: grid !important;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% - 14px) / 2) !important;
		grid-template-columns: none !important;
		gap: 14px;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.product-carousel--scroll::-webkit-scrollbar {
		display: none;
	}

	.product-carousel--scroll .product-card {
		scroll-snap-align: start;
	}

	.product-card {
		min-height: 390px !important;
		border-radius: 16px !important;
	}

	.product-card__media {
		min-height: 270px !important;
	}

	.product-card__media img,
	.product-card__image {
		height: 245px !important;
	}

	.product-card__body {
		padding: 14px 15px 16px !important;
	}

	.product-card h3 {
		font-size: 0.86rem !important;
		line-height: 1.3 !important;
	}

	/* Expertise / brands / service strip */
	.expertise-section {
		padding-block: 18px 28px;
	}

	.expertise-section__panel {
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden;
		border-radius: 20px;
	}

	.expertise-section__media {
		order: 1;
		min-height: 290px !important;
		height: 290px !important;
	}

	.expertise-section__content {
		order: 2;
		padding: 28px !important;
	}

	.expertise-section__content > h2 {
		margin-bottom: 18px;
	}

	.home-main .brand-showcase {
		padding-block: 24px 30px;
	}

	.home-main .brand-wall--home {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 10px;
	}

	.home-main .brand-wall--home .brand-wall__item {
		min-height: 104px;
		padding: 14px 10px;
	}

	.service-strip {
		padding-bottom: 24px;
	}

	.service-strip__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.service-card {
		min-width: 0;
	}

	/* Footer */
	.footer-cta {
		min-height: 180px;
		border-radius: 18px;
	}

	.footer-cta__content {
		min-height: 180px;
		padding: 26px;
	}

	.footer-cta h2,
	.footer-cta__content h2 {
		font-size: clamp(1.65rem, 5vw, 2.2rem) !important;
		line-height: 1.05;
	}

	.site-footer__main {
		grid-template-columns: 130px minmax(0, 1fr);
		gap: 20px;
	}

	.site-footer__contact {
		gap: 10px 18px;
	}

	.footer-contact {
		font-size: 0.72rem;
	}

	/* ----------------------------------------------------------------------
	 * Static pages
	 * ------------------------------------------------------------------- */
	body.alican-static-page .content-main {
		padding-block: 24px 64px !important;
	}

	.static-hero {
		margin-bottom: 26px;
		border-radius: 20px;
	}

	.static-hero h1 {
		font-size: clamp(2.15rem, 6.2vw, 3.1rem) !important;
		line-height: 1.05 !important;
	}

	.static-page__content,
	.page-article .static-page__content {
		font-size: 0.94rem;
		line-height: 1.72;
	}

	.static-page__content img,
	.static-page__content iframe,
	.static-page__content video {
		max-width: 100%;
		height: auto;
	}

	/* ----------------------------------------------------------------------
	 * Catalog / WooCommerce surfaces
	 * ------------------------------------------------------------------- */
	.commerce-main {
		padding-block: 28px 64px !important;
	}

	.woocommerce-breadcrumb {
		display: block;
		overflow-x: auto;
		padding-bottom: 5px;
		white-space: nowrap;
		scrollbar-width: none;
	}

	.catalog-tabs {
		display: flex !important;
		width: 100%;
		overflow-x: auto;
		gap: 6px;
		padding: 4px;
		border: 1px solid var(--alican-border);
		border-radius: 13px;
		background: #fff;
		scrollbar-width: none;
	}

	.catalog-tabs__item {
		flex: 1 0 auto;
		min-height: 38px;
		padding: 0 14px !important;
		border: 0;
		border-radius: 9px;
		font-size: 0.72rem !important;
		white-space: nowrap !important;
	}

	.catalog-page-header {
		margin: 26px 0 30px !important;
	}

	.catalog-page-header h1 {
		font-size: clamp(2.1rem, 6.4vw, 3rem) !important;
		line-height: 1.04;
	}

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

	.catalog-brand-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	.catalog-products-grid,
	.woocommerce ul.products,
	.single-product-shell .related ul.products,
	.single-product-shell .upsells ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	.catalog-product-card,
	.woocommerce ul.products li.product {
		min-width: 0;
		min-height: 0 !important;
		border-radius: 15px !important;
	}

	.catalog-product-card__media,
	.woocommerce ul.products li.product a.woocommerce-loop-product__link {
		height: 240px !important;
		min-height: 240px !important;
	}

	.catalog-product-card__image,
	.catalog-product-card__media img,
	.woocommerce ul.products li.product a img {
		height: 220px !important;
		object-fit: contain !important;
	}

	.single-product-shell .product {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 22px !important;
	}

	.single-product-shell .woocommerce-product-gallery,
	.single-product-shell .summary,
	.single-product-shell .woocommerce-tabs,
	.single-product-shell .related,
	.single-product-shell .upsells {
		min-width: 0;
		width: 100% !important;
	}

	.single-product-shell .summary {
		position: relative !important;
		top: auto !important;
		padding: 24px !important;
		border-radius: 18px !important;
	}

	.woocommerce div.product .product_title,
	.single-product-shell .product_title {
		font-size: clamp(2rem, 6.8vw, 2.8rem) !important;
		line-height: 1.04 !important;
	}

	.single-product-shell .woocommerce-tabs,
	.single-product-shell .related,
	.single-product-shell .upsells {
		position: relative !important;
		z-index: 2;
		grid-column: 1 / -1 !important;
		background: #fff;
	}

	.single-product-shell .woocommerce-tabs .panel {
		max-width: 100% !important;
		overflow-wrap: anywhere;
	}
}

/* --------------------------------------------------------------------------
 * Tablet-only tuning: 621–980px
 * ----------------------------------------------------------------------- */
@media (min-width: 621px) and (max-width: 980px) {
	.hero-slider__arrows {
		display: flex !important;
	}

	.home-main .category-card__copy,
	.home-main .category-card:first-child .category-card__copy,
	.home-main .category-card:not(:first-child) .category-card__copy {
		width: 57% !important;
	}

	.home-main .category-card__image,
	.home-main .category-card:first-child .category-card__image {
		width: 44% !important;
	}

	.static-hero,
	.static-hero--privacy,
	.static-hero--contact {
		grid-template-columns: minmax(0, 1fr) minmax(260px, 0.85fr) !important;
	}

	.static-hero__copy {
		padding: 32px !important;
	}

	.static-hero__media,
	.static-hero__media img {
		min-height: 290px !important;
	}
}

/* --------------------------------------------------------------------------
 * Phone tuning: <= 620px
 * ----------------------------------------------------------------------- */
@media (max-width: 620px) {
	:root {
		--alican-mobile-gutter: 14px;
		--alican-header-height: 66px;
	}

	.site-header__inner {
		gap: 8px;
	}

	.site-logo__image,
	.custom-logo {
		max-width: 118px !important;
		height: 42px !important;
	}

	.language-switcher__toggle {
		min-width: 58px !important;
		height: 40px !important;
		font-size: 0.76rem;
	}

	.menu-toggle {
		width: 42px !important;
		height: 40px !important;
	}

	.mobile-navigation__panel {
		width: calc(100% - 14px) !important;
		padding-inline: 16px;
	}

	.mobile-navigation__top {
		min-height: 66px;
	}

	.mobile-navigation__top .site-logo__image {
		max-width: 120px !important;
		height: 42px !important;
	}

	.mobile-menu > li > a {
		min-height: 56px !important;
		font-size: 0.96rem !important;
	}

	/* Hero becomes a clean vertical story: image -> heading -> actions. */
	.hero-slider,
	.hero-slider__viewport,
	.hero-slide__inner {
		min-height: 610px !important;
	}

	.hero-slide__inner {
		gap: 20px !important;
		padding-top: 16px !important;
		padding-bottom: 70px !important;
	}

	.hero-slide__visual,
	.hero-slide--paint .hero-slide__visual,
	.hero-slide--lab .hero-slide__visual,
	.hero-slide--car .hero-slide__visual {
		height: clamp(238px, 66vw, 285px) !important;
		border-radius: 18px !important;
	}

	.hero-slide__visual img,
	.hero-slide--paint .hero-slide__visual img {
		padding: 8px;
	}

	.hero-slide h1,
	.hero-slide h2 {
		max-width: 100% !important;
		margin-bottom: 12px !important;
		font-size: clamp(2.15rem, 10vw, 2.65rem) !important;
		line-height: 1.065 !important;
		letter-spacing: -0.04em !important;
	}

	.hero-slide__copy > p {
		max-width: 100% !important;
		margin-bottom: 18px !important;
		font-size: 0.84rem !important;
		line-height: 1.58 !important;
	}

	.hero-slide__actions {
		gap: 8px !important;
	}

	.hero-slide__actions .button,
	.hero-slide__actions .text-link {
		min-height: 42px;
		padding-inline: 15px;
		font-size: 0.73rem !important;
	}

	.hero-slider__arrows {
		display: none !important;
	}

	.hero-slider__controls {
		bottom: 18px !important;
	}

	/* 8 categories = 2 x 4 instead of a very long single column. */
	.home-main .category-showcase {
		margin-top: 16px !important;
	}

	.home-main .category-showcase__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	.home-main .category-card,
	.home-main .category-card:first-child,
	.home-main .category-card:not(:first-child) {
		display: flex;
		flex-direction: column;
		min-height: 188px !important;
		padding: 8px !important;
	}

	.home-main .category-card__image,
	.home-main .category-card:first-child .category-card__image {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		order: 1;
		width: 100% !important;
		height: 100px !important;
		padding: 5px !important;
		object-fit: contain !important;
	}

	.home-main .category-card__copy,
	.home-main .category-card:first-child .category-card__copy,
	.home-main .category-card:not(:first-child) .category-card__copy {
		order: 2;
		width: 100% !important;
		padding: 8px 5px 4px !important;
	}

	.home-main .category-card__copy h2,
	.home-main .category-card:first-child h2,
	.home-main .category-card:not(:first-child) h2 {
		font-size: 0.85rem !important;
		line-height: 1.25 !important;
	}

	.home-main .category-card__copy p {
		display: block;
		max-width: 100%;
		font-size: 0.63rem !important;
		line-height: 1.35;
	}

	.home-main .category-card__arrow,
	.home-main .category-card:not(:first-child) .category-card__arrow {
		right: 8px !important;
		bottom: 8px !important;
		left: auto !important;
		width: 27px !important;
		height: 27px !important;
	}

	/* Product rail: one strong card + a visible next-card cue. */
	.home-main .product-showcase {
		width: 100% !important;
		padding-block: 34px 28px !important;
	}

	.home-main .product-showcase .section-heading {
		width: calc(100% - 28px) !important;
	}

	.section-heading h2 {
		font-size: 1.45rem !important;
	}

	.product-carousel--scroll,
	.home-main .product-carousel--scroll {
		grid-auto-columns: min(78vw, 310px) !important;
		gap: 10px !important;
		padding-inline: 14px !important;
		scroll-padding-left: 14px;
	}

	.carousel-controls {
		display: none !important;
	}

	.product-card {
		min-height: 350px !important;
	}

	.product-card__media {
		min-height: 238px !important;
	}

	.product-card__media img,
	.product-card__image {
		height: 218px !important;
	}

	.expertise-section {
		padding-block: 12px 22px;
	}

	.expertise-section__panel {
		border-radius: 18px;
	}

	.expertise-section__media,
	.expertise-section__media img {
		height: 220px !important;
		min-height: 220px !important;
	}

	.expertise-section__content {
		padding: 22px 18px 18px !important;
	}

	.expertise-item {
		grid-template-columns: 34px minmax(0, 1fr) !important;
		gap: 10px !important;
		padding: 10px 0 !important;
	}

	.home-main .brand-showcase {
		padding-block: 18px 24px !important;
	}

	.home-main .brand-wall--home {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	.home-main .brand-wall--home .brand-wall__item {
		min-height: 94px !important;
		padding: 12px 8px !important;
		border-radius: 12px !important;
	}

	.service-strip__grid {
		grid-template-columns: 1fr !important;
		border-radius: 15px;
	}

	.service-card {
		grid-template-columns: 38px minmax(0, 1fr) !important;
		min-height: 76px !important;
		padding: 12px 14px !important;
		border-right: 0 !important;
		border-bottom: 1px solid var(--alican-border) !important;
	}

	.service-card:last-child {
		border-bottom: 0 !important;
	}

	.service-card::after {
		display: none !important;
	}

	.footer-cta,
	.footer-cta__content {
		min-height: 160px !important;
	}

	.footer-cta__content {
		padding: 20px !important;
	}

	.footer-cta h2,
	.footer-cta__content h2 {
		max-width: 220px !important;
		font-size: 1.55rem !important;
	}

	.site-footer__main {
		display: block !important;
		padding: 20px 2px !important;
	}

	.site-footer__brand {
		margin-bottom: 16px;
	}

	.site-footer__contact {
		display: grid !important;
		justify-content: stretch !important;
		gap: 8px !important;
	}

	.footer-contact,
	.footer-contact:first-child {
		justify-content: flex-start !important;
		font-size: 0.72rem !important;
		text-align: left !important;
	}

	.site-footer__bottom {
		padding-top: 10px !important;
		font-size: 0.67rem;
	}

	/* Static pages: no oversized headings or squeezed content. */
	.static-hero,
	.static-hero--privacy,
	.static-hero--contact {
		grid-template-columns: 1fr !important;
		margin-bottom: 20px !important;
		border-radius: 18px !important;
	}

	.static-hero__copy,
	.static-hero--privacy .static-hero__copy,
	.static-hero--contact .static-hero__copy {
		min-height: 0 !important;
		padding: 24px 18px !important;
	}

	.static-hero h1,
	.static-hero--privacy h1,
	.static-hero--contact h1 {
		font-size: clamp(2rem, 9.2vw, 2.55rem) !important;
		line-height: 1.06 !important;
	}

	.static-hero__media,
	.static-hero__media img {
		min-height: 210px !important;
		max-height: 260px !important;
	}

	.static-page--about .static-page__body,
	.static-page--service .static-page__content,
	.static-page--contact .static-page__content,
	.static-page__content--legal {
		padding: 20px 16px !important;
		border-radius: 16px !important;
	}

	.static-page__content,
	.page-article .static-page__content {
		font-size: 0.9rem !important;
		line-height: 1.7 !important;
	}

	.static-page__content h2,
	.static-page__content .elementor-widget-heading h2.elementor-heading-title {
		margin-top: 32px !important;
		font-size: 1.45rem !important;
	}

	/* Catalog: keep phone density useful and touch-friendly. */
	.commerce-main {
		padding-block: 20px 52px !important;
	}

	.catalog-tabs {
		margin-bottom: 20px !important;
	}

	.catalog-tabs__item {
		flex: 0 0 auto;
	}

	.catalog-page-header {
		margin: 22px 0 24px !important;
	}

	.catalog-page-header h1 {
		font-size: clamp(1.95rem, 9vw, 2.5rem) !important;
	}

	.catalog-category-grid {
		grid-template-columns: 1fr !important;
	}

	.catalog-category-card {
		grid-template-columns: 82px minmax(0, 1fr) 22px !important;
		min-height: 96px !important;
	}

	.catalog-category-card__media img {
		height: 76px !important;
	}

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

	.catalog-products-grid,
	.woocommerce ul.products,
	.single-product-shell .related ul.products,
	.single-product-shell .upsells ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	.catalog-product-card__media,
	.woocommerce ul.products li.product a.woocommerce-loop-product__link {
		height: 170px !important;
		min-height: 170px !important;
	}

	.catalog-product-card__image,
	.catalog-product-card__media img,
	.woocommerce ul.products li.product a img {
		height: 154px !important;
		padding: 8px !important;
	}

	.catalog-product-card__body,
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		padding-inline: 10px !important;
	}

	.catalog-product-card h2,
	.catalog-product-card h3,
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 0.76rem !important;
		line-height: 1.3 !important;
	}

	.single-product-shell .woocommerce-product-gallery__image a {
		min-height: 320px !important;
		padding: 12px !important;
	}

	.single-product-shell .woocommerce-product-gallery__image img {
		max-height: 294px !important;
	}

	.single-product-shell .summary {
		padding: 18px !important;
	}

	.woocommerce div.product .product_title,
	.single-product-shell .product_title {
		font-size: clamp(1.75rem, 8.3vw, 2.25rem) !important;
	}

	.woocommerce div.product .woocommerce-tabs {
		margin-top: 26px !important;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs {
		display: flex !important;
		overflow-x: auto;
		flex-wrap: nowrap !important;
		gap: 6px;
		padding-bottom: 4px;
		scrollbar-width: none;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li {
		flex: 0 0 auto;
		width: auto !important;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		white-space: nowrap;
	}
}

@media (max-width: 350px) {
	:root {
		--alican-mobile-gutter: 11px;
	}

	.language-switcher {
		display: none !important;
	}

	.home-main .category-showcase__grid,
	.catalog-brand-grid,
	.catalog-products-grid,
	.woocommerce ul.products,
	.single-product-shell .related ul.products,
	.single-product-shell .upsells ul.products {
		grid-template-columns: 1fr !important;
	}

	.home-main .category-card,
	.home-main .category-card:first-child,
	.home-main .category-card:not(:first-child) {
		min-height: 148px !important;
	}

	.home-main .category-card__image,
	.home-main .category-card:first-child .category-card__image {
		height: 78px !important;
	}
}

/* Mobile drawer product search entry added by the responsive audit. */
@media (max-width: 980px) {
	.mobile-navigation__search {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		min-height: 44px;
		margin-top: 14px;
		padding: 0 13px;
		border: 1px solid var(--alican-border);
		border-radius: 12px;
		background: #f8faf7;
		color: var(--alican-ink);
		font-family: var(--alican-font-sans);
		font-size: 0.82rem;
		font-weight: 700;
		text-align: left;
		cursor: pointer;
	}

	.mobile-navigation__search .dashicons {
		color: var(--alican-green-dark);
	}

	.mobile-navigation__search:hover,
	.mobile-navigation__search:focus-visible {
		border-color: rgba(99, 184, 36, 0.35);
		background: rgba(99, 184, 36, 0.08);
	}
}

/* Desktop safety for the newly synchronized category child level. */
@media (min-width: 981px) {
	.site-menu > .menu-item > .sub-menu > .menu-item-has-children {
		position: relative;
	}

	.site-menu > .menu-item > .sub-menu > .menu-item-has-children > a {
		padding-right: 34px;
	}

	.site-menu > .menu-item > .sub-menu > .menu-item-has-children > a::after {
		position: absolute;
		top: 50%;
		right: 12px;
		width: 7px;
		height: 7px;
		border-top: 1.5px solid currentColor;
		border-right: 1.5px solid currentColor;
		content: "";
		transform: translateY(-50%) rotate(45deg);
	}

	.site-menu > .menu-item > .sub-menu .sub-menu {
		top: -10px;
		left: calc(100% + 8px);
		grid-template-columns: minmax(210px, 1fr) !important;
		width: 260px;
		max-height: 440px;
		transform: translate(8px, 0) !important;
	}

	.site-menu > .menu-item > .sub-menu .menu-item:hover > .sub-menu,
	.site-menu > .menu-item > .sub-menu .menu-item:focus-within > .sub-menu {
		transform: translate(0, 0) !important;
	}
}