/* Responsive overrides — load after public styles */

/* ===== Legacy layout & typography ===== */
@media (max-width: 767px) {
	.dropdown-list {
		display: none;
	}

	.dropdown-list.active {
		display: block;
		padding-top: 1rem;
	}

	.blog_image img {
		height: 100%;
	}

	.step-count img {
		width: 50px !important;
	}

	.fs-55 {
		font-size: 40px !important;
	}

	p {
		font-size: 16px !important;
	}

	.pricing-card h3 {
		width: 100% !important;
	}

	.text-dark {
		--bs-text-opacity: 1;
		color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
	}

	.ft-block {
		text-align: center;
	}

	.max-width {
		max-width: 220px;
	}

	.discount {
		top: 78px;
		right: 0px;
	}

	img.arrow-indicate {
		top: -37px;
		left: 16px;
		transform: rotate(112deg);
	}

	.dis-per {
		font-size: 12px;
		z-index: 9999;
		position: relative;
	}
}

@media (min-width: 768px) {
	.w-md-50 {
		width: 50% !important;
	}

	.m-h-160 {
		min-height: 160px;
	}

	.nav-item.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0px;
		margin-bottom: 10px;
		border: 0;
	}

	.gx-100 {
		--bs-gutter-x: 120px;
	}

	.included-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px 24px;
	}
}

@media screen and (max-width: 480px) {
	.text-block h2 {
		font-size: 24px;
		line-height: 25px;
	}

	.dropshippind-section .text-block h2 {
		line-height: 25px;
	}

	.text-block h1 {
		font-size: 28px;
	}

	.text-block h3 {
		font-size: 18px !important;
	}

	.text-block p {
		font-size: 16px !important;
	}

	.nav-link {
		font-size: 16px;
	}

	.btn {
		font-size: 14px;
	}

	.site-logo a img {
		width: 85px;
	}
}

@media screen and (min-width: 481px) and (max-width: 767px) {
	.text-block h2 {
		font-size: 26px;
		line-height: 35px;
	}

	.text-block h1 {
		font-size: 40px;
	}

	.text-block h3 {
		font-size: 20px !important;
	}

	.text-block p {
		font-size: 16px !important;
	}

	.nav-link {
		font-size: 16px;
	}

	.site-logo a img {
		width: 85px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.text-block h2 {
		font-size: 35px;
		line-height: 35px;
	}

	.text-block h1 {
		font-size: 30px;
	}

	.text-block h3 {
		font-size: 20px;
	}

	.text-block p {
		font-size: 18px !important;
	}
}

@media screen and (max-width: 991px) {
	.container {
		width: 90%;
	}

	.step-count img {
		width: 75px;
	}

	.section {
		padding: 30px 0px;
	}

	p {
		font-size: 18px;
	}

	.btn {
		font-size: 14px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1250px) {
	.nav-link {
		font-size: 13px;
	}

	.btn {
		font-size: 16px;
	}

	p {
		font-size: 18px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1366px) {
	.text-block h1 {
		font-size: 45px;
	}
}

@media screen and (max-width: 990px) {
	.nav-mb-hightlight {
		text-align: center;
		background: var(--main-color);
		color: #fff;

		svg {
			width: 20px;
			height: 20px;

			circle {
				fill: #fff !important;
			}

			path {
				fill: #fff !important;
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.fs-60 {
		font-size: 2rem;
	}

	.fs-50 {
		font-size: 35px;
		font-weight: 800;
	}

	.feat-price {
		font-weight: 800 !important;
	}
}

/* ===== Navbar ===== */
@media (max-width: 991.98px) {
	.navbar #navMain .dropdown-menu {
		position: static;
		float: none;
		width: 100%;
		margin-top: 0;
		margin-bottom: 0.5rem;
		border: 0;
		box-shadow: none;
		background: transparent;
		padding: 0 0 0 0.75rem;
	}

	.navbar #navMain .dropdown-item {
		padding-right: 0;
	}

	.fs-xl {
		font-size: 2.5rem;
	}

	.navbar-mobile-actions {
		position: relative;
		z-index: 3;
	}

	.navbar-mobile-lang-menu {
		min-width: 9rem;
		z-index: 1055;
	}
}

/* ===== Hero ===== */
@media (min-width: 992px) {
	#hero .hero-photo {
		justify-content: flex-end;
	}

	#hero .hero-photo-frame {
		max-width: 360px;
		margin-inline: 0 0 0 auto;
	}
}

@media (max-width: 991.98px) {
	#hero .hero-photo-frame {
		max-width: 280px;
	}

	#hero .hero-photo img {
		max-height: min(340px, 45vh);
	}
}

/* ===== Home pricing ===== */
@media (max-width: 767.98px) {
	.pricing-access-tabs-wrap {
		margin-bottom: 1.25rem;
		width: 100%;
		max-width: 100%;
	}

	#pricing-access-tabs.pricing-access-tabs {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		gap: 0.25rem;
		width: 100%;
		max-width: 100%;
		padding: 4px;
	}

	#pricing-access-tabs .pricing-access-tabs__tab {
		flex: 1 1 0;
		min-width: 0;
		justify-content: center;
		gap: 0.35rem;
		padding: 0.6rem 0.5rem;
		font-size: 0.85rem;
	}

	#pricing-access-tabs .pricing-access-tabs__label {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#pricing-access-tabs .pricing-tab-icon {
		width: 16px;
		height: 16px;
		flex-shrink: 0;
	}

	#pricing-access-tabs .seg-divider {
		display: none;
	}
}

@media (max-width: 359.98px) {
	#pricing-access-tabs .pricing-access-tabs__tab {
		font-size: 0.78rem;
		padding: 0.55rem 0.35rem;
	}

	#pricing-access-tabs .pricing-access-tabs__icon {
		width: 1rem;
		height: 1rem;
		font-size: 0.95rem;
	}
}

@media (max-width: 575.98px) {
	.pricing-common__list {
		column-count: 1;
	}
}

/* ===== Home sections ===== */
@media (max-width: 820px) {
	.ship-tile {
		border-left: none;
		text-align: center;
	}

	.ship-tile svg {
		margin: 0 auto 10px;
	}
}

/* ===== Toasts & notifications ===== */
@media (max-width: 767px) {
	.jq-toast-wrap.top-right {
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
	}

	.jq-toast-single {
		border-radius: 0;
		padding: 14px 44px 14px 16px;
		font-size: 14px;
		line-height: 1.4;
		text-align: left;
	}

	.jq-toast-single .jq-toast-heading {
		font-size: 1rem;
		margin-bottom: 0.25rem;
	}

	.close-jq-toast-single {
		top: 50%;
		right: 12px;
		transform: translateY(-50%);
		font-size: 1.5rem;
		line-height: 1;
	}

	.jq-has-icon {
		padding: 14px 44px 14px 50px !important;
		background-position: 14px center !important;
	}
}

/* ===== Accessibility ===== */
@media (prefers-reduced-motion: reduce) {
	.reveal,
	.reveal-stagger > * {
		opacity: 1;
		transform: none;
		transition: none;
	}
}