/**
 * TOTO — global narrow-mobile layout (≤767px)
 * Full width, no horizontal bleed. Loaded site-wide (+ wp_head override after Theme Options CSS).
 */

@media (max-width: 767px) {
	.toto-header-inner,
	html[dir="rtl"] .toto-header-inner,
	body.rtl .toto-header-inner {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-inline: 0 !important;
	}

	html,
	body,
	html[dir="rtl"],
	body.rtl {
		overflow-x: clip;
		max-width: 100%;
	}

	#main-content,
	main.toto-shop-page,
	main.toto-apj,
	main.toto-cpage,
	main.toto-blog-page,
	main.toto-404-page,
	main.toto-tech-archive,
	main.toto-template-single {
		width: 100%;
		max-width: 100%;
		overflow-x: clip;
	}

	.toto-global-breadcrumb-container {
		max-width: 100%;
		padding-inline: 1rem;
		box-sizing: border-box;
	}

	.toto-shop-inner,
	.toto-apj-inner,
	.toto-cpage-inner,
	.toto-blog-inner,
	.toto-cat-page-inner,
	.toto-sp-inner,
	.toto-spj-body-inner,
	.toto-spj-meta-line-inner,
	.toto-pj-inner,
	.toto-cat-inner,
	.tsb-body-inner,
	.tsb-hero-inner,
	.tsb-more-inner,
	.toto-404-inner,
	.toto-tw-inner,
	.toto-st-inner {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	.toto-shop-hero,
	.toto-apj-hero,
	.toto-cpage-hero,
	.toto-blog-hero {
		width: 100%;
		max-width: 100%;
	}

	.toto-shop-products-grid,
	.toto-apj-grid,
	.toto-cpage-grid,
	.toto-blog-grid {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.toto-apj-tabs {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.toto-shop-sidebar,
	.toto-shop-main {
		min-width: 0;
		max-width: 100%;
	}

	.toto-shop-toolbar {
		flex-direction: column;
		align-items: stretch;
		gap: 0.75rem;
	}

	.toto-shop-view-toggle {
		justify-content: center;
		flex-wrap: wrap;
	}

	.toto-shop-toolbar-right {
		width: 100%;
		flex-wrap: wrap;
		gap: 0.5rem;
	}

	.toto-shop-sort-wrap,
	.toto-shop-perpage-wrap {
		flex: 1 1 100%;
		min-width: 0;
	}

	.toto-shop-sort-wrap select,
	.toto-shop-perpage-wrap select {
		flex: 1;
		min-width: 0;
		max-width: 100%;
	}

	html[dir="rtl"] .toto-shop-sort-wrap select,
	html[dir="rtl"] .toto-shop-perpage-wrap select,
	body.rtl .toto-shop-sort-wrap select,
	body.rtl .toto-shop-perpage-wrap select {
		background-position: left 0.4rem center;
		padding-inline: 0.4rem 1.4rem;
	}

	.toto-shop-sidenav a,
	.toto-shop-subcats a,
	.toto-apj-tab,
	.toto-cpage-card-title,
	.toto-cpage-card-desc {
		min-width: 0;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.toto-shop-sidenav a {
		gap: 0.5rem;
	}
}

@media (max-width: 400px) {
	.toto-shop-inner,
	.toto-apj-inner,
	.toto-cpage-inner,
	.toto-blog-inner,
	.toto-cat-page-inner,
	.toto-sp-inner,
	.toto-spj-body-inner,
	.toto-pj-inner,
	.toto-cat-inner,
	.tsb-body-inner,
	.toto-global-breadcrumb-container {
		padding-inline: 0.75rem;
	}
}