@media (min-width: 992px) {
	#home-categories ul.categories > li {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.qa-categories > li:hover,
	.qa-categories > li.active {
		border-color: #e68f98;
		background: #e68f98;
	}

	.qa-categories > li:hover > a,
	.qa-categories > li.active > a {
		color: #fff;
	}

	.qa-categories .sub li.menu-item-has-children.active > a {
		color: #000;
		background: #d77f88;
	}

	.qa-categories .sub .sub li.menu-item-has-children.active > a {
		background: #cc747d;
	}

	.qa-categories .sub .sub .sub li.menu-item-has-children.active > a {
		background: #c56c75;
	}

	.qa-categories .sub li.menu-item-has-children:hover > a::after,
	.qa-categories .sub li.menu-item-has-children.active > a::after {
		border-top-color: #21293e;
	}

	.qa-categories .sub li:hover > a {
		color: #000;
	}

	/* .qa-categories .sub li a:hover::before {
		background: #21293e;
	} */
}

@media (min-width: 576px) {
	.user-page .form-group .form-checkbox {
		margin-left: 15px;
	}
}

@media (max-width: 1199.98px) {
	.invite-page .meetings-info {
		padding-right: 45px;
		padding-left: 45px;
	}
	.invite-page .meetings .line {
		width: 45px;
	}
	.invite-page .meetings .date {
		width: 145px;
	}
	.invite-page .meetings .time {
		width: 140px;
	}
	.invite-page .meetings .duration {
		width: 100px;
	}
	.invite-page .meetings .topic {
		width: 265px;
	}
	.invite-page .meetings .contacts {
		width: 190px;
	}
}

@media (max-width: 991.98px) {
	.inner-header .container {
		background-color: transparent;
	}

	.inner-header::after {
		top: 53px;
	}

	.header-logo {
		margin: 10px auto;
	}

	#header .navbar {
		width: 100%;
		padding-top: 10px;
	}

	#header .navbar .nav {
		justify-content: center;
	}

	.search-panel {
		width: 100%;
		margin-left: 0;
		padding-top: 12px;
		padding-bottom: 20px;
	}

	#home-categories ul.sub {
		top: 100%;
		right: 0;
		left: 0;
		padding: 2px 6px;
	}

	#home-categories ul.sub::before {
		right: 0;
		left: 0;
		margin: 0 auto;
	}

	#home-categories ul.sub li {
		display: block;
		border: none;
		margin: 0;
		padding: 7px 0;
		border-bottom: 1px solid #fff;
	}

	.qa-categories {
		margin-bottom: 40px;
	}

	.qa-categories > li {
		flex-basis: auto;
	}

	.qa-categories > li.active {
		border-color: #e68f98;
	}

	.qa-categories > li.active > a {
		color: #e68f98;
	}

	.qa-categories .sub {
		position: relative;
		top: 0;
		color: #ffffff;
	}

	.qa-categories .sub::before {
		display: none;
	}

	.qa-categories .sub li {
		float: none;
		margin: 0;
	}

	.qa-categories .sub li a {
		padding: 6px 0;
	}

	.qa-categories .sub li.menu-item-has-children > a {
		padding-right: 0;
	}

	.qa-categories .sub a::before {
		position: relative;
		right: 0;
		width: 6px;
		height: 6px;
		margin: 0 8px 0 8px;
		display: inline-block !important;
		border: none;
		border-radius: 100%;
		background: #fff;
	}

	.qa-categories .sub .sub {
		width: auto;
		margin-right: 8px;
		margin-bottom: 10px;
		border-right: 4px solid #21293e;
		background: #e68f98 !important;
	}

	.qa-categories .sub li.active > a {
		color: #000;
		padding-bottom: 3px;
		display: inline-block;
	}

	.qa-categories .sub li.menu-item-has-children::after {
		display: none;
	}

	.qa-categories .sub li.menu-item-has-children > a::after {
		margin-right: 8px;
	}

	.qa-categories .sub li.active > a::after {
		border-top-color: #21293e;
	}

	.qa-categories .sub li.active > a::before {
		background: #21293e;
	}

	.subject-page .qa-categories .sub,
	.subject-page .qa-categories .sub .sub {
		position: static;
		width: auto;
		margin: 0 8px 8px;
		border: 0;
		background: #eaf6f7 !important;
	}

	.subject-page .qa-categories .sub .sub {
		margin: 4px 8px 5px;
		background: #d9edef !important;
	}

	.subject-page .qa-categories .sub a::before,
	.subject-page .qa-categories .sub a::after,
	.subject-page .qa-categories .sub li::before,
	.subject-page .qa-categories .sub li::after {
		display: none !important;
		content: none !important;
		border: 0 !important;
	}

	.search-results .thumb {
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
	}

	.product-page .foot,
	.sub-lessons .foot {
		position: relative;
		right: inherit;
		left: inherit;
		bottom: inherit;
	}

	.user-page #change-password {
		width: 60%;
	}

	.invite-page .meetings {
		background: none;
	}

	.invite-page .meetings-labals {
		display: none;
	}

	.invite-page .meetings-info {
		padding-right: 0;
		padding-left: 0;
		background: #f5f5f5;
	}

	.invite-page .meetings-info .line,
	.invite-page .meetings-info .actions {
		position: relative;
	}

	.invite-page .actions {
		order: 1;
	}

	.invite-page .meetings-info:last-child {
		margin-bottom: 0;
	}

	.invite-page .meetings-labals > div,
	.invite-page .meetings-info > div {
		width: 100% !important;
		border: none;
		border-bottom: 2px solid #fff;
	}

	.invite-page .meetings-info .line {
		color: #000;
		background: rgba(0, 0, 0, 0.1);
	}

	.invite-page .meetings-info .label {
		display: block;
		white-space: nowrap;
		font-size: 13px;
		margin-left: 6px;
	}

	.invite-page .meetings .info {
		border-top: none;
	}

	.invite-page .form-control {
		display: inline-block;
	}

	.invite-page .meetings .actions {
		padding: 4px 5px;
	}
	.invite-page .meetings .delete {
		font-size: 22px;
	}

}

@media (max-width: 767.98px) {
	#slider_container {
		height: 700px; /* ارتفاع بزرگ‌تر برای اسلایدر در حالت موبایل */
	}
	.header-logo {
		margin: 0 auto;
	}

	.search-panel {
		width: calc(100% - 40px);
		padding: 15px 0;
	}

	#home-slider .item {
		height: 240px;
	}

	#home-slider .item img {
		height: 100%;
		object-fit: cover;
	}

	#home-slider .slide-entry {
		text-align: center;
	}

	#home-slider .slide-entry h2 {
		padding-bottom: 0;
		font-size: 24px;
	}


	#home-slider .slide-entry {
		right: 10%;
	}

	#home-slider .owl-carousel .owl-nav button {
		width: 40px;
		height: 40px;
	}

	.home-section h5 {
		font-size: 18px;
	}
	
	.home-carousel .owl-carousel .owl-nav button {
		width: 46px;
		height: 46px;
	}
	
	.home-carousel .owl-nav .owl-prev {
		right: -15px;
	}
	
	.home-carousel .owl-nav .owl-next {
		left: -15px;
	}

	.selected-cats {
		display: block;
		margin: 35px 0 0;
		padding: 12px 0;
		border-radius: 3px;
		text-align: center;
		background: rgba(0,0,0,0.06);
	}

	.selected-cats::before,
	.selected-cats::after,
	.selected-cats li::before,
	.selected-cats li a::before{
		display: none;
	}

	.selected-cats li {
		width: auto;
		padding: 0;
		display: inline-block;
	}

	.selected-cats li::after {
		content: '\e811';
		display: inline-block;
		margin-right: 9px;
		padding-left: 5px;
		color: rgba(0,0,0,0.5);
		vertical-align: middle;
		font-family: 'font-icon';
	}

	.selected-cats li:last-child::after {
		display: none;
	}

	.selected-cats li a {
		margin: 0;
	}

	.search-cats {
		text-align: center;
	}

	.search-cats li {
		float: none;
		display: inline-block;
	}

	.search-results .thumb {
		text-align: center;
	}

	.search-results .desc {
		margin-bottom: 6px;
	}

	.search-results .code,
	.search-results .price {
		display: block;
		text-align: center;
	}

	.search-results .left-tools {
		float: none;
		margin-top: 15px;
		text-align: center;
	}

	.search-results .tools li {
		float: none;
		display: inline-block;
	}

	.search-results .bottom-tools {
		float: none;
		width: auto !important;
		display: inline-block;
		text-align: center;
	}

	.search-results .bottom-tools.top {
		border: none;
	}

	.search-results .bottom-tools li {
		margin: 0 8px 5px 0;
	}

	.search-results .bottom {
		justify-content: center;
	}

	.search-results .tools-col {
		flex: inherit;
		width: auto;
		padding: 0;
	}

	.search-results .tags {
		order: 1;
	}

	.search-results .tags ul {
		text-align: center;
		margin-top: 6px;
		border-top: 2px solid #7d868b;
	}

	.search-results .tags li {
		float: none;
		display: inline-block;
	}

	.search-results .tags li::after {
		margin-left: 3px;
	}

	#sub-lessons .item {
		width: calc(50% - 20px);
	}

	.user-page .table .count {
		margin: 0;
	}

	.user-page .checkout-summary ul li {
		margin-left: 0;
	}

	.user-page .checkout-summary span {
		display: inline-block;
	}

	.user-page .checkout-summary .label {
		margin-left: 6px;
	}

	.user-page .checkout-summary .label::after {
		content: ':';
	}

	.user-page #my-advice .row {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.user-page #my-advice .label {
		width: 100%;
		border: none;
		border-bottom: 1px solid #fff;
	}

	.user-page #my-advice .value {
		text-align: center;
	}

	.user-page #suggestion .row > div:first-child {
		border-bottom: 2px solid #fff;
		padding-bottom: 5px;
		margin-bottom: 15px;
	}

	.user-page #change-password {
		width: 100%;
	}

	#footer {
		padding-top: 30px;
	}
}

@media (max-width: 575.98px) {
	.search-panel {
		width: calc(100% - 38px);
	}

	.search-cats {
		margin-bottom: 0;
	}

	.search-cats li {
		display: block;
		border-left: 0;
		margin: 0;
		padding: 0;
		margin-bottom: 8px;
	}

	.search-cats li:last-child {
		margin-bottom: 0;
	}

	.search-cats li a {
		display: block;
	}

	.search-results h2 {
		font-size: 18px;
	}

	.search-results .thumb {
		max-width: 100%;
	}

	.qa-list .actions a {
		margin: 6px 0;
	}

	.product-page .desc,
	.sub-lessons .desc {
		margin-bottom: 30px;
	}

	.product-page .price,
	.sub-lessons .price {
		margin-bottom: 8px;
		width: 100%;
		text-align: center;
	}

	.product-page .tools,
	.sub-lessons .tools {
		text-align: center;
		width: 100%;
	}

	.product-page .tools li,
	.sub-lessons .tools li {
		float: none;
		display: inline-block;
	}

	.product-page .tags,
	.sub-lessons .tags {
		margin-bottom: 4px;
	}

	.product-page .tags li,
	.sub-lessons .tags li {
		margin-bottom: 4px;
	}

	.product-page {
		padding-top: 0px;
	}

	.product-img {
		padding: 0;
		margin: 0;
		z-index: 1;
	}

	.product-img img {
		height: 240px;
		object-fit: cover;
	}

	.product-img .slide-entry {
		right: 15px;
	}

	.main-product {
		margin-bottom: 0;
		padding-bottom: 20px;
	}

	.main-product .product-header{
		margin-top: 10px;
	}

	.product-tabs-list {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.product-tabs-list li.active::after {
		bottom: -24px;
	}

	#sub-lessons .item {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.lessons .sub-lessons {
		margin: 0;
		margin-bottom: 25px;
	}

	.user-page .form-group .form-checkbox {
		margin-right: 5px;
		margin-bottom: 8px;
	}

	.user-page .form-group .label {
		display: block;
		margin-bottom: 8px;
	}

	.user-page .btn {
		display: block;
		margin: 0 auto 8px;
	}

	.invite-page .inner .form-row {
		margin: 0 0 6px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.inner-header .container {
		background-color: transparent;
	}

	#header .navbar {
		padding-top: 30px;
	}

	.search-panel {
		margin-left: 0;
		padding-top: 25px;
		padding-bottom: 20px;
		width: 600px;
	}
}


@media (min-width: 1200px) {
	.inner-header .container {
		display: flex;
		align-items: flex-start;
	}

	.inner-header .logo {
		order: 1;
		flex: 0 0 275px;
	}

	.inner-header .search-panel {
		order: 2;
		flex: 1 1 auto;
		width: auto;
		margin: 0 22px 0 14px;
	}

	.inner-header .navbar {
		order: 3;
		flex: 0 0 auto;
	}

	.container-new {
		max-width: 85%;
	}
}

@media (max-width: 575.98px) {
	.invite-info-page {
		padding: 18px 0 35px;
	}

	.invite-page-header {
		align-items: flex-start;
		padding: 20px;
	}

	.invite-page-icon {
		width: 44px;
		height: 44px;
		flex-basis: 44px;
	}

	.invite-card-heading {
		padding: 18px;
	}

	.invite-info-page .invite-guide-body {
		padding: 18px;
	}

	.invite-info-page #help p {
		padding-left: 4px;
		font-size: 11px;
	}

	.invite-info-page #help .invite-subitem {
		margin-right: 12px;
		padding: 9px 28px 9px 8px;
	}

	.invite-info-page #help .invite-subitem::before {
		right: 11px;
	}

	.invite-guide-footer {
		align-items: flex-start;
		margin: 0 18px 18px;
	}

	.content-page {
		padding: 18px 0 35px;
	}

	.content-page-header {
		align-items: flex-start;
		padding: 20px;
	}

	.content-page-icon {
		width: 44px;
		height: 44px;
		flex-basis: 44px;
	}

	.content-card-heading {
		padding: 18px;
	}

	.content-page-body {
		min-height: 250px;
		padding: 22px 18px 28px;
		font-size: 12px;
	}

	.content-page-body table td,
	.content-page-body table th {
		padding: 11px 12px;
	}

	.contact-content-page .content-page-body table td {
		padding-right: 36px;
	}

	.contact-content-page .content-page-body table td::before {
		right: 14px;
	}

	.advice-page {
		padding-top: 18px;
	}

	.advice-page-header {
		align-items: flex-start;
		padding: 20px;
	}

	.advice-page-icon {
		width: 44px;
		height: 44px;
		flex-basis: 44px;
	}

	.advice-section-heading,
	.advice-form-body {
		padding: 18px;
	}

	.advice-form-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.advice-page .advice-form-actions .btn {
		width: 100%;
	}

	.advice-guide-header,
	.advice-guide-body {
		padding: 18px;
	}

	.my-advice-list {
		grid-template-columns: 1fr;
		padding: 14px;
	}

	.comment-page {
		padding-top: 18px;
	}

	.comment-page-header {
		align-items: flex-start;
		padding: 20px;
	}

	.comment-page-icon {
		width: 44px;
		height: 44px;
		flex-basis: 44px;
	}

	.comment-section-heading,
	.comment-form-body {
		padding: 18px;
	}

	.comment-form-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.comment-page .comment-form-actions .btn {
		width: 100%;
	}

	.comment-table-wrap {
		padding-right: 10px;
		padding-left: 10px;
	}

	#footer .footer-menu {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	#footer .footer-menu li {
		padding: 7px 5px;
	}

	#footer .footer-menu li + li::before {
		display: none;
	}

	.user-modal .modal-body {
		padding: 22px 20px 24px !important;
	}

	.user-modal-brand {
		margin: -22px -20px 22px;
		padding: 22px 20px 20px;
	}

	.cart-page { padding-top: 18px; }
	.cart-page-header { align-items: flex-start; padding: 20px; border-radius: 18px; }
	.cart-page-icon { flex-basis: 44px; width: 44px; height: 44px; border-radius: 14px; font-size: 20px; }
	.cart-page-header h1 { font-size: 19px; }
	.cart-tabs { display: grid; grid-template-columns: repeat(3, 1fr); padding: 5px; }
	.cart-tabs li { padding: 8px 4px; font-size: 11px; }
	.cart-tabs li i { display: none; }
	.cart-section-heading, .checkout-card-heading { padding: 18px; }
	.cart-table-wrap { overflow: visible; padding: 5px 14px 14px; }
	.cart-table thead { display: none; }
	.cart-table, .cart-table tbody, .cart-table tr, .cart-table td { display: block; width: 100%; }
	.cart-table tbody tr { margin: 10px 0; padding: 10px 14px; border: 1px solid #e8eef1; border-radius: 14px; background: #fff; }
	.cart-table tbody td { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 9px 0; text-align: left; border-bottom: 1px dashed #e8eef1; }
	.cart-table tbody td:last-child { border-bottom: 0; }
	.cart-table tbody td::before { content: attr(data-title); color: #80929b; text-align: right; font-size: 11px; }
	.cart-table tbody td[data-title="عنوان"] { display: block; text-align: right; }
	.cart-table tbody td[data-title="عنوان"]::before { display: block; margin-bottom: 5px; }
	.cart-product-title { -webkit-line-clamp: 3; }
	.cart-subject-text { text-align: left; }
	.cart-media-type,.cart-meta-chip,.cart-quantity-badge { min-height: 26px; padding: 4px 8px; }
	.cart-checkout-grid { grid-template-columns: 1fr; }
	.checkout-card form { padding: 18px 18px 0; }
	.delivery-options { grid-template-columns: 1fr; }
	.delivery-option { min-height: 76px; }
	.cart-address-head { display: block; }
	.cart-address-head small { display: block; margin-top: 5px; }
	.cart-new-address-fields { grid-template-columns: 1fr; }
	.cart-download-only-card { padding: 15px; }
	.cart-profile-form { padding: 18px; }
	.cart-profile-actions { display: block; }
	.cart-profile-actions .btn, .cart-profile-actions .alert { width: 100%; margin-top: 10px; }
	.cart-summary-card { position: static; padding: 20px; }
	.cart-continue-button { width: 100%; }
	.cart-empty-state { padding: 45px 18px; }
	.cart-guide-content { padding: 20px 18px; }

	.subject-page { padding-top: 18px; }
	.subject-page-header { align-items: flex-start; padding: 20px; border-radius: 18px; }
	.subject-page-icon { flex-basis: 44px; width: 44px; height: 44px; border-radius: 14px; font-size: 20px; }
	.subject-page-header h1 { font-size: 19px; }
	.subject-info-card { align-items: flex-start; }
	.subject-section-heading, .subject-results-heading { padding: 18px; }
	.subject-section-heading > span { display: none; }
	.subject-page .qa-categories { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; padding: 16px; }
	.subject-page .qa-categories > li { flex-basis: auto; }
	.subject-page .qa-categories .sub { top: 0; margin: 0 8px 8px; padding: 8px; border-radius: 10px; box-shadow: none; }
	.subject-page .qa-categories .sub::before { display: none; }
	.subject-page .qa-categories .sub li { margin: 0; }
	.subject-page .qa-list { padding: 14px; }
	.subject-page .qa-list .question, .subject-page .qa-list .answer { grid-template-columns: 1fr; gap: 9px; padding: 16px; }
	.subject-answer-label { width: fit-content; }
	.subject-audio { align-items: stretch; flex-direction: column; margin: 0 16px 16px; }
	.subject-audio audio { width: 100%; }
	.subject-empty-state { margin: 16px; }

	#home-slider .home-media-slide { height: clamp(420px, 118vw, 560px); }
	#home-slider .home-slide-shade { background: linear-gradient(0deg, rgba(5,25,34,.7) 0%, rgba(5,25,34,.12) 65%); }
	#home-slider .home-slide-caption-wrap { bottom: 24px; padding-right: 18px; padding-left: 18px; }
	#home-slider .home-slide-caption { width: 100%; max-height: 245px; overflow-y: auto; padding: 17px 18px; border-radius: 16px; text-align: right; }
	#home-slider .home-slide-caption h2 { padding: 0; font-size: 19px; background: transparent; }
	#home-slider .home-slide-description { font-size: 12px; }
	#home-slider .home-slide-tools { top: 12px; left: 12px; }
	#home-slider .home-slide-tools a, #home-slider .home-slide-tools button { width: 32px; height: 32px; }
	#home-slider .owl-carousel .owl-nav button { top: 43%; width: 34px; height: 34px; }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
	.product-detail-page { padding: 36px 0 50px; }
	.product-detail-hero { grid-template-columns: minmax(0,1fr) minmax(280px,420px); grid-template-areas: "intro preview" "purchase purchase"; gap: 20px; }
	.product-detail-preview { max-width: 420px; margin-right: auto; margin-left: auto; aspect-ratio: 4 / 5; }
	.product-media-frame { padding-top: 42px; padding-bottom: 44px; }
	.product-detail-intro { padding: 0; }
	.product-detail-intro h1 { margin: 14px 0 16px; font-size: 23px; line-height: 1.65; }
	.product-detail-description { max-height: 270px; overflow-y: auto; padding: 16px 18px; }
	.product-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.product-fact { min-height: 78px; padding: 13px 14px; }
	.product-purchase-box { position: static; display: grid; grid-template-columns: minmax(150px,.55fr) minmax(220px,1fr) minmax(0,.85fr); align-items: center; gap: 16px; }
	.purchase-box-title { padding-bottom: 0; border-bottom: 0; }
	.product-purchase-benefits,.purchase-help { grid-column: 1 / -1; }
	.product-purchase-benefits { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.product-related-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.product-detail-hero { grid-template-columns: 1fr; grid-template-areas: "preview" "intro" "purchase"; }
	.product-detail-preview { max-width: 500px; }
	.product-detail-description { max-height: none; }
	.product-purchase-box { grid-template-columns: minmax(140px,.45fr) minmax(0,1fr); }
	.purchase-box-title { display: none; }
	.product-purchase-action { min-width: 0; }
	.product-purchase-benefits,.purchase-help { grid-column: 1 / -1; }
	.product-purchase-benefits { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.product-related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 767.98px) {
	.nav-menu .header-category-menu { display: none; }
	#mobile-menu .has-children > a i { display: none; }
	.latest-products-section { padding: 32px 0 42px; }
	.latest-products-heading { margin-bottom: 16px; }
	.latest-products-heading h2 { font-size: 19px; }
	.latest-products-section .owl-nav .owl-prev { right: -7px; }
	.latest-products-section .owl-nav .owl-next { left: -7px; }
	.latest-products-section .latest-product-card,
	.product-group-section .latest-product-card { height: 270px; }
	.latest-product-image { flex-basis: 174px; height: 174px; }
	.latest-product-info { flex-basis: 96px; height: 96px; min-height: 0; padding: 12px 14px 13px; }
	.product-group-section { padding: 48px 0 44px; }
	.product-group-heading { margin-bottom: 26px; }
	.product-group-heading h2 { min-width: 220px; max-width: 82vw; padding: 10px 34px; font-size: 16px; clip-path: polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%); }
	.latest-products-section .owl-nav button,
	.product-group-section .owl-nav button { width: 38px; height: 38px; margin-top: -19px; border-radius: 12px; box-shadow: 0 7px 18px rgba(24,59,78,.16),0 0 0 3px rgba(255,255,255,.55); }
	.product-group-section .owl-nav .owl-prev { right: -7px; }
	.product-group-section .owl-nav .owl-next { left: -7px; }
	.search-product-grid { grid-template-columns: 1fr; }
	.search-product-card { grid-template-columns: 180px minmax(0,1fr); }
	.product-detail-page { padding: 30px 0 40px; }
	.product-detail-hero { grid-template-columns: 1fr; grid-template-areas: "preview" "intro" "purchase"; min-height: 0; gap: 16px; }
	.product-detail-preview { max-width: 520px; margin: 0 auto; aspect-ratio: 4 / 5; }
	.product-detail-preview img,.product-detail-preview video { max-height: none; }
	.product-detail-intro { padding: 10px 4px 0; }
	.product-detail-intro h1 { margin: 14px 0 16px; font-size: 22px; }
	.product-detail-description { padding: 16px; }
	.product-facts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
	.product-fact { min-height: 90px; padding: 15px; }
	.product-related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
	.product-related-card { min-height: 330px; }
	.product-related-image { height: 190px; }
}

@media (max-width: 575px) {
	.search-modern-page { padding: 22px 0 42px; }
	.search-modern-hero { grid-template-columns: 48px minmax(0,1fr); padding: 18px; border-radius: 20px; }
	.search-modern-icon { width: 48px; height: 48px; border-radius: 16px; font-size: 22px; }
	.search-modern-hero h1 { font-size: 20px; }
	.search-modern-count { grid-column: 1 / -1; min-height: 58px; flex-direction: row; gap: 8px; }
	.search-modern-form { grid-template-columns: 34px minmax(0,1fr); }
	.search-modern-form button { grid-column: 1 / -1; width: 100%; }
	.search-modern-tabs.search-cats { overflow-x: auto; padding-bottom: 4px; }
	.search-modern-tabs.search-cats li a { white-space: nowrap; }
	.search-product-grid { grid-template-columns: 1fr; }
	.search-product-card { grid-template-columns: 1fr; gap: 13px; padding: 13px; border-radius: 18px; }
	.search-product-thumb { min-height: 210px; }
	.search-product-footer { align-items: flex-start; flex-direction: column; }
	.search-product-footer > div { width: 100%; }
	.search-view-link { flex: 1; }
	.search-advice-card { padding: 16px; }
	.product-detail-preview { max-width: 390px; min-height: 0; }
	.product-detail-preview { padding: 12px; border-radius: 16px; }
	.product-preview-head { top: 12px; right: 12px; left: 12px; }
	.product-preview-head span,.product-preview-head small { min-height: 28px; padding: 5px 9px; font-size: 10px; }
	.product-media-frame { padding: 38px 6px 40px; border-radius: 12px; }
	.product-preview-label { right: 20px; bottom: 18px; font-size: 11px; }
	.product-detail-intro { padding: 14px 4px 0; }
	.product-detail-intro h1 { font-size: 19px; }
	.product-detail-kicker { gap: 7px; }
	.product-type-badge,.product-category-pill { min-height: 31px; padding: 6px 10px; font-size: 11px; }
	.product-facts { grid-template-columns: 1fr; }
	.product-fact { min-height: 76px; }
	.product-detail-page { padding-bottom: 118px; }
	.product-purchase-box { position: fixed; z-index: 990; right: 0; bottom: 0; left: 0; top: auto; display: grid; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); border-width: 1px 0 0; border-radius: 16px 16px 0 0; box-shadow: 0 -8px 28px rgba(20,50,60,.16); grid-template-columns: auto minmax(190px,1fr); align-items: center; gap: 10px; }
	.purchase-box-title,.purchase-help,.product-purchase-benefits { display: none; }
	.product-price { min-width: 90px; flex-direction: column; align-items: flex-start; gap: 2px; }
	.product-price > strong { font-size: 17px; white-space: nowrap; }
	.product-purchase-action { min-width: 0; }
	.product-buy-button { width: 100%; min-width: 0; min-height: 45px; padding: 9px 12px; }
	.product-cart-actions { gap: 8px; }
	.product-cart-copy strong { font-size: 12px; }
	.product-cart-copy a { font-size: 10px; }
	.product-cart-stepper { min-width: 98px; height: 44px; grid-template-columns: 30px 32px 30px; }
	.product-cart-actions:not(.has-add-more) .product-cart-stepper { min-width: 68px; grid-template-columns: 32px 32px; }
	.product-cart-step { width: 30px; height: 34px; }
	.product-cart-qty { min-width: 30px; height: 34px; }
	.product-related-grid { grid-template-columns: 1fr; }
	.product-related-card { width: 100%; max-width: 340px; min-height: 320px; margin: 0 auto; }
	.product-related-image { height: 185px; }
	.product-related-bottom { align-items: flex-start; flex-direction: column; }
	.product-related-bottom i { width: 100%; justify-content: center; }
}
@media (min-width: 576px) {
	.container-new {
		max-width: 95%;
	}
}
@media (min-width: 768px) {
	.container-new {
		max-width: 90%;
	}
}

/* Keep the thematic-answer accordion colors independent from legacy menu styles. */
.subject-page .qa-categories > li { align-self: start; }
.subject-page .qa-categories .category-link { cursor: pointer; }
.subject-page .qa-categories .sub li.menu-item-has-children.active > a {
	color: #fff !important;
	background: #2b7c88 !important;
}
.subject-page .qa-categories .sub .sub li > a,
.subject-page .qa-categories .sub .sub .sub li > a {
	color: #294f5b !important;
	background: transparent !important;
}
.subject-page .qa-categories .sub .sub li > a:hover,
.subject-page .qa-categories .sub .sub .sub li > a:hover {
	color: #173d50 !important;
	background: #c4e3e6 !important;
}
.subject-page .qa-categories .sub .sub li > a.selected,
.subject-page .qa-categories .sub .sub .sub li > a.selected {
	color: #214b57 !important;
	background: #a9d6db !important;
}
.subject-page .qa-categories > li > .sub > li:not(.menu-item-has-children) > a.selected {
	color: #fff !important;
	background: #2b7c88 !important;
}