/* Company and supplier-review pages: shared type scale, earlier evidence, compact controls. */
.petaful-brand-opening,.petaful-brand-intro,.petaful-brand-reasons,.petaful-brand-evidence,.petaful-brand-close { padding-block: 3.25rem; }
.petaful-brand-opening__grid,.petaful-brand-evidence__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 3.5rem; align-items: center; }
.petaful-brand-opening__copy,.petaful-brand-evidence__grid > div { min-width: 0; }
.petaful-brand-why h2,.petaful-brand-csr .petaful-brand-intro h2,.petaful-brand-csr .petaful-csr__feature h2,.petaful-brand-csr .petaful-brand-close h2 { max-width: 28ch; margin: 0 0 1rem; font-family: var(--font-display); font-size: var(--text-h2); line-height: 1.3; font-weight: 600; color: var(--navy); }
.petaful-brand-why .petaful-kicker,.petaful-brand-csr .petaful-kicker { margin: 0 0 .75rem; }
.petaful-brand-opening__copy > p:not(.petaful-kicker),.petaful-brand-evidence__grid > div > p:not(.petaful-kicker),.petaful-brand-intro .petaful-wrap > p:not(.petaful-kicker),.petaful-brand-close p { max-width: 68ch; color: var(--body); font-size: 1.125rem; line-height: 1.75; margin: 0 0 1.25rem; }
.petaful-brand-opening__media,.petaful-brand-evidence figure { min-width: 0; margin: 0; }
.petaful-brand-opening__media img,.petaful-brand-evidence figure img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border-radius: 5px; }
.petaful-brand-opening__media figcaption,.petaful-brand-evidence figcaption { margin-top: .6rem; font-size: .8125rem; line-height: 1.6; color: var(--ink-soft); }
.petaful-brand-why .petaful-why__facts { margin-top: 1.75rem; }
.petaful-brand-why .petaful-why__facts strong { font-size: 1.75rem; }
.petaful-brand-why .petaful-why__facts span { font-size: .875rem; }
.petaful-brand-reasons,.petaful-brand-evidence--packing { background: var(--mute); }
.petaful-brand-head { margin-bottom: 1.5rem; }
.petaful-brand-reasons__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 3.5rem; }
.petaful-brand-reasons__grid article { min-width: 0; padding: 1.5rem 0; border-top: 1px solid var(--line); scroll-margin-top: calc(var(--header) + 1rem); }
.petaful-brand-index { display: block; margin-bottom: .65rem; color: var(--paw-ink); font-size: .8125rem; font-weight: 700; }
.petaful-brand-reasons__grid h3 { margin: 0 0 .75rem; font-size: 1.375rem; line-height: 1.4; color: var(--navy); }
.petaful-brand-reasons__grid p { max-width: 64ch; margin: 0 0 1rem; font-size: 1.0625rem; line-height: 1.75; color: var(--body); }
.petaful-brand-inline-links { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin-top: 1rem; }
.petaful-brand-inline-links a { display: inline-flex; align-items: center; min-height: 2.5rem; color: var(--navy); font-size: 1rem; font-weight: 600; text-underline-offset: 3px; }
.petaful-brand-category-links { display: flex; flex-wrap: wrap; gap: .75rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.petaful-brand-category-links a { display: inline-flex; align-items: center; gap: 1rem; min-height: 2.75rem; padding: .65rem .9rem; border: 1px solid #bac7d5; border-radius: 5px; background: #fff; color: var(--navy); font-size: .9375rem; font-weight: 600; text-decoration: none; }
.petaful-brand-category-links a:hover { border-color: var(--navy); }
.petaful-brand-evidence--packing figure { order: 2; }
.petaful-brand-intro .petaful-wrap { max-width: var(--wrap); }
.petaful-brand-csr .petaful-csr__feature { padding-block: 3.25rem; }
.petaful-brand-csr .petaful-csr__feature-grid { gap: 3.5rem; }
.petaful-brand-csr .petaful-csr__media img { aspect-ratio: 4/3; width: 100%; height: auto; object-fit: cover; }
.petaful-brand-csr .petaful-csr__feature-copy > p:not(.petaful-kicker) { font-size: 1.125rem; line-height: 1.75; margin: 0 0 1rem; }
.petaful-brand-csr .petaful-csr__points { margin: 1rem 0 1.25rem; gap: .85rem; }
.petaful-brand-csr .petaful-csr__points li { font-size: 1.0625rem; line-height: 1.7; }
.petaful-brand-close__inner { display: flex; justify-content: space-between; align-items: center; gap: 2rem; }
.petaful-brand-close p { margin-bottom: 0; }
.petaful-brand-why a:focus-visible,.petaful-brand-csr a:focus-visible { outline: 2px solid var(--navy); outline-offset: 4px; }
/* The form is first in reading order; desktop retains the contact desk at left. */
.petaful-contact-page .petaful-contact-next { padding-block: 3.25rem; }
.petaful-contact-page .petaful-contact-next__head h2 { max-width: 28ch; font-size: var(--text-h2); line-height: 1.3; }
.petaful-contact-page .petaful-contact-steps { grid-template-columns: repeat(3,minmax(0,1fr)); }
.petaful-contact-page .petaful-contact-steps li { min-height: 0; padding: 1.5rem; }
.petaful-contact-page .petaful-contact-next__head > p { max-width: 50ch; }
/* About: definition, image and figures precede detailed company prose on small screens. */
.petaful-about .petaful-about-plant__copy { order: 1; }
.petaful-about .petaful-about-plant__media { order: 2; }
.petaful-about .petaful-about-plant__stats { order: 3; }
.petaful-about .petaful-about-plant__details { order: 4; min-width: 0; }
.petaful-about-plant__details > p { margin: 0 0 1rem; color: var(--body); font-size: 1.125rem; line-height: 1.75; }
.petaful-about .petaful-about-families__grid { gap: 1rem; }
.petaful-about .petaful-about-families__card { display: flex; flex-direction: column; height: 100%; padding: 0; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; box-shadow: none; }
.petaful-about-families__card .petaful-about-families__image { display: block; margin: 0; padding: 0; line-height: 0; aspect-ratio: 3/2; overflow: hidden; background: #fff; }
.petaful-about-families__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.petaful-about-families__card .petaful-about-families__copy { display: flex; flex: 1; flex-direction: column; margin: 0; padding: 1rem; }
.petaful-about-families__copy strong { font-size: 1.125rem; line-height: 1.4; }
.petaful-about-families__copy > span { margin-top: .6rem; font-size: 1rem; line-height: 1.6; }
.petaful-about-families__link { display: flex; justify-content: space-between; gap: .6rem; margin-top: auto; padding-top: 1rem; color: var(--navy); font-size: .9375rem; line-height: 1.4; font-weight: 700; }
.petaful-about-families__link span { margin: 0; }
.petaful-about-families__card:hover .petaful-about-families__link { text-decoration: underline; text-underline-offset: 3px; }
/* Native document rows keep previews available without a tall scan-card stack. */
.petaful-cert-files { display: grid; gap: .85rem; list-style: none; padding: 0; margin: 1.75rem 0 0; }
.petaful-cert-files li { min-width: 0; }
.petaful-cert-file { border: 1px solid var(--line); border-radius: 5px; background: #fff; }
.petaful-cert-file > summary { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.1rem 1.25rem; color: var(--navy); list-style: none; cursor: pointer; }
.petaful-cert-file > summary::-webkit-details-marker { display: none; }
.petaful-cert-file__meta { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.petaful-cert-file__meta strong { font-size: 1.125rem; line-height: 1.4; }
.petaful-cert-file__meta > span,.petaful-cert-file__meta small { color: var(--ink-soft); font-size: .875rem; line-height: 1.5; }
.petaful-cert-file__toggle { display: inline-flex; align-items: center; gap: 1.25rem; flex-shrink: 0; font-size: .875rem; font-weight: 600; }
.petaful-cert-file__toggle > span { display: none; }
.petaful-cert-file__toggle::after { content: '+'; font-size: 1.5rem; font-weight: 400; line-height: 1; }
.petaful-cert-file[open] .petaful-cert-file__toggle::after { content: '−'; }
.petaful-cert-file[open] > summary { border-bottom: 1px solid var(--line); }
.petaful-cert-file > summary:focus-visible { outline: 2px solid var(--navy); outline-offset: 4px; }
.petaful-cert-file__content { padding: 1.25rem; }
.petaful-cert-file__image { max-width: 22.5rem; }
.petaful-cert-file__image img { display: block; width: 100%; height: auto; }
.petaful-cert-file__actions { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin-top: 1rem; }
.petaful-cert-file__actions a { display: inline-flex; gap: .5rem; align-items: center; min-height: 2.75rem; color: var(--navy); font-weight: 600; text-underline-offset: 3px; }
@media(min-width:1100px) {
 .petaful-contact-page .petaful-contact-inquiry__grid > .petaful-contact-panel { grid-column: 2; grid-row: 1; }
 .petaful-contact-page .petaful-contact-inquiry__grid > .petaful-contact-side { grid-column: 1; grid-row: 1; top: calc(var(--header) + 1rem); }
}
@media(min-width:1024px) {
 .petaful-about .petaful-about-plant__copy { grid-column: 1; grid-row: 1; order: 0; }
 .petaful-about .petaful-about-plant__details { grid-column: 1; grid-row: 2; order: 0; }
 .petaful-about .petaful-about-plant__media { grid-column: 2; grid-row: 1 / 3; order: 0; }
 .petaful-about .petaful-about-plant__stats { grid-column: 1 / -1; grid-row: 3; order: 0; }
}
@media(max-width:1023px) {
 .petaful-brand-opening__grid,.petaful-brand-evidence__grid { grid-template-columns: minmax(0,1fr); gap: 1.5rem; }
 .petaful-brand-evidence--packing figure { order: 0; }
 .petaful-brand-close__inner { align-items: start; flex-direction: column; gap: 1.25rem; }
 .petaful-contact-page .petaful-contact-steps { grid-template-columns: minmax(0,1fr); }
 .petaful-contact-page .petaful-contact-steps li { display: grid; grid-template-columns: 2rem minmax(0,1fr); column-gap: .8rem; padding: 1rem 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; }
 .petaful-contact-page .petaful-contact-steps li > span { grid-column: 1; grid-row: 1 / 3; }
 .petaful-contact-page .petaful-contact-steps li > i { display: none; }
 .petaful-contact-page .petaful-contact-steps li > strong,.petaful-contact-page .petaful-contact-steps li > p { grid-column: 2; margin: 0; }
}
@media(max-width:767px) {
 .petaful-brand-opening,.petaful-brand-intro,.petaful-brand-reasons,.petaful-brand-evidence,.petaful-brand-close,.petaful-brand-csr .petaful-csr__feature { padding-block: 2.25rem; }
 .petaful-brand-why h2,.petaful-brand-csr .petaful-brand-intro h2,.petaful-brand-csr .petaful-csr__feature h2,.petaful-brand-csr .petaful-brand-close h2 { font-size: 1.625rem; max-width: 28ch; }
 .petaful-brand-reasons__grid { grid-template-columns: minmax(0,1fr); }
 .petaful-brand-reasons__grid h3 { font-size: 1.25rem; }
 .petaful-brand-opening__copy > p:not(.petaful-kicker),.petaful-brand-evidence__grid > div > p:not(.petaful-kicker),.petaful-brand-intro .petaful-wrap > p:not(.petaful-kicker),.petaful-brand-close p,.petaful-brand-csr .petaful-csr__feature-copy > p:not(.petaful-kicker),.petaful-about-plant__details > p { font-size: 1.0625rem; line-height: 1.7; }
 .petaful-brand-why .petaful-why__facts { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .petaful-brand-why .petaful-why__facts > div { padding: .8rem; }
 .petaful-brand-why .petaful-why__facts strong { font-size: 1.25rem; }
 .petaful-brand-why .petaful-why__facts span { font-size: .75rem; }
 .petaful-brand-category-links { gap: .6rem; }
 .petaful-brand-category-links a { flex: 1 1 45%; justify-content: space-between; font-size: .875rem; }
 .petaful-brand-csr .petaful-csr__feature-grid { gap: 1.5rem; }
 .petaful-brand-csr .petaful-csr__points li { font-size: 1.0625rem; }
 .petaful-contact-page .petaful-contact-hero { padding-block: 1.5rem; }
 .petaful-contact-page .petaful-contact-hero__grid { gap: 1.25rem; }
 .petaful-contact-page .petaful-contact-hero__copy > p:not(.petaful-kicker) { margin-top: .8rem; }
 .petaful-contact-page .petaful-contact-hero__actions { margin-top: 1rem; gap: .75rem; }
 .petaful-contact-page .petaful-contact-hero__media { height: 8.5rem; }
 .petaful-contact-page .petaful-contact-hero__proof { right: .5rem; bottom: .5rem; min-width: 0; padding: .6rem .75rem; box-shadow: none; }
 .petaful-contact-page .petaful-contact-hero__proof strong { font-size: 1.25rem; }
 .petaful-contact-page .petaful-contact-hero__proof span { font-size: .75rem; }
 .petaful-contact-page .petaful-contact-inquiry,.petaful-contact-page .petaful-contact-next,.petaful-contact-page .petaful-contact-visit { padding-block: 2.25rem; }
 .petaful-contact-page .petaful-contact-inquiry__grid { gap: 2rem; }
 .petaful-contact-page .petaful-contact-panel__head { gap: .75rem; padding-block: 1.25rem; }
 .petaful-contact-page .petaful-contact-side { position: static; }
 .petaful-about .petaful-about-families__grid { grid-template-columns: minmax(0,1fr); }
 .petaful-about .petaful-about-families__card { display: grid; grid-template-columns: 5.5rem minmax(0,1fr); gap: .85rem; padding: .85rem; align-items: start; }
 .petaful-about-families__card .petaful-about-families__image { width: 5.5rem; aspect-ratio: 1; border-radius: 4px; }
 .petaful-about-families__card .petaful-about-families__copy { padding: 0; }
 .petaful-about-families__copy strong { font-size: 1.0625rem; }
 .petaful-about-families__copy > span { font-size: .9375rem; }
 .petaful-cert-file > summary { align-items: start; gap: .75rem; padding: 1rem; }
 .petaful-cert-file__meta strong { font-size: 1.0625rem; }
 .petaful-cert-file__toggle { gap: .6rem; font-size: .8125rem; padding-top: .15rem; }
 .petaful-cert-file__content { padding: 1rem; }
}