/* Мобильные телефоны (0px - 479px) */
@media (max-width: 480px) {
	/* Стили для маленьких телефонов */
	navbar div#nav-items {
		display: none;
	}
	.burger {
		display: flex;
	}
	.burger.active + #nav-items {
		display: flex; /* Показываем меню при нажатии на бургер */
	}
	input#search-input {
		display: none;
	}


	main-container,
	div#main-section div#main-block,
	div#main-section div#main-cards,
	div#main-section div#main-computers,
	div.container,
	footer div.container div#footer-cards,
	div#apmaksa-block,
	div#kontakti-block {
		width: 100%;
		padding: 0 1rem;
	}
	navbar div#nav-logo {
		width: 50%;
	}
	navbar div#nav-right {
		width: 50%;
    justify-content: flex-end;
	}
	div#main-section div#main-block {
		min-height: 50vh;
		border-radius: 0;
		align-items: center;
		gap: 1.5rem;
	}
	div#main-section div#main-block div#main-btns {
		margin-top: 0;
	}
	div#main-section div#main-block h2,
	div#main-section div#main-block p,
	div#main-section div#main-block div#main-btns {
		max-width: 100%;
	}
	div#main-section div#main-block p {
		text-align: center;
	}
	div#about-section div.container div#about-block div#about-block__text {
		width: 100%;
		align-items: center;
	}
	div#main-section div#main-block img,
	div#about-section div.container div#about-block div#about-block__img,
	div#contact-section div.container div#contact-block div#contact-block__img,
	footer div.container div#footer-cards {
		display: none;
	}
	div#main-section div#main-cards a {
		width: 25%;
		height: 12rem;
	}
	div#main-section div#main-computers h2 {
		text-align: center;
	}
	div#advantages-section div.container div#advantages-section__cards div.advantage-card h4 {
		word-break: break-word;
	}
	div#main-section div#main-cards {
		margin: 1rem auto;
	}
	div#main-section div#main-block h2,
	footer div.container div#footer-cards div.footer-cards__card h4,
	footer div.container div#footer-cards div.footer-cards__card p {
		text-align: center;
		word-break: break-word;
	}
	div#contact-section {
		padding: 6rem 0;
	}
	footer {
		padding: 2rem 0;
	}
	div#advantages-section div.container div#advantages-section__cards {
		gap: 3rem;
	}
	div#advantages-section div.container div#advantages-section__cards div.advantage-card {
		padding-right: 0;
		flex: 1 1 40%;
	}
	div#about-section div.container h2,
	div#advantages-section div.container h2,
	div#advantages-section div.container h2 b {
		line-height: 6rem;
	}
	div#contact-section div.container p {
		margin-bottom: 5rem;
	}
	div#contact-section div.container div#contact-block div#contact-block__form {
		margin-left: 0;
		flex: 1;
	}
	footer div.container div#footer-cards {
		top: -15rem;
	}
	div#catalogue-block div.container div.second-line div#second-line__left {
		width: 50%;
		gap: 1.5rem;
	}
	div#catalogue-block div.container div.second-line div#second-line__right a:nth-child(1) {
		display: none !important;
	}
	div#catalogue-block div.container div.second-line div#second-line__right b,
	div#catalogue-block div.container div.second-line div#second-line__right a {
		font-size: 1.2rem;
		padding: .5rem 1rem;
	}
	div#catalogue-block div.container div.first-line div.row a {
		font-size: 1.2rem;
	}
	
	div#products a {
		width: 100%;
	}

	div#product-block div.container div#tehn-block div#tehn-block-column1,
	div#product-block div.container div#tehn-block div#tehn-block-column2,
	div#product-block div.container div#tehn-block div.tehn-block__info {
		width: 100%;
	}
	div#product-block div.container div#tehn-block div#tehn-block-column1,
	div#product-block div.container div#tehn-block div#tehn-block-column2 {
		align-items: center;
	}
	div#product__main-block div#product__main-block__photos,
	div#product__main-block div#product__main-block__info {
		width: 100%;
	}
	div#product__main-block div#product__main-block__photos div#thumbnail-container img.thumbnail {
		width: 14rem;
		height: 10rem;
	}
	div#product__main-block div#product__main-block__photos div#thumbnail-container {
		max-height: 10rem;
	}
	div#product__main-block div#product__main-block__info {
		margin-top: 2rem;
		align-items: center;
	}

	.product-image {
		max-width: 10rem;
		width: 100%;
		height: auto;
	}
	div#grozs-block div.container div#grozs-pasutit {
		font-size: 1.5rem;
	}
	div#grozs-block div.container div#piegade-info div#piegade-info__img {
		display: none;
	}
	.cart-table tr:last-child td,
	div#grozs-block div.container div#grozs-pasutit {
		padding: .5rem;
	}
	
	div#pasut-form,
	div#pasut-preces-block {
		width: 100%;
	}
	div#pasut-form {
		margin: 0 0 1rem 0;
	}
	div#pasut-preces-block {
		margin: 0 0 3rem 0;
	}

	.payment-option .icon {
		display: none;
	}

	div#apmaksa-block div.container div#apmaksa-main,
	div#kontakti-block div.container div#kontakti-main {
		flex-direction: column;
	}
	div#apmaksa-block div.container div#apmaksa-main__first,
	div#kontakti-block div.container div#kontakti-main__first {
		width: 100%;
		margin-bottom: 2rem;
		padding: 0;
	}
	div#apmaksa-block div.container div#apmaksa-main__second,
	div#kontakti-block div.container div#kontakti-main__second {
		display: none;
	}
	div#main-section div#main-computers div#main-computers_cards {
		flex-wrap: wrap;
    justify-content: center;
	}
	div#main-section div#main-computers div#main-computers_cards a {
		width: 75%;
	}
	div#mobile-footer a,
	div#mobile-footer p {
		font-size: 1rem;
		text-align: center;
		word-break: break-word;
	}
	div#mobile-footer div img {
		width: 3rem;
		height: 3rem;
	}
	div#mobile-footer {
		font-size: 1rem;
		display: flex;
	}
	.cookie-banner {
		flex-direction: column;
	}

	div#product-block div.container div#tehn-block div#mobile {
		display: flex;
	}
	div#product-block div.container div#tehn-block div#computer {
		display: none;
	}
}
@media (max-width: 495px) {
	div.form-row {
    flex-wrap: nowrap;
    flex-direction: column;
	}
}

/* Стандартные телефоны (480px - 767px) */
@media (min-width: 480px) and (max-width: 767px) {
	/* Стили для телефонов */
	navbar div#nav-items {
		display: none;
	}
	.burger {
		display: flex;
	}
	.burger.active + #nav-items {
		display: flex; /* Показываем меню при нажатии на бургер */
	}
	input#search-input {
		display: none;
	}

	main-container,
	div#main-section div#main-block,
	div#main-section div#main-cards,
	div#main-section div#main-computers,
	div.container,
	footer div.container div#footer-cards,
	div#apmaksa-block,
	div#kontakti-block {
		width: 100%;
		padding: 0 1rem;
	}
	navbar div#nav-logo {
		width: 50%;
	}
	navbar div#nav-right {
		width: 50%;
    justify-content: flex-end;
	}
	div#main-section div#main-block {
		min-height: 50vh;
		border-radius: 0;
		align-items: center;
		gap: 1.5rem;
	}
	div#main-section div#main-block div#main-btns {
		margin-top: 0;
	}
	div#main-section div#main-block h2,
	div#main-section div#main-block p,
	div#main-section div#main-block div#main-btns {
		max-width: 100%;
	}
	div#main-section div#main-block p {
		text-align: center;
	}
	div#about-section div.container div#about-block div#about-block__text {
		width: 100%;
		align-items: center;
	}
	div#main-section div#main-block img,
	div#about-section div.container div#about-block div#about-block__img,
	div#contact-section div.container div#contact-block div#contact-block__img,
	footer div.container div#footer-cards {
		display: none;
	}
	div#main-section div#main-cards a {
		width: 25%;
		height: 12rem;
	}
	div#main-section div#main-computers h2 {
		text-align: center;
	}
	div#advantages-section div.container div#advantages-section__cards div.advantage-card h4 {
		word-break: break-word;
	}
	div#main-section div#main-cards {
		margin: 1rem auto;
	}
	div#main-section div#main-block h2,
	footer div.container div#footer-cards div.footer-cards__card h4,
	footer div.container div#footer-cards div.footer-cards__card p {
		text-align: center;
		word-break: break-word;
	}
	div#contact-section {
		padding: 6rem 0;
	}
	footer {
		padding: 2rem 0;
	}
	div#advantages-section div.container div#advantages-section__cards {
		gap: 3rem;
	}
	div#advantages-section div.container div#advantages-section__cards div.advantage-card {
		padding-right: 0;
		flex: 1 1 calc(33.333% - 3rem);
	}
	div#contact-section div.container p {
		margin-bottom: 5rem;
	}
	div#contact-section div.container div#contact-block div#contact-block__form {
		margin-left: 0;
		flex: 1;
	}
	footer div.container div#footer-cards {
		top: -15rem;
	}
	div#catalogue-block div.container div.second-line div#second-line__left {
		width: 50%;
		gap: 1.5rem;
	}
	div#catalogue-block div.container div.second-line div#second-line__right a:nth-child(1) {
		display: none !important;
	}
	div#catalogue-block div.container div.second-line div#second-line__right b,
	div#catalogue-block div.container div.second-line div#second-line__right a {
		font-size: 1.2rem;
		padding: .5rem 1rem;
	}
	div#products {
    justify-content: space-between;
	}
	div#products a {
		width: calc(50% - 1vw);
	}

	div#product-block div.container div#tehn-block div#tehn-block-column1,
	div#product-block div.container div#tehn-block div#tehn-block-column2,
	div#product-block div.container div#tehn-block div.tehn-block__info {
		width: 100%;
	}
	div#product-block div.container div#tehn-block div#tehn-block-column1,
	div#product-block div.container div#tehn-block div#tehn-block-column2 {
		align-items: center;
	}
	div#product__main-block div#product__main-block__photos,
	div#product__main-block div#product__main-block__info {
		width: 100%;
	}
	div#product__main-block div#product__main-block__photos div#thumbnail-container img.thumbnail {
		width: 14rem;
		height: 10rem;
	}
	div#product__main-block div#product__main-block__photos div#thumbnail-container {
		max-height: 10rem;
	}
	div#product__main-block div#product__main-block__info {
		margin-top: 2rem;
		align-items: center;
	}

	.product-image {
		width: 15rem;
		height: auto;
	}
	
	div#pasut-form,
	div#pasut-preces-block {
		width: 100%;
	}
	div#pasut-form {
		margin: 0 0 1rem 0;
	}
	div#pasut-preces-block {
		margin: 0 0 3rem 0;
	}

	div#apmaksa-block div.container div#apmaksa-main,
	div#kontakti-block div.container div#kontakti-main {
		flex-direction: column;
	}
	div#apmaksa-block div.container div#apmaksa-main__first,
	div#kontakti-block div.container div#kontakti-main__first {
		width: 100%;
		margin-bottom: 2rem;
		padding: 0;
	}
	div#apmaksa-block div.container div#apmaksa-main__second {
		width: 100%;
		margin: 1rem 0 2rem 0;
		display: flex;
		justify-content: center;
	}
	div#kontakti-block div.container div#kontakti-main__second {
		display: none;
	}
	div#apmaksa-block div.container div#apmaksa-main__second img {
		width: 60%;
		object-fit: contain;
	}
	div#main-section div#main-computers div#main-computers_cards {
		flex-wrap: wrap;
    justify-content: center;
	}
	div#main-section div#main-computers div#main-computers_cards a {
		width: 75%;
	}
	div#mobile-footer {
		display: flex;
	}
	.cookie-banner button {
		width: 40%;
		padding: .5rem 1rem;
	}

	div#product-block div.container div#tehn-block div#mobile {
		display: flex;
	}
	div#product-block div.container div#tehn-block div#computer {
		display: none;
	}
}

/* Планшеты (768px - 1024px) */     /*/// DONE ///*/
@media (min-width: 768px) and (max-width: 1024px) {
	/* Стили для планшетов */
	main-container,
	div#main-section div#main-block,
	div#main-section div#main-cards,
	div#main-section div#main-computers,
	div.container,
	footer div.container div#footer-cards {
		width: 100%;
		padding: 0 1rem;
	}
	navbar div#nav-logo {
		width: 15%;
	}
	navbar div#nav-right {
		width: 85%;
	}
	div#main-section div#main-block {
		min-height: 50vh;
		align-items: center;
		gap: 1.5rem;
	}
	div#main-section div#main-block div#main-btns {
		margin-top: 0;
	}
	div#main-section div#main-block h2,
	div#main-section div#main-block p,
	div#main-section div#main-block div#main-btns {
		max-width: 100%;
	}
	div#main-section div#main-block p {
		text-align: center;
	}
	div#about-section div.container div#about-block div#about-block__text {
		width: 100%;
		align-items: center;
	}
	div#main-section div#main-block img,
	div#about-section div.container div#about-block div#about-block__img,
	div#contact-section div.container div#contact-block div#contact-block__img {
		display: none;
	}
	div#main-section div#main-cards a {
		width: 25%;
		height: 20rem;
	}
	div#advantages-section div.container div#advantages-section__cards {
		gap: 3rem;
	}
	div#advantages-section div.container div#advantages-section__cards div.advantage-card {
		padding-right: 0;
		flex: 1 1 calc(33.333% - 3rem);
	}
	div#contact-section div.container p {
		margin-bottom: 5rem;
	}
	div#contact-section div.container div#contact-block div#contact-block__form {
		margin-left: 0;
		flex: 1;
	}
	footer div.container div#footer-cards {
		top: -15rem;
	}
	div#catalogue-block div.container div.second-line div#second-line__left {
		gap: 2rem;
	}

	div#pasut-form,
	div#pasut-preces-block {
		width: 100%;
	}
	div#pasut-form {
		margin: 0 0 1rem 0;
	}
	div#pasut-preces-block {
		margin: 0 0 3rem 0;
	}

	div#apmaksa-block div.container div#apmaksa-main,
	div#kontakti-block div.container div#kontakti-main {
		flex-direction: column;
	}
	div#apmaksa-block div.container div#apmaksa-main__first,
	div#kontakti-block div.container div#kontakti-main__first {
		width: 100%;
		padding: 0;
	}
	div#kontakti-block div.container div#kontakti-main__first {
		margin-bottom: 2rem;
	}
	div#apmaksa-block div.container div#apmaksa-main__second {
		width: 100%;
		margin: 1rem 0 4rem 0;
		display: flex;
		justify-content: center;
	}
	div#kontakti-block div.container div#kontakti-main__second {
		display: none;
	}
	div#apmaksa-block div.container div#apmaksa-main__second img {
		width: 60%;
		object-fit: contain;
	}
	div#main-section div#main-computers div#main-computers_cards {
		flex-wrap: wrap;
	}
	div#main-section div#main-computers div#main-computers_cards a {
		width: calc(50% - 2rem);
	}
	.cookie-banner button {
		width: 20%;
		padding: .5rem 1rem;
	}
}

/* Маленькие ноутбуки и нетбуки (1024px - 1320px) */     /*/// DONE ///*/
@media (min-width: 1024px) and (max-width: 1320px) {
	/* Стили для маленьких ноутбуков */
	main-container,
	div#main-section div#main-block,
	div#main-section div#main-cards,
	div#main-section div#main-computers,
	div.container,
	footer div.container div#footer-cards {
		width: 100%;
		padding: 0 3rem;
	}
	div#main-section div#main-block h2,
	div#main-section div#main-block p,
	div#main-section div#main-block div#main-btns {
		max-width: calc(45% - 3rem);
	}
	div#main-section div#main-block img {
		bottom: 20%;
		right: 3rem;
	}
	div#main-section div#main-cards a {
		width: 25%;
		height: 20rem;
	}
	div#contact-section div.container div#contact-block div#contact-block__img {
		display: flex;
		align-items: center;
	}
}