@import url('../silicone-heat-resistant-products/silicone-heat-resistant-products.css?v=3');
.pet-page .product-gallery { background:#7a7e5c; }.pet-page .product-gallery__main img { object-position:center; }

/* Keep the pet FAQ as a simple question-and-plus accordion. */
.pet-page .faq-section .faq-list article { display: grid !important; grid-template-columns: minmax(0, 1fr) 52px !important; min-height: 0; padding: 0 !important; }
.pet-page .faq-section .faq-list article > h3 { grid-column: 1; max-width: none; margin: 0; padding: 23px 24px 23px 0; color: var(--color-text); font-size: clamp(1.06rem, 1.75vw, 1.3rem); line-height: 1.3; }
.pet-page .faq-section .faq-list article > button { position: static !important; grid-column: 2; grid-row: 1; display: inline-flex !important; width: 52px !important; min-width: 52px !important; align-items: center; justify-content: flex-end; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; color: var(--color-primary) !important; background: transparent !important; box-shadow: none !important; }
.pet-page .faq-section .faq-list article > button span { display: none !important; }
.pet-page .faq-section .faq-list article > button b { font-size: 2.15rem; font-weight: 400; line-height: 1; transition: transform .22s ease; }
.pet-page .faq-section .faq-list article.is-open > button b { transform: rotate(45deg); }
.pet-page .faq-section .faq-list article > div { grid-column: 1 / -1; }
.pet-page .faq-section .faq-list article.is-open > div > p { padding-right: 0; }
.pet-page .faq-section .faq-list article > button:hover, .pet-page .faq-section .faq-list article > button:focus-visible { color: var(--color-primary-dark) !important; background: transparent !important; outline: 2px solid var(--color-primary); outline-offset: -6px; }

@media (max-width: 760px) { .pet-page .faq-section .faq-list article { grid-template-columns: minmax(0, 1fr) 42px !important; } .pet-page .faq-section .faq-list article > h3 { padding: 19px 16px 19px 0; } .pet-page .faq-section .faq-list article > button { width: 42px !important; min-width: 42px !important; } }