/* =======================================
   LARGE DESKTOPS (min-width: 1200px)
======================================= */
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}



/* =======================================
   <= 960px (TABLETS, SMALL LAPTOPS)
======================================= */
@media (max-width: 960px) {

  /* Layout */
  .layout {
  	display: block;
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 20px 0;
  }

  .layout aside {
    position: static;
    width: 100%;
  }

  .layout section {
    width: 100%;
    min-width: 0;
  }

  /* Trust block */
  .block--trust {
    display: none;
  }
  .block--trust .trust__grid {
    grid-template-columns: 1fr;
  }

  /* Pet form */
  .pet-form fieldset .pet-form__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

	.mobile-category-tabs {
		*margin-top: 1rem;
		padding: 1rem;
		background: #fff;
		border-radius: 12px;
	}

	.mobile-category-tabs .tabs__nav {
		overflow-x: auto;
		white-space: nowrap;
	}
}



/* =======================================
   <= 768px (TABLETS / PHABLETS)
======================================= */
@media (max-width: 768px) {

	.block {
		padding: 16px 0;
	}

  .header__bar {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .header__search {
    width: 100%;
  }

  .header__actions {
    margin-left: 0;
  }

  .partners-logos .partner-logo img {
    max-width: 120px;
  }

  .footer__top {
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 1.2rem;
  }

  .footer__logo img {
		max-width: 100%;
  }
  .footer__contacts {
    text-align: center;
    align-self: initial;
  }
  .footer__social .social-icon {
		transform: scale(1.5);
		transform-origin: center;
  }

  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		padding: 0 10px;
  }

  /* Картинка товара */
	.woocommerce ul.products li.product a img.attachment-woocommerce_thumbnail,
	.woocommerce ul.products li.product a img.woocommerce-placeholder {
		height: 150px !important;  /* вместо 250px */
		object-fit: contain;
	}

	/* Заголовок товара */
	.woocommerce ul.products li.product .woocommerce-loop-category__title,
	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce ul.products li.product h3 {
		height: 3.9em;
		line-height: 1.3em;
		overflow: hidden;
		font-size: 0.8em;
		padding: 0;
	}
	.woocommerce ul.products li.product .button {
    display: block;
    margin-top: .5em;
    text-align: center;
	}

	.pet-drawer__btn {
		width: 32px;
		height: 32px;
		background-size: cover;
		padding: 0;
		right: 5px;
	}

	.brands-block {
		margin-top: -70px;
	}

	.woocommerce-account .woocommerce {
        padding: 24px;
        border-radius: 12px;
    }

    .woocommerce-MyAccount-navigation a {
        font-size: 14px;
        padding: 12px 16px;
    }
		.woocommerce-MyAccount-navigation ul {
			flex-direction: column;
		}
		.woocommerce.single-product .layout > aside {
			display: none !important;
		}
}



/* =======================================
   <= 720px (BIG MOBILE)
======================================= */
/* --- MOBILE BOTTOM SHEET DRAWER (STABLE VERSION) --- */

@media (max-width: 720px) {

  .pet-drawer {
    position: fixed;
    inset: 0;
    z-index: 1000;
    pointer-events: none;
  }

  .pet-drawer__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none;
  }

  .pet-drawer__panel {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 90vh;

    background: #fff;
    border-radius: 16px 16px 0 0;

    transform: translateY(100%);
    transition: transform .30s ease;
  }
  body.admin-bar .pet-drawer__panel {
		margin-top: 50px;
  }

  /* OPEN STATE */
  .pet-drawer.is-open {
    pointer-events: auto;
  }

  .pet-drawer.is-open .pet-drawer__overlay {
    opacity: 1;
    pointer-events: auto;
  }

  .pet-drawer.is-open .pet-drawer__panel {
    transform: translateY(0);
  }
	.mobile-filter-btn {
		display: block;
		width: 100%;
		padding: 12px;
		font-size: 1.2rem;
		background: var(--omp-blue);
		color: #fff;
		border-radius: 10px;
		margin-bottom: 1rem;
		text-align: center;
	}

}
@media (min-width: 721px) {

	.pet-drawer {
		position: fixed;
		inset: 0;
		z-index: 1000;
		pointer-events: none;
  }

  .pet-drawer__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none;
  }

  .pet-drawer__panel {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 440px;

    background: #fff;
    border-radius: 16px 0 0 16px;

    transform: translateX(100%);
    transition: transform .30s ease;
  }

  .pet-drawer.is-open {
    pointer-events: auto;
  }

  .pet-drawer.is-open .pet-drawer__overlay {
    opacity: 1;
    pointer-events: auto;
  }

  .pet-drawer.is-open .pet-drawer__panel {
    transform: translateX(0);
  }
}




/* =======================================
   <= 600px (MOBILE)
======================================= */
@media (max-width: 600px) {

  .layout {
    padding: 16px 0;
  }

  .layout aside,
  .layout section {
    width: 100%;
    margin: 0;
  }

  .tabs__nav {
    gap: 2px;
    overflow-x: auto;
    white-space: nowrap;
  }

  .tabs__nav button {
    font-size: 0.9rem;
    padding: 10px;
  }

  .tabs__sublist {
    padding-left: 12px;
  }
}



/* =======================================
   <= 480px (SMALL MOBILE)
======================================= */
@media (max-width: 480px) {

  .header,
  .footer {
    padding: 0.75rem 1rem;
  }

  .product-card {
    padding: 0.75rem;
  }

  .tabs__nav button {
    font-size: 0.9rem;
    padding: 10px;
  }
}

.mobile-menu-toggle {
	color: var(--omp-red);
	background: transparent;
	font-size: 2rem;
	padding: 10px;
}
.mobile-menu {
  position: fixed;
  top: 0px; 
  bottom: 0;
  right: 0; 
  width: 100vw;
  *max-width: 320px;
  background: #fff;
  z-index: 10020;
  transform: translateX(100vw);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  overflow-y: auto;
}
body.admin-bar .mobile-menu {
	top: 47px;
}
.mobile-menu .header__brand {
	justify-content: center;
	height: 90px;
}

.mobile-menu.active {
  transform: translateX(0);
}
/* Backdrop */
.mobile-menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.65);
  opacity: 0;
  pointer-events: none;
  z-index: 10010;
  transition: opacity .3s ease;
}

.mobile-menu-backdrop.active {
  opacity: 1;
  pointer-events: auto;
}

/* Prevent body scroll */
body.menu-open {
  overflow: hidden;
}

.mobile-menu-close {
  background: none;
  border: none;
  font-size: 32px;
  line-height: 1;
  padding: 10px 20px;
  color: var(--omp-blue);
  transition: transform .8s ease;
}
.mobile-menu-close:hover {
	transform: rotate(360deg);
	background: transparent;
}

.mobile-category-tabs {
  *margin-top: 20px;
}

@media (min-width: 960px) {
  .mobile-menu,
  .mobile-menu-toggle {
    display: none!important;
  }
}

@media (max-width: 960px) {
  .category-tabs {
    display: none !important;
  }
}