/*
Theme Name: Petshop Theme
Theme URI: https://example.invalid
Description: Child theme do Blocksy para o e-commerce do petshop.
Author: Petshop
Version: 0.6.11
Template: blocksy
Requires at least: 7.0
Requires PHP: 8.3
Text Domain: petshop-theme
*/

:root {
  --brand-teal-900: #004f50;
  --brand-teal-700: #126e70;
  --brand-teal-500: #2b9292;
  --brand-aqua-400: #58c2c7;
  --brand-orange-600: #e9530d;
  --brand-orange-500: #f47721;
  --brand-orange-action: #c94b0b;
  --neutral-950: #252426;
  --neutral-700: #5e5d61;
  --neutral-300: #d8d9db;
  --neutral-100: #f2f3f4;
  --cream-50: #faf7f1;
  --white: #ffffff;
  --whatsapp: #25d366;
  --focus-ring: #005fcc;
  --color-brand-teal: var(--brand-aqua-400);
  --color-brand-teal-dark: var(--brand-teal-700);
  --color-brand-orange: var(--brand-orange-500);
  --color-brand-orange-dark: var(--brand-orange-action);
  --color-brand-orange-hover: #a83f08; /* token-exception: accessible hover from brand-orange-action */
  --color-brand-orange-active: #853106; /* token-exception: accessible active from brand-orange-action */
  --color-surface-soft: var(--neutral-100);
  --color-surface-warm: var(--cream-50);
  --color-surface: var(--white);
  --color-ink: var(--neutral-950);
  --color-muted: var(--neutral-700);
  --color-border: var(--neutral-300);
  --color-neutral-border: var(--neutral-700);
  --color-focus: #005fcc;
  --color-disabled: #747172;
  --color-error: #b42318;
  --color-on-teal: var(--white);
  --color-on-orange: var(--white);
  --shadow-card: 0 8px 24px rgb(0 79 80 / 10%);
  --shadow-soft: 0 8px 24px rgb(0 79 80 / 8%);
  --shadow-featured: 0 8px 24px rgb(0 79 80 / 14%);
  --radius-sm: .625rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;
  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3.5rem;
  --space-section: 2.5rem;
  --container-max: 1280px;
  --font-heading-weight: 700;
  --font-family-base: "Nunito Sans", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

body {
  background: var(--color-surface);
  color: var(--color-ink);
  font-family: var(--font-family-base);
  line-height: 1.55;
}

a { color: var(--color-brand-teal-dark); }
a:hover { color: var(--color-brand-orange-dark); }

:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}

.petshop-skip-link {
  position: absolute;
  top: -100%;
  left: var(--space-3);
  z-index: 100000;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  background: var(--color-brand-teal-dark);
  color: var(--color-on-teal);
  font-weight: 700;
  text-decoration: none;
}

.petshop-skip-link:focus {
  top: var(--space-3);
}

.petshop-breadcrumbs {
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-soft);
  color: var(--color-muted);
  font-size: .875rem;
  line-height: 1.4;
}

.petshop-breadcrumbs > .ct-container {
  padding-block: var(--space-2) var(--space-3);
}

.petshop-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.petshop-breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--color-muted);
}

.petshop-breadcrumbs__item:not(:first-child)::before {
  content: "/";
  margin-inline-end: .5rem;
  color: var(--color-neutral-border);
  font-weight: 500;
  pointer-events: none;
}

.petshop-breadcrumbs__item a {
  color: var(--color-brand-teal-dark);
  font-weight: 600;
  text-decoration: none;
}

.petshop-breadcrumbs__item a:hover,
.petshop-breadcrumbs__item a:focus-visible {
  color: var(--color-brand-orange-dark);
  text-decoration: underline;
}

.petshop-breadcrumbs__item span[aria-current="page"] {
  color: var(--color-ink);
  font-weight: 600;
}

.petshop-breadcrumbs__item .breadcrumb-last,
.petshop-breadcrumbs__item:last-child span:not([aria-current]) {
  color: var(--color-ink);
  font-weight: 600;
}

.hero-section {
  display: none !important;
}

.ct-container,
.petshop-page-shell {
  width: min(100% - 2rem, var(--container-max));
  margin-inline: auto;
}

/* Home: Blocksy adiciona padding-top no container; hero deve encostar no header */
.home .ct-container-full[data-vertical-spacing*="top"] {
  padding-top: 0;
}

.home #main-container {
  overflow-x: clip;
}

.home .entry-content.is-layout-constrained > .petshop-hero:first-child {
  margin-block-start: 0;
  margin-block-end: 0;
}

.home .entry-content.is-layout-constrained > .petshop-hero + .alignfull {
  margin-block-start: 0;
}

.petshop-commercial-managed .ct-container-full[data-vertical-spacing*="top"] {
  padding-top: 0;
}

.petshop-commercial-managed .entry-content.is-layout-constrained > .petshop-commercial-page:first-child {
  margin-block-start: 0;
}

.petshop-section > .wp-block-heading,
.petshop-section h2.wp-block-heading {
  margin-block: 0 var(--space-4);
  color: var(--color-brand-teal-dark);
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  font-weight: var(--font-heading-weight);
  line-height: 1.2;
}

.petshop-button,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .wc-block-components-button {
  border: 2px solid var(--color-brand-orange-dark);
  border-radius: var(--radius-pill);
  background: var(--color-brand-orange-dark);
  color: var(--color-on-orange);
  font-weight: 700;
  min-height: 44px;
  padding: .65rem 1.15rem;
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.petshop-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .wc-block-components-button:hover {
  background: var(--color-brand-orange-hover);
  border-color: var(--color-brand-orange-hover);
  color: var(--color-on-orange);
  transform: translateY(-1px);
}

.petshop-button:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.wc-block-components-button:active {
  background: var(--color-brand-orange-active);
  border-color: var(--color-brand-orange-active);
  transform: translateY(0);
}

.petshop-button:disabled, .woocommerce .button.disabled,
.wc-block-components-button:disabled {
  background: var(--color-disabled);
  border-color: var(--color-disabled);
  color: var(--color-on-orange);
  cursor: not-allowed;
  opacity: 1;
  transform: none;
}

.woocommerce ul.products {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.woocommerce ul.products.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.woocommerce ul.products li.product,
.wc-block-grid__product {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  padding: 0;
  transition: border-color .18s ease, transform .18s ease;
}

.woocommerce ul.products li.product > figure {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.woocommerce ul.products li.product figure .ct-media-container {
  display: block;
  width: 100%;
}

.woocommerce ul.products li.product figure img,
.woocommerce ul.products li.product img,
.wc-block-grid__product-image img {
  display: block;
  width: 100% !important;
  max-width: none;
  aspect-ratio: 1 / 1 !important;
  height: auto;
  border-radius: 0;
  object-fit: contain;
  padding: clamp(.35rem, 1.6vw, .75rem);
  background: var(--color-surface);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  display: -webkit-box;
  margin: 0;
  padding: var(--space-2) var(--space-2) 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 2.75em;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.35;
}

.woocommerce ul.products li.product ul.entry-meta {
  display: none;
}

.woocommerce ul.products li.product .ct-woo-card-extra {
  position: absolute;
  top: var(--space-2);
  right: var(--space-2);
  z-index: 3;
  display: flex;
  gap: .35rem;
  margin: 0;
  pointer-events: none;
}

.woocommerce ul.products li.product .ct-woo-card-extra > * {
  pointer-events: auto;
}

.petshop-wishlist-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: rgb(255 255 255 / .94);
  box-shadow: var(--shadow-soft);
  color: var(--color-brand-teal-dark);
  cursor: pointer;
  transition: color .18s ease, transform .18s ease, background-color .18s ease;
}

.petshop-wishlist-toggle:hover,
.petshop-wishlist-toggle:focus-visible {
  color: var(--color-brand-orange-dark);
  transform: scale(1.04);
}

.petshop-wishlist-toggle:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 2px;
}

.petshop-wishlist-toggle.is-active {
  background: color-mix(in srgb, var(--color-brand-orange) 12%, #fff);
  color: var(--color-brand-orange-dark);
}

.petshop-wishlist-toggle.is-active .petshop-wishlist-toggle__icon path {
  fill: currentColor;
  stroke: currentColor;
}

.petshop-wishlist-toggle.is-updating {
  transform: scale(.96);
}

.petshop-wishlist-toggle__status {
  position: absolute;
  right: 50%;
  bottom: calc(100% + .35rem);
  transform: translateX(50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: max-content;
  max-width: 10rem;
  padding: .35rem .55rem;
  border-radius: var(--radius-sm);
  background: var(--color-ink);
  color: var(--color-surface);
  box-shadow: var(--shadow-soft);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.1;
  pointer-events: none;
  opacity: 0;
  transition: opacity .16s ease, transform .16s ease;
}

.petshop-wishlist-toggle.has-feedback .petshop-wishlist-toggle__status {
  transform: translateX(50%) translateY(-.15rem);
  opacity: 1;
}

.page-lista-de-desejos {
  --theme-content-vertical-spacing: .75rem;
  --theme-content-spacing: .65rem;
}

.page-lista-de-desejos .ct-container-full {
  --theme-content-vertical-spacing: .75rem;
  padding-block: .75rem 1.5rem;
}

.page-lista-de-desejos .hero-section {
  width: min(100%, var(--theme-normal-container-max-width, var(--container-max)));
  max-width: var(--theme-normal-container-max-width, var(--container-max));
  margin-block: 0 .35rem;
  margin-inline: auto;
  padding-block: .35rem .15rem;
  padding-inline: 0;
}

.page-lista-de-desejos .hero-section .entry-header {
  margin: 0;
  padding: 0;
}

.page-lista-de-desejos .hero-section .page-title {
  margin: 0;
  color: var(--color-brand-teal-dark);
  font-size: clamp(1.4rem, 2.2vw, 1.75rem);
  line-height: 1.2;
  text-align: left;
}

.page-lista-de-desejos .entry-content > .wp-block-heading:first-child {
  display: none;
}

.page-lista-de-desejos .entry-content.is-layout-constrained > * {
  margin-block-start: .65rem;
}

.page-lista-de-desejos .entry-content.is-layout-constrained > :first-child {
  margin-block-start: 0;
}

.page-lista-de-desejos .entry-content > p.wp-block-paragraph:first-of-type,
.page-lista-de-desejos .entry-content > p:first-of-type {
  max-width: var(--wp--style--global--content-size, var(--container-max)) !important;
  margin-block: 0 .5rem;
  color: var(--color-muted);
  font-size: .9375rem;
  line-height: 1.45;
  text-align: left;
}

.petshop-wishlist-page.petshop-section,
.petshop-wishlist-account {
  margin-block: 0;
  padding-block: .35rem var(--space-5);
}

.petshop-wishlist-page__products .woocommerce ul.products {
  display: grid;
  width: 100%;
  margin: 0;
  gap: var(--space-3);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16.5rem), 1fr));
}

.petshop-wishlist-page__products .woocommerce ul.products.columns-2,
.petshop-wishlist-page__products .woocommerce ul.products.columns-3,
.petshop-wishlist-page__products .woocommerce ul.products.columns-4 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16.5rem), 1fr));
}

.petshop-wishlist-page__products .woocommerce ul.products li.product {
  box-shadow: var(--shadow-soft);
}

.petshop-wishlist-page__products .woocommerce ul.products li.product figure {
  --product-element-spacing: 0;
}

.petshop-wishlist-page__products .woocommerce ul.products li.product figure img,
.petshop-wishlist-page__products .woocommerce ul.products li.product img {
  object-fit: contain;
}

.petshop-wishlist-page__products .woocommerce ul.products li.product .woocommerce-loop-product__title {
  min-height: 0;
  margin: 0;
  padding: .55rem .65rem 0;
  font-size: .875rem;
}

.petshop-wishlist-page__products .woocommerce ul.products li.product .price {
  margin: .2rem 0 0;
  padding: 0 .65rem;
  font-size: .875rem;
}

.petshop-wishlist-page__products .woocommerce ul.products li.product .ct-woo-card-actions {
  margin-top: .45rem;
  padding: .45rem .65rem .65rem;
}

.petshop-wishlist-page__products .woocommerce ul.products li.product .ct-woo-card-actions .button,
.petshop-wishlist-page__products .woocommerce ul.products li.product .button {
  min-height: 40px;
  font-size: .8125rem;
}

.petshop-wishlist-page__empty {
  max-width: 40ch;
  margin: 0;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-soft);
  color: var(--color-muted);
  text-align: center;
  font-size: .9375rem;
  line-height: 1.45;
}

.petshop-wishlist-page__products:not(:empty) + .petshop-wishlist-page__empty,
.petshop-wishlist-page__products:has(.product) .petshop-wishlist-page__empty {
  display: none;
}

@media (min-width: 768px) {
  .petshop-wishlist-page__products .woocommerce ul.products,
  .petshop-wishlist-page__products .woocommerce ul.products.columns-2,
  .petshop-wishlist-page__products .woocommerce ul.products.columns-3,
  .petshop-wishlist-page__products .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14.5rem), 1fr));
  }
}

@media (min-width: 1024px) {
  .petshop-wishlist-page__products .woocommerce ul.products,
  .petshop-wishlist-page__products .woocommerce ul.products.columns-2,
  .petshop-wishlist-page__products .woocommerce ul.products.columns-3,
  .petshop-wishlist-page__products .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.5rem), 1fr));
  }
}

.woocommerce ul.products li.product .ct-woo-card-actions {
  padding: var(--space-2);
  margin-top: auto;
}

.woocommerce ul.products li.product .ct-woo-card-actions .button {
  width: 100%;
  min-height: 44px;
  margin: 0;
}

.woocommerce ul.products li.product:hover,
.woocommerce ul.products li.product:focus-within {
  border-color: var(--color-brand-teal-dark);
  transform: translateY(-2px);
}

.woocommerce ul.products li.product .woocommerce-loop-product__link {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0;
  color: inherit;
  text-decoration: none;
}

.woocommerce ul.products li.product .star-rating:empty {
  display: none;
}

.woocommerce ul.products li.product .star-rating {
  margin-inline: var(--space-2);
}

.woocommerce ul.products li.product .price,
.wc-block-components-product-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1);
  margin-top: auto;
  padding: 0 var(--space-2);
  color: var(--color-ink);
  font-size: 1.05rem;
  font-weight: 700;
}

.woocommerce ul.products li.product .price del {
  color: var(--color-muted);
  font-size: .9rem;
  font-weight: 500;
}

.woocommerce ul.products li.product .price ins {
  color: var(--color-brand-orange);
  text-decoration: none;
}

.woocommerce ul.products li.product .button {
  align-self: stretch;
  width: calc(100% - (var(--space-2) * 2));
  min-height: 44px;
  margin: var(--space-2);
  margin-top: var(--space-2);
  text-align: center;
}

.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product figure > .onsale {
  display: none !important;
}

.petshop-product-card__badges {
  position: absolute;
  top: var(--space-2);
  left: var(--space-2);
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: .35rem;
  max-width: calc(100% - 4.5rem);
  pointer-events: none;
}

.petshop-badge {
  display: inline-block;
  border-radius: var(--radius-pill);
  padding: .25rem .55rem;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.2;
}

.petshop-badge--save {
  background: var(--color-brand-orange);
  color: var(--color-on-orange);
}

.petshop-badge--bestseller {
  background: var(--color-brand-teal-dark);
  color: var(--color-on-teal);
}

.woocommerce span.onsale, .wc-block-components-product-sale-badge {
  background: var(--color-brand-orange);
  border-radius: var(--radius-pill);
  color: var(--color-on-orange);
  font-weight: 700;
  padding: .3rem .65rem;
}

.woocommerce-info, .woocommerce-message, .woocommerce-error,
.wc-block-components-notice-banner {
  border-radius: var(--radius-sm);
  border-left: 4px solid var(--color-brand-teal-dark);
}

.woocommerce-error { border-left-color: var(--color-error); }

.woocommerce input.input-text, .woocommerce select,
.wc-block-components-text-input input,
.wc-block-components-combobox .components-combobox-control__input {
  border: 2px solid var(--color-neutral-border);
  border-radius: var(--radius-sm);
  color: var(--color-ink);
  min-height: 44px;
}

.woocommerce .outofstock { color: var(--color-error); font-weight: 700; }

.wc-block-cart,
.wc-block-checkout {
  color: var(--color-ink);
}

.wc-block-cart .wc-block-components-product-name,
.wc-block-checkout .wc-block-components-checkout-step__title {
  color: var(--color-brand-teal-dark);
  font-weight: 700;
}

.wc-block-cart .wc-block-components-totals-item,
.wc-block-checkout .wc-block-components-totals-item {
  border-color: var(--color-border);
}

.wc-block-cart .wc-block-components-button:not(.is-link):not(.is-secondary),
.wc-block-checkout .wc-block-components-checkout-place-order-button {
  border: 2px solid var(--color-brand-orange-dark);
  border-radius: var(--radius-pill);
  background: var(--color-brand-orange-dark);
  color: var(--color-on-orange);
  font-weight: 700;
  min-height: 44px;
}

.wc-block-cart .wc-block-components-button:not(.is-link):not(.is-secondary):hover,
.wc-block-checkout .wc-block-components-checkout-place-order-button:hover {
  background: var(--color-brand-orange-hover);
  border-color: var(--color-brand-orange-hover);
  color: var(--color-on-orange);
}

.wc-block-components-button.is-secondary {
  border: 2px solid var(--color-brand-teal-dark);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-brand-teal-dark);
  font-weight: 700;
  min-height: 44px;
}

.wc-block-components-button.is-secondary:hover {
  background: var(--color-brand-teal-dark);
  color: var(--color-on-teal);
}

.wc-block-cart .wc-block-components-button.is-link {
  color: var(--color-brand-teal-dark);
}

.wc-block-cart .wc-block-components-notice-banner,
.wc-block-checkout .wc-block-components-notice-banner {
  border-radius: var(--radius-sm);
  border-left: 4px solid var(--color-brand-teal-dark);
}

.wc-block-checkout .wc-block-components-notice-banner.is-error {
  border-left-color: var(--color-error);
}

.petshop-cart-continue,
.petshop-checkout-return,
.petshop-order-next-steps,
.petshop-order-tracking,
.petshop-guest-account {
  margin-block: var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-soft);
}

.petshop-cart-continue h2,
.petshop-order-next-steps h2,
.petshop-order-tracking h2,
.petshop-guest-account h2 {
  margin-top: 0;
  font-size: 1.25rem;
}

.petshop-checkout-return {
  padding: var(--space-2) 0;
  border: 0;
  background: transparent;
}

.petshop-order-tracking dl {
  display: grid;
  gap: var(--space-2);
}

.petshop-order-tracking dl > div {
  display: grid;
  grid-template-columns: minmax(8rem, .35fr) 1fr;
  gap: var(--space-2);
}

.petshop-order-tracking dt {
  font-weight: 750;
}

.petshop-order-tracking dd {
  margin: 0;
}

.petshop-guest-account button {
  min-height: 44px;
  border: 2px solid var(--color-brand-orange-dark);
  border-radius: var(--radius-pill);
  background: var(--color-brand-orange-dark);
  color: var(--color-on-orange);
  font-weight: 700;
}

.petshop-distraction-free-checkout .petshop-promo-bar,
.petshop-distraction-free-checkout .petshop-commercial-header__search,
.petshop-distraction-free-checkout .petshop-commercial-header__navigation,
.petshop-distraction-free-checkout .petshop-header-action--wishlist,
.petshop-distraction-free-checkout .petshop-header-action--account,
.petshop-distraction-free-checkout .wc-block-mini-cart,
.petshop-distraction-free-checkout .petshop-institutional-footer {
  display: none;
}

.petshop-checkout-header__assurance {
  display: none;
}

.petshop-distraction-free-checkout .petshop-commercial-header__main {
  grid-template-columns: minmax(9rem, 11rem) minmax(12rem, 1fr) auto;
  width: min(100% - 2rem, var(--petshop-checkout-max));
  max-width: var(--petshop-checkout-max);
  min-height: 68px;
  padding-block: .5rem;
}

.petshop-distraction-free-checkout .petshop-commercial-header__actions {
  justify-content: end;
  gap: 0;
}

.petshop-distraction-free-checkout .petshop-commercial-header {
  border-bottom-color: rgb(18 110 112 / 22%);
  box-shadow: 0 8px 20px rgb(37 36 38 / 5%);
}

.petshop-distraction-free-checkout .petshop-commercial-header__brand {
  min-width: 0;
}

.petshop-distraction-free-checkout .petshop-commercial-header__brand .custom-logo-link {
  min-height: 44px;
}

.petshop-distraction-free-checkout .petshop-commercial-header__brand .custom-logo {
  width: min(9.5rem, 100%);
  max-height: 54px;
}

.petshop-distraction-free-checkout .petshop-checkout-header__assurance {
  display: inline-flex;
  justify-self: center;
  align-items: center;
  gap: .55rem;
  min-height: 36px;
  padding: .35rem .9rem;
  border: 1px solid rgb(18 110 112 / 18%);
  border-radius: var(--radius-pill);
  background: var(--color-surface-soft);
  color: var(--color-brand-teal-dark);
  font-size: .875rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.petshop-checkout-header__assurance-mark {
  display: inline-block;
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  background: var(--color-brand-teal-dark);
  box-shadow: 0 0 0 4px rgb(18 110 112 / 12%);
}

.petshop-distraction-free-checkout .petshop-header-action--support {
  min-height: 44px;
  padding-inline: .85rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  box-shadow: 0 6px 16px rgb(37 36 38 / 5%);
}

.petshop-distraction-free-checkout {
  --petshop-checkout-max: 1440px;
  --theme-content-spacing: 1rem;
  --theme-content-vertical-spacing: 0;
}

.petshop-distraction-free-checkout .petshop-breadcrumbs {
  display: none;
}

.petshop-distraction-free-checkout .petshop-breadcrumbs > .ct-container {
  padding-block: .45rem;
}

.petshop-distraction-free-checkout .petshop-breadcrumbs__item {
  min-height: 34px;
}

.petshop-distraction-free-checkout .ct-container-full {
  padding-block: 0 clamp(2rem, 4vw, 3rem);
}

.petshop-distraction-free-checkout .hero-section {
  width: min(100% - 2rem, var(--petshop-checkout-max));
  max-width: var(--petshop-checkout-max);
  margin: 0 auto .25rem !important;
  padding-block: clamp(1rem, 2vw, 1.5rem) .5rem;
}

.petshop-distraction-free-checkout .hero-section .entry-header {
  margin: 0;
  padding: 0;
}

.petshop-distraction-free-checkout .hero-section .page-title {
  margin: 0;
  color: var(--color-ink);
  font-size: clamp(1.75rem, 2.4vw, 2.25rem);
  line-height: 1.15;
  text-align: left;
  text-shadow: none;
}

.petshop-distraction-free-checkout .entry-content.is-layout-constrained > * {
  margin-block-start: 0;
}

.petshop-distraction-free-checkout .entry-content.is-layout-constrained > .petshop-checkout-return,
.petshop-distraction-free-checkout .entry-content.is-layout-constrained > .wc-block-checkout {
  width: min(100% - 2rem, var(--petshop-checkout-max));
  max-width: var(--petshop-checkout-max);
  margin-inline: auto;
}

.petshop-distraction-free-checkout .entry-content.is-layout-constrained > * + * {
  margin-block-start: .75rem;
}

.petshop-distraction-free-checkout .petshop-checkout-return {
  margin-block: .5rem .75rem;
  padding: 0;
  font-size: .95rem;
  line-height: 1.35;
}

.petshop-distraction-free-checkout .wc-block-checkout {
  align-items: start;
  gap: clamp(1.5rem, 4vw, 4rem);
  margin-block-start: 0;
  padding-top: 0;
}

.petshop-distraction-free-checkout .wc-block-checkout__form,
.petshop-distraction-free-checkout .wc-block-checkout__main,
.petshop-distraction-free-checkout .wc-block-checkout__sidebar {
  padding-top: 0;
}

.petshop-distraction-free-checkout .wc-block-components-sidebar,
.petshop-distraction-free-checkout .wc-block-checkout__sidebar {
  align-self: start;
}

@media (min-width: 1024px) {
  .petshop-distraction-free-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 27rem);
    align-items: start;
    column-gap: clamp(2rem, 3vw, 3rem);
  }

  .petshop-distraction-free-checkout .wc-block-components-sidebar-layout.wc-block-checkout > div:not([class]):empty {
    display: none;
  }

  .petshop-distraction-free-checkout .wc-block-components-sidebar-layout.wc-block-checkout > .wc-block-components-main.wc-block-checkout__main {
    grid-column: 1;
    width: 100%;
    max-width: none;
    padding-right: 0;
  }

  .petshop-distraction-free-checkout .wc-block-components-sidebar-layout.wc-block-checkout > .wc-block-components-sidebar.wc-block-checkout__sidebar {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    max-width: none;
    margin: 0;
    position: sticky;
    top: 1rem;
  }
}

.petshop-promo-bar {
  background: var(--color-brand-teal-dark);
  color: var(--color-on-teal);
  font-size: .8125rem;
}

.petshop-promo-bar > .ct-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  text-align: center;
}

.petshop-promo-bar > .ct-container:not(:has(a)) {
  min-height: 38px;
  padding-block: .35rem;
}

.petshop-promo-bar a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: inherit;
}

.petshop-promo-bar a:hover,
.petshop-promo-bar a:focus-visible {
  color: var(--color-on-teal);
  text-decoration: underline;
}

.petshop-commercial-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.admin-bar .petshop-commercial-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .petshop-commercial-header {
    top: 46px;
  }
}

.petshop-commercial-header__main {
  display: grid;
  grid-template-columns: minmax(9rem, 11rem) minmax(20rem, 1fr) auto;
  align-items: center;
  gap: clamp(1rem, 2vw, 2rem);
  min-height: 72px;
  padding-block: .35rem .25rem;
}

.petshop-commercial-header__brand .custom-logo-link {
  display: inline-flex;
  align-items: center;
}

.petshop-commercial-header__brand .custom-logo {
  width: min(11rem, 100%);
  max-height: 64px;
  object-fit: contain;
}

.petshop-commercial-header__search .woocommerce-product-search {
  display: flex;
  width: 100%;
  margin: 0;
}

.petshop-commercial-header__search .search-field {
  min-height: 44px;
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill) 0 0 var(--radius-pill);
  background: var(--color-surface-soft);
  color: var(--color-ink);
  padding-inline: 1rem;
}

.petshop-commercial-header__search .search-field::placeholder {
  color: var(--color-muted);
  opacity: 1;
}

.petshop-commercial-header__search .woocommerce-product-search button {
  min-height: 44px;
  min-width: 44px;
  border: 1px solid var(--color-brand-teal-dark);
  border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
  background: var(--color-brand-teal-dark);
  color: var(--color-on-teal);
  --theme-icon-color: currentColor;
  padding: .35rem 1rem;
}

.petshop-commercial-header__search .woocommerce-product-search button .ct-icon {
  fill: currentColor;
  color: inherit;
}

.petshop-commercial-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.25rem;
  white-space: nowrap;
}

.petshop-header-action {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  min-height: 44px;
  padding-inline: .25rem;
  color: var(--color-ink);
  font-size: clamp(.8125rem, 1.6vw, .9rem);
  font-weight: 700;
  text-decoration: none;
}

.petshop-header-action:hover,
.petshop-header-action:focus-visible {
  color: var(--color-brand-orange-dark);
}

.petshop-header-action__icon {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}

.petshop-header-action__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.petshop-header-action__count {
  position: absolute;
  top: -.45rem;
  right: -.55rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.15rem;
  height: 1.15rem;
  padding-inline: .25rem;
  border: 2px solid var(--color-surface);
  border-radius: var(--radius-pill);
  background: var(--color-brand-orange-dark);
  color: var(--color-surface);
  font-size: .6875rem;
  font-weight: 800;
  line-height: 1;
}

.petshop-header-action__count[hidden] {
  display: none;
}

.petshop-commercial-header__actions .wc-block-mini-cart__button {
  color: var(--color-brand-teal-dark);
  min-height: 44px;
  min-width: 44px;
}

.petshop-commercial-header__actions .wc-block-mini-cart__badge {
  min-width: 1.125rem;
  min-height: 1.125rem;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1.125rem;
}

.petshop-commercial-header__navigation {
  border-top: 1px solid var(--color-border);
}

.petshop-commercial-header__navigation .ct-container {
  max-width: 100%;
  padding-block: .5rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

.petshop-commercial-header__menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-ink);
  font: inherit;
  line-height: 1.2;
  cursor: pointer;
}

.petshop-commercial-header__menu-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.petshop-commercial-header__menu-toggle:hover,
.petshop-commercial-header__menu-toggle:focus-visible {
  border-color: var(--color-brand-teal-dark);
  color: var(--color-brand-teal-dark);
}

.petshop-commercial-header__menu-toggle:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}

.petshop-commercial-header__menu-icon {
  position: relative;
  display: inline-block;
  width: 1.25rem;
  height: .875rem;
  border-block: 2px solid currentColor;
}

.petshop-commercial-header__menu-icon::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 50%;
  border-top: 2px solid currentColor;
  transform: translateY(-50%);
}

.petshop-commercial-header__menu-panel {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 120;
  display: flex;
  flex-direction: column;
  width: min(86vw, 22rem);
  max-width: calc(100vw - 3rem);
  padding: var(--space-3);
  border-right: 1px solid var(--color-border);
  background: var(--color-surface);
  box-shadow: 0 24px 72px rgb(37 36 38 / 22%);
  transform: translateX(-105%);
  transition: transform 180ms ease-out;
  overflow-y: auto;
}

.admin-bar .petshop-commercial-header__menu-panel,
.admin-bar .petshop-commercial-header__menu-overlay {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .petshop-commercial-header__menu-panel,
  .admin-bar .petshop-commercial-header__menu-overlay {
    top: 46px;
  }
}

.petshop-commercial-header__drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: 44px;
  padding-block-end: var(--space-2);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-ink);
}

.petshop-commercial-header__drawer-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}

.petshop-commercial-header__drawer-close:hover,
.petshop-commercial-header__drawer-close:focus-visible {
  border-color: var(--color-brand-teal-dark);
  color: var(--color-brand-teal-dark);
}

.petshop-commercial-header__drawer-close:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}

.petshop-commercial-header__menu-overlay {
  position: fixed;
  inset: 0;
  z-index: 110;
  background: rgb(37 36 38 / 44%);
}

.petshop-commercial-header__menu-overlay[hidden] {
  display: none;
}

.petshop-commercial-header.is-menu-open .petshop-commercial-header__menu-panel {
  transform: translateX(0);
}

html.petshop-menu-drawer-open {
  overflow: hidden;
}

.petshop-commercial-menu,
.petshop-footer-nav,
.petshop-institutional-footer__menu {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.petshop-commercial-menu {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  padding: .25rem 0;
}

.petshop-commercial-menu a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .7rem 1rem;
  border-radius: var(--radius-sm);
  color: var(--color-ink);
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: normal;
}

.petshop-commercial-menu a:hover,
.petshop-commercial-menu a:focus-visible,
.petshop-commercial-menu .current-menu-item > a {
  background: var(--color-surface-soft);
  color: var(--color-brand-orange-dark);
}

.petshop-footer-nav,
.petshop-institutional-footer__menu {
  flex-wrap: wrap;
  gap: var(--space-2);
}

.ct-header-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}

.petshop-hero {
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
  margin-block-end: 0;
  min-height: clamp(380px, 72vw, 460px);
  overflow: hidden;
  border-radius: 0;
  color: var(--color-ink);
  padding: 0;
  isolation: isolate;
}

.petshop-hero.wp-block-cover {
  padding: 0;
}

/* Gutenberg cover (center-left) forces margin:0 and width:auto — override for page grid alignment */
.petshop-hero.wp-block-cover.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  width: min(100% - 1.25rem, var(--container-max));
  max-width: min(100% - 1.25rem, var(--container-max));
  min-height: inherit;
  margin-inline: auto;
  padding-block: 1rem;
}

.petshop-hero.wp-block-cover .wp-block-cover__background.has-background-dim,
.petshop-hero.wp-block-cover .wp-block-cover__background.has-white-background-color {
  background-color: transparent !important;
  background-image: linear-gradient(
    180deg,
    rgb(255 255 255 / 96%) 0%,
    rgb(255 255 255 / 88%) 42%,
    rgb(255 255 255 / 35%) 68%,
    transparent 82%
  );
  opacity: 1 !important;
}

.petshop-hero .wp-block-cover__image-background {
  object-fit: cover;
  object-position: center 20%;
}

.petshop-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  padding: 1rem;
  border-radius: var(--radius-md);
  background: rgb(255 255 255 / 88%);
  backdrop-filter: blur(8px);
  text-align: left;
}

.petshop-hero__copy.is-layout-constrained {
  max-width: 100%;
}

/* Constrained layout centers children via margin auto — force single left axis (gate 005-02) */
.petshop-hero__copy.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  align-self: flex-start;
  width: 100%;
  max-width: none;
  margin-inline: 0 !important;
}

.petshop-hero__copy :where(p, h1, .wp-block-heading, .wp-block-buttons) {
  text-align: left;
}

.petshop-hero__copy .wp-block-buttons.is-layout-flex {
  justify-content: flex-start;
}

.petshop-hero h1 {
  margin: 0;
  max-width: none;
  font-size: clamp(1.5rem, 6.5vw, 1.85rem);
  font-weight: var(--font-heading-weight);
  line-height: 1.08;
  color: var(--color-ink);
  text-wrap: balance;
}

.petshop-hero .petshop-eyebrow {
  margin-block: 0 .85rem;
  font-size: .78rem;
}

.petshop-hero p:not(.petshop-eyebrow) {
  max-width: 42ch;
  margin-block: .5rem .85rem;
  color: var(--color-muted);
  font-size: .88rem;
  line-height: 1.4;
}

.petshop-hero__accent {
  color: var(--color-brand-orange-dark);
}

.petshop-hero .petshop-hero__note {
  margin-top: .65rem;
  color: var(--color-muted);
  font-size: .72rem;
}

.petshop-hero .wp-element-button,
.petshop-support-cta .wp-element-button,
.petshop-section__cta .wp-element-button {
  border: 2px solid var(--color-brand-orange-dark);
  border-radius: var(--radius-pill);
  background: var(--color-brand-orange-dark);
  color: var(--color-on-orange);
  font-weight: 800;
  text-decoration: none;
}

.petshop-eyebrow {
  color: var(--color-brand-orange-dark);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.petshop-section {
  padding-block: var(--space-section);
}

.petshop-section__cta {
  margin-block: var(--space-4) 0;
  text-align: center;
}

.petshop-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}

.petshop-section-head__title {
  margin: 0;
  min-width: 0;
}

.petshop-section-head__cta {
  margin: 0;
  flex-shrink: 0;
}

.petshop-section-head__link {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--color-brand-teal-dark);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.petshop-section-head__link:hover {
  color: var(--color-brand-orange-dark);
  text-decoration: underline;
  text-underline-offset: .15em;
}

.petshop-section-head__link:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

.petshop-product-showcase__intro {
  margin: calc(var(--space-2) * -1) 0 var(--space-3);
  color: var(--color-muted);
  font-size: .95rem;
  line-height: 1.5;
}

.petshop-product-showcase .woocommerce ul.products {
  gap: var(--space-2);
}

.petshop-product-showcase:not(:has(li.product)) {
  display: none;
}

.petshop-commercial-page {
  background: var(--color-page-bg);
}

.petshop-commercial-hero .petshop-hero__copy {
  max-width: min(100%, 31rem);
}

.petshop-commercial-context {
  padding-block-end: var(--space-4);
}

.petshop-commercial-context h2 {
  max-width: 18ch;
  margin-block-start: 0;
}

.petshop-commercial-context p {
  max-width: 68ch;
  color: var(--color-muted);
  font-size: 1rem;
  line-height: 1.65;
}

.petshop-commercial-products {
  padding-block-start: var(--space-4);
}

.petshop-reviews-section__intro {
  margin: calc(var(--space-2) * -1) 0 var(--space-3);
  color: var(--color-muted);
  font-size: .95rem;
  line-height: 1.5;
}

.petshop-reviews-section:not(:has(.petshop-review-card)) {
  display: none;
}

.petshop-support-banner.petshop-section {
  padding-block-start: var(--space-4);
  padding-block-end: var(--space-5);
}

.petshop-category-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
}

.petshop-category-card {
  --petshop-cat-icon-size: 1.9rem;
  position: relative;
  z-index: 0;
  overflow: visible;
  border: 1px solid color-mix(in srgb, var(--color-brand-teal-dark) 18%, var(--color-border));
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-soft);
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease,
    background-color .18s ease;
}

.petshop-category-card.is-preview-open {
  z-index: 6;
}

.petshop-category-card__trigger {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: .85rem;
  min-height: 4.5rem;
  padding: .7rem .85rem;
  color: var(--color-ink);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  text-decoration: none;
}

.petshop-category-card__trigger:hover,
.petshop-category-card__trigger:focus-visible {
  color: var(--color-ink);
}

.petshop-category-card__well {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 3.75rem;
  height: 3.75rem;
  border: 1px solid color-mix(in srgb, var(--color-brand-teal-dark) 22%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-brand-teal) 16%, var(--color-surface-soft));
  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

.petshop-category-card__icon {
  display: block;
  width: var(--petshop-cat-icon-size);
  height: var(--petshop-cat-icon-size);
  background-color: var(--color-brand-teal-dark);
  mask: var(--petshop-category-icon) center / contain no-repeat;
  -webkit-mask: var(--petshop-category-icon) center / contain no-repeat;
  transition:
    background-color .18s ease,
    width .18s ease,
    height .18s ease;
}

.petshop-category-card__icon--media {
  display: grid;
  place-items: center;
  background-color: transparent;
  mask: none;
  -webkit-mask: none;
}

.petshop-category-card__icon--media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.petshop-category-card__label {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: manual;
}

.petshop-category-card:hover,
.petshop-category-card:focus-within,
.petshop-category-card.is-preview-open {
  border-color: var(--color-brand-teal-dark);
  background: color-mix(in srgb, var(--color-brand-teal) 6%, var(--color-surface));
  box-shadow: var(--shadow-card);
  transform: translateY(-2px);
}

.petshop-category-card:hover .petshop-category-card__well,
.petshop-category-card:focus-within .petshop-category-card__well,
.petshop-category-card.is-preview-open .petshop-category-card__well {
  border-color: transparent;
  background: var(--color-brand-teal-dark);
  box-shadow: var(--shadow-soft);
}

.petshop-category-card:hover .petshop-category-card__icon,
.petshop-category-card:focus-within .petshop-category-card__icon,
.petshop-category-card.is-preview-open .petshop-category-card__icon {
  width: calc(var(--petshop-cat-icon-size) + 5px);
  height: calc(var(--petshop-cat-icon-size) + 5px);
  background-color: var(--color-on-teal);
}

.petshop-category-card:hover .petshop-category-card__icon--media,
.petshop-category-card:focus-within .petshop-category-card__icon--media,
.petshop-category-card.is-preview-open .petshop-category-card__icon--media {
  background-color: transparent;
}

.petshop-category-preview {
  position: absolute;
  top: calc(100% + .35rem);
  left: 50%;
  z-index: 7;
  width: min(20.5rem, calc(100vw - 1.5rem));
  padding: var(--space-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
  transform: translateX(-50%) translateY(-4px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease;
}

.petshop-category-preview.is-flush-left {
  left: 0;
  transform: translateX(0) translateY(-4px);
}

.petshop-category-preview.is-flush-right {
  left: auto;
  right: 0;
  transform: translateX(0) translateY(-4px);
}

.petshop-category-card.is-preview-open .petshop-category-preview:not([hidden]) {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.petshop-category-card.is-preview-open .petshop-category-preview.is-flush-left:not([hidden]),
.petshop-category-card.is-preview-open .petshop-category-preview.is-flush-right:not([hidden]) {
  transform: translateX(0) translateY(0);
}

.petshop-category-preview__products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.petshop-category-preview__link {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  color: var(--color-ink);
  text-decoration: none;
}

.petshop-category-preview__media {
  display: block;
  overflow: hidden;
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  background: var(--color-surface-soft);
}

.petshop-category-preview__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.petshop-category-preview__name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: .7rem;
  font-weight: 600;
  line-height: 1.25;
}

.petshop-category-preview__price {
  color: var(--color-brand-orange-dark);
  font-size: .7rem;
  font-weight: 700;
  line-height: 1.2;
}

.petshop-category-preview__price del {
  color: var(--color-muted);
  font-weight: 500;
}

.petshop-category-preview__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: .65rem;
  padding: .45rem .75rem;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-brand-teal) 12%, var(--color-surface));
  color: var(--color-brand-teal-dark);
  font-size: .75rem;
  font-weight: 700;
  text-decoration: none;
}

.petshop-category-preview__cta:hover,
.petshop-category-preview__cta:focus-visible {
  background: var(--color-brand-teal-dark);
  color: var(--color-on-teal);
}

.petshop-category-preview__link:hover .petshop-category-preview__name,
.petshop-category-preview__link:focus-visible .petshop-category-preview__name {
  color: var(--color-brand-teal-dark);
}

.petshop-section--soft,
.petshop-kits-section {
  border-radius: var(--radius-md);
  background: var(--color-surface-soft);
  padding-inline: clamp(1rem, 4vw, 3rem);
}

.petshop-commerce-banner {
  border-radius: var(--radius-md);
  background: var(--color-surface-soft);
  color: var(--color-ink);
  padding: clamp(1.5rem, 4vw, 3rem);
}

.petshop-professional {
  border-block: 1px solid var(--color-border);
}

.petshop-seasonal:not(:has(li.product)),
.petshop-professional:not(:has(li.product)),
.petshop-reviews:not(:has(.petshop-review-grid)) {
  display: none;
}

.petshop-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.petshop-review-card {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
  padding: var(--space-4);
}

.petshop-review-card blockquote {
  margin: var(--space-2) 0;
}

.petshop-support-banner {
  margin-inline: auto;
}

.petshop-support-banner.petshop-section {
  width: min(100% - 2rem, var(--container-max));
  padding: var(--space-4) 0 var(--space-5);
}

.petshop-support-banner__inner {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: var(--space-4);
  min-height: 320px;
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--brand-teal-900), var(--brand-teal-700));
  color: var(--white);
  overflow: hidden;
}

.petshop-support-banner__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='.16'%3E%3Cellipse cx='36' cy='28' rx='5' ry='7' transform='rotate(-18 36 28)'/%3E%3Cellipse cx='50' cy='25' rx='5' ry='7'/%3E%3Cellipse cx='64' cy='29' rx='5' ry='7' transform='rotate(18 64 29)'/%3E%3Cellipse cx='30' cy='42' rx='5' ry='7' transform='rotate(-36 30 42)'/%3E%3Cellipse cx='70' cy='43' rx='5' ry='7' transform='rotate(36 70 43)'/%3E%3Cpath d='M50 39c10 0 19 10 19 19 0 7-5 10-11 7-4-2-6-3-8-3s-4 1-8 3c-6 3-11 0-11-7 0-9 9-19 19-19z'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 18px 12px;
  background-size: 112px 112px;
  opacity: .22;
  pointer-events: none;
}

.petshop-support-banner__content {
  position: relative;
  max-width: 28rem;
}

.petshop-support-banner__eyebrow,
.petshop-support-banner__benefit {
  margin: 0;
  color: var(--neutral-100);
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.45;
}

.petshop-support-banner__eyebrow {
  color: color-mix(in srgb, var(--brand-aqua-400) 72%, var(--white));
}

.petshop-support-banner h2.petshop-support-banner__title {
  margin: var(--space-1) 0 0;
  color: var(--white);
  font-size: 3rem;
  line-height: 1.05;
}

.petshop-support-banner__text {
  margin: var(--space-2) 0 0;
  color: var(--neutral-100);
  font-size: 1.05rem;
  line-height: 1.6;
}

.petshop-support-banner__benefit {
  margin-top: var(--space-2);
}

.petshop-support-banner__actions {
  margin-top: var(--space-3);
}

.petshop-support-banner__button .wp-block-button__link {
  min-height: 44px;
  padding: .85rem 1.35rem;
  border: 2px solid var(--brand-orange-action);
  border-radius: var(--radius-pill);
  background: var(--brand-orange-action);
  color: var(--white);
  font-weight: 800;
  line-height: 1.2;
}

.petshop-support-banner__button .wp-block-button__link:hover,
.petshop-support-banner__button .wp-block-button__link:focus-visible {
  border-color: var(--color-brand-orange-hover);
  background: var(--color-brand-orange-hover);
  color: var(--white);
}

.petshop-support-banner__button .wp-block-button__link:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}

.petshop-support-banner__media {
  position: relative;
  width: 100%;
}

.petshop-support-banner .wp-block-image,
figure.petshop-support-banner__image {
  margin: 0;
  max-width: none;
  line-height: 0;
}

.petshop-support-banner__image {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 1;
}

.petshop-support-banner .wp-block-image img,
.petshop-support-banner__image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-md);
  object-fit: cover;
  object-position: center;
}

.petshop-support-banner__image--mobile {
  display: none;
}

.petshop-home-campaigns {
  margin-inline: auto;
  padding-block: var(--space-4);
}

.petshop-home-campaigns__inner {
  width: min(100%, var(--container-max));
  margin-inline: auto;
}

.petshop-home-campaigns__track {
  position: relative;
}

.petshop-home-campaigns__slide {
  margin: 0;
}

.petshop-home-campaigns__slide[hidden] {
  display: none;
}

.petshop-home-campaigns__link {
  display: block;
  aspect-ratio: 3 / 1;
  border-radius: var(--radius-md);
  overflow: hidden;
  line-height: 0;
  box-shadow: var(--shadow-featured);
}

.petshop-home-campaigns__link:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 4px;
}

.petshop-home-campaigns__link img,
.petshop-home-campaigns__link picture {
  display: block;
  width: 100%;
  height: 100%;
}

.petshop-home-campaigns__link img {
  object-fit: cover;
  object-position: center;
}

.petshop-home-campaigns__slide--editorial {
  overflow: hidden;
  border: 1px solid rgb(88 194 199 / 20%);
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--brand-teal-900), var(--brand-teal-700));
  box-shadow: var(--shadow-featured);
  color: var(--color-on-teal);
}

.petshop-home-campaigns__editorial {
  display: grid;
  grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);
  min-height: clamp(18rem, 30vw, 24rem);
}

.petshop-home-campaigns__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .85rem;
  padding: clamp(1.5rem, 4vw, 3rem);
}

.petshop-home-campaigns__eyebrow,
.petshop-home-campaigns__benefit {
  margin: 0;
  color: var(--brand-aqua-400);
  font-size: .875rem;
  font-weight: 800;
  line-height: 1.35;
}

.petshop-home-campaigns__eyebrow {
  letter-spacing: .02em;
}

.petshop-home-campaigns__title {
  margin: 0;
  color: var(--white);
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1.08;
}

.petshop-home-campaigns__text {
  max-width: 42rem;
  margin: 0;
  color: var(--neutral-100);
  font-size: clamp(1rem, 1.6vw, 1.125rem);
  line-height: 1.55;
}

.petshop-home-campaigns__cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-block-start: .35rem;
  padding: .7rem 1.2rem;
  border: 2px solid var(--brand-orange-action);
  border-radius: var(--radius-pill);
  background: var(--brand-orange-action);
  color: var(--white);
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.petshop-home-campaigns__cta:hover,
.petshop-home-campaigns__cta:focus-visible {
  border-color: var(--color-brand-orange-hover);
  background: var(--color-brand-orange-hover);
  color: var(--white);
  transform: translateY(-1px);
}

.petshop-home-campaigns__media {
  min-height: 100%;
  margin: 0;
  line-height: 0;
}

.petshop-home-campaigns__media picture,
.petshop-home-campaigns__media img {
  display: block;
  width: 100%;
  height: 100%;
}

.petshop-home-campaigns__media img {
  aspect-ratio: 3 / 1;
  object-fit: cover;
  object-position: center;
}

.petshop-home-campaigns__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  margin-block-start: var(--space-3);
}

.petshop-home-campaigns__prev,
.petshop-home-campaigns__next,
.petshop-home-campaigns__dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  color: var(--color-ink);
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.petshop-home-campaigns__prev:hover,
.petshop-home-campaigns__next:hover,
.petshop-home-campaigns__dot:hover {
  border-color: var(--color-brand-teal-dark);
  color: var(--color-brand-teal-dark);
}

.petshop-home-campaigns__prev:focus-visible,
.petshop-home-campaigns__next:focus-visible,
.petshop-home-campaigns__dot:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}

.petshop-home-campaigns__prev:disabled,
.petshop-home-campaigns__next:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.petshop-home-campaigns__dots {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}

.petshop-home-campaigns__dot {
  width: .75rem;
  min-width: .75rem;
  height: .75rem;
  min-height: .75rem;
  padding: 0;
}

.petshop-home-campaigns__dot.is-active,
.petshop-home-campaigns__dot[aria-selected="true"] {
  background: var(--color-brand-teal-dark);
  border-color: var(--color-brand-teal-dark);
}

.petshop-home-campaigns-editor,
.petshop-home-campaign-editor {
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-3);
  background: var(--color-surface);
}

.petshop-home-campaigns-editor__empty {
  display: grid;
  gap: var(--space-2);
  justify-items: start;
}

.petshop-home-campaign-editor__header {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: baseline;
  margin-block-end: var(--space-2);
}

.petshop-home-campaign-editor__destination {
  color: var(--color-muted);
  font-size: .875rem;
}

.petshop-home-campaign-editor__preview img,
.petshop-home-campaign-editor__mobile-preview img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-sm);
}

.petshop-home-campaign-editor__mode {
  display: inline-flex;
  margin-block-end: var(--space-2);
  padding: .25rem .55rem;
  border-radius: var(--radius-pill);
  background: var(--color-surface-soft);
  color: var(--color-muted);
  font-size: .8125rem;
  font-weight: 700;
}

.petshop-home-campaign-editor__editorial-preview {
  display: grid;
  grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);
  overflow: hidden;
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, var(--brand-teal-900), var(--brand-teal-700));
  color: var(--white);
}

.petshop-home-campaign-editor__editorial-copy {
  display: grid;
  gap: .55rem;
  align-content: center;
  padding: var(--space-4);
}

.petshop-home-campaign-editor__editorial-copy :where(input, textarea) {
  min-height: 40px;
}

.petshop-home-campaign-editor__editorial-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
}

.petshop-home-campaign-editor__mobile-preview {
  margin-block-start: var(--space-3);
  padding-block-start: var(--space-2);
  border-top: 1px solid var(--color-border);
}

.petshop-home-campaign-editor__placeholder {
  display: grid;
  place-items: center;
  min-height: 160px;
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-soft);
}

html.petshop-reduced-motion .petshop-home-campaigns__controls *,
html.petshop-reduced-motion .petshop-home-campaigns__link {
  transition: none;
}

.petshop-support-cta {
  border-radius: var(--radius-md);
  background: var(--color-brand-teal-dark);
  color: var(--color-on-teal);
  padding-inline: clamp(1rem, 4vw, 3rem);
  text-align: center;
}

.petshop-support-cta h2 {
  color: var(--color-on-teal);
}

.petshop-support-cta .wp-block-buttons {
  justify-content: center;
}

.petshop-catalog-filter {
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-soft);
}

.petshop-catalog-filter-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: 44px;
  border: 2px solid var(--color-brand-teal-dark);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  color: var(--color-brand-teal-dark);
  font-weight: 700;
}

.petshop-catalog-filter-toggle span {
  display: inline-grid;
  place-items: center;
  min-width: 1.5rem;
  min-height: 1.5rem;
  border-radius: var(--radius-pill);
  background: var(--color-brand-teal-dark);
  color: var(--color-on-teal);
  font-size: .75rem;
}

.petshop-catalog-filter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}

.petshop-catalog-filter__close {
  display: none;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: var(--color-ink);
  font-size: 1.75rem;
}

.petshop-catalog-filter fieldset {
  margin: 0;
  padding: var(--space-3) 0;
  border: 0;
  border-top: 1px solid var(--color-border);
}

.petshop-catalog-filter legend,
.petshop-catalog-filter__applied h3 {
  margin: 0 0 var(--space-2);
  color: var(--color-ink);
  font-size: .95rem;
  font-weight: 750;
}

.petshop-catalog-filter__price {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
}

.petshop-catalog-filter__price label,
.petshop-catalog-filter__select {
  display: grid;
  gap: .35rem;
  color: var(--color-muted);
  font-size: .8125rem;
  font-weight: 650;
}

.petshop-catalog-filter__price input,
.petshop-catalog-filter__select select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--color-neutral-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}

.petshop-catalog-filter__applied {
  margin-bottom: var(--space-3);
}

.petshop-catalog-filter__applied ul {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.petshop-catalog-filter__applied a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 36px;
  padding: .25rem .65rem;
  border-radius: var(--radius-pill);
  background: var(--color-surface-soft);
  color: var(--color-ink);
  font-size: .8125rem;
  text-decoration: none;
}

.petshop-catalog-filter__applied .petshop-catalog-filter__clear {
  margin-top: var(--space-2);
  padding-inline: 0;
  background: transparent;
  color: var(--color-brand-teal-dark);
  text-decoration: underline;
}

.petshop-catalog-filter__actions {
  display: grid;
  gap: var(--space-2);
  text-align: center;
}

.petshop-catalog-filter__actions > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
}

:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main .ct-container > section {
  display: grid;
  grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
  align-items: start;
  gap: clamp(1.5rem, 3vw, 3rem);
}

:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main .woocommerce-products-header {
  display: none;
}

:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main .woocommerce-notices-wrapper {
  grid-column: 1 / -1;
}

:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main .woocommerce-notices-wrapper:empty {
  display: none;
}

:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main .ct-container[data-vertical-spacing*="top"] {
  padding-top: 20px;
}

:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main .ct-container[data-vertical-spacing*="bottom"] {
  padding-bottom: var(--space-5);
}

:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) .woo-listing-top {
  display: contents;
}

.petshop-catalog-sidebar {
  grid-column: 1;
  grid-row: span 3;
  min-width: 0;
}

.petshop-catalog-toolbar {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-height: 48px;
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-border);
}

.petshop-catalog-toolbar .woocommerce-result-count,
.petshop-catalog-toolbar .woocommerce-ordering {
  float: none;
  margin: 0;
}

:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main :is(ul.products, .woocommerce-pagination) {
  grid-column: 2;
  min-width: 0;
}

:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main ul.products li.product :is(.ct-media-container, img) {
  max-width: 100%;
}

.hero-section[data-type="type-2"] {
  position: relative;
  isolation: isolate;
}

.hero-section[data-type="type-2"] figure::after {
  position: absolute;
  inset: 0;
  background: rgb(20 32 38 / 48%);
  content: "";
}

.hero-section[data-type="type-2"] .entry-header {
  position: relative;
  z-index: 1;
}

.hero-section[data-type="type-2"] .page-title {
  color: var(--color-on-teal);
  text-shadow: 0 2px 12px rgb(0 0 0 / 45%);
}

.petshop-catalog-filter__title {
  margin: 0 0 var(--space-3);
  color: var(--color-ink);
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: var(--font-heading-weight);
}

.petshop-catalog-filter__search {
  margin-bottom: var(--space-3);
}

.petshop-catalog-filter__search label {
  display: block;
  margin-bottom: .35rem;
  color: var(--color-ink);
  font-size: .875rem;
  font-weight: 700;
}

.petshop-catalog-filter__search input {
  width: 100%;
  min-height: 44px;
  padding-inline: .75rem;
  border: 1px solid var(--color-neutral-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-ink);
}

.petshop-catalog-filter ul {
  display: grid;
  gap: .25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.petshop-catalog-filter li label {
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  min-height: 44px;
  padding: .35rem .5rem;
  border-radius: var(--radius-sm);
  color: var(--color-ink);
  cursor: pointer;
}

.petshop-catalog-filter li label:hover {
  background: var(--color-surface-soft);
}

.petshop-catalog-filter input[type="checkbox"] {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  accent-color: var(--color-brand-teal-dark);
}

.petshop-catalog-filter__name {
  min-width: 0;
  font-weight: 650;
}

.petshop-catalog-filter__count {
  min-width: 1.75rem;
  padding: .15rem .45rem;
  border-radius: var(--radius-pill);
  background: var(--color-surface-soft);
  color: var(--color-muted);
  font-size: .75rem;
  line-height: 1.4;
  text-align: center;
}

.petshop-catalog-filter__apply {
  width: 100%;
  margin-top: var(--space-3);
}

.woocommerce-product-search {
  position: relative;
}

.petshop-search-suggestions {
  position: absolute;
  z-index: 120;
  top: calc(100% + .35rem);
  right: 0;
  left: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-soft);
}

.petshop-search-suggestions__option {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  min-height: 56px;
  padding: .4rem .65rem;
  color: var(--color-ink);
  text-decoration: none;
}

.petshop-search-suggestions__option + .petshop-search-suggestions__option {
  border-top: 1px solid var(--color-border);
}

.petshop-search-suggestions__option:is(:hover, :focus-visible),
.petshop-search-suggestions__option[aria-selected="true"] {
  background: var(--color-surface-soft);
}

.petshop-search-suggestions__option img {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-sm);
  object-fit: cover;
}

.petshop-search-suggestions__empty {
  margin: 0;
  padding: var(--space-3);
}

.petshop-search-empty {
  grid-column: 1 / -1;
  padding-block: var(--space-5);
  text-align: center;
}

.petshop-search-empty__categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-4);
  padding: 0;
  list-style: none;
}

.petshop-search-empty__categories a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .4rem .8rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
}

.petshop-product-assurance {
  margin-block: var(--space-3);
  padding: var(--space-3);
  border-left: 4px solid var(--color-brand-teal-dark);
  background: var(--color-surface-soft);
}

.petshop-product-assurance p {
  margin-bottom: 0;
}

.petshop-product-logistics,
.petshop-shipping-calculator {
  margin-block: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.petshop-product-logistics p,
.petshop-shipping-calculator p {
  margin: 0;
}

.petshop-product-logistics p + p,
.petshop-shipping-calculator p + p {
  margin-top: var(--space-2);
}

.petshop-shipping-calculator h2 {
  margin: 0 0 var(--space-2);
  font-size: 1.125rem;
}

.petshop-shipping-calculator form > label {
  display: block;
  margin-bottom: .35rem;
  font-weight: 700;
}

.petshop-shipping-calculator form > div {
  display: grid;
  grid-template-columns: minmax(9rem, 1fr) auto;
  gap: var(--space-2);
}

.petshop-shipping-calculator input {
  min-height: 44px;
  border: 2px solid var(--color-neutral-border);
  border-radius: var(--radius-sm);
}

.petshop-shipping-calculator button {
  min-height: 44px;
  border: 2px solid var(--color-brand-teal-dark);
  border-radius: var(--radius-pill);
  background: var(--color-brand-teal-dark);
  color: var(--color-on-teal);
  font-weight: 700;
}

.petshop-shipping-calculator__result {
  margin-top: var(--space-3);
}

.petshop-shipping-calculator__result ul {
  display: grid;
  gap: .35rem;
  margin: 0 0 var(--space-2);
  padding: 0;
  list-style: none;
}

.petshop-product-details {
  display: grid;
  gap: var(--space-3);
}

.petshop-product-details > div {
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-border);
}

.petshop-product-details dt {
  color: var(--color-ink);
  font-weight: 750;
}

.petshop-product-details dd {
  margin: .35rem 0 0;
}

.single-product form.cart .variations select {
  min-height: 44px;
  border: 2px solid var(--color-neutral-border);
  border-radius: var(--radius-sm);
}

.petshop-color-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.petshop-color-swatch {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 44px;
  padding: .35rem .7rem;
  border: 2px solid var(--color-neutral-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  color: var(--color-ink);
}

.petshop-color-swatch[aria-pressed="true"] {
  border-color: var(--color-brand-teal-dark);
  box-shadow: 0 0 0 2px rgb(23 103 106 / 18%);
}

.petshop-color-swatch__sample {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid rgb(0 0 0 / 20%);
  border-radius: 50%;
}

.petshop-variation-error {
  margin-bottom: var(--space-2);
}

.petshop-institutional-footer {
  margin-top: var(--space-section);
  padding-block: var(--space-6) var(--space-4);
  background: #373435; /* token-exception: footer voltou ao tom anterior por ajuste visual aprovado */
  color: var(--color-on-teal);
}

.petshop-institutional-footer a {
  color: inherit;
  text-decoration: none;
}

.petshop-institutional-footer a:hover,
.petshop-institutional-footer a:focus-visible {
  color: var(--color-brand-teal);
  text-decoration: underline;
}

.petshop-institutional-footer__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: var(--space-5);
}

.petshop-institutional-footer h2 {
  margin: 0 0 var(--space-2);
  color: var(--color-brand-teal);
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.petshop-institutional-footer p {
  margin: 0 0 var(--space-2);
  color: rgb(255 255 255 / 88%);
  font-size: .9rem;
}

.petshop-institutional-footer__menu {
  flex-direction: column;
  gap: .35rem;
}

.petshop-institutional-footer__menu a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: .9rem;
}

.petshop-institutional-footer__logo .custom-logo {
  max-width: 10rem;
  max-height: 56px;
  margin-bottom: var(--space-2);
  filter: brightness(0) invert(1);
}

.petshop-institutional-footer__legal {
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: 1px solid rgb(255 255 255 / 16%);
  color: rgb(255 255 255 / 72%);
  font-size: .8125rem;
}

.petshop-institutional-footer__legal p {
  margin: 0 0 .35rem;
  font-size: inherit;
}

footer.ct-footer,
footer.ct-footer [data-id="theme"],
footer.ct-footer .ct-footer-theme-author,
footer.ct-footer [data-column="copyright"],
footer.ct-footer .ct-footer-copyright {
  display: none;
}

.petshop-hero .wp-block-buttons {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  width: 100%;
}

.petshop-hero .wp-block-button__link {
  min-height: 44px;
  width: 100%;
  padding: .6rem 1.1rem;
  font-size: clamp(.82rem, 1.4vw, .95rem);
  text-align: center;
  white-space: normal;
}

.petshop-hero .is-style-outline .wp-element-button {
  border-color: var(--color-brand-teal-dark);
  background: var(--color-surface);
  color: var(--color-brand-teal-dark);
}

.petshop-benefits {
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
  border-block: 1px solid var(--color-border);
  background: var(--color-surface);
  --wp--style--block-gap: 0;
}

.petshop-benefits :where(.wp-block-group:not(.petshop-benefits__inner), .wp-block-paragraph, .wp-block-image, figure) {
  margin: 0 !important;
}

.petshop-benefits :where(.is-layout-flow, .wp-block-group-is-layout-flow) > :where(* + *) {
  margin-block-start: 0 !important;
}

.petshop-benefits__inner,
.petshop-benefits__inner.is-layout-flow,
.petshop-benefits__inner.wp-block-group-is-layout-flow {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 0;
  flex: 1 1 auto;
  width: min(100% - 1.25rem, var(--container-max));
  margin-inline: auto !important;
  --wp--style--block-gap: 0;
}

.petshop-benefits__item,
.petshop-benefits__item.is-layout-flow,
.petshop-benefits__item.wp-block-group-is-layout-flow {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  align-self: stretch;
  padding: .95rem clamp(.85rem, 2vw, 1.25rem);
  min-height: 100%;
  width: 100%;
  --wp--style--block-gap: 0;
}

.petshop-benefits__content,
.petshop-benefits__content.is-layout-flow,
.petshop-benefits__content.wp-block-group-is-layout-flow {
  display: inline-flex !important;
  flex-direction: row;
  align-items: center;
  gap: .75rem;
  width: 100% !important;
  max-width: 100%;
  margin: 0 !important;
  --wp--style--block-gap: 0;
}

.petshop-benefits__content:not(:has(.petshop-benefits__icon img[src]:not([src=""])))::before {
  content: "";
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-brand-teal-dark);
  mask: var(--petshop-benefit-icon) center / contain no-repeat;
  -webkit-mask: var(--petshop-benefit-icon) center / contain no-repeat;
}

.petshop-benefits__content:has(.petshop-benefits__icon img[src]:not([src=""]))::before {
  content: none;
  display: none;
}

.petshop-benefits__icon {
  display: none !important;
  flex: 0 0 auto;
  margin: 0;
  line-height: 0;
}

.petshop-benefits__icon:has(img[src]:not([src=""])) {
  display: block !important;
}

.petshop-benefits__icon img {
  display: block;
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}

.petshop-benefits__copy,
.petshop-benefits__copy.is-layout-flow,
.petshop-benefits__copy.wp-block-group-is-layout-flow {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: .125rem;
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
  text-align: left;
  --wp--style--block-gap: 0;
}

.petshop-benefits__item--delivery {
  --petshop-benefit-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E");
}

.petshop-benefits__item--volume {
  --petshop-benefit-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='%23000'/%3E%3C/svg%3E");
}

.petshop-benefits__item--shipping {
  --petshop-benefit-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E");
}

.petshop-benefits__item + .petshop-benefits__item {
  border-left: 1px solid var(--color-border);
}

.petshop-benefits__title,
.petshop-benefits__title.wp-block-paragraph {
  margin: 0 !important;
  color: var(--color-ink);
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
}

.petshop-benefits__title strong {
  font-weight: inherit;
}

.petshop-benefits__detail,
.petshop-benefits__detail.wp-block-paragraph {
  margin: 0 !important;
  color: var(--color-muted);
  font-size: .8125rem;
  line-height: 1.3;
  text-align: left;
}

@media (min-width: 768px) {
  .petshop-benefits__title,
  .petshop-benefits__detail {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .petshop-hero {
    min-height: clamp(460px, 40vw, 540px);
  }

  .petshop-hero.wp-block-cover.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container {
    align-items: center;
    width: min(100% - 2rem, var(--container-max));
    max-width: min(100% - 2rem, var(--container-max));
    padding-block: clamp(1.5rem, 4vw, 2.75rem);
  }

  .petshop-hero.wp-block-cover .wp-block-cover__background.has-background-dim,
  .petshop-hero.wp-block-cover .wp-block-cover__background.has-white-background-color {
    background-image: linear-gradient(
      90deg,
      rgb(255 255 255 / 97%) 0%,
      rgb(255 255 255 / 92%) 34%,
      rgb(255 255 255 / 55%) 46%,
      rgb(255 255 255 / 12%) 56%,
      transparent 62%
    );
  }

  .petshop-hero .wp-block-cover__image-background {
    object-position: 78% center;
  }

  .petshop-hero__copy {
    width: min(100%, 38rem);
    max-width: min(100%, 48%);
    padding: clamp(1.15rem, 2.5vw, 1.85rem);
    background: rgb(255 255 255 / 82%);
  }

  .petshop-hero h1 {
    font-size: clamp(1.85rem, 3.2vw, 2.85rem);
    line-height: 1.12;
  }

  .petshop-hero p:not(.petshop-eyebrow) {
    margin-block: .75rem 1.35rem;
    font-size: clamp(.92rem, 1.5vw, 1.05rem);
    line-height: 1.5;
  }

  .petshop-hero .petshop-hero__note {
    font-size: .95rem;
  }

  .petshop-hero .wp-block-buttons {
    flex-flow: row wrap;
    gap: .75rem;
    width: auto;
  }

  .petshop-hero .wp-block-button__link {
    width: auto;
    white-space: nowrap;
  }

  .petshop-commercial-header__navigation .ct-container {
    max-width: 100%;
    padding-block: .5rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }

  .petshop-commercial-header__menu-toggle {
    display: none;
  }

  .petshop-commercial-header__menu-panel {
    position: static;
    inset: auto;
    display: block;
    width: auto;
    max-width: none;
    padding-top: 0;
    padding-inline: 0;
    padding-bottom: 0;
    border-right: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    transition: none;
    overflow: visible;
  }

  .petshop-commercial-header__drawer-head,
  .petshop-commercial-header__menu-overlay {
    display: none;
  }

  .petshop-commercial-menu {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .35rem clamp(.9rem, 1.55vw, 1.5rem);
    width: 100%;
    min-width: 100%;
    padding-inline: 0;
  }

  .petshop-commercial-menu a {
    justify-content: flex-start;
    padding-inline: .15rem;
    border-radius: 0;
    font-size: .9375rem;
    white-space: nowrap;
  }

  .petshop-commercial-menu a:hover,
  .petshop-commercial-menu a:focus-visible,
  .petshop-commercial-menu .current-menu-item > a {
    background: transparent;
  }

  .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .petshop-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .petshop-category-card__trigger {
    flex-direction: column;
    justify-content: center;
    gap: .65rem;
    min-height: 7.5rem;
    padding: var(--space-3) var(--space-2);
    font-size: .9375rem;
    text-align: center;
  }

  .petshop-category-card {
    --petshop-cat-icon-size: 2.15rem;
  }

  .petshop-category-card__well {
    width: 4.25rem;
    height: 4.25rem;
  }

  .petshop-category-card__label {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .petshop-category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .petshop-category-card {
    --petshop-cat-icon-size: 2.4rem;
  }

  .petshop-category-card__trigger {
    min-height: 8.25rem;
    font-size: 1rem;
  }

  .petshop-category-card__well {
    width: 4.75rem;
    height: 4.75rem;
  }

  .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .petshop-commercial-header__main {
    grid-template-columns: 8rem minmax(14rem, 1fr) auto;
    gap: 1rem;
  }

  .petshop-commercial-header__brand .custom-logo {
    width: 8rem;
  }

  .petshop-commercial-header__actions {
    gap: var(--space-2);
  }

  .petshop-hero__copy {
    max-width: min(100%, 58%);
  }

  .petshop-hero h1 {
    font-size: clamp(1.65rem, 3.8vw, 2.05rem);
    line-height: 1.15;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .petshop-benefits__inner,
  .petshop-benefits__inner.is-layout-flow,
  .petshop-benefits__inner.wp-block-group-is-layout-flow {
    width: min(100% - 1rem, var(--container-max));
  }

  .petshop-benefits__item,
  .petshop-benefits__item.is-layout-flow,
  .petshop-benefits__item.wp-block-group-is-layout-flow {
    justify-content: flex-start !important;
    padding-inline: .75rem;
  }

  .petshop-benefits__content,
  .petshop-benefits__content.is-layout-flow,
  .petshop-benefits__content.wp-block-group-is-layout-flow {
    gap: .625rem;
  }

  .petshop-benefits__content:not(:has(.petshop-benefits__icon img[src]:not([src=""])))::before,
  .petshop-benefits__icon img {
    width: 2.5rem;
    height: 2.5rem;
  }

  .petshop-benefits__title,
  .petshop-benefits__title.wp-block-paragraph {
    font-size: .875rem;
  }

  .petshop-benefits__detail,
  .petshop-benefits__detail.wp-block-paragraph {
    font-size: .75rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .petshop-support-banner__inner {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .petshop-support-banner__content {
    max-width: 36rem;
  }
}

@media (max-width: 1100px) {
  .petshop-header-action__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .petshop-header-action {
    justify-content: center;
    min-width: 44px;
    padding-inline: .35rem;
  }

  .petshop-distraction-free-checkout .petshop-header-action--support .petshop-header-action__label {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: nowrap;
    border: 0;
  }
}

@media (max-width: 900px) {
  .petshop-section:has(.petshop-category-grid) {
    display: none;
  }

  .petshop-benefits__inner,
  .petshop-benefits__inner.is-layout-flow,
  .petshop-benefits__inner.wp-block-group-is-layout-flow {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .petshop-benefits__item,
  .petshop-benefits__item.is-layout-flow,
  .petshop-benefits__item.wp-block-group-is-layout-flow {
    justify-content: flex-start !important;
    padding: .85rem 1rem;
  }

  .petshop-benefits__item + .petshop-benefits__item {
    border-top: 1px solid var(--color-border);
    border-left: 0;
  }
}

@media (max-width: 767px) {
  :root {
    --space-section: 2.5rem;
    --space-6: 2.5rem;
  }

  .petshop-section-head {
    flex-wrap: wrap;
    gap: var(--space-2);
  }

  .petshop-section-head__link {
    margin-left: auto;
  }

  .petshop-commercial-header__main {
    grid-template-columns: 44px minmax(5.5rem, 1fr) auto;
    gap: .5rem 1rem;
    min-height: auto;
    padding-block: .65rem;
  }

  .petshop-commercial-header__menu-toggle {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: start;
  }

  .petshop-commercial-header__brand {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }

  .petshop-commercial-header__brand .custom-logo {
    width: min(7rem, 100%);
    max-height: 50px;
  }

  .petshop-commercial-header__search {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .petshop-commercial-header__actions {
    grid-column: 3;
    grid-row: 1;
    gap: var(--space-2);
  }

  .petshop-commercial-header__navigation {
    border-top: 0;
  }

  .petshop-commercial-header__navigation .ct-container {
    padding-block: 0;
    overflow: visible;
  }

  .petshop-commercial-menu {
    padding-block: var(--space-2);
  }

  .petshop-commercial-menu a {
    justify-content: flex-start;
    width: 100%;
    padding-inline: .75rem;
    text-align: left;
  }

  .petshop-distraction-free-checkout .petshop-commercial-header__main {
    grid-template-columns: minmax(6.5rem, 1fr) auto;
    gap: .5rem .75rem;
    min-height: 112px;
    padding-block: .65rem;
  }

  .petshop-distraction-free-checkout .petshop-commercial-header__brand .custom-logo {
    width: min(7rem, 100%);
    max-height: 48px;
  }

  .petshop-distraction-free-checkout .petshop-commercial-header__menu-toggle {
    display: none;
  }

  .petshop-distraction-free-checkout .petshop-commercial-header__brand {
    grid-column: 1;
  }

  .petshop-distraction-free-checkout .petshop-checkout-header__assurance {
    grid-column: 1 / -1;
    justify-self: stretch;
    justify-content: center;
    min-height: 38px;
    padding-inline: .75rem;
    font-size: .8125rem;
  }

  .petshop-distraction-free-checkout .petshop-commercial-header__actions {
    grid-column: 2;
    grid-row: 1;
  }

  .petshop-distraction-free-checkout .petshop-header-action--support {
    padding-inline: .7rem;
  }

  .petshop-header-action {
    padding-inline: .35rem;
    font-size: clamp(.8125rem, 3.2vw, .875rem);
  }

  .petshop-category-preview {
    width: min(18.5rem, calc(100vw - 1.25rem));
  }

  .petshop-review-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main .ct-container > section {
    grid-template-columns: 1fr;
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-filter-toggle {
    display: inline-flex;
    grid-column: 1;
    width: 100%;
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-filter-backdrop {
    position: fixed;
    z-index: 998;
    inset: 0;
    background: rgb(20 32 38 / 52%);
  }

  html.petshop-filter-open {
    overflow: hidden;
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-sidebar {
    position: fixed;
    z-index: 999;
    inset: 0 0 0 auto;
    overflow-y: auto;
    width: min(100%, 28rem);
    padding: var(--space-3);
    background: var(--color-surface);
    visibility: hidden;
    transform: translateX(100%);
    transition: transform 180ms ease-out, visibility 180ms;
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-sidebar.is-open {
    visibility: visible;
    transform: translateX(0);
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-filter {
    min-height: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-filter__close {
    display: inline-grid;
  }

  .petshop-catalog-sidebar,
  .petshop-catalog-toolbar,
  :is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main :is(ul.products, .woocommerce-pagination) {
    grid-column: 1;
    grid-row: auto;
  }

  .petshop-catalog-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .petshop-catalog-toolbar .woocommerce-ordering,
  .petshop-catalog-toolbar .woocommerce-ordering select {
    width: 100%;
  }

  .petshop-benefits__inner,
  .petshop-benefits__inner.is-layout-flow,
  .petshop-benefits__inner.wp-block-group-is-layout-flow {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .petshop-shipping-calculator form > div {
    grid-template-columns: 1fr;
  }

  .petshop-order-tracking dl > div {
    grid-template-columns: 1fr;
    gap: .15rem;
  }

  .petshop-benefits__item,
  .petshop-benefits__item.is-layout-flow,
  .petshop-benefits__item.wp-block-group-is-layout-flow {
    justify-content: flex-start !important;
    padding: .85rem 1rem;
  }

  .petshop-benefits__item + .petshop-benefits__item {
    border-top: 1px solid var(--color-border);
    border-left: 0;
  }

  .petshop-benefits__title {
    font-size: .875rem;
  }

  .petshop-benefits__detail {
    font-size: .78rem;
  }

  .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .woocommerce ul.products li.product figure img,
  .woocommerce ul.products li.product img,
  .wc-block-grid__product-image img {
    aspect-ratio: 4 / 5 !important;
    padding: .75rem;
  }

  .petshop-home-campaigns__link {
    aspect-ratio: 4 / 5;
  }

  .petshop-home-campaigns__editorial,
  .petshop-home-campaign-editor__editorial-preview {
    grid-template-columns: 1fr;
  }

  .petshop-home-campaigns__content {
    order: 1;
    padding: var(--space-4);
  }

  .petshop-home-campaigns__media {
    order: 2;
  }

  .petshop-home-campaigns__media img {
    aspect-ratio: 4 / 5;
    min-height: 0;
  }

  .petshop-home-campaigns__title {
    font-size: clamp(1.55rem, 8vw, 2.2rem);
  }

  .petshop-home-campaigns__cta {
    width: 100%;
  }

  .petshop-support-banner.petshop-section {
    width: min(100% - 1rem, var(--container-max));
    padding-block: var(--space-3);
  }

  .petshop-support-banner__inner {
    grid-template-columns: 1fr;
    gap: var(--space-3);
    min-height: 0;
    padding: var(--space-4);
  }

  .petshop-support-banner__content {
    max-width: none;
    order: 1;
  }

  .petshop-support-banner h2.petshop-support-banner__title {
    font-size: 2rem;
  }

  .petshop-support-banner__media {
    order: 2;
  }

  .petshop-support-banner__button,
  .petshop-support-banner__button .wp-block-button__link {
    width: 100%;
  }

  .petshop-support-banner__image--desktop {
    display: none;
  }

  .petshop-support-banner__image--mobile {
    display: block;
    aspect-ratio: 4 / 5;
  }

  .petshop-support-banner .wp-block-image img,
  .petshop-support-banner__image img {
    min-height: 0;
  }
}

.petshop-catalog-filter {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: min(44rem, calc(100dvh - 18rem));
  padding: 0;
}

.petshop-catalog-filter__header,
.petshop-catalog-filter__actions {
  position: sticky;
  z-index: 2;
  background: var(--color-surface);
}

.petshop-catalog-filter__header {
  top: 0;
  padding: var(--space-3) var(--space-3) var(--space-2);
  border-bottom: 1px solid var(--color-border);
}

.petshop-catalog-filter__title {
  margin: 0;
  font-size: 1.05rem;
}

.petshop-catalog-filter__body {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0 var(--space-3);
}

.petshop-catalog-filter__actions {
  bottom: 0;
  padding: var(--space-3);
  border-top: 1px solid var(--color-border);
  box-shadow: 0 -10px 24px rgb(20 32 38 / 8%);
}

.petshop-catalog-filter__apply {
  margin-top: 0;
}

.petshop-catalog-filter__facet {
  padding-block: 0;
}

.petshop-catalog-filter__facet legend {
  display: block;
  width: 100%;
  margin: 0;
}

.petshop-catalog-filter__facet-toggle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1rem;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  min-height: 48px;
  padding: .75rem 0;
  border: 0;
  background: transparent;
  color: var(--color-ink);
  font: inherit;
  font-weight: 750;
  text-align: left;
  cursor: pointer;
}

.petshop-catalog-filter__facet-toggle:focus-visible,
.petshop-catalog-filter__more:focus-visible,
.petshop-catalog-filter__applied a:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--color-brand-teal-dark) 42%, transparent);
  outline-offset: 3px;
}

.petshop-catalog-filter__chevron {
  width: .65rem;
  height: .65rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 180ms ease-out;
}

.petshop-catalog-filter__facet-toggle[aria-expanded="true"] .petshop-catalog-filter__chevron {
  transform: translateY(.2rem) rotate(225deg);
}

.petshop-catalog-filter__facet-panel {
  padding-bottom: var(--space-3);
}

.petshop-catalog-filter__more {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: var(--space-2);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-brand-teal-dark);
  font-weight: 750;
  text-decoration: underline;
  cursor: pointer;
}

.petshop-catalog-toolbar {
  flex-wrap: wrap;
}

.petshop-catalog-toolbar__filters {
  display: flex;
  align-items: center;
  flex: 1 1 18rem;
  gap: var(--space-2);
  min-width: 0;
}

.petshop-catalog-filter__applied--toolbar {
  min-width: 0;
  margin: 0;
}

.petshop-catalog-filter__applied--toolbar ul {
  overflow-x: auto;
  flex-wrap: nowrap;
  max-width: 100%;
  padding-bottom: .15rem;
  scrollbar-width: thin;
}

.petshop-catalog-filter__applied--toolbar a {
  white-space: nowrap;
}

.petshop-catalog-filter__applied--panel {
  margin-block: var(--space-3);
}

@media (min-width: 1180px) {
  :is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main .ct-container > section {
    grid-template-columns: minmax(16rem, 17.5rem) minmax(0, 1fr);
  }

  .petshop-catalog-sidebar {
    position: sticky;
    top: calc(var(--admin-bar, 0px) + 1.25rem);
    align-self: start;
  }

  .petshop-catalog-filter-toggle {
    display: none;
    flex: 0 0 auto;
  }

  .petshop-catalog-filter__applied--toolbar {
    display: none;
  }
}

@media (max-width: 1179px) {
  body:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) {
    overflow-x: hidden;
  }

  body:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) .petshop-commercial-header {
    overflow-x: clip;
  }

  body:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) .petshop-commercial-header__main,
  body:is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) .petshop-commercial-header__search {
    min-width: 0;
    max-width: 100%;
  }

  :is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main .ct-container > section {
    grid-template-columns: 1fr;
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-filter-toggle {
    display: inline-flex;
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-filter-backdrop {
    position: fixed;
    z-index: 998;
    inset: 0;
    background: rgb(20 32 38 / 52%);
  }

  html.petshop-filter-open,
  body.petshop-filter-open {
    overflow: hidden;
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-sidebar {
    position: fixed;
    z-index: 999;
    inset: 0 0 0 auto;
    width: min(26.25rem, 100vw);
    min-width: 0;
    padding: 0;
    background: var(--color-surface);
    visibility: hidden;
    transform: translateX(100%);
    transition: transform 180ms ease-out, visibility 180ms;
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-sidebar.is-open {
    visibility: visible;
    transform: translateX(0);
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-filter {
    width: 100%;
    height: 100dvh;
    max-height: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-filter__close {
    display: inline-grid;
  }

  .petshop-catalog-sidebar,
  .petshop-catalog-toolbar,
  :is(.woocommerce-shop, .tax-product_cat, .tax-product_tag) main :is(ul.products, .woocommerce-pagination) {
    grid-column: 1;
    grid-row: auto;
  }

  .petshop-catalog-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .petshop-catalog-toolbar__filters {
    flex-direction: column;
    align-items: stretch;
    flex-basis: auto;
  }

  .petshop-catalog-toolbar .woocommerce-ordering,
  .petshop-catalog-toolbar .woocommerce-ordering select {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .petshop-catalog-filter-enhanced .petshop-catalog-sidebar {
    inset: auto 0 0;
    width: 100vw;
    max-height: 92dvh;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    transform: translateY(100%);
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-sidebar.is-open {
    transform: translateY(0);
  }

  .petshop-catalog-filter-enhanced .petshop-catalog-filter {
    height: min(92dvh, 100dvh);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .petshop-category-card__well,
  .petshop-category-preview {
    transition: none;
  }

  *, *::before, *::after {
    scroll-behavior: auto;
    transition-duration: .01ms;
  }
}