/** Shopify CDN: Minification failed

Line 461:0 All "@import" rules must come first

**/
/* Sunday Dogs Custom Styles */
/* This file contains Sunday-specific customizations to override Horizon theme defaults */

/* Font Overrides - Set Monument as Body Font */
:root {
  --font-body--family: 'Monument', 'Helvetica Neue', Arial, sans-serif !important;
  --font-paragraph--family: 'Monument', 'Helvetica Neue', Arial, sans-serif !important;
}

body,
p,
.body-text {
  font-family: 'Monument', 'Helvetica Neue', Arial, sans-serif;
}

/* Product Card - Neo-Brutalism Vibe */
.product-card {
  border: 1px solid var(--color-base-black) !important;
  border-radius: var(--default-radius) !important;
  overflow: hidden;
  transition: transform 0.3s ease;
  background-color: var(--color-bone-light);
  padding-bottom: 8px;
}

.product-card:hover {
  transform: translateY(-4px);
}

/* Typography Updates */
.product-card product-swatches {
  padding: .75rem .75rem 0px;
}

.product-card a.contents.user-select-text, .product-card__title-wrapper a {
  display: inline-block;
  font-family: var(--font-garamond-light) !important;
  color: var(--color-good-green) !important;
  font-size: 1.5rem !important;
  padding: 0 .75rem;
}

.product-card product-price.text-block, .product-card .price {
  padding: 0 .75rem .5rem;
}

.product-card product-price.text-block .price, .product-card .price {
  font-family: var(--sunday-font-body) !important;
  font-weight: 700 !important;
  color: var(--color-good-green) !important;
  font-size: 1rem !important;
}

.product-card product-price [ref="priceContainer"] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-card .compare-at-price, .product-card .price__compare {
  font-family: var(--sunday-font-body) !important;
  color: var(--color-good-green) !important;
  font-size: 0.875rem !important;
  text-decoration: line-through;
  opacity: 0.7;
  font-weight: 400;
}

/* Variant Pills on Card */
.variant-option--pills .variant-option__button-label {
  border: 1px solid var(--color-base-black);
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .6rem;
  line-height: 1;
  cursor: pointer;
  background: transparent;
  /* Transparent by default */
  color: var(--color-base-black);
  transition: all 0.2s ease;
  font-family: var(--sunday-font-body);
  text-transform: uppercase;
  font-weight: 600;
}

.variant-option--pills .variant-option__button-label:hover {
  opacity: 0.8;
}

/* Active state using :has() since input is inside label */
.variant-option--pills .variant-option__button-label:has(input:checked) {
  border-width: 2px;
  /* Thicker border for selected state */
}

/* Flavor-specific colors - ONLY when checked */
.variant-option--pills .variant-option__button-label:has(input:checked)[data-value="chicken"] {
  background-color: var(--color-prod-blue) !important;
}

.variant-option--pills .variant-option__button-label:has(input:checked)[data-value="beef"] {
  background-color: var(--color-light-red) !important;
}

.variant-option--pills .variant-option__button-label:has(input:checked)[data-value="turkey"] {
  background-color: var(--color-bone-dark) !important;
}

/* Product List Section Background */
.ui-test-product-list .section-background {
  background-color: var(--color-bone-light) !important;
}

/* Sale Badge - Neo-Brutalism */
.product-badges__badge--rectangle {
  background-color: var(--color-bone-white) !important;
  color: var(--color-good-green) !important;
  border: 1px solid var(--color-good-green) !important;
  border-radius: 20px !important;
  padding: 4px 12px !important;
  font-family: var(--sunday-font-body) !important;
  text-transform: capitalize !important;
  font-size: 12px !important;
  letter-spacing: 0.05em;
}

:root {
  --default-radius: 10px;
  --fluid-space: clamp(1.25rem, calc(1.018rem + 0.952vw), 1.875rem);
  --max-width: 90rem;
  --legacy-max-width: 71.875rem;
  --quiz-max-width: 50rem
}

:root {
  --color-golden-yellow: #ffda00;
  --color-dusk-yellow: #f2d001;
  --color-dusk-yellow-hover: #d5b901;
  --color-good-green: #003005;
  --color-good-green-hover: #024108;
  --color-good-green-inactive: #abb39c;
  --color-dusk-yellow: #f2d001;
  --color-golden-yellow-hover: rgba(255, 218, 0, 0.3);
  --color-light-golden-yellow-hover: #ffed80;
  --color-bone-light: #fff4e6;
  --color-bone-dark: #f2e9dd;
  --color-bone-white: #f7f7f7;
  --color-base-black: #000000;
  --color-base-tinted: rgba(0, 48, 5, 0.7);
  --color-base-white: #ffffff;
  --color-base-off-white: #fcfcfc;
  --color-base-red: #ff0000;
  --color-base-green: #008000;
  --color-base-shadow: rgba(0, 48, 5, 0.05);
  --color-base-dark-shadow: rgba(0, 48, 5, 0.3);
  --color-base-medium-shadow: rgba(0, 48, 5, 0.2);
  --color-prod-orange: #ff6900;
  --color-prod-purple: #c98bdb;
  --color-prod-blue: #8bd3e6;
  --color-prod-orange-light: rgba(255, 105, 0, 0.5);
  --color-prod-purple-light: rgba(201, 139, 219, 0.5);
  --color-prod-blue-light: rgba(139, 211, 230, 0.5);
  --color-light-red: #f9d7da;
  --color-light-green: #d1e7dd;
  --color-light-blue: #d0f4fc;
  --color-light-yellow: #fff3cd;
  --color-custom-light-red: rgba(255, 0, 0, 0.05)
}

@font-face {
  font-family: 'Monument';
  src: url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-Regular-7a9d092288285cd44c301028434f205bc20e63f74542a06352ca7088e4f7a700.woff2) format("woff2"), url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-Regular-4e34f95cfac17e846da9b247676534c5e51be2b36ed06442c10cd7700928575a.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Monument';
  src: url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-Bold-737162fd736c13b99eb423746235c22a24958596d024b0f62848bdff6e22b717.woff2) format("woff2"), url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-Bold-afb2a0b7da37a24671f8294a26413e62165d2bdcb0e70fe4f7961db35fcb7ce5.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Monument';
  src: url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-RegularItalic-0418d1a9667c49b93564cc0ec16bdd513fa54f8f3a7ee0ec12b32bedff2b8b21.woff2) format("woff2"), url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-RegularItalic-24d66bf51f6f8dfcb71bd965e69117bf7b04fd9ca13efc5ae688aeaecf53754e.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: 'Monument';
  src: url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-BoldItalic-c8c969f281b35a7601d01bb4fce7100b50730168e8e44f48482d39a4a60695c7.woff2) format("woff2"), url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-BoldItalic-8cd78cde2723d6991d257554bd3fcc96a576b1829f6cde01459e6523fc0f110f.woff) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: 'Garamond Book';
  src: url(//sundaysfordogs.com/assets/GaramondBookNarrow-32816cddecc7150fec663a8f449f54d7f749886be22ca4ad1d510aef85660300.woff2) format("woff2"), url(//sundaysfordogs.com/assets/GaramondBookNarrow-1f83651968fe8525f973b2cbaecc0f9b28245cdd6dbf1e9d098c5acb2f3e72ff.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Garamond Light';
  src: url(//sundaysfordogs.com/assets/GaramondLightNarrow-3cce6c2d1218f4f3fa2859e029af635da34fb27fba1822118f6dc09be93764c8.woff2) format("woff2"), url(//sundaysfordogs.com/assets/GaramondLightNarrow-2feb55bb3ee8d0592061e0555b4f423ba7b83646290925c67af5430c3b74a207.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Garamond Light';
  src: url(//sundaysfordogs.com/assets/GaramondLightNarrowItalic-e969ef9ccda14cfa49a2a80d2ee8735f32b4cd5d0caaa88450674adc23ac295d.woff2) format("woff2"), url(//sundaysfordogs.com/assets/GaramondLightNarrowItalic-6f6afe12360f081679cb1a56a97f71a92c54f14281584d4098102835214bd1e7.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

:root {
  --font-monument: 'Monument', 'Helvetica Neue', Arial, sans-serif;
  --font-garamond-light: 'Garamond Light', 'Times New Roman', Times, serif;
  --font-garamond-book: 'Garamond Book', 'Times New Roman', Times, serif
}

*,
*::before,
*::after {
  box-sizing: border-box
}

img,
object,
video {
  display: inline-block;
  max-width: 100%;
  height: auto
}

html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

body {
  font-family: var(--font-monument);
  font-family: var(--sunday-font-body);
  background-color: var(--color-bone-light);
}

/* Override heading styles */
h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-family: var(--sunday-font-heading);
  font-weight: 300;
  color: var(--sunday-dark-green);
}

/* Sunday's Primary Button Style */
.button--primary,
.shopify-payment-button__button--unbranded,
button[type="submit"],
.product-form__submit {
  background-color: var(--color-golden-yellow) !important;
  border: 1px solid var(--color-good-green) !important;
  border-radius: 2rem !important;
  color: var(--color-good-green) !important;
  font-family: var(--font-monument) !important;
  font-size: 0.75rem !important;
  padding: 0.75rem 1.25rem 0.5625rem !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
  transition: all 0.3s ease;
}

.button--primary:hover,
.shopify-payment-button__button--unbranded:hover,
button[type="submit"]:hover,
.product-form__submit:hover {
  background-color: var(--color-dusk-yellow) !important;
  color: var(--color-good-green) !important;
  transform: translate(-2px, -2px);
  box-shadow: 4px 4px 0px var(--color-good-green);
}

/* Shop Now Button - Specific Style */
.sunday-shop-now {
  background-color: var(--sunday-button-bg);
  border: 1px solid var(--sunday-button-border);
  border-radius: var(--sunday-button-radius);
  color: var(--sunday-button-text);
  font-family: var(--sunday-font-body);
  font-size: var(--sunday-button-font-size);
  padding: var(--sunday-button-padding);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
}

.sunday-shop-now:hover {
  background-color: var(--sunday-dark-green);
  color: var(--sunday-yellow);
  border-color: var(--sunday-dark-green);
}

/* Tab Selector Styles (for ingredients section) */
.sunday-tab {
  background-color: #ffffff;
  border: 1px solid var(--sunday-button-border);
  border-radius: var(--sunday-button-radius);
  color: var(--sunday-button-text);
  font-family: var(--sunday-font-body);
  font-size: var(--sunday-button-font-size);
  padding: var(--sunday-button-padding);
  text-transform: capitalize;
  cursor: pointer;
  transition: all 0.3s ease;
}

.sunday-tab.active,
.sunday-tab:hover {
  background-color: var(--sunday-button-bg);
  border-color: var(--sunday-button-border);
}

/* Yellow Background Section */
.sunday-yellow-bg {
  background-color: var(--sunday-yellow);
}

/* Comparison Table Styles */
.sunday-comparison-table th {
  font-family: var(--sunday-font-body);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 16px;
}

.sunday-comparison-table td {
  padding: 16px;
  text-align: center;
}

.sunday-comparison-table .yellow-column {
  background-color: var(--sunday-yellow);
}

/* Icon Styles */
.sunday-icon-check {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--sunday-yellow);
  border: 1px solid var(--sunday-dark-green);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sunday-dark-green);
}

.sunday-icon-x {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--sunday-dark-green);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sunday-dark-green);
}

/* Testimonial Card */
.sunday-testimonial-card {
  background-color: var(--sunday-yellow);
  padding: 32px;
  border-radius: 8px;
}

.sunday-testimonial-card .stars {
  color: var(--sunday-dark-green);
  margin-bottom: 16px;
}

.sunday-testimonial-card .quote {
  font-family: var(--sunday-font-body);
  color: var(--sunday-dark-green);
  margin-bottom: 16px;
  line-height: 1.6;
}

.sunday-testimonial-card .author {
  font-family: var(--sunday-font-body);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--sunday-dark-green);
}

/* Statistics Display */
.sunday-stat {
  margin-bottom: 24px;
}

.sunday-stat-number {
  font-family: var(--sunday-font-heading);
  font-size: 64px;
  line-height: 1;
  color: var(--sunday-dark-green);
  font-weight: 300;
}

.sunday-stat-label {
  font-family: var(--sunday-font-body);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--sunday-dark-green);
  margin-top: 8px;
}

/* Section Spacing */
.sunday-section {
  padding: 64px 0;
}

@media screen and (min-width: 750px) {
  .sunday-section {
    padding: 96px 0;
  }
}

/* Ingredient List Highlighting */
.sunday-ingredient-highlight {
  font-weight: 700;
  text-decoration: underline;
  color: var(--sunday-dark-green);
}

@import url(//sundaysfordogs.com/assets/bootstrap/dist/css/bootstrap-72fa3ca53e2d8e8e2b09ff51837ab531cee0a2b02c972668c6000515f31b1b37.css);

.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px
}

.rangeslider {
  background: #e6e6e6;
  position: relative
}

.rangeslider--horizontal {
  height: 20px;
  width: 100%
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
  height: 100%
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4
}

.rangeslider__fill {
  background: #FFDF5D;
  position: absolute
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%
}

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.rangeslider__handle:active,
.rangeslider--active .rangeslider__handle {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12))
}

.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y
}

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x
}

input[type="range"]:focus+.rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9)
}

:root {
  --default-radius: 10px;
  --fluid-space: clamp(1.25rem, calc(1.018rem + 0.952vw), 1.875rem);
  --max-width: 90rem;
  --legacy-max-width: 71.875rem;
  --quiz-max-width: 50rem
}

:root {
  --color-golden-yellow: #ffda00;
  --color-dusk-yellow: #f2d001;
  --color-dusk-yellow-hover: #d5b901;
  --color-good-green: #003005;
  --color-good-green-hover: #024108;
  --color-good-green-inactive: #abb39c;
  --color-dusk-yellow: #f2d001;
  --color-golden-yellow-hover: rgba(255, 218, 0, 0.3);
  --color-light-golden-yellow-hover: #ffed80;
  --color-bone-light: #fff4e6;
  --color-bone-dark: #f2e9dd;
  --color-bone-white: #f7f7f7;
  --color-base-black: #000000;
  --color-base-tinted: rgba(0, 48, 5, 0.7);
  --color-base-white: #ffffff;
  --color-base-off-white: #fcfcfc;
  --color-base-red: #ff0000;
  --color-base-green: #008000;
  --color-base-shadow: rgba(0, 48, 5, 0.05);
  --color-base-dark-shadow: rgba(0, 48, 5, 0.3);
  --color-base-medium-shadow: rgba(0, 48, 5, 0.2);
  --color-prod-orange: #ff6900;
  --color-prod-purple: #c98bdb;
  --color-prod-blue: #8bd3e6;
  --color-prod-orange-light: rgba(255, 105, 0, 0.5);
  --color-prod-purple-light: rgba(201, 139, 219, 0.5);
  --color-prod-blue-light: rgba(139, 211, 230, 0.5);
  --color-light-red: #f9d7da;
  --color-light-green: #d1e7dd;
  --color-light-blue: #d0f4fc;
  --color-light-yellow: #fff3cd;
  --color-custom-light-red: rgba(255, 0, 0, 0.05)
}

@font-face {
  font-family: 'Monument';
  src: url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-Regular-7a9d092288285cd44c301028434f205bc20e63f74542a06352ca7088e4f7a700.woff2) format("woff2"), url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-Regular-4e34f95cfac17e846da9b247676534c5e51be2b36ed06442c10cd7700928575a.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Monument';
  src: url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-Bold-737162fd736c13b99eb423746235c22a24958596d024b0f62848bdff6e22b717.woff2) format("woff2"), url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-Bold-afb2a0b7da37a24671f8294a26413e62165d2bdcb0e70fe4f7961db35fcb7ce5.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Monument';
  src: url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-RegularItalic-0418d1a9667c49b93564cc0ec16bdd513fa54f8f3a7ee0ec12b32bedff2b8b21.woff2) format("woff2"), url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-RegularItalic-24d66bf51f6f8dfcb71bd965e69117bf7b04fd9ca13efc5ae688aeaecf53754e.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: 'Monument';
  src: url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-BoldItalic-c8c969f281b35a7601d01bb4fce7100b50730168e8e44f48482d39a4a60695c7.woff2) format("woff2"), url(//sundaysfordogs.com/assets/ABCMonumentGrotesk-BoldItalic-8cd78cde2723d6991d257554bd3fcc96a576b1829f6cde01459e6523fc0f110f.woff) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: 'Garamond Book';
  src: url(//sundaysfordogs.com/assets/GaramondBookNarrow-32816cddecc7150fec663a8f449f54d7f749886be22ca4ad1d510aef85660300.woff2) format("woff2"), url(//sundaysfordogs.com/assets/GaramondBookNarrow-1f83651968fe8525f973b2cbaecc0f9b28245cdd6dbf1e9d098c5acb2f3e72ff.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Garamond Light';
  src: url(//sundaysfordogs.com/assets/GaramondLightNarrow-3cce6c2d1218f4f3fa2859e029af635da34fb27fba1822118f6dc09be93764c8.woff2) format("woff2"), url(//sundaysfordogs.com/assets/GaramondLightNarrow-2feb55bb3ee8d0592061e0555b4f423ba7b83646290925c67af5430c3b74a207.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Garamond Light';
  src: url(//sundaysfordogs.com/assets/GaramondLightNarrowItalic-e969ef9ccda14cfa49a2a80d2ee8735f32b4cd5d0caaa88450674adc23ac295d.woff2) format("woff2"), url(//sundaysfordogs.com/assets/GaramondLightNarrowItalic-6f6afe12360f081679cb1a56a97f71a92c54f14281584d4098102835214bd1e7.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

:root {
  --font-monument: 'Monument', 'Helvetica Neue', Arial, sans-serif;
  --font-garamond-light: 'Garamond Light', 'Times New Roman', Times, serif;
  --font-garamond-book: 'Garamond Book', 'Times New Roman', Times, serif
}

*,
*::before,
*::after {
  box-sizing: border-box
}

img,
object,
video {
  max-width: 100%;
  height: auto
}

html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

body {
  font-family: var(--font-monument);
  font-size: clamp(0.875rem, calc(0.829rem + 0.19vw), 1rem);
  background-color: var(--color-bone-light);
  color: var(--color-good-green);
  line-height: 1.3
}

a {
  color: var(--color-good-green);
  text-decoration: none
}

a:hover,
a:focus {
  text-decoration: underline
}

@keyframes bounce {
  0% {
    transform: scale(1)
  }

  25% {
    transform: scale(1.1)
  }

  50% {
    transform: scale(0.9)
  }

  100% {
    transform: scale(1)
  }
}

hr {
  border: 0;
  border-top: 1px solid var(--color-good-green);
  margin: 1.5rem 0
}

.c-headline {
  font-family: var(--font-garamond-light);
  font-weight: 300;
  font-style: normal;
  line-height: 1
}

a.c-headline:hover,
a.c-headline:focus {
  text-decoration: underline;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 0.05em
}

.c-headline--lg {
  font-size: clamp(2.875rem, calc(1.621rem + 5.143vw), 6.25rem);
  letter-spacing: -2px
}

.c-headline--md {
  font-size: clamp(2rem, calc(1.443rem + 2.286vw), 3.5rem);
  letter-spacing: -1px
}

.c-headline--md-2 {
  font-size: clamp(2.625rem, calc(1.443rem + 2.286vw), 3.5rem);
  letter-spacing: -1px
}

.c-headline--sm {
  font-size: clamp(1.5rem, calc(1.314rem + 0.762vw), 2rem);
  letter-spacing: -0.5px
}

.c-text-xs {
  font-size: 0.75rem
}

.c-text-sm {
  font-size: 0.875rem
}

.c-text-md {
  font-size: 1rem
}

.c-text-semi-md {
  font-size: 1.125rem
}

.c-text-semi-md-res {
  font-size: clamp(1rem, calc(0.936rem + 0.263vw), 1.125rem)
}

.c-text-lg {
  font-size: 1.5rem
}

.c-text-xl {
  font-size: 2rem
}

.c-text-2xl {
  font-size: 2.625rem
}

.c-lh-1_3 {
  line-height: 1.3
}

.c-eyebrow {
  font-family: var(--font-garamond-book);
  font-size: clamp(1.375rem, calc(1.143rem + 0.952vw), 2rem);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.1
}

.c-eyebrow--sm {
  font-size: clamp(1.125rem, calc(0.986rem + 0.571vw), 1.5rem)
}

.c-eyebrow--md {
  font-size: clamp(1.25rem, calc(0.986rem + 0.571vw), 1.5rem)
}

.c-eyebrow--static {
  font-size: 1.375rem
}

.c-eyebrow--static-md {
  font-size: 1.5rem
}

.c-eyebrow--inactive {
  color: var(--color-good-green-inactive)
}

@media (min-resolution: 2dppx) {
  .c-eyebrow {
    -webkit-text-stroke-width: clamp(0.44px, calc(0.144px + 0.02vw), 0.64px);
    -webkit-text-stroke-color: var(--color-good-green)
  }

  .c-eyebrow--sm {
    -webkit-text-stroke-width: clamp(0.32px, calc(0.099px + 0.016vw), 0.48px)
  }

  .c-eyebrow--md {
    -webkit-text-stroke-width: clamp(0.4px, calc(0.099px + 0.016vw), 0.48px)
  }

  .c-eyebrow--static {
    -webkit-text-stroke-width: 0.22px
  }

  .c-eyebrow--static-md {
    -webkit-text-stroke-width: 0.48px
  }

  .c-eyebrow--inactive {
    -webkit-text-stroke-color: var(--color-good-green-inactive)
  }
}

.c-monument {
  font-family: var(--font-monument)
}

.c-garamond-light {
  font-family: var(--font-garamond-light)
}

.c-garamond-book {
  font-family: var(--font-garamond-book)
}

.c-text-shadow {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5)
}

.c-lh-tight {
  line-height: 0.9
}

.c-text-golden-yellow {
  color: var(--color-golden-yellow)
}

.c-text-good-green {
  color: var(--color-good-green)
}

.c-text-good-green-inactive {
  color: var(--color-good-green-inactive)
}

.c-text-bone-light {
  color: var(--color-bone-light)
}

.c-text-base-black {
  color: var(--color-base-black)
}

.c-text-tinted {
  color: var(--color-base-tinted)
}

.c-text-base-white {
  color: var(--color-base-white)
}

.c-text-base-red {
  color: var(--color-base-red)
}

.c-text-base-green {
  color: var(--color-base-green)
}

.c-text-base-dark-shadow {
  color: var(--color-base-dark-shadow)
}

.c-text-prod-orange {
  color: var(--color-prod-orange)
}

.c-text-prod-purple {
  color: var(--color-prod-purple)
}

.c-text-prod-blue {
  color: var(--color-prod-blue)
}

.c-bg-golden-yellow {
  background-color: var(--color-golden-yellow)
}

.c-bg-good-green {
  background-color: var(--color-good-green)
}

.c-bg-good-green-inactive {
  background-color: var(--color-good-green-inactive)
}

.c-bg-bone-light {
  background-color: var(--color-bone-light)
}

.c-bg-bone-dark {
  background-color: var(--color-bone-dark)
}

.c-bg-base-black {
  background-color: var(--color-base-black)
}

.c-bg-base-shadow {
  background-color: var(--color-base-shadow)
}

.c-bg-medium-shadow {
  background-color: var(--color-base-medium-shadow)
}

.c-bg-dark-shadow {
  background-color: var(--color-base-dark-shadow)
}

.c-bg-tinted {
  background-color: var(--color-base-tinted)
}

.c-bg-base-white {
  background-color: var(--color-base-white)
}

.c-bg-base-off-white {
  background-color: var(--color-base-off-white)
}

.c-bg-base-red {
  background-color: var(--color-base-red)
}

.c-bg-base-green {
  background-color: var(--color-base-green)
}

.c-bg-prod-orange {
  background-color: var(--color-prod-orange)
}

.c-bg-prod-purple {
  background-color: var(--color-prod-purple)
}

.c-bg-prod-blue {
  background-color: var(--color-prod-blue)
}

.c-bg-prod-beef {
  background-color: var(--color-prod-orange)
}

.c-bg-prod-turkey {
  background-color: var(--color-prod-purple)
}

.c-bg-prod-chicken {
  background-color: var(--color-prod-blue)
}

.c-bg-custom-light-red {
  background-color: var(--color-custom-light-red)
}

.c-border-golden-yellow {
  border-color: var(--color-golden-yellow) !important
}

.c-border-good-green {
  border-color: var(--color-good-green) !important
}

.c-border-bone-light {
  border-color: var(--color-bone-light) !important
}

.c-border-bone-dark {
  border-color: var(--color-bone-dark) !important
}

.c-border-base-black {
  border-color: var(--color-base-black) !important
}

.c-border-base-red {
  border-color: var(--color-base-red) !important
}

.c-border-base-green {
  border-color: var(--color-base-green) !important
}

.c-border-base-dark-shadow {
  border-color: var(--color-base-dark-shadow) !important
}

.c-border-prod-orange {
  border-color: var(--color-prod-orange) !important
}

.c-border-prod-purple {
  border-color: var(--color-prod-purple) !important
}

.c-border-prod-blue {
  border-color: var(--color-prod-blue) !important
}

.c-border-base-white {
  border-color: var(--color-base-white) !important
}

.c-rounded-border {
  border-radius: var(--default-radius);
  border: 1px solid var(--color-good-green)
}

.c-dots {
  position: relative;
  top: -0.425rem;
  border-bottom: dotted 2px var(--color-base-dark-shadow)
}

#extole_zone_global_footer a {
  color: var(--color-bone-light) !important;
  font-size: 0.75rem !important;
  font-weight: bold !important;
  text-transform: uppercase !important
}

.applied-labs-container {
  background-color: var(--color-base-white);
  height: 100vh;
  overflow-y: scroll;
  border-top: 1px solid var(--color-good-green)
}

@media screen and (min-width: 768px) {
  .applied-labs-container {
    max-width: 44rem;
    margin-inline: auto;
    height: 60vh;
    border: 1px solid var(--color-good-green);
    border-radius: var(--default-radius)
  }
}

.u-image-bg-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.u-image-bg-contain {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.u-image-object-fit-cover {
  object-fit: cover
}

.u-image-object-fit-contain {
  object-fit: contain
}

.u-aspect-ratio-16-9 {
  aspect-ratio: 16 / 9
}

.u-aspect-ratio-square {
  aspect-ratio: 1 / 1
}

.u-flex-1 {
  flex: 1
}

.u-flex-2 {
  flex: 2
}

.u-overflow-x-clip {
  overflow-x: clip
}

.u-cursor-pointer {
  cursor: pointer
}

.u-gap-10 {
  gap: 0.625rem
}

.u-variable-padding-block {
  padding-block: var(--fluid-space)
}

.u-variable-padding-inline {
  padding-inline: var(--fluid-space)
}

.u-button--full-res {
  display: flex;
  width: 100%
}

@media screen and (min-width: 768px) {
  .u-button--full-res {
    display: inline-flex;
    width: auto
  }
}

.u-text-box-trim {
  text-box: trim-both cap alphabetic
}

.u-full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw)
}

.l-wrapper {
  margin-inline: auto;
  padding-inline: var(--fluid-space);
  max-width: var(--max-width)
}

.l-fluid-container {
  padding-block: var(--fluid-space)
}

.l-wrapper--legacy {
  max-width: calc(var(--legacy-max-width) + var(--fluid-space) * 2)
}

.l-wrapper--quiz {
  max-width: calc(var(--quiz-max-width) + var(--fluid-space) * 2)
}

.l-max-w-mini {
  max-width: 42.1875rem;
  margin-inline: auto
}

.l-grid {
  display: grid;
  gap: 1rem
}

.l-grid--2-col {
  grid-template-columns: repeat(2, 1fr)
}

.l-grid--3-col {
  grid-template-columns: repeat(3, 1fr)
}

.l-grid--dotted-list {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.5rem
}

@media screen and (min-width: 768px) {
  .l-grid--2-col-responsive {
    grid-template-columns: repeat(2, 1fr)
  }
}

.l-stack>* {
  margin-top: 0;
  margin-bottom: 0
}

.l-stack--xs>*+* {
  margin-top: 0.25rem
}

.l-stack--sm>*+* {
  margin-top: 0.5rem
}

.l-stack--semi-sm>*+* {
  margin-top: 0.75rem
}

.l-stack--md>*+* {
  margin-top: 1rem
}

.l-stack--lg>*+* {
  margin-top: 1.5rem !important;
}

.l-stack--xl>*+* {
  margin-top: 2rem
}

.l-stack--2x>*+* {
  margin-top: 3rem
}

.l-stack--3x>*+* {
  margin-top: 3.5rem
}

.l-stack--4x>*+* {
  margin-top: 4rem
}

.l-stack--5x>*+* {
  margin-top: 5rem
}

.m-button {
  --button-padding: 0.875rem 1.25rem 0.625rem;
  --button-min-height: 2rem;
  --button-gap: 0.5rem;
  --button-bg: var(--color-good-green);
  --button-color: var(--color-base-white);
  --button-hover-bg: var(--color-good-green-hover);
  --button-hover-color: var(--color-base-white);
  --button-border-width: 1px;
  --button-border-style: solid;
  --button-border-color: var(--color-good-green);
  --button-radius: 2rem;
  --button-font-family: var(--font-garamond-light);
  --button-font-size: clamp(1.375rem, calc(1.329rem + 0.19vw), 1.5rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--button-gap);
  padding: var(--button-padding);
  min-height: var(--button-min-height);
  min-width: fit-content;
  background: var(--button-bg);
  color: var(--button-color);
  border-width: var(--button-border-width);
  border-style: var(--button-border-style);
  border-color: var(--button-border-color);
  border-radius: var(--button-radius);
  text-decoration: none;
  font-weight: var(--button-font-weight, 300);
  font-size: var(--button-font-size);
  font-family: var(--button-font-family);
  line-height: 1;
  cursor: pointer
}

.m-button:hover {
  --button-bg: var(--button-hover-bg);
  --button-color: var(--button-hover-color);
  text-decoration: none
}

.m-button:focus {
  outline-width: var(--button-outline-width, var(--button-border-width));
  outline-style: var(--button-outline-style, var(--button-border-style));
  outline-color: var(--button-outline-color, var(--button-border-color));
  outline-offset: var(--button-outline-offset, calc(var(--button-border-width) * 2));
  color: var(--button-color);
  text-decoration: none
}

.m-button:active {
  transform: scale(99%)
}

.m-button--xs {
  padding: 0.25rem 0.625rem;
  font-size: 0.8125rem
}

.m-button--sm {
  --button-padding: 0.75rem 1.25rem 0.5625rem;
  --button-font-size: 1.25rem
}

.m-button--nav {
  --button-padding: 0.5rem 1.25rem 0.4375rem;
  --button-bg: var(--color-dusk-yellow);
  --button-color: var(--color-good-green);
  --button-border-width: 0;
  --button-border-color: transparent;
  --button-hover-bg: var(--color-dusk-yellow-hover);
  --button-hover-color: var(--color-good-green);
  --button-font-family: var(--monument-font);
  --button-font-size: 0.75rem;
  --button-font-weight: 700;
  justify-content: flex-start;
  text-align: left;
  text-transform: uppercase;
  min-width: var(--button-min-width, 2rem)
}

.m-button--nav:has(.m-button__icon) {
  --button-padding: 0.25rem 1rem
}

.m-button--nav .m-button__icon {
  transition: transform 0.2s ease
}

.m-button--nav:hover .m-button__icon {
  animation: bounce 0.5s ease
}

.m-button--primary {
  --button-bg: var(--color-golden-yellow);
  --button-color: var(--color-good-green);
  --button-border-color: var(--color-good-green);
  --button-hover-bg: var(--color-dusk-yellow);
  --button-hover-color: var(--color-good-green)
}

.m-button--alt {
  --button-bg: var(--color-base-white);
  --button-color: var(--color-good-green);
  --button-border-color: var(--color-good-green);
  --button-hover-bg: var(--color-bone-white);
  --button-hover-color: var(--color-good-green-hover)
}

.m-button--ghost {
  --button-bg: transparent;
  --button-color: var(--color-good-green);
  --button-border-color: var(--color-good-green);
  --button-hover-bg: transparent;
  --button-hover-color: var(--color-good-green-hover)
}

.m-button--pseudo {
  --button-bg: transparent;
  --button-border-color: transparent;
  --button-hover-bg: transparent;
  --button-hover-color: var(--color-base-white)
}

.m-button--upcase-link {
  --button-padding: 0;
  --button-min-height: auto;
  --button-bg: transparent;
  --button-color: var(--color-good-green);
  --button-hover-bg: transparent;
  --button-hover-color: var(--color-good-green-hover);
  --button-border-width: 0;
  --button-border-style: none;
  --button-border-color: transparent;
  --button-radius: 0;
  --button-font-family: var(--font-monument);
  --button-font-size: 0.75rem;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: bold
}

.m-button--upcase-link:hover,
.m-button--upcase-link:focus {
  text-decoration: underline
}

.m-button--invisible {
  --button-padding: 0;
  --button-bg: transparent;
  --button-border-color: transparent;
  --button-color: var(--color-good-green);
  --button-hover-bg: transparent;
  --button-hover-color: var(--color-good-green-hover)
}

.m-button--narrow {
  min-height: 2.5rem;
  padding: 0.625rem 1.25rem 0.25rem
}

.m-button--border-lg {
  box-shadow: 4px 4px 0 0 var(--color-good-green)
}

.m-button--border-lg:active {
  position: relative;
  top: 4px;
  left: 4px;
  box-shadow: none;
  transform: none
}

.m-button--border-lg:focus {
  outline: none
}

.m-button:disabled {
  cursor: not-allowed;
  --button-bg: var(--color-good-green-inactive)
}

.m-hover-button {
  --transition-animation: transform 250ms cubic-bezier(0.5, 2.5, 0.7, 0.7);
  display: inline-flex;
  position: relative;
  border: none;
  background: transparent;
  padding: 0;
  height: 3.125rem;
  cursor: pointer;
  transition: filter 250ms
}

.m-hover-button-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  background: var(--color-good-green);
  will-change: transform;
  transform: translateY(0);
  transition: var(--transition-animation)
}

.m-hover-button-front {
  -webkit-font-smoothing: antialiased;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  height: 3.125rem;
  width: 100%;
  padding: 1rem 1.25rem 0.825rem;
  border-radius: 2rem;
  border: 1px solid var(--color-good-green);
  font-family: var(--font-garamond-light);
  font-size: 1.5rem;
  text-align: center;
  line-height: 1;
  color: var(--color-good-green);
  background: var(--color-golden-yellow);
  will-change: transform;
  transform: translateY(0);
  transition: var(--transition-animation)
}

.m-hover-button:hover,
.m-hover-button:focus,
.m-hover-button:active {
  outline: none;
  text-decoration: none
}

.m-hover-button:focus .m-hover-button-front,
.m-hover-button:hover .m-hover-button-front {
  transform: translate(-4px, -4px);
  transition: var(--transition-animation);
  text-decoration: none
}

.m-hover-button:active .m-hover-button-front {
  transform: translate(-2px, -2px);
  transition: transform 0.3s
}

.m-hover-button:focus:not(:focus-visible) {
  outline: none
}

.m-hover-button:disabled {
  cursor: not-allowed;
  opacity: 0.5
}

.m-hover-button:disabled:hover .m-hover-button-front {
  transform: none
}

.m-hover-button--alt .m-hover-button-front {
  background: var(--color-base-white)
}

@media screen and (max-width: 768px) {
  .m-hover-button .m-hover-button-front {
    transform: translate(-4px, -4px);
    text-decoration: none
  }

  .m-hover-button:disabled:hover .m-hover-button-front {
    transform: translate(-4px, -4px)
  }
}

.hero-carousel-item {
  position: relative
}

.hero-carousel-item__inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 40px
}

.hero-carousel-item__inner {
  grid-template-rows: auto
}

.hero-carousel-item__image {
  width: 100%;
  height: auto
}

.hero-carousel-item .hero-carousel-badge {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: clamp(9.375rem, calc(8.144rem + 5.051vw), 12.5rem)
}

@media screen and (min-width: 768px) {
  .hero-carousel-item__inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto
  }

  .hero-carousel-item .hero-carousel-badge {
    top: 1.5rem;
    right: -14px;
    bottom: auto;
    left: auto;
    transform: none
  }
}

.hero-carousel-item__inner--flush {
  grid-template-rows: auto
}

.hero-carousel-controls--flush {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 1
}

@media screen and (min-width: 768px) {
  .hero-carousel-controls--flush {
    bottom: 1rem;
    right: 1rem
  }
}

.carousel-item-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  height: 100%
}

.carousel-avatar {
  width: 3.75rem;
  height: 3.75rem;
  background-color: var(--color-golden-yellow);
  border: 1px solid var(--color-good-green);
  border-radius: 50%
}

.carousel-controls-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem
}

.carousel-control-prev,
.carousel-control-next {
  position: static;
  width: auto;
  opacity: 1;
  transition: transform 0.2s ease
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  animation: bounce 0.5s ease
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 2.5rem;
  height: 2.5rem
}

.carousel-control-prev-icon {
  background-image: url(//sundaysfordogs.com/assets/v4/carousel/prev-arrow-light-ee2e8122d88e0368201f8e9f69eb0a3a7593cb8bf982dd9258cc2d9490cc82c8.svg)
}

.carousel-control-next-icon {
  background-image: url(//sundaysfordogs.com/assets/v4/carousel/next-arrow-dark-277b82794f2232f5786aa48545e9f80a5ca263cad15f8231fdc69e51662e5322.svg)
}

.carousel-control-prev-icon--light {
  background-image: url(//sundaysfordogs.com/assets/v4/carousel/prev-arrow-light-ee2e8122d88e0368201f8e9f69eb0a3a7593cb8bf982dd9258cc2d9490cc82c8.svg)
}

.carousel-control-next-icon--light {
  background-image: url(//sundaysfordogs.com/assets/v4/carousel/next-arrow-light-2bf95798ca803625deabbc7575e8b3d22d02fcb852f0820396c65584e65ad00d.svg)
}

.carousel-control-prev-icon--white {
  background-image: url(//sundaysfordogs.com/assets/v4/carousel/prev-arrow-white-44d11626b1f30b2ddc3e0b98cd4952ff1f6c48caf9890ee27a26bb91300fde46.svg)
}

.carousel-control-next-icon--white {
  background-image: url(//sundaysfordogs.com/assets/v4/carousel/next-arrow-white-471e93647c77fa036519ab2db7234c622fa61f29d0dfcea237b812236fd5b545.svg)
}

.carousel-control-prev-icon--bone {
  background-image: url(//sundaysfordogs.com/assets/v4/carousel/prev-arrow-bone-6409c8da22687b6493c9d0234ea58ab19691903987f6490c9fab68e879e15cf1.svg)
}

.carousel-control-next-icon--bone {
  background-image: url(//sundaysfordogs.com/assets/v4/carousel/next-arrow-bone-96a71e4135adbc45885909dfaf097f5e6fa7bbb79bcb808d2646171cdc737ba8.svg)
}

.carousel-bg {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 12.5rem
}

@media screen and (min-width: 768px) {
  .carousel-bg {
    height: auto
  }
}

.carousel-author-nudge {
  padding-left: 0.75rem
}

body.cart-open {
  overflow: hidden
}

#cart-content .cart-container {
  position: fixed;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 5050;
  pointer-events: none
}

#cart-content .cart-container .cart-overlay {
  position: fixed;
  z-index: 2;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: transparent;
  pointer-events: auto;
  cursor: pointer
}

#cart-content .cart-container #cart-layer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
  pointer-events: none
}

.content-container.cart-out {
  overflow: hidden
}

#cart {
  height: 100%;
  min-height: 100vh;
  position: relative;
  left: 0;
  top: 0;
  pointer-events: none
}

#cart .image-side {
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px solid var(--color-good-green);
  flex-shrink: 0;
  width: clamp(6.438rem, calc(6.136rem + 1.237vw), 7.25rem);
  text-decoration: none;
  color: inherit;
  transition: opacity 0.2s ease
}

#cart .image-side:hover {
  opacity: 0.8
}

#cart .c-text-md a {
  text-decoration: none;
  color: inherit;
  transition: opacity 0.2s ease
}

#cart .c-text-md a:hover {
  opacity: 0.8
}

#cart #empty-cart h4 {
  padding: 4em 2em;
  text-align: center
}

#cart .cart-right {
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3;
  border-left: 1px solid #eee;
  width: 100%;
  border-left: 1px solid var(--color-good-green);
  background-color: var(--color-bone-light);
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: auto;
  will-change: transform
}

#cart-content[open] .cart-right {
  transform: translateX(0);
  animation: slideInFromRight 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards
}

/* Closing animation */
#cart-content.dialog-closing .cart-right {
  animation: slideOutToRight 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards
}

/* Keyframe animations */
@keyframes slideInFromRight {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes slideOutToRight {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

/* Smooth dialog backdrop */
#cart-content::backdrop {
  background-color: transparent
}

#cart-content[open]::backdrop {
  background-color: transparent
}

@media screen and (min-width: 567px) {
  #cart .cart-right {
    width: 31.25rem
  }
}

#cart .m-cart-count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.3125rem;
  height: 1.3125rem;
  text-align: center;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1;
  border-radius: 50%;
  border: 1px solid var(--color-good-green)
}

#cart .cart-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  padding-bottom: 0;
  align-items: center;
  background: var(--color-bone-light)
}

#cart .cart-top {
  background-color: var(--color-bone-light)
}

#cart .cart-bottom-inner {
  background-color: var(--color-bone-dark);
  border-top: 1px solid var(--color-good-green)
}

#cart .cart-inner {
  padding-block: 2rem;
  overflow-y: scroll
}

.fadeout-vertical {
  mask-image: linear-gradient(to bottom, transparent, var(--color-bone-light) 2rem, var(--color-bone-light) calc(100% - 2rem), transparent)
}

.quantity .quantity-outline {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0.25rem 0.5rem;
  height: 1.5rem;
  border-radius: 12px;
  border: 1px solid var(--color-good-green);
  font-size: 0.875rem
}

.quantity .quantity-outline .decrement-quantity,
.quantity .quantity-outline .increment-quantity {
  font-weight: bold
}

.m-cart-title {
  font-family: var(--font-garamond-book);
  font-size: clamp(1.125rem, calc(0.986rem + 0.571vw), 1.5rem);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.1
}

@media (min-resolution: 2dppx) {
  .m-cart-title {
    -webkit-text-stroke-width: clamp(0.32px, calc(0.099px + 0.016vw), 0.48px);
    -webkit-text-stroke-color: var(--color-good-green)
  }
}

/* Cart checkout button styling */
#cart-checkout button.m-button.m-button--primary,
#cart-checkout .m-button.m-button--primary,
#render-empty-cart a.m-button.m-button--primary,
#render-empty-cart .m-button.m-button--primary {
  background-color: var(--color-golden-yellow) !important;
  color: var(--color-good-green) !important;
  border-color: var(--color-good-green) !important;
  font-family: var(--font-garamond-light) !important;
  font-size: clamp(1.375rem, calc(1.329rem + 0.19vw), 1.5rem) !important;
  font-weight: 300 !important;
  border-radius: 2rem !important;
  padding: 0.875rem 1.25rem 0.625rem !important;
  border-width: 1px !important;
  border-style: solid !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  cursor: pointer !important;
  text-decoration: none !important;
  line-height: 1 !important;
  min-height: auto !important;
  box-shadow: none !important;
  position: relative !important;
  transition: all 0.15s ease !important
}

#cart-checkout button.m-button.m-button--primary:hover,
#cart-checkout .m-button.m-button--primary:hover,
#render-empty-cart a.m-button.m-button--primary:hover,
#render-empty-cart .m-button.m-button--primary:hover {
  background-color: var(--color-dusk-yellow) !important;
  color: var(--color-good-green) !important;
  text-decoration: none !important;
  box-shadow: 4px 4px 0 0 var(--color-good-green) !important
}

#cart-checkout button.m-button.m-button--primary:focus,
#cart-checkout .m-button.m-button--primary:focus,
#render-empty-cart a.m-button.m-button--primary:focus,
#render-empty-cart .m-button.m-button--primary:focus {
  outline: none !important;
  box-shadow: 4px 4px 0 0 var(--color-good-green) !important
}

#cart-checkout button.m-button.m-button--primary:active,
#cart-checkout .m-button.m-button--primary:active,
#render-empty-cart a.m-button.m-button--primary:active,
#render-empty-cart .m-button.m-button--primary:active {
  top: 4px !important;
  left: 4px !important;
  box-shadow: none !important;
  transform: none !important
}

/* Cart close button icon alignment */
.close-cart {
  border: 0 !important;
  padding: 0.25rem !important;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important
}

.close-cart .m-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important
}

/* Cart item remove icon alignment */
#cart .remove-item,
#cart a.remove-item,
#cart .close-cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.25rem !important;
  text-decoration: none !important
}

#cart .remove-item .m-icon,
#cart a.remove-item .m-icon,
#cart .close-cart .m-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important
}

/* Cart icon and image alignment */
#cart-total img {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  flex-shrink: 0 !important
}

#cart-total p {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin: 0 !important
}

#cart-total span {
  display: inline-flex !important;
  align-items: center !important
}

/* Cart header close button */
.cart-header .close-cart,
.cart-header button.close-cart,
button.close-cart.c-bg-base-shadow,
button#close-cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.5rem !important;
  border: 0 !important;
  background-color: var(--color-base-shadow) !important;
  width: auto !important;
  height: auto !important;
  border-radius: 50% !important
}

.cart-header .close-cart .m-icon,
.cart-header button.close-cart .m-icon,
button.close-cart .m-icon,
button#close-cart .m-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  min-width: 1.5rem !important;
  min-height: 1.5rem !important
}

.m-details-accordion {
  background-color: var(--color-golden-yellow);
  border-top: 1px solid var(--color-good-green);
  border-bottom: 1px solid var(--color-good-green)
}

.m-details-accordion--alt {
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

.m-details-accordion--transparent {
  background-color: transparent;
  border: none;
  border-radius: 0
}

.m-details-accordion summary {
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 1;
  user-select: none
}

.m-details-accordion summary::after {
  flex-shrink: 0;
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5625rem;
  height: 1.5625rem;
  background-image: url(//sundaysfordogs.com/assets/v4/icons/plus-d8d914b2ab7610e2daa8f990b0a1767fbe874402d635185cf52b2dc036f50726.svg);
  background-size: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--color-base-shadow);
  border-radius: 50%;
  pointer-events: none
}

.m-details-accordion--transparent summary::after {
  width: 1rem;
  height: 1rem;
  background-image: url(//sundaysfordogs.com/assets/v4/icons/plus-d8d914b2ab7610e2daa8f990b0a1767fbe874402d635185cf52b2dc036f50726.svg);
  background: 1rem;
  background-color: transparent
}

.m-details-accordion--light summary::after {
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green)
}

.m-details-accordion summary::-webkit-details-marker {
  display: none
}

.m-details-accordion summary::marker {
  content: ""
}

.m-details-accordion details {
  padding: clamp(1.25rem, calc(1.018rem + 0.952vw), 1.875rem);
  border-bottom: 1px solid var(--color-good-green)
}

.m-details-accordion--transparent details {
  padding-inline: 0;
  padding-block: 0.625rem
}

.m-details-accordion details:last-of-type {
  border-bottom: 0
}

.m-details-accordion--transparent details summary {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase
}

.m-details-accordion details summary::after {
  transition: transform 0.3s ease
}

.m-details-accordion details[open] summary::after {
  transform: rotate(45deg)
}

@media screen and (min-width: 768px) {
  .m-details-accordion {
    border: 1px solid var(--color-good-green);
    border-radius: var(--default-radius)
  }

  .m-details-accordion-container {
    margin-inline: auto;
    padding-inline: var(--fluid-space);
    max-width: var(--max-width);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem
  }

  .m-details-accordion summary::after {
    width: 1.9375rem;
    height: 1.9375rem;
    background-size: 1.25rem
  }

  .m-details-accordion--transparent summary::after {
    width: 1rem;
    height: 1rem;
    background-image: url(//sundaysfordogs.com/assets/v4/icons/plus-d8d914b2ab7610e2daa8f990b0a1767fbe874402d635185cf52b2dc036f50726.svg);
    background-size: 1rem
  }

  .m-details-accordion--transparent {
    background-color: transparent;
    border: none;
    border-radius: 0
  }
}

.dropdown-menu {
  border-color: var(--color-good-green);
  border-radius: var(--default-radius)
}

.dropdown-item {
  display: block;
  text-align: left;
  width: 100%;
  padding: 0.25rem 1rem;
  border: none;
  background-color: transparent;
  color: var(--color-good-green);
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  border-radius: 0
}

.dropdown-toggle {
  gap: 0.125rem
}

.dropdown-toggle::after {
  content: "+";
  border: 0;
  transition: transform 0.2s ease
}

.dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(45deg)
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
  background-color: var(--color-good-green);
  color: var(--color-base-white);
  text-decoration: none
}

#extole_zone_global_header a {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  font-weight: 400;
  color: var(--color-good-green);
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none !important;
  background-color: var(--color-good-green-inactive)
}

#extole_zone_global_header a:hover,
#extole_zone_global_header a:focus,
#extole_zone_global_header a:active {
  background-color: var(--color-good-green);
  color: var(--color-base-white)
}

.m-fast-pass-info-container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1rem
}

.m-sticky .m-fast-pass-info-container {
  display: grid;
  grid-template-columns: 1fr 2fr auto;
  align-items: center;
  gap: 3rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-block: 1.25rem;
  padding-inline: var(--fluid-space);
  border-top: 1px solid var(--color-good-green)
}

.m-fast-pass-info-review {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "details optional" "cta cta";
  gap: 1rem;
  padding: 1.25rem;
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

.m-fast-pass-info-review--alacarte {
  grid-template-columns: 1fr auto
}

.m-fast-pass-info__optional--alacarte {
  text-align: end
}

.m-fast-pass-info-review--home {
  margin-top: 0;
  background-color: var(--color-golden-yellow);
  font-size: 0.75rem;
  border-radius: 0;
  border-left: 0;
  border-right: 0
}

@media screen and (min-width: 768px) {
  .m-fast-pass-info-review--home {
    max-width: 22.5rem;
    justify-self: center;
    border-radius: var(--default-radius);
    border: 1px solid var(--color-good-green)
  }
}

@media screen and (min-width: 1200px) {
  .m-fast-pass-info-review--home {
    justify-self: end
  }
}

.m-sticky .m-fast-pass-info-review {
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: center;
  gap: 1rem;
  margin-top: 0;
  padding: 0;
  grid-template-areas: "details cta"
}

.m-fast-pass-info__details {
  grid-area: details
}

.m-fast-pass-info-review--beef {
  background-color: var(--color-prod-orange)
}

.m-fast-pass-info-review--chicken {
  background-color: var(--color-prod-blue)
}

.m-fast-pass-info-review--turkey {
  background-color: var(--color-prod-purple)
}

.m-sticky .m-fast-pass-info-review--beef,
.m-sticky .m-fast-pass-info-review--chicken,
.m-sticky .m-fast-pass-info-review--turkey {
  background-color: transparent;
  border: 0;
  border-radius: 0
}

.m-sticky .m-fast-pass-info-container--beef {
  background-color: var(--color-prod-orange)
}

.m-sticky .m-fast-pass-info-container--chicken {
  background-color: var(--color-prod-blue)
}

.m-sticky .m-fast-pass-info-container--turkey {
  background-color: var(--color-prod-purple)
}

.m-fast-pass-info__optional {
  grid-area: optional
}

.m-sticky.m-fast-pass-info__details {
  background: var(--color-base-shadow)
}

.m-sticky .m-fast-pass-info__optional {
  display: none
}

.m-fast-pass-info__cta {
  grid-area: cta
}

.m-fast-pass-info__cta .m-button--primary {
  min-height: 2.5rem;
  padding: 0.625rem 1.25rem 0.25rem;
  width: 100%
}

.m-fast-pass-discount-badge {
  --discount-size: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(-1 * var(--discount-size) / 1.5);
  width: var(--discount-size);
  min-width: var(--discount-size);
  height: var(--discount-size);
  background-image: url(//sundaysfordogs.com/assets/v4/star-bg-f5fac2d902da0e840026978dd7552b338fddc5bdde12a41635a64dfbc594ad74.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(12deg)
}

.m-fast-pass-discount-badge>* {
  margin: 0;
  font-family: var(--font-garamond-book);
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  line-height: 1
}

@media (min-resolution: 2dppx) {
  .m-fast-pass-discount-badge>* {
    -webkit-text-stroke-width: 0.44px;
    -webkit-text-stroke-color: var(--color-good-green)
  }
}

.m-sticky .m-fast-pass-discount-badge {
  margin-top: 0
}

.m-fast-pass input[type="text"] {
  padding: 0;
  font-family: var(--font-garamond-light);
  font-style: normal;
  font-size: clamp(1.5rem, calc(1.314rem + 0.762vw), 2rem);
  line-height: 1.2;
  color: var(--color-good-green);
  border: 0;
  width: 100%;
  background-color: transparent
}

.m-fast-pass input[type="text"]::placeholder {
  color: var(--color-base-dark-shadow)
}

.m-fast-pass input[type="text"]:focus {
  outline: 0
}

.rangeslider,
.rangeslider__fill {
  display: block;
  border-radius: 10px;
  box-shadow: none
}

.rangeslider {
  position: relative
}

.rangeslider--horizontal {
  height: 9px;
  width: 100%;
  border: 1px solid var(--color-good-green)
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
  height: 100%
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4
}

.rangeslider__fill {
  background: var(--color-bone-dark);
  position: absolute
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%
}

.rangeslider__handle {
  cursor: pointer;
  display: inline-block;
  width: 27px;
  height: 27px;
  position: absolute;
  background-image: url(//sundaysfordogs.com/assets/v4/slider-thumb-26ea0975d73f3960720b09156820de7f3a1502cc6751e737d9f796950fe9fe34.svg);
  background-size: 100%;
  box-shadow: none;
  border: 0;
  border-radius: 50%
}

.rangeslider__handle:after {
  content: none
}

.rangeslider__handle:active,
.rangeslider--active .rangeslider__handle {
  background-image: url(//sundaysfordogs.com/assets/v4/slider-thumb-26ea0975d73f3960720b09156820de7f3a1502cc6751e737d9f796950fe9fe34.svg)
}

.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y
}

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x
}

.m-sticky .m-fast-pass-info__cta {
  display: flex;
  justify-content: end
}

@media screen and (max-width: 950px) {
  .m-sticky .m-fast-pass-info-container {
    grid-template-columns: auto
  }

  .m-sticky .m-fast-pass-info__name,
  .m-sticky .m-fast-pass-info__slider {
    display: none
  }

  .m-sticky .m-fast-pass-info-review {
    grid-template-columns: auto auto
  }

  .m-sticky .m-button--primary {
    padding-inline: 1.25rem
  }
}

@media screen and (max-width: 490px) {
  .m-sticky .m-fast-pass-info-review {
    grid-template-columns: 1fr;
    grid-template-areas: "details" "cta"
  }

  .m-sticky .m-fast-pass-info__cta .m-button--primary {
    width: 100%
  }

  .m-sticky .m-fast-pass-info__cta {
    display: block
  }
}

.m-sticky .m-fast-pass-info__popup {
  display: none
}

.m-fast-pass-recipe-container {
  display: flex;
  padding-inline: var(--fluid-space);
  max-width: var(--max-width);
  margin-inline: auto;
  overflow-x: auto;
  gap: 1.25rem;
  scroll-snap-type: x mandatory;
  scroll-padding: 1.25rem
}

.m-fast-pass-recipe-card>label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  padding-block: 1.25rem 1rem;
  padding-inline: 1.5rem;
  height: 100%;
  border-radius: var(--default-radius);
  text-align: center;
  cursor: pointer;
  width: clamp(10.688rem, calc(9.898rem + 3.238vw), 12.813rem);
  scroll-snap-align: start;
  border: 2px solid transparent
}

.m-fast-pass-recipe-card--beef>label {
  background-color: var(--color-prod-orange)
}

.m-fast-pass-recipe-card--chicken>label {
  background-color: var(--color-prod-blue)
}

.m-fast-pass-recipe-card--turkey>label {
  background-color: var(--color-prod-purple)
}

.m-fast-pass-recipe-card>label::before {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background-repeat: no-repeat;
  background-color: var(--color-bone-light);
  background-position: center;
  background-size: 1.125rem;
  border: 1px solid var(--color-good-green);
  border-radius: 1.5rem
}

.m-fast-pass-recipe-card>input[type="radio"] {
  display: none
}

.m-fast-pass-recipe-card img {
  width: clamp(5rem, calc(3.909rem + 4.476vw), 7.938rem)
}

.m-fast-pass-recipe-card>input[type="radio"]:checked+label {
  border: 2px solid var(--color-good-green)
}

.m-fast-pass-recipe-card>input[type="radio"]:checked+label::after {
  position: absolute;
  top: 1rem;
  left: 1rem;
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  background-repeat: no-repeat;
  background-color: var(--color-good-green);
  background-position: center;
  background-size: 0.625rem;
  border-radius: 1.5rem
}

@media screen and (min-width: 680px) {
  .m-fast-pass-recipe-container {
    justify-content: center
  }
}

@media screen and (min-width: 768px) {
  .m-fast-pass-home-inputs {
    display: grid;
    grid-template-columns: auto 1fr
  }
}

@media screen and (min-width: 1200px) {
  .m-fast-pass-home-container {
    max-width: 71.5rem;
    margin-inline: auto
  }

  .m-fast-pass-recipe-container {
    padding-inline: 0;
    width: 100%;
    justify-content: start
  }
}

@media screen and (min-width: 1200px) {
  .m-fast-pass-home-options-container {
    display: grid;
    grid-template-columns: 1fr 22.5rem;
    gap: 1.25rem
  }
}

.m-fast-pass-info-container--one-click-blitz {
  display: block
}

.m-fast-pass-info-review--one-click-blitz {
  display: block
}

.m-fast-pass-info-review--one-click-blitz .m-button--primary {
  margin-top: 1rem
}

.m-fast-pass-info-review-content--one-click-blitz {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem
}

.m-sticky .m-fast-pass-info-review--one-click-blitz {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center
}

.m-sticky .m-fast-pass-info-container--one-click-blitz {
  display: block
}

.m-fast-pass-info-review--one-click-blitz .m-button--primary {
  width: 100%
}

.m-sticky .m-fast-pass-info-review--one-click-blitz .m-button--primary {
  margin-top: 0;
  width: auto
}

.m-sticky .m-fast-pass-info-review-content--one-click-blitz {
  justify-content: end
}

@media screen and (max-width: 490px) {
  .m-sticky .m-fast-pass-info-review--one-click-blitz {
    grid-template-columns: 1fr
  }

  .m-sticky .m-fast-pass-info-review-content--one-click-blitz {
    justify-content: center
  }

  .m-sticky .m-fast-pass-info-review--one-click-blitz .m-button--primary {
    width: 100%
  }
}

.flash-success,
.flash-notice,
.flash-error,
.flash-alert {
  margin-bottom: 0;
  font-size: 16px;
  padding: 5px 20px;
  text-align: center;
  font-weight: 500;
  font-family: "Monument", "Helvetica Neue", Arial, sans-serif !important
}

.flash-success {
  background-color: var(--color-light-green);
  color: var(--color-base-green)
}

.flash-error {
  background-color: var(--color-light-red);
  color: var(--color-base-red)
}

.flash-alert {
  background-color: var(--color-light-yellow);
  color: var(--color-base-good-green)
}

.flash-notice {
  background-color: var(--color-light-blue);
  color: var(--color-base-black)
}

.m-input,
.m-select select {
  --input-padding: 1rem 1.25rem;
  --input-font-size: 0.875rem;
  --input-color: var(--color-good-green);
  --input-bg: var(--color-base-white);
  --input-border-width: 1px;
  --input-border-style: solid;
  --input-border-color: var(--color-good-green);
  --input-radius: var(--default-radius);
  --input-font-family: var(--font-monument);
  display: inline-block;
  padding: var(--input-padding);
  color: var(--input-color);
  background-color: var(--input-bg);
  border-width: var(--input-border-width);
  border-style: var(--input-border-style);
  border-color: var(--input-border-color);
  border-radius: var(--input-radius);
  font-size: var(--input-font-size);
  font-family: var(--input-font-family);
  line-height: 1
}

.m-select select {
  appearance: none;
  background-image: url(//sundaysfordogs.com/assets/v4/icons/circle-arrow-down-5a96ae048bd380c51f1eb4815efd91d608b3ace63a3e702d2a376160d0e9c13e.svg);
  background-position: center right 1.25rem;
  background-repeat: no-repeat;
  background-size: 1.5rem
}

.m-input--dark {
  color: var(--color-bone-light);
  background-color: var(--color-good-green);
  border-color: var(--color-bone-light)
}

.m-input--dark::placeholder {
  color: var(--color-good-green-inactive);
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bold
}

.m-floating-button {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%)
}

.m-floating-button:active {
  transform: translateY(-50%)
}

.m-radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  color: var(--color-good-green)
}

.m-radio-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer
}

.m-radio-option input[type="radio"] {
  accent-color: var(--color-good-green);
  color: var(--color-good-green);
  border-color: var(--color-good-green);
  width: 1rem;
  height: 1rem
}

.m-radio-option label {
  cursor: pointer
}

.m-or-text {
  display: flex;
  align-items: center
}

.m-or-text span {
  padding: 0.625rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase
}

.m-or-text::before,
.m-or-text::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--color-good-green)
}

.m-icon {
  --icon-size: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icon-size);
  height: var(--icon-size);
  min-width: var(--icon-size);
  background-size: var(--icon-size);
  background-size: cover;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center
}

.m-icon--md {
  --icon-size: 1.125rem
}

.m-icon--sm {
  --icon-size: 1rem
}

.m-icon--lg {
  --icon-size: 2rem
}

.m-icon--youtube {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/youtube-33064390ea36e5563a71a8295c33ed7af1c7dadd070623b6f4ea785d2d31bf55.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/youtube-33064390ea36e5563a71a8295c33ed7af1c7dadd070623b6f4ea785d2d31bf55.svg)
}

.m-icon--tiktok {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/tiktok-147657f61a7c7f1dd60febf94ea445682302fe1c245400eaa64bcd61b60614ba.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/tiktok-147657f61a7c7f1dd60febf94ea445682302fe1c245400eaa64bcd61b60614ba.svg)
}

.m-icon--instagram {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/instagram-6e3db8fe77fc53b289f8e17a8a7461e2e7aeac7c6bd170dcf4774213580491e3.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/instagram-6e3db8fe77fc53b289f8e17a8a7461e2e7aeac7c6bd170dcf4774213580491e3.svg)
}

.m-icon--paper-airplane {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/paper-airplane-841437626d51d8e20ebd76bf1ab462ce1b7f18fc6a3bea1297478ce5114eafd7.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/paper-airplane-841437626d51d8e20ebd76bf1ab462ce1b7f18fc6a3bea1297478ce5114eafd7.svg)
}

.m-icon--circle-expand {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/circle-expand-7d477dfe7ba1963cd97adcb39d5fd4639de326b6d0d35e10520dcbe0ae9645c9.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/circle-expand-7d477dfe7ba1963cd97adcb39d5fd4639de326b6d0d35e10520dcbe0ae9645c9.svg)
}

.m-icon--circle-close {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/circle-close-2dcf9023f74eb1293becdeb7f09db505ff0189218733e118af6a8999962655ac.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/circle-close-2dcf9023f74eb1293becdeb7f09db505ff0189218733e118af6a8999962655ac.svg)
}

.m-icon--link-arrow {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/link-arrow-419580bc81e8c3c9f9848d239ca52290e1a41c334531703bb6a7e61900c813ec.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/link-arrow-419580bc81e8c3c9f9848d239ca52290e1a41c334531703bb6a7e61900c813ec.svg)
}

.m-icon--close {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/close-c7cdd64133ee9622f4c1de60df455ed51d4c2d3fbe75097c52a24c0ddbfa0488.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/close-c7cdd64133ee9622f4c1de60df455ed51d4c2d3fbe75097c52a24c0ddbfa0488.svg)
}

.m-icon--close-2 {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/close-2-0359942c723e162c7e8638b0ac5236043a6f64d9f6612f4707d1d104c53411ea.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/close-2-0359942c723e162c7e8638b0ac5236043a6f64d9f6612f4707d1d104c53411ea.svg)
}

.m-icon--plus {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/plus-d8d914b2ab7610e2daa8f990b0a1767fbe874402d635185cf52b2dc036f50726.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/plus-d8d914b2ab7610e2daa8f990b0a1767fbe874402d635185cf52b2dc036f50726.svg)
}

.m-icon--lock {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/lock-a3d6ad3518fae595fe52191595c0e05dbdcf422c173d31688fe158b9239c48e6.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/lock-a3d6ad3518fae595fe52191595c0e05dbdcf422c173d31688fe158b9239c48e6.svg)
}

.m-icon--arrow-right {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/arrow-right-46efb95e622024450d26551654dcce5465ae98b8dcd768688f19bddfe3ce9749.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/arrow-right-46efb95e622024450d26551654dcce5465ae98b8dcd768688f19bddfe3ce9749.svg)
}

.m-icon--calendar-check {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/calendar-check-5389a0e804a55a5e3ee9e786c784b4b5584640d531fa43d954ad40f4a72365e5.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/calendar-check-5389a0e804a55a5e3ee9e786c784b4b5584640d531fa43d954ad40f4a72365e5.svg)
}

.m-icon--calendar {
  mask-image: url(//sundaysfordogs.com/assets/v4/icons/calendar-9288b2a5946eb7aa074dc27c84ae8498268b6370c8a92306ccf84599bc30277f.svg);
  -webkit-mask-image: url(//sundaysfordogs.com/assets/v4/icons/calendar-9288b2a5946eb7aa074dc27c84ae8498268b6370c8a92306ccf84599bc30277f.svg)
}

.info-panel__modal {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  padding: 1.25rem 1.75rem 1.25rem 1.25rem;
  width: 100%;
  text-align: left;
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius);
  transform: translate(-50%, -50%);
  z-index: 1
}

.info-panel__modal a {
  text-decoration: underline
}

.info-panel__modal--left {
  position: absolute;
  top: 50%;
  left: 0;
  max-width: 20rem;
  transform: translateY(-50%)
}

.info-panel__modal--hero {
  min-width: 20rem
}

.info-panel__modal--wide {
  width: 20rem
}

@media (min-width: 768px) {
  .info-panel__modal--wide {
    width: 34.8125rem
  }
}

.info-panel__modal--dark {
  background-color: var(--color-bone-dark)
}

.info-panel-button {
  --button-size: 1.125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--button-size);
  height: var(--button-size);
  font-size: 0.75rem;
  font-weight: bold;
  background-color: var(--color-bone-dark);
  border-radius: calc(var(--button-size) * 2);
  cursor: pointer
}

.info-panel__modal .m-button {
  position: absolute;
  top: 4px;
  right: 4px
}

.info-panel__modal.active {
  display: block
}

/* Serving Guidelines Popover */
.serving-guidelines {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 1rem 0
}

.serving-guidelines__popover {
  display: none;
  max-width: 20rem;
  min-width: 16rem;
  text-align: left;
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  margin: 0 !important;
  padding: 1rem;
  inset: unset !important;
  position: absolute;
  top: 0;
  left: 0;
}

.serving-guidelines__popover::backdrop {
  display: none;
}

/* Show popover when open */
.serving-guidelines__popover:popover-open {
  display: inline-block;
}

button.wkJok {
  padding: 5px !important
}

button.wkJok::after {
  left: 1px !important;
  top: 1px !important;
  width: calc(100% - 2px);
  height: calc(100% - 2px)
}

.kindly-adjust-pdp #ChatButtonContainer {
  margin-bottom: 6.5625rem
}

@media screen and (max-width: 490px) {
  .kindly-adjust-pdp #ChatButtonContainer {
    margin-bottom: 4rem
  }
}

.kindly-adjust-review #ChatButtonContainer {
  margin-bottom: 6rem
}

.m-label {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-good-green);
  background-color: var(--color-base-medium-shadow);
  border-radius: 100px
}

.m-label--beef-light {
  background-color: var(--color-prod-orange-light)
}

.m-label--chicken-light {
  background-color: var(--color-prod-blue-light)
}

.m-label--turkey-light {
  background-color: var(--color-prod-purple-light)
}

.m-marquee-text {
  overflow: clip
}

.m-marquee-text--styled {
  padding-block: 0.875rem;
  background-color: var(--color-base-white);
  border-top: 1px solid var(--color-good-green);
  border-bottom: 1px solid var(--color-good-green)
}

@media screen and (min-width: 768px) {
  .m-marquee-container {
    margin-inline: auto;
    padding-inline: var(--fluid-space);
    max-width: var(--max-width)
  }

  .m-marquee-text--styled {
    border: 1px solid var(--color-good-green);
    border-radius: var(--default-radius)
  }
}

.m-marquee-text-track {
  display: flex;
  padding-left: 2.5rem;
  gap: 2.5rem;
  width: max-content;
  animation: marquee-move-text var(--speed, 10s) linear infinite var(--direction, forwards)
}

.m-marquee-text-track--sm {
  gap: 0.75rem
}

@media screen and (max-width: 767px) {
  .m-marquee-text-track-mobile {
    display: flex;
    padding-left: 3.75rem;
    gap: 3.75rem;
    width: max-content;
    animation: marquee-move-text var(--speed, 10s) linear infinite var(--direction, forwards)
  }
}

.m-marquee-text-track--50s {
  animation: marquee-move-text var(--speed, 50s) linear infinite var(--direction, forwards)
}

@keyframes marquee-move-text {
  to {
    transform: translateX(-50%)
  }
}

.m-marquee-image-item {
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius);
  width: 7.5rem;
  height: 7.5rem
}

@media screen and (min-width: 768px) {
  .m-marquee-image-item {
    width: 13.875rem;
    height: 13.875rem
  }

  .m-marquee-text-track--sm {
    gap: 0.75rem
  }
}

.m-navigation-container {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 2fr 1fr 2fr;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  z-index: 4
}

@media screen and (max-width: 768px) {
  .m-navigation-container .m-navigation--cta-button {
    display: none
  }

  .m-navigation--sticky .m-navigation-container {
    grid-template-columns: 2fr 1fr
  }

  .m-navigation--sticky .m-navigation-container .m-navigation--cta-button {
    display: flex
  }

  .m-navigation--sticky .m-navigation-container .m-navigation__logo-container {
    display: none
  }
}

.m-navigation--sticky .m-navigation-container .m-navigation--cta-button {
  background-color: var(--color-golden-yellow)
}

.m-navigation-container__links,
.m-navigation__links {
  display: flex;
  gap: 0.75rem;
  margin: 0;
  padding: 0
}

.m-navigation-container__links>li,
.m-navigation__links>li {
  list-style: none
}

.m-navigation__links .dropdown:hover .dropdown-menu,
.m-navigation__account .dropdown:hover .dropdown-menu {
  display: block;
  position: absolute;
  inset: 0 auto auto 0;
  margin: 0;
  transform: translate3d(0, 0, 0)
}

.m-navigation__account .dropdown:hover .dropdown-menu {
  left: auto;
  right: 0
}

.m-navigation__account .dropdown-menu,
.m-navigation__links .dropdown-menu {
  padding-block: 1rem;
  min-width: auto;
  width: auto
}

.m-navigation__links .dropdown-item {
  padding: 0.25rem 1.25rem
}

@media screen and (min-width: 768px) {
  .m-navigation-container {
    padding: 0
  }
}

.m-navigation-container--center,
.m-navigation-container--left,
.m-navigation-container--right {
  display: flex
}

.m-navigation-container--center {
  justify-content: center
}

.m-navigation-container--left {
  justify-content: flex-start
}

.m-navigation-container--right {
  justify-content: flex-end
}

.m-navigation__logo {
  display: block;
  width: 147px;
  height: 42px;
  background-image: url(//sundaysfordogs.com/assets/logo/sundays-logo-v4-ea702ba051d8af3fa13dc60b5a0457457120a62edd5a1ad1b98d5fa2f319efa5.svg);
  background-repeat: no-repeat;
  background-size: contain
}

@media screen and (max-width: 991px) {
  .m-navigation__logo {
    width: 126px;
    height: 36px
  }
}

@media screen and (max-width: 576px) {
  .m-navigation__logo {
    width: 100px;
    height: 28px
  }
}

.m-navigation__logo--sm {
  width: 126px;
  height: 36px
}

.m-navigation--sticky {
  position: sticky;
  top: 0;
  z-index: 100
}

.m-navigation--sticky .m-button--nav {
  border: 1px solid var(--color-good-green)
}

.m-navigation-container .m-button--nav {
  border: 1px solid var(--color-good-green);
  background-color: var(--color-base-white)
}

@media screen and (min-width: 768px) {
  .m-navigation--sticky .m-navigation-container {
    background-color: transparent;
    border: 0
  }
}

.m-navigation--sticky .m-navigation-container .m-navigation__logo {
  width: 147px;
  height: 42px;
  background-image: url(//sundaysfordogs.com/assets/logo/sundays-logo-v4-ea702ba051d8af3fa13dc60b5a0457457120a62edd5a1ad1b98d5fa2f319efa5.svg)
}

.m-navigation--sticky .m-navigation__logo {
  width: 132px;
  height: 45px;
  background-image: url(//sundaysfordogs.com/assets/logo/sundays-logo-sticky-ef066107011927fcec8d86bc7b0afc6858ee8a6c3fbd1ffe8c78554302402ea4.svg)
}

.m-navigation--sticky .m-navigation-container .m-navigation__logo {
  width: 132px;
  height: 45px;
  background-image: url(//sundaysfordogs.com/assets/logo/sundays-logo-sticky-white-51ffa1f240079a9cd676be606aa2bc24d3e6ba7ccdd9daba188d89907a906dbc.svg)
}

.m-navigation__avatar-container {
  --ac-size: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: var(--ac-size);
  width: var(--ac-size)
}

.m-navigation-promo__offer {
  padding: 0.5rem 1rem;
  background-color: var(--color-good-green);
  color: var(--color-bone-light);
  text-align: center;
  font-size: 1rem
}

.m-redeem-info--base {
  display: inline-block
}

.m-redeem-info--active {
  display: none
}

.m-redeem-info .m-redeem-info--base {
  display: none
}

.m-redeem-info .m-redeem-info--active {
  display: inline-block
}

.m-navigation-container .m-button--nav-cart::before {
  content: url(//sundaysfordogs.com/assets/v4/cart-white-8332faa342cf6bb299a615d1b6d0d50f1323331a4aee619355aee31e801547f8.svg);
  width: 1.25rem;
  height: 1.25rem
}

.m-navigation-container .m-navigation--cta-button::before {
  content: url(//sundaysfordogs.com/assets/v4/plan-white-d09dc08b8885b29ad996258dedb4ec3dbfced983cc3a69b988edbdaae4ee4f09.svg);
  width: 1.25rem;
  height: 1.25rem
}

.m-navigation-container .m-navigation-avatar::before {
  content: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/user-white.svg?v=115114345240874611361765554491");
  width: 1.25rem;
  height: 1.25rem
}

.m-navigation-container .m-button--nav-cart:hover::before {
  content: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/cart-yellow.svg?v=112050542209030556771765554491");
}

.m-navigation-container .m-navigation--cta-button:hover::before {
  content: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/plan-yellow.svg?v=156547323696451823731765554491");
}

.m-navigation--sticky .m-navigation-container .m-navigation--cta-button:hover::before {
  content: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/plan-white.svg?v=18317150936689902951765554491");
}

.m-navigation-container .m-navigation-avatar:hover::before {
  content: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/user-yellow.svg?v=81014963559286942371765554492");
}

.pagination {
  display: inline-flex;
  background-color: var(--color-golden-yellow);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius);
  overflow: hidden
}

.pagination span a,
.pagination .gap {
  display: block;
  padding: 0.5rem 0.875rem;
  border-right: 1px solid var(--color-good-green)
}

.pagination span a:hover,
.pagination span a:focus {
  background-color: var(--color-dusk-yellow);
  text-decoration: none
}

.pagination .current {
  display: block;
  padding: 0.5rem 0.875rem;
  background-color: var(--color-good-green);
  color: var(--color-bone-light)
}

.pagination span:last-child a {
  border-right: 0
}

.m-page-link {
  text-indent: -9999em;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-size: 2.5rem;
  background-repeat: no-repeat
}

.m-page-link.disabled:hover {
  animation: none
}

.m-page-link:hover {
  animation: bounce 0.5s ease
}

.m-page-link--prev {
  background-image: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/prev-arrow.svg?v=50190943586788071281765554491");
}

.m-page-link--next {
  background-image: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/next-arrow.svg?v=75235819042764819241765554491");
}

.m-page-link--next.disabled,
.m-page-link--prev.disabled {
  cursor: default;
  pointer-events: none
}

.m-prod-info-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "trial-info trial-extras" "cta cta";
  gap: 1rem;
  padding: 1.25rem;
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

.m-sticky .m-prod-info-container {
  display: grid;
  align-items: center;
  grid-template-columns: 2fr auto auto;
  grid-template-areas: "subtitle  trial-info cta";
  gap: 1rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 0;
  border-bottom: 0;
  border-right: 0;
  border-left: 0
}

.m-prod-info__details {
  grid-area: trial-info;
  position: relative
}

.m-prod-info__details .l-stack {
  display: block !important
}

.m-prod-info__details .l-stack>p {
  display: block;
  margin-bottom: 0.5rem
}

.m-prod-info__details .l-stack>span {
  display: inline-block;
  margin-right: 0.75rem;
  vertical-align: baseline
}

.m-prod-info__details .l-stack>span:last-of-type {
  margin-right: 0
}

.m-prod-info__subtitle {
  display: none
}

.m-sticky .m-prod-info__subtitle {
  display: block;
  grid-area: subtitle
}

@media screen and (max-width: 768px) {
  .m-sticky .m-prod-info-container {
    grid-template-areas: "trial-info cta";
    padding: 0.75rem
  }

  .m-sticky .m-prod-info__subtitle {
    display: none
  }
}

@media screen and (max-width: 390px) {
  .m-prod-info-container {
    grid-template-areas: "trial-info trial-info" "trial-extras trial-extras" "cta cta"
  }

  .m-sticky .m-prod-info-container {
    grid-template-areas: "trial-info trial-info" "cta cta"
  }
}

.m-prod-info__optional {
  grid-area: trial-extras
}

.m-sticky.m-prod-info__details {
  background: var(--color-base-shadow);
  grid-area: cta
}

.m-sticky .m-prod-info__optional {
  display: none
}

.m-prod-info__cta {
  grid-area: cta
}

.m-prod-info__cta .m-button--primary {
  background-color: var(--color-golden-yellow) !important;
  color: var(--color-good-green) !important;
  border-color: var(--color-good-green) !important;
  font-family: var(--font-garamond-light) !important;
  font-size: clamp(1.375rem, calc(1.329rem + 0.19vw), 1.5rem) !important;
  font-weight: 300 !important;
  border-radius: 2rem !important;
  padding: 0.875rem 1.25rem 0.625rem !important;
  border-width: 1px !important;
  border-style: solid !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  cursor: pointer !important;
  text-decoration: none !important;
  line-height: 1 !important;
  min-height: auto !important;
  box-shadow: none !important;
  position: relative !important;
  transition: all 0.15s ease !important
}

.m-prod-info__cta .m-button--primary:hover {
  background-color: var(--color-dusk-yellow) !important;
  color: var(--color-good-green) !important;
  text-decoration: none !important;
  box-shadow: 4px 4px 0 0 var(--color-good-green) !important
}

.m-prod-info__cta .m-button--primary:focus {
  outline: none !important;
  box-shadow: 4px 4px 0 0 var(--color-good-green) !important
}

.m-prod-info__cta .m-button--primary:active {
  top: 4px !important;
  left: 4px !important;
  box-shadow: none !important;
  transform: none !important
}

/* Center and style the Buy it now (dynamic checkout) button */
.m-prod-info__cta .dynamic-checkout-buttons {
  display: flex;
  justify-content: center;
  margin-top: 1rem
}

.m-prod-info__cta .shopify-payment-button__button {
  text-align: center
}

/* Add spacing above trust badges when they follow the product info */
#m-sticky-cta-container+div,
.m-prod-info-container+div {
  margin-top: 2rem !important
}

/* Trust badges specific spacing */
[class*="trust"],
div[data-block-type="trust_badges"],
.trust-badges {
  margin-top: 2rem !important
}

.m-prod-discount-badge {
  --discount-size: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -2.5rem;
  left: 6rem;
  width: var(--discount-size);
  height: var(--discount-size);
  min-width: var(--discount-size);
  background-image: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/star-bg.svg?v=15174752852206594061765554491");
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(12deg);
  color: var(--color-base-black);
  z-index: 1
}

.m-prod-discount-badge--gold {
  background-image: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/star-bg-gold.svg?v=18660880968681855511765554491");
}

.m-prod-discount-badge--green {
  --discount-size: 5rem;
  background-image: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/star-bg-green.svg?v=45549509288369423371765554491");
  color: var(--color-base-white)
}

.m-prod-discount-badge>* {
  margin: 0;
  font-family: var(--font-garamond-book);
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  line-height: 1
}

@media (min-resolution: 2dppx) {
  .m-prod-discount-badge>* {
    -webkit-text-stroke-width: 0.44px;
    -webkit-text-stroke-color: var(--color-good-green)
  }

  .m-prod-discount-badge--green>* {
    -webkit-text-stroke-width: 0.22px;
    -webkit-text-stroke-color: var(--color-base-white)
  }
}

.m-sticky .m-prod-discount-badge {
  margin-top: 0
}

.m-scrolling-card-container {
  display: flex;
  gap: 2rem;
  padding-inline: var(--fluid-space);
  padding-bottom: 1rem;
  max-width: var(--max-width);
  margin-inline: auto;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 2rem;
  scrollbar-width: none
}

.m-scrolling-card-container::-webkit-scrollbar {
  display: none
}

.m-scrolling-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 18rem;
  min-height: 28rem;
  scroll-snap-align: start;
  background-color: var(--color-base-white)
}

a.m-scrolling-card:hover,
a.m-scrolling-card:focus {
  text-decoration: none
}

.m-scrolling-card--auto-height {
  min-height: auto
}

.m-scrolling-card-basic {
  scroll-snap-align: start
}

.m-scrolling-card__header {
  display: grid;
  place-content: center;
  position: relative;
  min-height: 11.375rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

@media screen and (min-width: 900px) {
  .m-scrolling-card__header {
    min-height: 270px
  }
}

.m-scrolling-card__header--lg {
  min-height: 18rem
}

@media screen and (min-width: 900px) {
  .m-scrolling-card__header--lg {
    min-height: 20.1875rem
  }
}

.m-scrolling-card__footer {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px
}

.m-scrolling-card__footer:hover {
  background: var(--color-bone-dark);
  text-decoration: none;
  cursor: pointer
}

.m-scrolling-card__footer .m-icon {
  transition: transform 0.2s ease
}

.m-scrolling-card__footer:hover .m-icon {
  animation: bounce 0.5s ease
}

.m-scrolling-card__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative
}

a.m-scrolling-card:hover .m-scrolling-card__content,
a.m-scrolling-card:focus .m-scrolling-card__content {
  background-color: var(--color-bone-dark)
}

.m-scrolling-card__content-body {
  padding: 1.5rem
}

.m-scrolling-card__link {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.5rem
}

@media (max-width: 600px) {
  .m-scrolling-card-container {
    flex-wrap: nowrap;
    scroll-padding: 1.2rem;
    gap: 1.25rem
  }

  .m-scrolling-card {
    width: 80%;
    min-width: 287px
  }
}

.m-scrolling-container {
  --sc-size: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  padding-block: var(--sc-size);
  overflow-x: clip;
  text-align: center
}

.m-scrolling-container__image {
  transform: rotate(-3deg);
  width: clamp(17.438rem, calc(10.924rem + 26.723vw), 34.975rem);
  margin-bottom: 2rem
}

.m-scrolling-container:nth-child(odd) .m-scrolling-container__image {
  transform: rotate(3deg)
}

@media screen and (min-width: 768px) {
  .m-scrolling-container {
    --sc-size: 4rem;
    flex-direction: column
  }

  .m-scrolling-container__title {
    position: sticky;
    top: calc(50% - calc(var(--sc-size) * 2))
  }

  .m-scrolling-container__image {
    padding: calc(100vh - calc(var(--sc-size) * 2)) 0;
    margin-bottom: 0;
    align-self: self-start;
    z-index: 1
  }

  .m-scrolling-container:nth-child(even) .m-scrolling-container__image {
    margin-right: 2rem
  }

  .m-scrolling-container:nth-child(odd) .m-scrolling-container__image {
    align-self: self-end;
    margin-left: 2rem
  }
}

.m-sliding-panel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: translateY(calc(100% + 1px));
  transition: transform 0.3s ease-in-out
}

.m-sliding-panel.active {
  transform: translateY(0)
}

.m-sliding-panel .m-icon {
  transition: transform 0.2s ease
}

.m-sliding-panel .m-icon:hover {
  animation: bounce 0.5s ease
}

.m-sliding-panel-overlay-container {
  position: relative;
  overflow: hidden;
  flex-shrink: 0
}

.m-sliding-panel-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height: 3.4375rem;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  transition: max-height 0.5s ease-in-out;
  background-color: var(--color-base-white)
}

.m-sliding-panel-overlay .m-icon {
  transition: transform 0.5s ease
}

.m-sliding-panel-overlay.active {
  max-height: 100%
}

.m-sliding-panel-overlay.active .m-icon {
  transform: rotate(45deg)
}

.m-sliding-panel-overlay__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 1.25rem .75rem;
  height: 3.4375rem;
  cursor: pointer;
  border-top: 1px solid var(--color-good-green)
}

.m-sliding-panel-overlay__content {
  padding: 1.25rem;
  padding-top: 0
}

.m-speech-bubble {
  position: relative;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  border-radius: var(--default-radius);
  background: var(--color-base-shadow)
}

.m-speech-bubble::before,
.m-speech-bubble::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent
}

.m-speech-bubble::before {
  top: 1.5rem;
  left: -1rem;
  border-right-color: var(--color-base-shadow);
  transform: translateY(-50%)
}

.m-star-rating {
  display: flex;
  gap: 0.125rem;
  height: 1.625rem
}

.m-star-rating .star {
  display: block;
  width: 1.625rem;
  height: 1.625rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/star-gold.svg?v=19433019095217594781765554493");
}

.m-star-rating .star--sm {
  width: 1.125rem;
  height: 1.125rem
}

.m-star-rating .star.star--white {
  background-image: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/star-white.svg?v=100315408973047037411765554491");
}

#m-sticky-cta-container.m-sticky {
  position: fixed;
  left: var(--fluid-space);
  bottom: 0;
  z-index: 50;
  padding: 1rem 0;
  background-color: transparent;
  text-align: left
}

@media screen and (max-width: 768px) {
  #m-sticky-cta-container.m-sticky--mobile {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 50;
    padding: 1rem 0;
    background-color: transparent
  }
}

#m-sticky-cta-container.m-sticky--bottom {
  position: sticky;
  bottom: 0;
  z-index: 50;
  padding: 1rem 0;
  background-color: transparent
}

#m-sticky-cta-container.m-sticky .m-button {
  background-color: var(--color-golden-yellow);
  border-color: var(--color-good-green);
  color: var(--color-good-green)
}

#m-sticky-cta-container.m-sticky.m-sticky--quiz-landing {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 50;
  padding: 1rem;
  background-color: transparent;
  transform: translateX(-50%);
  text-align: center;
  width: 100%
}

#m-sticky-cta-container.m-sticky.m-sticky--quiz-landing .m-button {
  width: 75%
}

@media screen and (max-width: 768px) {
  #m-sticky-cta-container.m-sticky--quiz-landing {
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 50;
    padding: 1rem;
    background-color: transparent;
    transform: translateX(-50%);
    width: 100%
  }

  #m-sticky-cta-container.m-sticky--quiz-landing .m-button,
  #m-sticky-cta-container.m-sticky--quiz-landing .m-hover-button {
    width: 100%
  }
}

.m-story {
  display: grid;
  grid-template-columns: var(--fluid-space) 1fr var(--fluid-space);
  grid-template-rows: 24.375rem 2.5rem auto;
  position: relative
}

.m-story__image {
  grid-area: 1 / 1 / 3 / 4;
  border-top: 1px solid var(--color-good-green);
  border-bottom: 1px solid var(--color-good-green);
  overflow: hidden
}

.m-story__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.m-story__content-container {
  grid-area: 2 / 2 / 4 / 3
}

.m-story__content {
  padding: 1.25rem;
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

@media (min-width: 700px) {
  .m-story-container {
    margin-inline: auto;
    padding-inline: var(--fluid-space);
    max-width: var(--max-width)
  }

  .m-story {
    display: flex;
    justify-content: end;
    padding: 1.25rem var(--fluid-space);
    height: calc(100vw * 0.45)
  }

  .m-story__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid var(--color-good-green);
    border-radius: var(--default-radius)
  }

  .m-story__content {
    position: sticky;
    top: 15rem;
    right: 0;
    padding: 1.875rem 1.25rem;
    width: 22.5rem
  }
}

.m-survey__content {
  height: 100vh;
  padding: 1.25rem
}

.m-survey-footer-spacer {
  padding-bottom: 7.5rem
}

@supports (height: 1svh) {
  .m-survey__content {
    height: 100svh
  }
}

@media screen and (min-width: 768px) {
  .m-survey-border {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-golden-yellow);
    border: 30px solid var(--color-golden-yellow);
    pointer-events: none
  }

  .m-survey-inner-border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-golden-yellow);
    border: 1px solid var(--color-good-green);
    border-radius: var(--default-radius);
    pointer-events: none
  }

  .m-survey__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-bone-light);
    border-radius: var(--default-radius);
    pointer-events: auto;
    overflow: auto;
    height: auto
  }
}

.m-survey__form input[type="text"],
.m-survey__form input[type="email"],
.m-survey__form input[type="number"],
.m-survey__form select {
  padding-inline: 0.5rem;
  padding-block: 0;
  display: inline-block;
  font-family: var(--font-garamond-book);
  font-style: normal;
  font-size: clamp(2rem, calc(1.443rem + 2.286vw), 3.5rem);
  text-transform: uppercase;
  line-height: 1.2;
  color: var(--color-good-green);
  border: 0;
  border-radius: 0;
  background-color: var(--color-bone-light);
  border-bottom: 1px dashed var(--color-good-green)
}

.m-survey__form--sm input[type="text"],
.m-survey__form--sm input[type="email"],
.m-survey__form--sm input[type="number"] {
  font-size: clamp(1.5rem, calc(1.314rem + 0.762vw), 2rem)
}

.m-survey__form input[type="number"] {
  text-align: center
}

.m-survey__form-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-block: 0;
  padding-right: 1.5rem;
  border-radius: 0
}

.m-survey__form-select {
  position: relative
}

.m-survey__form-select::after {
  content: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/select-arrow.svg?v=56754522079169674351765554491");
  position: absolute;
  top: 60%;
  right: 0.1rem;
  transform: translateY(-50%);
  pointer-events: none
}

.m-survey__form input[type="text"]:focus,
.m-survey__form input[type="number"]:focus,
.m-survey__form input[type="email"]:focus,
.m-survey__form select:focus {
  outline: 0
}

.m-survey__form select option {
  font-family: var(--font-garamond-light);
  font-style: normal;
  font-size: 1rem !important;
  line-height: 1
}

.m-survey__form input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield
}

.m-survey__form input[type="number"]::-webkit-outer-spin-button,
.m-survey__form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.m-survey-input--qty {
  width: 3rem
}

.m-survey-input--breed {
  width: 20rem
}

.m-survey-input--name {
  width: 15rem
}

.m-survey-input--weight {
  width: 8rem
}

@media screen and (min-width: 768px) {
  .m-survey-submit {
    width: 20rem
  }
}

.m-survey-progress-container {
  --dot-size: 0.4375rem;
  height: var(--dot-size);
  position: relative;
  max-width: 46.25rem;
  margin-inline: auto
}

.m-survey-progress {
  align-items: center;
  display: inline-flex;
  height: 100%;
  justify-content: space-between;
  position: absolute;
  width: 100%
}

.m-survey-progress__dot {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  background-color: var(--color-bone-light);
  border: 1px solid var(--color-base-dark-shadow)
}

.m-survey-progress__dot span {
  position: relative;
  top: 1px
}

.m-survey-progress__dot--active {
  background-color: var(--color-golden-yellow);
  border-color: var(--color-good-green)
}

.m-survey-progress__bar {
  background: var(--color-base-dark-shadow);
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.m-survey-progress__bar--progression {
  background: var(--color-good-green);
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.m-survey .autocomplete-suggestions {
  margin-top: 0.5rem;
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius);
  max-height: 18.75rem;
  overflow-y: scroll
}

.m-survey .autocomplete-suggestion {
  padding: 0.5rem 1rem;
  border-bottom: 0
}

.m-survey .autocomplete-suggestion:first-child {
  border-top-left-radius: var(--default-radius);
  border-top-right-radius: var(--default-radius)
}

.m-survey .autocomplete-suggestion:last-child {
  border-bottom-left-radius: var(--default-radius);
  border-bottom-right-radius: var(--default-radius)
}

.m-survey .autocomplete-suggestion.autocomplete-selected {
  background-color: var(--color-golden-yellow)
}

.m-survey__callout-text {
  position: relative;
  padding: 1rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  background-color: var(--color-bone-dark);
  border-radius: var(--default-radius)
}

.m-survey__callout-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1rem;
  transform: translateY(-50%);
  border: 0.5rem solid transparent;
  border-right-color: var(--color-bone-dark)
}

.m-survey__callout-container {
  opacity: 1;
  transition: opacity 0.2s ease-in-out
}

.m-survey__callout-container--hidden {
  opacity: 0;
  pointer-events: none
}

.m-survey__checkbox {
  display: flex;
  position: relative
}

.m-survey__checkbox>label {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  padding: 0.3125rem 1.25rem 0.3125rem 0.3125rem;
  background-color: var(--color-base-white);
  border-radius: 24rem;
  cursor: pointer;
  user-select: none;
  transition: all 0.18s ease-in-out
}

.m-survey__checkbox>input[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url(//sundaysfordogs.com/assets/v4/icons/plus-d8d914b2ab7610e2daa8f990b0a1767fbe874402d635185cf52b2dc036f50726.svg);
  background-repeat: no-repeat;
  background-color: var(--color-base-shadow);
  background-position: center;
  background-size: 1.125rem;
  border: 0;
  border-radius: 1.5rem
}

.m-survey__checkbox>input[type="checkbox"]:checked+label::before {
  background-image: url(//sundaysfordogs.com/assets/v4/icons/close-c7cdd64133ee9622f4c1de60df455ed51d4c2d3fbe75097c52a24c0ddbfa0488.svg)
}

.m-survey__checkbox>input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 1em;
  height: 1em;
  margin: 0;
  z-index: -1
}

.m-survey__checkbox>input[type="checkbox"]:hover+label {
  box-shadow: 0 0 0 2px var(--color-good-green)
}

.m-survey__checkbox>input[type="checkbox"]:focus+label {
  background-color: var(--color-golden-yellow);
  box-shadow: 0 0 0 2px var(--color-good-green)
}

.m-survey__checkbox>input[type="checkbox"]:checked+label {
  background-color: var(--color-golden-yellow);
  box-shadow: 0 0 0 2px var(--color-good-green)
}

.m-survey__radio-button {
  display: flex
}

.m-survey__radio-button>label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  padding: 0.3125rem 1.25rem 0.3125rem 0.3125rem;
  font-size: 1rem;
  background-color: var(--color-base-white);
  border-radius: 1.5rem;
  cursor: pointer
}

.m-survey__radio-button>label::before {
  content: "";
  display: block;
  width: 1.625rem;
  height: 1.625rem;
  background-repeat: no-repeat;
  background-color: var(--color-base-shadow);
  background-position: center;
  background-size: 1.125rem;
  border: 2px solid var(--color-good-green);
  border-radius: 1.5rem
}

.m-survey__radio-button>input[type="radio"] {
  display: none
}

.m-survey__radio-button>input[type="radio"]:checked+label {
  background-color: var(--color-golden-yellow);
  box-shadow: 0 0 0 2px var(--color-good-green)
}

.m-survey__radio-button>input[type="radio"]:hover+label {
  box-shadow: 0 0 0 2px var(--color-good-green)
}

.m-survey__radio-button>input[type="radio"]:focus+label {
  background-color: var(--color-golden-yellow);
  box-shadow: 0 0 0 2px var(--color-good-green)
}

.m-survey__radio-button>input[type="radio"]:checked+label::after {
  position: absolute;
  left: 0.6875rem;
  content: "";
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background-repeat: no-repeat;
  background-color: var(--color-good-green);
  background-position: center;
  background-size: 1.125rem;
  border-radius: 1.5rem
}

.m-survey__radio-button--sm>label {
  padding: 0.5rem;
  min-height: auto
}

.m-survey__radio-card {
  display: flex;
  max-width: 10rem
}

@media screen and (min-width: 567px) {
  .m-survey__radio-card {
    max-width: 11.25rem
  }
}

.m-survey__radio-card>input[type="radio"] {
  display: none
}

.m-survey__radio-card>label {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  padding: 1.5rem;
  width: 100%;
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius);
  text-transform: capitalize
}

.m-survey__radio-card>label:hover,
.m-survey__radio-card>label:focus {
  background-color: var(--color-light-golden-yellow-hover);
  cursor: pointer
}

.m-survey__radio-card>input[type="radio"]:checked+label {
  background-color: var(--color-golden-yellow)
}

.m-survey__radio-card>label>span {
  text-box: trim-both cap alphabetic
}

.m-progress-bar {
  margin-top: 2rem;
  margin-bottom: 0;
  height: 0.5rem;
  background-color: var(--color-base-shadow);
  border-radius: 50rem
}

.m-progress-bar__inner {
  height: 100%;
  background-color: var(--color-good-green);
  border-radius: 50rem
}

.m-survey__form span.error {
  display: none
}

.m-survey__form .field_with_errors input {
  color: var(--color-base-red)
}

.m-survey-error-messages,
.m-survey__form #error_explanation {
  padding: 1.25rem;
  width: auto;
  text-align: left;
  color: var(--color-base-red);
  background-color: var(--color-custom-light-red);
  border: 1px solid var(--color-base-red);
  border-radius: var(--default-radius)
}

.m-survey-error-messages a,
.m-survey__form #error_explanation a {
  color: var(--color-base-red);
  font-weight: bold;
  text-decoration: underline
}

.m-survey-notice-messages {
  padding: 1.25rem;
  width: auto;
  text-align: left;
  color: var(--color-base-black);
  background-color: var(--color-light-blue);
  border: 1px solid var(--color-base-black);
  border-radius: var(--default-radius)
}

.m-survey__form #error_explanation h2 {
  font-size: 1.25rem;
  font-weight: bold
}

.m-survey__form-disclaimer {
  display: flex;
  column-gap: 1.25rem;
  row-gap: 0.5rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.25rem
}

.m-survey-checkbox-container {
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem
}

.m-survey-checkbox-container .m-survey__checkbox label {
  width: 100%
}

@media screen and (min-width: 390px) {
  .m-survey-checkbox-container {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width: 576px) {
  .m-survey-checkbox-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }

  .m-survey-checkbox-container .m-survey__checkbox label {
    width: auto
  }
}

.m-survey__actions {
  position: sticky;
  bottom: 0;
  width: 100%
}

.m-survey__actions .m-button {
  width: 100%
}

@media screen and (min-width: 768px) {
  .m-survey__actions .m-button {
    width: 27.5rem
  }
}

@media screen and (min-width: 992px) {
  .m-survey-landing-values {
    margin-inline: auto;
    max-width: 40rem
  }
}

.quiz-landing-page {
  background-color: var(--color-bone-dark)
}

.quiz-04-2025 .m-survey-header {
  padding-block: 1.5625rem;
  padding-inline: 1.25rem
}

.quiz-04-2025 .m-survey__label {
  font-size: 2.125rem;
  font-family: var(--font-garamond-light);
  line-height: 1.2;
  letter-spacing: -0.68px
}

.quiz-04-2025 .m-survey-nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "back logo steps" "progress progress progress";
  align-items: center;
  position: relative;
  row-gap: 1.5625rem
}

.quiz-04-2025 .m-survey-progress-container {
  grid-area: progress;
  margin-inline: auto;
  height: auto;
  max-width: 46.25rem;
  width: 100%
}

.quiz-04-2025 .m-survey-progress-steps {
  grid-area: steps;
  display: flex;
  justify-content: end
}

.quiz-04-2025 .m-survey-nav-logo {
  grid-area: logo;
  display: flex;
  justify-content: center
}

.quiz-04-2025 .m-survey-nav-back {
  display: flex;
  justify-content: start
}

.quiz-04-2025 .m-survey-progress-titles-container {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 1.25rem
}

@media screen and (max-width: 768px) {
  .quiz-04-2025 .m-survey-progress-titles-container {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .quiz-04-2025 .m-survey-nav {
    display: grid;
    grid-template-columns: 24.30555556% 51.3888888889% 24.30555556%;
    grid-template-areas: "logo progress steps";
    align-items: center;
    position: relative
  }

  .quiz-04-2025 .m-survey-nav-logo {
    grid-area: logo;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    justify-content: start
  }

  .quiz-04-2025 .m-survey-progress-bar-outer {
    padding: 0 12% 0 12%
  }

  .quiz-04-2025 .m-survey-nav-back {
    flex: 1;
    justify-content: center
  }
}

.quiz-04-2025 .m-survey-progress-titles__item {
  flex: 1;
  text-align: center;
  font-family: var(--font-garamond-book);
  text-transform: uppercase;
  font-size: 1.5rem;
  color: var(--color-good-green-inactive)
}

@media (min-resolution: 2dppx) {
  .quiz-04-2025 .m-survey-progress-titles__item {
    -webkit-text-stroke-width: 0.48px
  }
}

.quiz-04-2025 .m-survey-progress-titles__item.active {
  color: var(--color-good-green)
}

.quiz-04-2025 .m-survey-progress-bar-container {
  --dot-size: 0.4375rem;
  height: var(--dot-size);
  position: relative;
  max-width: auto;
  margin-inline: auto
}

.quiz-04-2025 .m-survey__actions {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-inline: var(--fluid-space);
  padding-block: 1.25rem;
  width: 100%
}

@media screen and (max-width: 768px) {
  .quiz-04-2025 .m-survey__actions .m-hover-button {
    width: 100%
  }
}

.quiz-04-2025 .m-survey-interstitial {
  display: grid;
  margin-inline: auto;
  max-width: 37.5rem;
  overflow: hidden;
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

.quiz-04-2025 .m-survey-interstitial__content {
  padding: 1.5625rem 1.25rem 1.25rem 0.625rem;
  background-color: var(--color-base-white);
  border-bottom: 1px solid var(--color-good-green)
}

.quiz-04-2025 .m-survey-interstitial__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.quiz-04-2025 .m-survey-interstitial__image--clipped {
  max-height: 16.8125rem
}

.quiz-04-2025 .m-survey-interstitial__quote {
  font-family: var(--font-garamond-light);
  font-size: 1.75rem;
  line-height: 88%
}

.quiz-04-2025 .m-survey-interstitial__attribution {
  font-size: 0.75rem;
  line-height: 130%;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 0.75rem
}

.quiz-04-2025 .m-survey__sub-title {
  font-family: var(--font-garamond-book);
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: uppercase
}

@media (min-resolution: 2dppx) {
  .quiz-04-2025 .m-survey__sub-title {
    -webkit-text-stroke-width: 0.44px
  }
}

@media screen and (min-width: 576px) {
  .quiz-04-2025 .m-survey-interstitial {
    grid-template-columns: repeat(2, 1fr)
  }

  .quiz-04-2025 .m-survey-interstitial__content {
    padding: 1.5625rem 1.25rem 1.5625rem 0.625rem;
    border-bottom: 0;
    border-right: 1px solid var(--color-good-green)
  }

  .quiz-04-2025 .m-survey-interstitial__image--clipped {
    max-height: auto
  }
}

.quiz-04-2025 .m-survey__form input[type="text"],
.quiz-04-2025 .m-survey__form input[type="email"],
.quiz-04-2025 .m-survey__form input[type="number"],
.quiz-04-2025 .m-survey__form select {
  font-size: 2.125rem
}

.quiz-04-2025 .m-survey__form input::placeholder {
  color: var(--color-good-green-inactive)
}

.quiz-04-2025 .m-survey__form-select select {
  text-align: center
}

.quiz-04-2025 .simple-select {
  position: relative;
  display: inline-block;
  font-family: var(--font-garamond-book);
  font-size: 2.125rem;
  text-transform: uppercase
}

.quiz-04-2025 .simple-select__trigger {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  align-items: center;
  border: 0;
  border-bottom: 1px dashed var(--color-good-green);
  background: transparent;
  cursor: pointer;
  color: var(--color-good-green);
  min-width: 150px
}

.quiz-04-2025 .simple-select__trigger:focus {
  outline: none
}

.quiz-04-2025 .simple-select__trigger.is-default {
  color: var(--color-good-green-inactive)
}

.quiz-04-2025 .simple-select__trigger:after {
  content: "▼";
  color: var(--color-good-green);
  font-size: 0.8rem
}

.quiz-04-2025 .simple-select__options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 0.25rem;
  background: var(--color-base-white);
  color: var(--color-good-green);
  border: 1px solid var(--color-good-green);
  z-index: 1000;
  display: none;
  min-width: 150px;
  border-radius: var(--default-radius);
  overflow: hidden
}

.quiz-04-2025 .simple-select__option {
  padding: 0.5rem 1rem;
  cursor: pointer;
  color: var(--color-good-green);
  border-bottom: 1px solid #f0f0f0
}

.quiz-04-2025 .simple-select__option:hover {
  background-color: #f8f8f8
}

.quiz-04-2025 .simple-select__option:last-child {
  border-bottom: none
}

.quiz-04-2025 .simple-select__option.is-keyboard-focused {
  background-color: var(--color-base-medium-shadow)
}

.quiz-04-2025 .simple-select__option.is-selected {
  background-color: var(--color-good-green);
  color: var(--color-base-white)
}

.quiz-04-2025 .m-survey__form-select.open .simple-select__options,
.quiz-04-2025 .simple-select.open .simple-select__options {
  display: block !important
}

.quiz-04-2025 .m-survey__form-select::after {
  content: url(//sundaysfordogs.com/assets/v4/select-arrow-sm-af36c0dc385bd88814880a8223e5c8a1a7778406fa7a29e880ea8f1c16ab7203.svg);
  position: absolute;
  top: 50%;
  right: 0.1rem;
  transform: translateY(-50%);
  pointer-events: none
}

.quiz-04-2025 .m-survey__checkbox>input[type="checkbox"]+label::before {
  display: none
}

.quiz-04-2025 .m-survey__checkbox>label {
  padding: 0.9rem 1.25rem 0.8rem;
  font-weight: normal;
  text-transform: none;
  font-size: 1rem;
  justify-content: center;
  background-color: var(--color-bone-light);
  border: 1px solid var(--color-good-green)
}

.quiz-04-2025 .m-survey__checkbox>input[type="checkbox"]:hover+label,
.quiz-04-2025 .m-survey__checkbox>input[type="checkbox"]:focus+label {
  box-shadow: none;
  background-color: var(--color-golden-yellow-hover)
}

.quiz-04-2025 .m-survey__checkbox>input[type="checkbox"]:checked+label {
  box-shadow: none;
  background-color: var(--color-golden-yellow)
}

.quiz-04-2025 .m-survey-checkbox-container {
  gap: 0.625rem
}

.quiz-04-2025 .m-survey__image-switcher {
  margin-inline: auto;
  max-width: 21.875rem
}

.quiz-04-2025 .m-survey__title-loading {
  font-size: 24px;
  font-weight: bold
}

.quiz-04-2025 .m-survey__title-loading .dot {
  opacity: 0;
  animation: loading-fade 1.5s infinite
}

.quiz-04-2025 .m-survey__title-loading .dot:nth-child(2) {
  animation-delay: 0.5s
}

.quiz-04-2025 .m-survey__title-loading .dot:nth-child(3) {
  animation-delay: 1s
}

.quiz-04-2025 .m-survey__title-loading .dots-container {
  display: flex;
  gap: 0.1rem
}

.quiz-04-2025 .m-survey-calculating-grid {
  display: grid;
  grid-template-columns: 37.1621621622% 025.67567568% 37.1621621622%;
  align-items: center;
  overflow: hidden
}

.quiz-04-2025 .m-survey-calculating__other img {
  overflow: hidden;
  position: relative;
  left: -3.125rem;
  width: clamp(18.75rem, calc(11.786rem + 28.571vw), 37.5rem)
}

.quiz-04-2025 .m-survey-calculating__sundays img {
  overflow: hidden;
  position: relative;
  right: -3.125rem;
  width: clamp(18.75rem, calc(11.786rem + 28.571vw), 37.5rem)
}

.quiz-04-2025 .m-survey-calculating__blurb {
  position: relative;
  text-align: center
}

.quiz-04-2025 .m-survey-calculating__arrow-left,
.quiz-04-2025 .m-survey-calculating__arrow-right {
  position: absolute
}

.quiz-04-2025 .m-survey-calculating__arrow-left {
  top: 0;
  left: 0;
  display: block;
  width: 92px;
  height: 97px;
  background-image: url(//sundaysfordogs.com/assets/v4/quiz-icons/arrow-down-desktop-5f0fe5e4d6c494541ece84ec97eaedb24c94ade982b1f8398b7fc7611650eb6b.svg);
  background-repeat: no-repeat
}

.quiz-04-2025 .m-survey-calculating__arrow-right {
  top: 0;
  right: 0;
  display: block;
  width: 92px;
  height: 97px;
  background-image: url(//sundaysfordogs.com/assets/v4/quiz-icons/arrow-up-desktop-319b4d1037e0074bb9edd707e278308b64e960fa0e0d12991bd9aa8389ca15be.svg);
  background-repeat: no-repeat
}

.quiz-04-2025 .m-survey-calculating__blurb-text {
  position: relative
}

@media screen and (max-width: 768px) {
  .quiz-04-2025 .m-survey-calculating-grid {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    overflow: hidden
  }

  .quiz-04-2025 .m-survey-calculating__blurb {
    z-index: 1;
    min-height: 8.75rem
  }

  .quiz-04-2025 .m-survey-calculating__other img {
    left: -25%
  }

  .quiz-04-2025 .m-survey-calculating__sundays img {
    right: -50%
  }

  .quiz-04-2025 .m-survey-calculating__arrow-left {
    top: 0;
    left: 0;
    width: 63px;
    height: 75px;
    background-image: url(//sundaysfordogs.com/assets/v4/quiz-icons/arrow-up-mobile-012273f8d5c82a221d0fbaacbb1cd70a202715aec8c4bc5611d0f0ea13bbccd7.svg)
  }

  .quiz-04-2025 .m-survey-calculating__arrow-right {
    top: 50px;
    right: -15px;
    display: block;
    width: 63px;
    height: 75px;
    background-image: url(//sundaysfordogs.com/assets/v4/quiz-icons/arrow-down-mobile-b067d49a89943760bed407c647f4ef942d0c7012bf7c51da2ef362cc4f2686cf.svg)
  }
}

.quiz-04-2025 .m-survey__why-diet {
  max-width: 20rem;
  margin-inline: auto
}

.quiz-04-2025 .m-survey-calculating__blurb-text {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15rem;
  margin-inline: auto;
  text-align: center
}

.quiz-04-2025 .m-text-show {
  opacity: 1
}

@keyframes loading-fade {

  0%,
  100% {
    opacity: 0
  }

  50% {
    opacity: 1
  }
}

.quiz-04-2025 .m-survey-input--name,
.quiz-04-2025 .m-survey-simple-select {
  width: 20rem
}

.quiz-04-2025 .m-survey-input--quantity {
  width: auto
}

.m-hover-button[data-form-submit-target="submit"] {
  transition: opacity 0.5s ease
}

.m-survey-modal-body {
  padding: 2.5rem 1.25rem
}

.m-survey-promotion-container {
  margin-block-start: 2.5rem;
  margin-inline: auto;
  max-width: 21.875rem
}

.m-survey-promotion-container__content {
  padding: 0.9375rem 1.25rem;
  background-color: var(--color-base-white);
  border-radius: var(--default-radius);
  border: 1px solid var(--color-good-green)
}

.m-survey-progress-steps-indicator {
  padding-inline: 0.3125rem;
  margin-inline-start: 0.3125rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  background-color: var(--color-base-medium-shadow);
  border-radius: 0.75rem
}

.m-reviews-table {
  width: 100%;
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

.m-reviews-table-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "rating" "meta" "content";
  gap: 1.25rem;
  padding: 1.25rem;
  border-bottom: 1px solid var(--color-good-green)
}

.m-reviews__rating {
  grid-area: rating
}

.m-reviews__meta {
  grid-area: meta
}

.m-reviews__content {
  grid-area: content
}

.m-reviews-table-row:last-of-type {
  border-bottom: 0
}

.m-reviews-pagination {
  display: flex;
  flex-direction: column;
  gap: 0.5rem
}

@media screen and (min-width: 380px) {
  .m-reviews-table-row {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "meta rating" "content content"
  }

  .m-reviews__rating {
    display: flex;
    justify-content: end
  }

  .m-reviews-pagination {
    flex-direction: row-reverse;
    justify-content: space-between
  }
}

@media screen and (min-width: 768px) {
  .m-reviews-table-row {
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-areas: "meta rating content";
    gap: 1.875rem;
    padding: 1.875rem
  }

  .m-reviews__rating {
    justify-content: start
  }
}

.recipe-selector .m-tab {
  text-transform: none;
}

.m-tab {
  display: inline-block;
  padding: 0.5rem 1.25rem 0.4375rem;
  font-weight: bold;
  line-height: 1;
  color: var(--color-good-green);
  border: 1px solid var(--color-good-green);
  border-radius: 0.25rem
}

.m-tab.recipe-variant-link {
  text-transform: none;
  background-color: transparent !important;
}

.m-tab--large {
  padding: 0.9375rem 1.25rem 0.4125rem;
  font-weight: normal;
  font-family: var(--font-garamond-light);
  font-size: clamp(1.5rem, calc(1.314rem + 0.762vw), 2rem);
  letter-spacing: -0.2px
}

.m-tab--alt {
  background-color: var(--color-golden-yellow);
  color: var(--color-good-green)
}

.m-tab:hover,
.m-tab:focus,
.m-tab.selected,
.m-tab.active {
  text-decoration: none;
  background-color: var(--color-good-green);
  color: var(--color-bone-light)
}

.m-tab--alt:hover,
.m-tab--alt:focus,
.m-tab--alt.selected,
.m-tab--alt.active {
  text-decoration: none;
  background-color: var(--color-bone-white);
  color: var(--color-good-green)
}

.m-tab--beef:hover,
.m-tab--beef:focus,
.m-tab--beef.selected {
  background-color: var(--color-prod-orange);
  color: var(--color-good-green)
}

.m-tab--chicken:hover,
.m-tab--chicken:focus,
.m-tab--chicken.selected {
  background-color: var(--color-prod-blue);
  color: var(--color-good-green)
}

.m-tab--turkey:hover,
.m-tab--turkey:focus,
.m-tab--turkey.selected {
  background-color: var(--color-prod-purple);
  color: var(--color-good-green)
}

.btn-check:checked+.m-tab {
  background-color: var(--color-good-green);
  color: var(--color-bone-light)
}

.m-toggle-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-bone-dark);
  border: 1px solid var(--color-good-green);
  border-radius: 3.125rem;
  cursor: pointer;
  font-family: var(--font-garamond-light);
  font-size: clamp(1rem, calc(0.814rem + 0.762vw), 1.5rem);
  padding: 0;
  transition: background-color 0.3s, color 0.3s
}

.m-toggle-button span {
  display: block;
  padding: 0.625rem 0.875rem 0.375rem;
  line-height: 1;
  color: var(--color-good-green);
  border-radius: 3.125rem
}

@media screen and (min-width: 768px) {
  .m-toggle-button span {
    padding: 0.875rem 1.5rem 0.625rem
  }
}

.m-toggle-button span:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.m-toggle-button span:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.m-toggle-button span.active {
  color: var(--color-bone-dark);
  background-color: var(--color-good-green);
  border: 1px solid var(--color-good-green)
}

.m-comparison-table {
  padding-inline: var(--fluid-space);
  margin-inline: auto
}

.m-comparison-table__logo {
  width: 115px
}

@media screen and (min-width: 768px) {
  .m-comparison-table__logo {
    width: 100%
  }
}

@media screen and (min-width: 992px) {
  .m-comparison-table {
    width: 75%;
    padding-inline: 0;
    margin-inline: auto
  }

  .m-comparison-table .main-image {
    --main-image-width: 550px;
    position: absolute;
    top: 50%;
    width: var(--main-image-width);
    transform: translateY(-50%);
    z-index: -1
  }

  .m-comparison-table .main-image--left {
    left: calc(var(--main-image-width) * -0.5)
  }

  .m-comparison-table .main-image--right {
    right: calc(var(--main-image-width) * -0.5)
  }
}

@media screen and (min-width: 992px) {
  .m-comparison-table {
    width: 50%
  }
}

.p-about-masthead {
  position: relative
}

.p-about-masthead-content {
  width: 100%;
  max-width: 27.5rem
}

@media screen and (min-width: 768px) {
  .p-about-masthead-content {
    width: 75%
  }
}

.p-body-content {
  margin-inline: auto;
  max-width: 56.875rem
}

.p-body-content--md {
  max-width: 50rem
}

.p-body-content--sm {
  max-width: 45rem
}

.about-scoop,
.about-treats,
.about-dr-tory {
  --image-width: clamp(5rem, calc(3.607rem + 5.714vw), 8.75rem);
  width: var(--image-width)
}

.about-treats {
  position: absolute;
  left: 50%;
  bottom: calc(-0.5 * var(--image-width));
  transform: translateX(-50%)
}

.about-dr-tory {
  position: relative;
  top: -10px
}

@media screen and (min-width: 768px) {
  .about-scoop {
    position: absolute;
    top: 50%;
    left: calc(-0.25 * var(--image-width));
    transform: translateY(-50%)
  }
}

@media screen and (min-width: 768px) {
  .about-treats {
    left: 80%
  }
}

@media screen and (min-width: 768px) {
  .about-dr-tory {
    position: absolute;
    top: 0;
    right: 0
  }
}

.p-about-img-dog-eating,
.p-about-img-high-five,
.p-about-img-human-grade {
  --image-width-2: clamp(5.625rem, calc(3.071rem + 10.476vw), 12.5rem);
  position: absolute;
  width: var(--image-width-2)
}

.p-about-img-dog-eating {
  left: -10px;
  top: calc(-0.5 * var(--image-width-2))
}

@media screen and (min-width: 768px) {
  .p-about-img-dog-eating {
    left: calc(-0.6 * var(--image-width-2));
    top: calc(-0.6 * var(--image-width-2))
  }
}

.p-about-img-high-five {
  right: -10px;
  top: -20px
}

@media screen and (min-width: 768px) {
  .p-about-img-high-five {
    right: -40px;
    top: -20px
  }
}

.p-about-img-human-grade {
  left: -20px;
  bottom: calc(-0.25 * var(--image-width-2))
}

.p-about-time-section {
  position: relative;
  background-position: left 30%, right 30%;
  background-repeat: no-repeat, no-repeat;
  background-size: clamp(75px, 20vw, 292px) auto, clamp(85px, 20vw, 325px) auto
}

@media screen and (max-width: 767px) {
  .p-about-time-section img {
    margin-top: 5rem
  }
}

@media screen and (min-width: 768px) {
  .p-about-time-section {
    background-position: left center, right top
  }
}

.p-about-food-section {
  position: relative
}

.p-about-time-img-food-1,
.p-about-time-img-food-2,
.p-about-time-img-mushroom,
.p-about-food-img-beef,
.p-about-food-img-food-1,
.p-about-food-img-food-1b,
.p-about-food-img-food-1c,
.p-about-food-img-food-2,
.p-about-food-img-food-3,
.p-about-food-img-food-3b,
.p-about-food-img-chicken,
.p-about-food-img-broccoli,
.p-about-food-img-blueberries {
  position: absolute;
  height: auto
}

.p-about-time-img-food-2,
.p-about-food-img-food-1b,
.p-about-food-img-food-1c,
.p-about-food-img-food-2,
.p-about-food-img-food-3b {
  display: none
}

.p-about-time-img-mushroom {
  top: 55%;
  right: 12%;
  z-index: 2;
  width: clamp(48px, calc(30.543px + 4.476vw), 95px)
}

.p-about-time-img-food-1 {
  top: 40%;
  right: 1%;
  z-index: 2;
  width: clamp(51px, calc(39.114px + 3.048vw), 83px)
}

.p-about-food-img-beef {
  top: -15%;
  left: 2%;
  z-index: 2;
  width: clamp(66px, calc(41.857px + 6.19vw), 131px)
}

.p-about-food-img-food-1 {
  top: -10%;
  right: 1%;
  z-index: 2;
  width: clamp(51px, calc(39.114px + 3.048vw), 83px);
  transform: scaleX(-1)
}

.p-about-food-img-food-3 {
  top: 25%;
  left: 5%;
  z-index: 2;
  width: clamp(2.188rem, calc(1.584rem + 2.476vw), 3.813rem);
  transform: rotate(25deg)
}

.p-about-food-img-blueberries {
  top: 25%;
  right: 0;
  z-index: 2;
  width: clamp(3.5rem, calc(1.968rem + 6.286vw), 7.625rem)
}

.p-about-food-img-chicken {
  bottom: -5%;
  right: 0;
  z-index: 2;
  width: clamp(6.781rem, calc(4.262rem + 10.334vw), 13.563rem)
}

.p-about-food-img-broccoli {
  bottom: -5%;
  left: 5%;
  z-index: 2;
  transform: scaleX(-1);
  width: clamp(54px, calc(31.714px + 5.714vw), 114px)
}

@media screen and (min-width: 768px) {
  .p-about-food-img-beef {
    top: -10%;
    left: 5%
  }

  .p-about-time-img-mushroom {
    right: 20%
  }

  .p-about-time-img-food-1 {
    right: 5%
  }

  .p-about-time-img-food-2 {
    display: block;
    bottom: 16%;
    right: 2%;
    z-index: 2;
    width: clamp(65px, calc(55.343px + 2.476vw), 91px)
  }

  .p-about-food-img-food-1 {
    top: 5%;
    right: 10%
  }

  .p-about-food-img-food-1b {
    display: block;
    bottom: 30%;
    right: 5%;
    z-index: 2;
    width: clamp(51px, calc(39.114px + 3.048vw), 83px)
  }

  .p-about-food-img-food-1c {
    display: block;
    bottom: -70%;
    left: 15%;
    z-index: 2;
    width: clamp(51px, calc(39.114px + 3.048vw), 83px)
  }

  .p-about-food-img-food-2 {
    display: block;
    bottom: -40%;
    left: 10%;
    z-index: 2;
    width: clamp(65px, calc(55.343px + 2.476vw), 91px);
    transform: rotate(120deg) scaleX(-1)
  }

  .p-about-food-img-food-3b {
    display: block;
    bottom: -50%;
    right: 10%;
    z-index: 2;
    width: clamp(2.188rem, calc(1.584rem + 2.476vw), 3.813rem)
  }

  .p-about-food-img-food-3 {
    top: 35%
  }

  .p-about-food-img-blueberries {
    top: 35%
  }
}

.p-about-sundays-1-img-section,
.p-about-sundays-2-img-section {
  position: relative
}

.p-about-sundays-img-2,
.p-about-sundays-img-4,
.p-about-sundays-img-5,
.p-about-sundays-img-6 {
  display: none;
  position: absolute;
  border: 1px solid var(--color-good-green);
  z-index: 2
}

@media screen and (min-width: 992px) {
  .p-about-sundays-img-2 {
    display: block;
    bottom: -70px;
    left: 43%;
    transform: rotate(-8deg);
    border-radius: 6px;
    box-shadow: 6px 6px 0 var(--color-good-green)
  }

  .p-about-sundays-img-4 {
    display: block;
    top: -50px;
    left: 55%;
    transform: rotate(8deg);
    border-radius: 7px;
    box-shadow: 7px 7px 0 var(--color-good-green)
  }

  .p-about-sundays-img-5 {
    display: block;
    bottom: -50px;
    left: 85%;
    transform: rotate(8deg);
    border-radius: 8px;
    box-shadow: 8px 8px 0 var(--color-good-green)
  }

  .p-about-sundays-img-6 {
    display: block;
    top: -20px;
    left: 5%;
    transform: rotate(8deg);
    border-radius: 8px;
    box-shadow: 8px 8px 0 var(--color-good-green)
  }
}

.p-about-sundays-2-img-section__content {
  margin-block: 8rem
}

.p-about-sundays-2-img-1,
.p-about-sundays-2-img-2,
.p-about-sundays-2-img-3,
.p-about-sundays-2-img-4,
.p-about-sundays-2-img-5,
.p-about-sundays-2-img-6,
.p-about-sundays-2-img-7,
.p-about-sundays-2-img-8,
.p-about-sundays-2-img-9,
.p-about-sundays-2-img-10,
.p-about-sundays-2-img-11,
.p-about-sundays-2-img-12 {
  --border-width: 6px;
  position: absolute;
  border: 1px solid var(--color-good-green);
  border-radius: var(--border-width);
  box-shadow: var(--border-width) var(--border-width) 0 var(--color-good-green);
  z-index: 2
}

.p-about-sundays-2-img-2,
.p-about-sundays-2-img-3,
.p-about-sundays-2-img-6,
.p-about-sundays-2-img-7,
.p-about-sundays-2-img-8,
.p-about-sundays-2-img-9,
.p-about-sundays-2-img-10,
.p-about-sundays-2-img-11,
.p-about-sundays-2-img-12 {
  display: none
}

.p-about-sundays-2-img-1 {
  display: block;
  top: -50%;
  left: 5%;
  width: clamp(9.375rem, calc(4.779rem + 18.857vw), 21.75rem);
  transform: rotate(-8deg)
}

.p-about-sundays-2-img-4 {
  display: block;
  top: -30%;
  right: 0;
  width: clamp(4.688rem, calc(2.947rem + 7.142vw), 9.375rem)
}

.p-about-sundays-2-img-5 {
  display: block;
  top: 100%;
  left: 5%;
  transform: rotate(8deg);
  width: clamp(4.688rem, calc(2.947rem + 7.142vw), 9.375rem)
}

.p-about-sundays-2-img-6 {
  display: block;
  top: 80%;
  right: 0;
  width: clamp(7.188rem, calc(5.215rem + 8.094vw), 12.5rem);
  transform: rotate(8deg)
}

.p-about-sundays-2-img-7 {
  display: block;
  bottom: -70%;
  right: 30%;
  width: clamp(4.688rem, calc(3.226rem + 5.999vw), 8.625rem);
  transform: rotate(-8deg)
}

@media screen and (min-width: 400px) {
  .p-about-sundays-2-img-1 {
    top: -30%
  }

  .p-about-sundays-2-img-7 {
    bottom: -50%
  }
}

@media screen and (min-width: 768px) {
  .p-about-sundays-2-img-1 {
    left: -25%
  }
}

@media screen and (min-width: 992px) {
  .p-about-sundays-2-img-1 {
    top: -40%;
    transform: rotate(-8deg);
    --border-width: 8px
  }

  .p-about-sundays-2-img-2 {
    display: block;
    top: 50%;
    right: -35%;
    width: 100px;
    transform: rotate(-8deg)
  }

  .p-about-sundays-2-img-3 {
    display: block;
    top: -40%;
    right: -20%;
    width: 128px;
    transform: rotate(8deg)
  }

  .p-about-sundays-2-img-4 {
    top: 30%;
    right: -7%
  }

  .p-about-sundays-2-img-5 {
    top: 2%;
    left: -8%;
    transform: rotate(8deg)
  }

  .p-about-sundays-2-img-6 {
    bottom: -20%;
    right: -20%;
    transform: rotate(-8deg)
  }

  .p-about-sundays-2-img-7 {
    bottom: -40%;
    left: 30%;
    transform: rotate(8deg)
  }

  .p-about-sundays-2-img-8 {
    display: block;
    top: -10%;
    right: 15%;
    width: 100px;
    transform: rotate(-8deg)
  }

  .p-about-sundays-2-img-9 {
    display: block;
    bottom: -40%;
    right: 0;
    width: 100px;
    transform: rotate(8deg)
  }

  .p-about-sundays-2-img-10 {
    display: block;
    top: 40%;
    left: -25%;
    width: 80px;
    transform: rotate(8deg)
  }

  .p-about-sundays-2-img-11 {
    display: block;
    top: -20%;
    right: -35%;
    transform: rotate(-8deg);
    --border-width: 8px
  }

  .p-about-sundays-2-img-12 {
    display: block;
    bottom: -30%;
    left: -15%;
    transform: rotate(3deg);
    --border-width: 8px
  }
}

.m-cancel-modal {
  max-width: 20.125rem;
  background-color: var(--color-golden-yellow);
  border-radius: var(--default-radius)
}

.m-cancel-recipe-card {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "content image" "cta cta";
  column-gap: 1.25rem;
  row-gap: 0.625rem;
  padding: 1.25rem;
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

.m-cancel-recipe-card__content {
  grid-area: content;
  position: relative
}

.m-cancel-recipe-card__image {
  grid-area: image;
  display: flex;
  justify-content: end
}

.m-cancel-recipe-card__cta {
  grid-area: cta
}

.m-cancel-recipe-card__cta .m-button {
  width: 100%
}

@media screen and (min-width: 768px) {
  .m-cancel-recipe-card {
    grid-template-areas: "content image" "cta image";
    row-gap: 1.25rem;
    padding: 1.875rem
  }

  .m-cancel-recipe-card__cta .m-button {
    width: auto
  }
}

.m-cancel-recipe-card__image img {
  margin-top: -40px;
  position: relative;
  right: -20px;
  width: 9.0625rem
}

@media screen and (min-width: 768px) {
  .m-cancel-recipe-card {
    min-width: 34.875rem
  }

  .m-cancel-recipe-card__image img {
    margin-top: -60px;
    right: 0;
    width: 11.25rem
  }
}

.m-cancel-recipe-card:hover,
.m-cancel-recipe-card:focus {
  text-decoration: none
}

.m-cancel-recipe-card--beef {
  background-color: var(--color-prod-orange)
}

.m-cancel-recipe-card--turkey {
  background-color: var(--color-prod-purple)
}

.m-cancel-recipe-card--chicken {
  background-color: var(--color-prod-blue)
}

.m-cancel-discount-badge {
  --discount-size: 3.5rem;
  position: absolute;
  right: calc(-1.2 * var(--discount-size));
  top: 50%;
  transform: translateY(-50%) rotate(12deg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: 0.625rem;
  width: var(--discount-size);
  height: var(--discount-size);
  min-width: var(--discount-size);
  background-image: url(//sundaysfordogs.com/assets/v4/star-bg-f5fac2d902da0e840026978dd7552b338fddc5bdde12a41635a64dfbc594ad74.svg);
  background-repeat: no-repeat;
  background-size: contain
}

.m-cancel-discount-badge>* {
  margin: 0;
  font-family: var(--font-garamond-book);
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  line-height: 1
}

.m-cancel-totals-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1.25rem;
  row-gap: 0.25rem
}

.m-cancel-totals-grid .price {
  text-align: right
}

.cancels .autocomplete-suggestions {
  margin-top: 0.5rem;
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius);
  max-height: 18.75rem;
  overflow-y: scroll
}

.cancels .autocomplete-suggestion {
  padding: 0.5rem 1rem;
  border-bottom: 0
}

.cancels .autocomplete-suggestion:first-child {
  border-top-left-radius: var(--default-radius);
  border-top-right-radius: var(--default-radius)
}

.cancels .autocomplete-suggestion:last-child {
  border-bottom-left-radius: var(--default-radius);
  border-bottom-right-radius: var(--default-radius)
}

.cancels .autocomplete-suggestion.autocomplete-selected {
  background-color: var(--color-golden-yellow)
}

.review-checkout-test {
  background: var(--color-base-white)
}

.m-checkout-or-text {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: 1rem
}

.m-checkout-or-text span {
  padding-inline: 0.625rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold
}

.m-checkout-or-text::before,
.m-checkout-or-text::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: var(--color-good-green)
}

.m-checkout-grid {
  display: grid;
  gap: clamp(1.5rem, calc(0.084rem + 5.81vw), 5.313rem);
  max-width: 71.5625rem;
  margin-inline: auto
}

@media screen and (min-width: 992px) {
  .m-checkout-grid {
    grid-template-columns: 1fr 440px
  }

  .m-order-summary-container {
    position: relative;
    top: 0;
    left: 0
  }

  .m-order-summary {
    padding: 1.875rem;
    border: 1px solid var(--color-good-green);
    border-radius: var(--default-radius) var(--default-radius) 0 0;
    background-color: var(--color-bone-light);
    border-bottom: 0
  }

  .m-checkout-cta-section {
    padding: 0 1.875rem 1.875rem;
    border: 1px solid var(--color-good-green);
    border-radius: 0 0 var(--default-radius) var(--default-radius);
    background-color: var(--color-bone-light);
    border-top: 0
  }
}

.m-order-summary-section {
  padding: clamp(1.25rem, calc(1.018rem + 0.952vw), 1.875rem)
}

.m-form-float-container {
  position: relative
}

.m-form-float__label {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  padding-inline: 0.25rem;
  font-size: 0.875rem;
  line-height: 1;
  background-color: var(--color-base-white);
  color: var(--color-good-green);
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.2s ease-in-out;
  z-index: 1
}

.m-form-float__label.freeze {
  top: -0.4375rem;
  opacity: 1;
  transform: none
}

.m-checkout-form input[type="text"],
.m-checkout-form input[type="email"],
.m-checkout-form input[type="tel"],
.m-checkout-form input[type="number"],
.m-checkout-form input[type="password"],
.m-checkout-form input[type="search"],
.m-checkout-form textarea {
  padding: 0.875rem 1.25rem 0.75rem;
  max-height: 3rem;
  width: 100%;
  line-height: 1;
  font-family: var(--font-monument);
  border: 1px solid var(--color-good-green);
  border-radius: 8px
}

.m-checkout-form input[type="text"]::placeholder,
.m-checkout-form input[type="email"]::placeholder,
.m-checkout-form input[type="tel"]::placeholder,
.m-checkout-form input[type="number"]::placeholder,
.m-checkout-form input[type="password"]::placeholder,
.m-checkout-form input[type="search"]::placeholder,
.m-checkout-form textarea::placeholder {
  color: var(--color-base-tinted)
}

.m-checkout-form input[type="text"]:focus,
.m-checkout-form input[type="email"]:focus,
.m-checkout-form input[type="tel"]:focus,
.m-checkout-form input[type="number"]:focus,
.m-checkout-form input[type="password"]:focus,
.m-checkout-form input[type="search"]:focus,
.m-checkout-form textarea:focus {
  outline: 2px solid var(--color-bone-dark)
}

.m-checkout-form-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 1.5rem;
  cursor: pointer;
  user-select: none
}

.m-checkout-form-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.m-checkout-form-checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  height: 1rem;
  width: 1rem;
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: 3px;
  transform: translateY(-50%)
}

.m-checkout-form-checkbox input:checked~.checkmark {
  background-color: var(--color-base-white)
}

.m-checkout-form-checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.m-checkout-form-checkbox input:checked~.m-checkout-form-checkmark:after {
  display: block
}

.m-checkout-form-checkbox .m-checkout-form-checkmark:after {
  left: 5px;
  top: 3px;
  width: 4px;
  height: 8px;
  border: solid var(--color-good-green);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg)
}

.m-card-element {
  padding: 0.875rem 1.25rem 0.75rem;
  max-height: 3rem;
  width: 100%;
  line-height: 1;
  border: 1px solid var(--color-good-green);
  border-radius: 8px
}

.m-card-element .ElementsApp .InputElement {
  color: var(--color-good-green) !important;
  font-family: var(--font-monument) !important;
  font-size: 1rem !important
}

.m-card-element .ElementsApp .InputElement::placeholder {
  color: var(--color-good-green-inactive) !important
}

.m-promo-code-input-wrapper {
  position: relative;
  padding-block: 1.025rem 0.9rem;
  padding-inline: 1.25rem 0.8125rem;
  width: 100%;
  line-height: 1;
  font-family: var(--font-monument);
  color: var(--color-base-half-shadow);
  border: 1px solid var(--color-good-green);
  border-radius: 8px
}

.m-promo-code-input-submit {
  position: absolute;
  top: 50%;
  right: 0.9rem;
  transform: translateY(-43%)
}

.m-promo-code-input {
  flex: 1;
  padding: 0;
  background: transparent;
  line-height: 1;
  font-family: var(--font-monument);
  border: 0
}

.m-promo-code-input::placeholder {
  color: var(--color-good-green-inactive)
}

.m-promo-code-input-wrapper:has(input:focus) {
  outline: 2px solid var(--color-base-dark-shadow)
}

.m-promo-code-input:focus {
  outline: 0
}

.m-order-totals-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  row-gap: 1rem;
  line-height: 1
}

.m-order-totals-grid>div:nth-child(even) {
  display: flex;
  justify-content: end
}

.m-checkout__item-container {
  position: relative;
  overflow: hidden;
  display: flex;
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

.m-checkout__item-image {
  padding: 0.5rem 1rem;
  border-right: 1px solid var(--color-good-green);
  flex-shrink: 0;
  width: clamp(6.438rem, calc(6.136rem + 1.237vw), 7.25rem)
}

.m-checkout__item-content {
  padding: 1rem;
  flex-grow: 1
}

.m-checkout__item:first-of-type {
  padding-top: 0
}

.m-checkout__item-close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem
}

.m-checkout__item-title {
  -webkit-text-stroke-width: clamp(0.16px, calc(0.099px + 0.016vw), 0.24px);
  -webkit-text-stroke-color: var(--color-good-green);
  font-family: var(--font-garamond-book);
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1
}

.m-checkout-form-address-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr)
}

.m-checkout-form-address-grid>div:first-of-type {
  grid-column: span 2
}

@media screen and (min-width: 768px) {
  .m-checkout-form-address-grid {
    grid-template-columns: repeat(3, 1fr)
  }

  .m-checkout-form-address-grid>div:first-of-type {
    grid-column: span 1
  }
}

#checkout-loader {
  display: grid;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
  position: fixed
}

#checkout-loader .checkout-loader-content {
  position: relative;
  text-align: center;
  justify-items: center;
  align-content: center;
  height: 100vh
}

.m-confirmation-callout {
  display: flex;
  gap: 1rem;
  max-width: 42.1875rem;
  margin-inline: auto;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-good-green);
  border-radius: var(--default-radius);
  padding: 1rem
}

.m-confirmation-callout__text {
  position: relative;
  top: 3px;
  padding-left: 0.875rem;
  margin: 0;
  line-height: 0.8;
  color: var(--color-base-white)
}

.m-confirmation-order-summary {
  padding: 1.875rem;
  max-width: 27.5rem;
  margin-inline: auto;
  background-color: var(--color-bone-dark);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

.m-checkout-error {
  padding: 0.625rem;
  font-size: 0.875rem;
  background-color: var(--color-custom-light-red);
  color: var(--color-base-red);
  border: 1px solid var(--color-base-red);
  border-radius: 8px
}

.m-checkout-close {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem
}

.m-checkout-summary__title {
  display: flex;
  padding: 0.9rem 1rem 0.7rem;
  justify-content: center;
  flex-shrink: 0;
  font-family: var(--font-garamond-light);
  font-size: 1.5rem;
  line-height: 1;
  background-color: var(--color-bone-light);
  border: 1px solid var(--color-good-green);
  border-radius: 50px
}

.m-checkout-summary__title::-webkit-details-marker {
  display: none
}

.m-checkout-summary__title::marker {
  content: ""
}

.m-checkout-details[open]>.m-checkout-summary__title {
  display: none
}

.m-checkout-footer {
  background-color: var(--color-base-white)
}

@media screen and (min-width: 992px) {
  .m-checkout-footer {
    background-color: var(--color-base-white)
  }

  .m-checkout-footer__content {
    max-width: 71.5625rem;
    margin-inline: auto;
    margin-bottom: 5.625rem
  }
}

.p-home-masthead {
  background-color: var(--color-golden-yellow)
}

.p-home-masthead--simplified {
  background-color: var(--color-bone-light)
}

@media screen and (min-width: 768px) {
  .p-home-masthead {
    border-bottom: 1px solid var(--color-good-green)
  }

  .p-home-masthead--simplified {
    border-bottom: 0
  }

  .p-home-masthead-grid {
    display: grid;
    grid-template-columns: 55% 45%;
    gap: 1rem
  }

  .p-home-masthead-grid--reverse>div:nth-child(2) {
    order: -1
  }

  .p-home-masthead-grid .hero-carousel-item__inner {
    grid-template-columns: 1fr 55px
  }
}

.p-hero-img-beef,
.p-hero-img-blueberries,
.p-hero-img-broccoli,
.p-hero-img-food-1,
.p-hero-img-food-2,
.p-hero-img-mushroom,
.p-hero-img-seeds {
  position: absolute;
  height: auto
}

.p-hero-img-beef {
  bottom: 60%;
  right: 86%;
  z-index: 2;
  width: clamp(66px, calc(41.857px + 6.19vw), 131px)
}

.p-hero-img-blueberries {
  display: none
}

.p-hero-img-broccoli {
  top: 80%;
  right: 0;
  z-index: 2;
  width: clamp(54px, calc(31.714px + 5.714vw), 114px)
}

.p-hero-img-food-1 {
  top: 53%;
  right: 5%;
  z-index: 2;
  width: clamp(51px, calc(39.114px + 3.048vw), 83px)
}

.p-hero-img-food-2 {
  bottom: -2%;
  right: 75%;
  z-index: 1;
  width: clamp(65px, calc(55.343px + 2.476vw), 91px)
}

.p-hero-img-mushroom {
  top: 28%;
  left: 80%;
  z-index: 2;
  width: clamp(48px, calc(30.543px + 4.476vw), 95px)
}

.p-hero-img-seeds {
  display: none
}

@media screen and (min-width: 768px) {
  .p-hero-img-beef {
    top: -50px;
    right: 20%;
    z-index: 1
  }

  .p-hero-img-blueberries {
    display: block;
    top: 60%;
    right: 0;
    z-index: 1
  }

  .p-hero-img-broccoli {
    top: auto;
    bottom: -5%;
    right: 70%;
    z-index: 2
  }

  .p-hero-img-food-1 {
    top: 20%;
    right: 0;
    z-index: 1
  }

  .p-hero-img-food-2 {
    top: 70%;
    right: 40%;
    z-index: 1
  }

  .p-hero-img-mushroom {
    top: 0;
    left: 5%;
    z-index: 2
  }

  .p-hero-img-seeds {
    display: block;
    top: auto;
    bottom: 0;
    left: -13%;
    z-index: 2
  }
}

.p-home-bg-scoop {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right
}

@media screen and (max-width: 992px) {
  .p-home-bg-scoop {
    background-image: none !important
  }
}

.p-toggle-img-beef,
.p-toggle-img-ginger,
.p-toggle-img-chicken,
.p-toggle-img-seeds {
  display: none
}

@media screen and (min-width: 992px) {

  .p-toggle-img-beef,
  .p-toggle-img-ginger,
  .p-toggle-img-chicken,
  .p-toggle-img-seeds {
    display: block;
    position: absolute
  }

  .p-toggle-img-beef {
    bottom: 2%;
    left: 5%;
    width: 201px;
    height: auto
  }

  .p-toggle-img-ginger {
    top: -100%;
    left: 22%
  }

  .p-toggle-img-chicken {
    top: -20%;
    right: 0
  }

  .p-toggle-img-seeds {
    top: -65px;
    right: 17%
  }

  .p-toggle-img-container {
    position: relative
  }

  .p-toggle-img-title {
    position: relative;
    z-index: 1
  }
}

.p-stories-container {
  position: relative
}

.p-stories-title {
  position: relative;
  z-index: 1
}

.p-stories-img-dog-bowl,
.p-stories-img-dog-human-heart,
.p-stories-img-scoop-food {
  position: absolute;
  height: auto
}

.p-stories-img-dog-bowl {
  bottom: -5%;
  left: 50%;
  width: clamp(118px, calc(79.743px + 9.81vw), 221px);
  z-index: 2
}

.p-stories-img-dog-human-heart {
  top: 0;
  left: 5%;
  width: clamp(94px, calc(78.4px + 4vw), 136px)
}

.p-stories-img-scoop-food {
  top: 8%;
  right: 0;
  width: clamp(77px, calc(61.771px + 3.905vw), 118px)
}

@media screen and (min-width: 768px) {
  .p-stories-img-dog-bowl {
    bottom: 0;
    left: 10%;
    z-index: 2
  }

  .p-stories-img-dog-human-heart {
    top: -8%;
    left: 35%
  }
}

@media screen and (min-width: 992px) {
  .p-stories-img-scoop-food {
    top: 20%;
    right: 5%;
    z-index: 2
  }
}

@media screen and (min-width: 1200px) {
  .p-stories-img-scoop-food {
    top: 30%;
    right: 18%
  }
}

.u-variable-margin-bottom {
  margin-bottom: 1.5625rem
}

@media screen and (min-width: 768px) {
  .u-variable-margin-bottom {
    margin-bottom: 2.1875rem
  }
}

.p-hero-img-beef--tim {
  bottom: 41%;
  right: 80%;
  z-index: 2;
  width: clamp(66px, calc(41.857px + 6.19vw), 131px)
}

.p-hero-img-food-1--tim {
  top: 46%;
  right: 7%;
  z-index: 2;
  width: clamp(51px, calc(39.114px + 3.048vw), 83px)
}

@media screen and (min-width: 768px) {
  .p-hero-img-beef--tim {
    top: -50px;
    right: 20%;
    z-index: 1
  }

  .p-hero-img-food-1--tim {
    top: 20%;
    right: 0;
    z-index: 1
  }
}

.p-our-food-masthead {
  margin-inline: auto;
  max-width: clamp(24.375rem, calc(11.607rem + 52.381vw), 58.75rem)
}

.p-our-food-masthead-image-1,
.p-our-food-masthead-image-2 {
  position: absolute;
  width: clamp(3.125rem, calc(1.5rem + 6.667vw), 7.5rem);
  height: clamp(3.125rem, calc(1.5rem + 6.667vw), 7.5rem)
}

.p-our-food-masthead-image-1 {
  left: 29%;
  bottom: 90%
}

.p-our-food-masthead-image-2 {
  right: 10%;
  top: 27%
}

@media screen and (min-width: 768px) {
  .p-our-food-masthead-image-1 {
    left: 7.3%;
    top: 20px
  }

  .p-our-food-masthead-image-2 {
    right: 18%;
    top: 45%
  }
}

.p-our-food-subhead {
  margin-inline: auto;
  max-width: clamp(23.625rem, calc(24.654rem + -1.143vw), 24.375rem)
}

.p-our-food-special-container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

.p-our-food-special__image {
  height: 16.25rem;
  border: 1px solid var(--color-good-green);
  border-bottom: 0;
  border-radius: var(--default-radius) var(--default-radius) 0 0;
  display: grid;
  place-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.p-our-food-special__image-title {
  font-family: var(--font-garamond-light);
  font-size: 3.5rem;
  color: var(--color-base-white)
}

.p-our-food-special__content {
  padding: 1.25rem 1.25rem 1.875rem;
  border: 1px solid var(--color-good-green);
  border-radius: 0 0 var(--default-radius) var(--default-radius);
  background-color: var(--color-base-white)
}

@media screen and (min-width: 768px) {
  .p-our-food-special-container {
    gap: 5.625rem
  }

  .p-our-food-special-grid {
    display: flex;
    column-gap: clamp(3.25rem, calc(-3.607rem + 14.286vw), 9.25rem);
    align-items: center;
    justify-content: center
  }

  .p-our-food-special-grid:nth-child(even) {
    flex-direction: row-reverse
  }

  .p-our-food-special__image {
    width: 27.5rem;
    height: 27.5rem;
    border-radius: var(--default-radius);
    border-bottom: 1px solid var(--color-good-green)
  }

  .p-our-food-special__content {
    flex: 1;
    padding: 1.875rem;
    border-radius: var(--default-radius);
    max-width: 34.8125rem
  }
}

.p-our-food-recipe-card-container {
  display: flex;
  gap: 2rem;
  padding-inline: var(--fluid-space);
  padding-bottom: 1rem;
  padding-top: 60px;
  margin-inline: auto;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scroll-padding: 2rem;
  scrollbar-width: none
}

.p-our-food-recipe-card-container::-webkit-scrollbar {
  display: none
}

.p-our-food-recipe-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  padding: 1.875rem 1.25rem;
  min-width: 19.375rem;
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

.p-our-food-recipe-card__image {
  float: right;
  margin-top: -120px;
  width: 9.0625rem
}

@media screen and (min-width: 768px) {
  .p-our-food-recipe-card {
    min-width: 34.875rem
  }

  .p-our-food-recipe-card__image {
    width: 11.25rem
  }
}

.p-our-food-recipe-card:hover,
.p-our-food-recipe-card:focus {
  text-decoration: none
}

.p-our-food-recipe-card--beef {
  background-color: var(--color-prod-orange)
}

.p-our-food-recipe-card--turkey {
  background-color: var(--color-prod-purple)
}

.p-our-food-recipe-card--chicken {
  background-color: var(--color-prod-blue)
}

.p-our-food-sliding-panel {
  --panel-size: clamp(17.938rem, calc(14.386rem + 14.571vw), 27.5rem);
  height: var(--panel-size);
  width: var(--panel-size)
}

.p-our-food-advancing-tab {
  display: grid;
  gap: 1.25rem
}

.p-our-food-advancing-tab .tab-content {
  display: flex;
  height: 100%
}

.p-our-food-advancing-tab .tab-pane.active {
  display: flex
}

.p-our-food-advancing-tab .tab-pane img,
.p-our-food-advancing-tab .tab-pane video {
  object-fit: cover
}

.p-our-food-advancing-tab__button-container {
  display: grid;
  justify-content: space-between
}

.p-our-food-advancing-tab__button {
  padding: 1.25rem 1.25rem 1rem;
  text-align: left;
  background-color: var(--color-bone-dark);
  border: 1px solid var(--color-good-green);
  border-bottom-width: 0;
  transition: background-color 0.3s, border-color 0.3s, transform 0.3s
}

.p-our-food-advancing-tab__button:first-child {
  border-radius: var(--default-radius) var(--default-radius) 0 0
}

.p-our-food-advancing-tab__button:last-child {
  border-radius: 0 0 var(--default-radius) var(--default-radius);
  border-bottom-width: 1px
}

.p-our-food-advancing-tab__content {
  display: none;
  opacity: 0;
  transition: all ease-in-out 0.3s
}

@media screen and (min-width: 850px) {
  .p-our-food-advancing-tab {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 1.875rem
  }

  .p-our-food-advancing-tab__button-container {
    gap: 1rem
  }

  .p-our-food-advancing-tab__content {
    display: block;
    opacity: 1
  }

  .p-our-food-advancing-tab__button {
    padding: 1.875rem
  }

  .p-our-food-advancing-tab__button,
  .p-our-food-advancing-tab__button:first-child,
  .p-our-food-advancing-tab__button:last-child {
    border-radius: var(--default-radius);
    border-color: var(--color-bone-dark);
    border-bottom-width: 1px
  }
}

.p-our-food-advancing-tab__button.active {
  background-color: var(--color-base-white);
  border-color: var(--color-good-green)
}

.p-our-food-advancing-tab__button.active .p-our-food-advancing-tab__content {
  display: block;
  opacity: 1
}

.p-our-food-advancing-tab__button:hover,
.p-our-food-advancing-tab__button:focus {
  outline: none;
  border-color: var(--color-good-green)
}

.p-our-food-advancing-tab__number {
  position: relative;
  top: -3px;
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: 1px solid var(--color-good-green);
  border-radius: 50%;
  color: var(--color-good-green);
  font-family: var(--font-monument);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.24px;
  text-transform: uppercase
}

.p-our-food-advancing-tab__button.active .p-our-food-advancing-tab__number {
  background-color: var(--color-good-green);
  color: var(--color-base-white)
}

.p-our-food-why {
  display: grid;
  gap: 1px;
  overflow: hidden;
  background-color: var(--color-good-green);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

@media screen and (min-width: 768px) {
  .p-our-food-why {
    grid-template-columns: repeat(3, 1fr)
  }
}

.p-our-food-why__item {
  display: flex;
  gap: 1.25rem;
  padding: 1.5rem;
  background-color: var(--color-golden-yellow)
}

.p-our-food-why__image {
  flex-grow: 1
}

.p-our-food-why__image {
  flex-shrink: 0
}

.p-our-food-why__image img {
  width: 5rem;
  height: 5rem
}

.p-our-food-closing {
  position: relative;
  padding-block: 3.75rem
}

.p-our-food-closing-image-1,
.p-our-food-closing-image-2 {
  position: absolute;
  width: clamp(3.125rem, calc(1.5rem + 6.667vw), 7.5rem);
  height: clamp(3.125rem, calc(1.5rem + 6.667vw), 7.5rem)
}

.p-our-food-closing-image-1 {
  left: 23%;
  bottom: 46%
}

.p-our-food-closing-image-2 {
  right: 21%;
  top: 13%
}

@media screen and (min-width: 414px) {
  .p-our-food-closing-image-1 {
    left: 33%;
    bottom: 45px
  }

  .p-our-food-closing-image-2 {
    right: 32%;
    top: 12px
  }

  .p-our-food-closing {
    padding-block: 6.25rem
  }
}

.p-our-foods-tory-blurb {
  padding: var(--fluid-space)
}

@media screen and (min-width: 992px) {
  .p-our-foods-tory-blurb {
    position: absolute;
    top: 2.5rem;
    right: var(--fluid-space);
    width: 22.75rem;
    padding: 0
  }
}

.p-our-food-marquee img {
  position: relative;
  top: -4px
}

.p-our-food-tagline {
  max-width: clamp(24.375rem, calc(6.848rem + 71.905vw), 71.563rem)
}

.product-info {
  position: relative;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 357px 354px;
  z-index: 1
}

.product-info .compare-intro-pieces {
  position: absolute;
  top: 400px;
  left: 80px
}

@media screen and (max-width: 767px) {
  .product-info {
    background-image: none !important
  }

  .product-info .compare-intro-pieces {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .l-product-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem
  }

  .l-product-hero-grid__content {
    display: flex;
    justify-content: center;
    align-items: center
  }

  .l-product-hero-grid__content .product-info {
    max-width: 27.5rem
  }
}

.product-hero {
  z-index: 2
}

.prod-hero-badge {
  position: absolute;
  top: 15px;
  right: -20px;
  z-index: 2;
  width: clamp(5.625rem, calc(4.441rem + 4.857vw), 8.813rem)
}

@media screen and (min-width: 768px) {
  .prod-hero-carousel-item {
    grid-template-columns: 1fr
  }

  .prod-hero-badge {
    top: 20px;
    right: -55px
  }
}

.p-prod-blurb {
  line-height: 1.1
}

.p-product-masthead-content {
  width: 100%
}

@media screen and (min-width: 768px) {
  .p-product-masthead-content {
    width: 90%
  }
}

.p-container--beef {
  background-color: var(--color-prod-orange)
}

.p-container--chicken {
  background-color: var(--color-prod-blue)
}

.p-container--turkey {
  background-color: var(--color-prod-purple)
}

.p-pseudo-option {
  --pseudo-option-size: 0.875rem;
  position: relative;
  cursor: pointer;
  padding-left: calc(var(--pseudo-option-size) + 0.5rem)
}

.p-pseudo-option::before {
  content: "";
  display: inline-block;
  width: var(--pseudo-option-size);
  height: var(--pseudo-option-size);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: 1rem
}

.p-pseudo-option:hover {
  text-decoration: none
}

.p-pseudo-option.selected::after {
  content: "";
  display: inline-block;
  width: calc(var(--pseudo-option-size) * 0.5);
  height: calc(var(--pseudo-option-size) * 0.5);
  position: absolute;
  top: 50%;
  left: calc(var(--pseudo-option-size) * 0.25);
  transform: translateY(-50%);
  background-color: var(--color-good-green);
  border-radius: 1rem
}

.p-form-select {
  padding: 0.25rem 1.875rem 0.25rem 0.625rem;
  font-size: 0.875rem;
  font-weight: bold;
  background-image: url(//sundaysfordogs.com/assets/v4/icons/circle-arrow-down-5a96ae048bd380c51f1eb4815efd91d608b3ace63a3e702d2a376160d0e9c13e.svg);
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: right 0.25rem center;
  background-color: var(--color-golden-yellow);
  border-color: var(--color-good-green)
}

.p-form-select:focus {
  outline: 1px solid var(--color-good-green);
  outline-offset: 2px;
  border-color: var(--color-good-green);
  box-shadow: none
}

.p-product-info-panel-inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem
}

.p-product-info-panel-inner:nth-child(even) {
  flex-flow: row-reverse
}

.p-product-info-panel__preview {
  flex: 2
}

.p-product-info-panel__hover {
  padding-block: 1rem;
  text-align: center;
  cursor: pointer;
  border-radius: 100%;
  transition: background-color 0.25s ease-in-out
}

.p-product-info-panel__hover:focus {
  background-color: var(--color-bone-dark)
}

@media (hover: hover) {
  .p-product-info-panel__hover:hover {
    background-color: var(--color-bone-dark)
  }
}

.p-product-info-panel__image {
  flex: 1
}

.p-product-info-panel__image img {
  transform: scale(0.8)
}

@media screen and (min-width: 768px) {
  .p-product-info-panel-inner {
    flex: calc(50% - 1rem);
    position: static
  }

  .p-product-info-panel-inner:nth-child(even) {
    flex-flow: row
  }

  .p-product-info-panel-inner:nth-child(3),
  .p-product-info-panel-inner:nth-child(4) {
    flex-flow: row-reverse
  }

  .p-product-info-panel-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem
  }

  .p-product-info-panel__image img {
    transform: scale(1)
  }

  .p-product-info-panel__preview {
    position: relative
  }
}

.p-carousel-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2.5rem 1fr
}

.p-carousel-grid-inner {
  grid-column: 1 / 2;
  grid-row: 2 / 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1.25rem 12.5rem 15.625rem;
  background-color: var(--color-golden-yellow);
  border-top: 1px solid var(--color-good-green);
  border-bottom: 1px solid var(--color-good-green)
}

.p-carousel-grid__image {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  text-align: center
}

.p-carousel-grid__content {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
  padding-top: 0
}

.p-product-carousel-img {
  --border-width: 6px;
  position: relative;
  top: -1.25rem;
  width: 12.5rem;
  object-fit: contain;
  border: 1px solid var(--color-good-green);
  border-radius: var(--border-width);
  box-shadow: var(--border-width) var(--border-width) 0 var(--color-good-green);
  z-index: 2;
  transform: rotate(-8deg)
}

.p-carousel-controls {
  position: absolute;
  right: 1.25rem;
  bottom: 2.5rem
}

@media screen and (min-width: 768px) {
  .p-carousel {
    margin-inline: auto;
    padding-inline: var(--fluid-space);
    max-width: var(--max-width);
    padding-block: var(--fluid-space)
  }

  .p-carousel-grid {
    display: grid;
    grid-template-columns: 2.5rem 1fr 2.5rem;
    grid-template-rows: 2.5rem 1fr 2.5rem
  }

  .p-carousel-grid-inner {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    display: grid;
    grid-template-columns: 1fr 2.5rem 2fr 2.5rem;
    grid-template-rows: 1fr;
    border: 1px solid var(--color-good-green);
    border-radius: var(--default-radius)
  }

  .p-product-carousel-img {
    width: 100%;
    position: static
  }

  .p-carousel-grid__image {
    grid-column: auto;
    grid-row: 1 / 2;
    text-align: left
  }

  .p-carousel-grid__content {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem
  }

  .p-carousel-controls {
    right: calc(3.75rem + var(--fluid-space));
    bottom: calc(5rem + var(--fluid-space))
  }
}

.review-checkout-test {
  background: var(--color-base-white)
}

@media screen and (min-width: 992px) {
  .l-review-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 3rem
  }

  .m-review-content {
    max-width: 27.5rem
  }
}

@media screen and (max-width: 576px) {
  .m-review-packaging-image {
    width: 16.375rem;
    margin-inline: auto
  }
}

.review-hero-badge {
  --badge-width: clamp(5.625rem, calc(4.441rem + 4.857vw), 8.813rem);
  position: absolute;
  top: -10px;
  left: calc(50% + var(--badge-width) / 2);
  z-index: 2;
  width: var(--badge-width)
}

.m-review-price-text {
  font-size: clamp(1rem, calc(0.884rem + 0.476vw), 1.313rem)
}

.m-review-info-container {
  display: grid;
  padding: 1.25rem;
  background-color: var(--color-base-white);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

.m-review-info-container--beef {
  background-color: var(--color-prod-orange)
}

.m-review-info-container--chicken {
  background-color: var(--color-prod-blue)
}

.m-review-info-container--turkey {
  background-color: var(--color-prod-purple)
}

@media screen and (min-width: 768px) {
  .m-review-info-container {
    min-width: 27.5rem
  }
}

.m-review-info-container .m-prod-discount-badge {
  --discount-size: 3.5rem;
  position: absolute;
  right: calc(-1 * var(--discount-size) * 1.5);
  top: calc(-1 * var(--discount-size) / 1.5);
  margin-top: 0
}

.m-review-check-text {
  margin: 0;
  position: relative;
  top: 5px;
  line-height: 1
}

@media screen and (max-width: 768px) {
  .m-review-bg-scoop {
    background-image: none !important
  }
}

.m-review-bg-scoop {
  background-size: 40%;
  background-position: right -150px top -60px;
  background-repeat: no-repeat
}

.m-review-scoop-text {
  margin-top: 2.5rem;
  text-align: center
}

@media screen and (min-width: 768px) {
  .m-review-scoop-text {
    text-align: left;
    margin-top: 8.75rem;
    max-width: 30.9375rem
  }
}

.m-review-logo-bar-container {
  padding-block: 1.875rem;
  padding-inline: var(--fluid-space);
  background-color: var(--color-base-white);
  border-top: 1px solid var(--color-good-green);
  border-bottom: 1px solid var(--color-good-green)
}

.m-review-logo-bar-container .m-review-logo-bar-container__inner {
  display: flex;
  gap: 4.375rem;
  max-width: var(--max-width);
  margin-inline: auto;
}

.review-checkout-test .m-review-logo-bar-container {
  background-color: var(--color-bone-light)
}

@media screen and (max-width: 992px) {
  .m-review-logo-bar-container {
    padding-block: 0;
    padding-inline: 0;
    background-color: transparent;
    border: 0
  }

  .m-review-logo-bar-container .m-review-logo-bar-container__inner {
    display: flex;
    gap: 2rem;
    padding-inline: var(--fluid-space);
    padding-bottom: 1rem;
    padding-top: 60px;
    margin-inline: auto;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding: 2rem;
    scrollbar-width: none
  }

  .m-review-logo-bar-container .m-review-logo-bar-container__inner::-webkit-scrollbar {
    display: none
  }

  .m-review-logo-bar-container--simplified .m-review-logo-bar-container__inner {
    padding-top: 0
  }

  .m-review-logo-bar__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    scroll-snap-align: start;
    padding: 1.875rem 1.25rem;
    min-width: 19.375rem;
    border: 1px solid var(--color-good-green);
    border-radius: var(--default-radius);
    background-color: var(--color-base-white)
  }

  .review-checkout-test .m-review-logo-bar-container {
    background-color: var(--color-base-white)
  }
}

.review-checkout-test .m-review-logo-bar__item {
  background-color: var(--color-bone-light)
}

.m-review-info-container--pinned-container {
  display: grid;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  padding-block: 1rem;
  border-radius: 0;
  border: 0;
  border-top: 1px solid var(--color-good-green);
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out
}

.m-review-info-container--pinned-container.on-screen {
  transform: translateY(0);
  opacity: 1
}

.m-review-footer {
  margin-bottom: 7rem
}

.m-review-ingredients-title {
  max-width: 38.75rem;
  margin-inline: auto;
  margin: 0 auto 5rem;
  text-align: center
}

.m-review-sticky-content {
  display: none
}

#m-sticky-cta-container.m-sticky .m-review-sticky-content {
  display: flex
}

#m-sticky-cta-container.m-sticky.m-review-sticky-cta-container {
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  background-color: var(--color-base-white);
  border-top: 1px solid var(--color-good-green)
}

#m-sticky-cta-container.m-sticky.m-review-sticky-cta-container--beef {
  background-color: var(--color-prod-orange)
}

#m-sticky-cta-container.m-sticky.m-review-sticky-cta-container--chicken {
  background-color: var(--color-prod-blue)
}

#m-sticky-cta-container.m-sticky.m-review-sticky-cta-container--turkey {
  background-color: var(--color-prod-purple)
}

@media screen and (max-width: 567px) {
  .m-sticky .m-review-cta-button-wrapper {
    width: 100%;
    padding-inline: 1rem
  }

  .m-sticky .m-review-cta-button-wrapper .m-hover-button {
    width: 100%
  }
}

.m-review-modal {
  max-width: 24.375rem;
  background-color: var(--color-bone-light);
  border-radius: var(--default-radius)
}

.m-review-modal-image {
  display: grid;
  place-content: center;
  padding-block: 0.6875rem;
  height: 5rem;
  width: 5rem;
  border-radius: var(--default-radius)
}

.m-review-modal-image--beef {
  background-color: var(--color-prod-orange)
}

.m-review-modal-image--chicken {
  background-color: var(--color-prod-blue)
}

.m-review-modal-image--turkey {
  background-color: var(--color-prod-purple)
}

.p-legacy-hero-grid {
  display: grid;
  gap: 1.875rem
}

@media screen and (min-width: 768px) {
  .p-legacy-hero-grid {
    grid-template-columns: 53.91304348% 38.60869565%;
    gap: 7.3913043478%
  }
}

.p-legacy-hero__video-container {
  position: relative
}

.p-legacy-hero__video-badge {
  position: absolute;
  top: 10px;
  right: -70px;
  z-index: 2
}

@media screen and (max-width: 768px) {
  .p-legacy-hero__video-badge {
    right: -20px;
    top: 5px;
    width: 120px
  }
}

@media screen and (max-width: 768px) {
  .p-legacy-hero__video {
    aspect-ratio: 7 / 5;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 21.875rem
  }
}

@media screen and (max-width: 567px) {
  .p-legacy-hero__video {
    max-height: 15.625rem
  }
}

#m-sticky-cta-container.m-sticky.p-legacy-sticky-cta-container {
  left: 0;
  width: 100%;
  padding: 0
}

.m-sticky .p-legacy-cta-button-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-inline: 1rem;
  padding-block: 1rem;
  background-color: var(--color-base-white);
  border-top: 1px solid var(--color-good-green)
}

@media screen and (max-width: 567px) {
  .m-sticky .p-legacy-cta-button-wrapper .m-hover-button {
    width: 100%
  }
}

.p-legacy-value-grid {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(2, 10rem);
  row-gap: clamp(1.875rem, calc(0.271rem + 6.579vw), 5rem)
}

@media screen and (min-width: 768px) {
  .p-legacy-value-grid {
    grid-template-columns: repeat(4, 10rem);
    gap: clamp(1.875rem, calc(0.271rem + 6.579vw), 5rem)
  }
}

.p-legacy-company-testimonials {
  display: grid;
  overflow: hidden;
  border-radius: var(--default-radius);
  border: 1px solid var(--color-good-green)
}

.p-legacy-company-testimonials__image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 16.125rem
}

.p-legacy-company-testimonials__content {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  padding: 1.875rem 1.25rem;
  text-align: center;
  background-color: var(--color-golden-yellow);
  border-top: 1px solid var(--color-good-green)
}

.p-legacy-company-testimonials__tab-nav {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  align-items: center;
  column-gap: 2rem;
  row-gap: 1rem
}

.p-legacy-company-testimonials__tab-nav button {
  opacity: 0.4;
  transition: opacity 0.3s ease-in-out
}

.p-legacy-company-testimonials__tab-nav button:hover,
.p-legacy-company-testimonials__tab-nav button:focus,
.p-legacy-company-testimonials__tab-nav button.active {
  opacity: 1
}

@media screen and (min-width: 768px) {
  .p-legacy-company-testimonials {
    grid-template-columns: 33.0434782609% 1fr
  }

  .p-legacy-company-testimonials__content {
    padding: 3.125rem 1.25rem;
    gap: 2.5rem;
    border-left: 1px solid var(--color-good-green);
    border-top: none
  }

  .p-legacy-company-testimonials__tab-nav {
    grid-template-columns: repeat(4, auto);
    gap: 2rem
  }
}

.p-legacy-company-testimonials__headline {
  max-width: 36rem;
  margin-inline: auto
}

.p-legacy-ingredients-grid {
  display: grid;
  gap: 1.875rem;
  margin-bottom: 1.875rem;
  grid-template-areas: "image" "content-one" "content-two"
}

.p-legacy-ingredients-grid__image img {
  width: 13.75rem
}

.p-legacy-ingredients__content-one,
.p-legacy-ingredients__content-two {
  display: grid;
  gap: 1.875rem;
  text-align: center
}

@media screen and (min-width: 768px) {

  .p-legacy-ingredients__content-one,
  .p-legacy-ingredients__content-two,
  .p-legacy-ingredients-grid {
    gap: 3.125rem
  }
}

.p-legacy-ingredients-grid__image {
  grid-area: image;
  display: flex;
  justify-content: center
}

.p-legacy-ingredients__content-one {
  grid-area: content-one
}

.p-legacy-ingredients__content-two {
  grid-area: content-two
}

@media screen and (min-width: 768px) {
  .p-legacy-ingredients-grid__image img {
    width: 20rem
  }

  .p-legacy-ingredients-grid {
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "content-one image content-two"
  }

  .p-legacy-ingredients__content-one div {
    text-align: right
  }

  .p-legacy-ingredients__content-two div {
    text-align: left
  }

  .p-legacy-ingredients__content-one div:first-child {
    align-self: self-end
  }

  .p-legacy-ingredients__content-two div:first-child {
    align-self: self-end
  }
}

@media screen and (min-width: 768px) {
  .p-legacy-compare-grid-section {
    margin-inline: auto;
    padding-inline: var(--fluid-space);
    max-width: calc(var(--legacy-max-width) + var(--fluid-space) * 2);
    padding-block: var(--fluid-space)
  }
}

.p-legacy-compare-grid-container {
  padding-top: 2.5rem;
  background-color: var(--color-bone-dark);
  border-top: 1px solid var(--color-good-green)
}

@media screen and (min-width: 768px) {
  .p-legacy-compare-grid-container {
    border: 1px solid var(--color-good-green);
    border-radius: var(--default-radius)
  }
}

@media screen and (min-width: 768px) {
  .p-legacy-compare-grid-container {
    padding: 5rem 3.75rem
  }
}

.p-legacy-compare-table {
  width: 100%;
  border-collapse: collapse
}

.p-legacy-compare-table td,
.p-legacy-compare-table th {
  width: 25%;
  text-align: center
}

.p-legacy-compare-table td {
  padding-inline: 0.625rem
}

.p-legacy-compare-table td:last-child,
.p-legacy-compare-table th:last-child {
  padding: 0
}

.p-legacy-compare-table th {
  vertical-align: bottom
}

.p-legacy-compare-table th div {
  padding: 1.3rem 0.625rem 1rem
}

@media screen and (min-width: 768px) {
  .p-legacy-compare-table th div {
    padding: 1.3rem 0.625rem 1.875rem
  }
}

.p-legacy-compare-table__icon {
  width: 3.75rem
}

@media screen and (min-width: 768px) {
  .p-legacy-compare-table__icon {
    width: 5.625rem
  }
}

.p-legacy-compare-table td:first-child {
  text-align: left;
  padding-right: 0
}

.p-legacy-compare-table tr {
  border-bottom: 1px solid var(--color-good-green)
}

.p-legacy-compare-table__example {
  font-weight: normal;
  line-height: 1.1;
  margin: 0;
  font-size: 0.625rem
}

@media screen and (min-width: 768px) {
  .p-legacy-compare-table__example {
    font-size: 1rem
  }
}

.p-legacy-compare-table th .p-legacy-compare-table__sundays-header {
  padding: 1.875rem 0.625rem 2rem;
  background-color: var(--color-golden-yellow)
}

.p-legacy-compare-table td:last-child div {
  height: 100%;
  padding: 1.875rem 0 2rem;
  background-color: var(--color-golden-yellow)
}

@media screen and (min-width: 768px) {
  .p-legacy-compare-table th .p-legacy-compare-table__sundays-header {
    border: 1px solid var(--color-good-green);
    border-bottom: none;
    border-radius: var(--default-radius) var(--default-radius) 0 0
  }

  .p-legacy-compare-table td:last-child div {
    border-right: 1px solid var(--color-good-green);
    border-left: 1px solid var(--color-good-green)
  }
}

.p-legacy-compare-table__label {
  display: block;
  font-family: var(--font-garamond-book);
  font-size: clamp(0.875rem, calc(0.554rem + 1.316vw), 1.5rem);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1
}

@media (min-resolution: 2dppx) {
  .p-legacy-compare-table__label {
    -webkit-text-stroke-width: clamp(0.32px, calc(0.099px + 0.016vw), 0.48px);
    -webkit-text-stroke-color: var(--color-good-green)
  }
}

.p-legacy-ingredients-toggle-grid {
  margin-inline: auto;
  display: grid;
  grid-template-areas: "image" "content";
  gap: 1.25rem
}

.p-legacy-ingredients-toggle__headline {
  margin-inline: auto;
  padding-inline: 1rem;
  max-width: 45rem;
  text-align: center
}

.p-legacy-ingredients-toggle__tabs {
  display: flex;
  gap: 1rem;
  justify-content: center
}

.p-legacy-ingredients-toggle__tab {
  display: inline-block;
  padding: 0.85rem 1.25rem 0.4rem;
  font-weight: normal;
  font-family: var(--font-garamond-light);
  font-size: clamp(1.5rem, calc(1.314rem + 0.762vw), 2rem);
  letter-spacing: -0.2px;
  line-height: 1;
  background-color: var(--color-bone-light);
  color: var(--color-good-green);
  border: 1px solid var(--color-good-green);
  border-radius: 0.25rem
}

.p-legacy-ingredients-toggle__tab:hover,
.p-legacy-ingredients-toggle__tab:focus,
.p-legacy-ingredients-toggle__tab.selected,
.p-legacy-ingredients-toggle__tab.active {
  text-decoration: none;
  background-color: var(--color-golden-yellow)
}

.p-legacy-ingredients-toggle__tab-content {
  margin-top: 2rem;
  text-align: center
}

.p-legacy-ingredients-toggle__image {
  grid-area: image;
  display: flex;
  justify-content: center
}

.p-legacy-ingredients-toggle__content {
  grid-area: content
}

.p-legacy-ingredients-toggle__image img {
  width: 18.75rem
}

@media screen and (min-width: 768px) {
  .p-legacy-ingredients-toggle__image img {
    width: 29.375rem
  }

  .p-legacy-ingredients-toggle__content {
    min-height: 13.75rem
  }

  .p-legacy-ingredients-toggle-grid {
    grid-template-columns: 48.6956521739% auto;
    grid-template-areas: "content image";
    align-items: center;
    gap: 10%
  }

  .p-legacy-ingredients-toggle__tab-content {
    text-align: left
  }

  .p-legacy-ingredients-toggle__tabs {
    justify-content: start
  }
}

.p-legacy-how-container {
  display: grid;
  gap: 1.875rem;
  margin-bottom: 1rem
}

.p-legacy-how__title {
  font-family: var(--font-garamond-light);
  font-size: clamp(1.5rem, calc(1.308rem + 0.789vw), 1.875rem);
  line-height: 0.9;
  letter-spacing: -0.5px;
  text-align: center
}

@media screen and (min-width: 768px) {
  .p-legacy-how__image {
    aspect-ratio: 18 / 11;
    width: 100%;
    object-fit: cover;
    height: 13.75rem
  }

  .p-legacy-how-container {
    grid-template-columns: repeat(3, 1fr);
    margin-block: 3.75rem
  }
}

.p-legacy-footer-grid {
  display: grid;
  grid-template-areas: "content" "image";
  gap: 1.875rem;
  margin-block: 1.875rem
}

.p-legacy-footer-grid>div:first-child {
  grid-area: image
}

.p-legacy-footer-grid>div:last-child {
  grid-area: content
}

@media screen and (max-width: 768px) {
  .p-legacy-footer-grid>div:first-child img {
    width: 100%;
    object-fit: cover;
    max-height: 28.125rem
  }
}

@media screen and (max-width: 567px) {
  .p-legacy-footer-grid>div:first-child img {
    max-height: 20.625rem
  }
}

@media screen and (min-width: 768px) {
  .p-legacy-footer-grid {
    grid-template-columns: 53.91304348% 38.60869565%;
    grid-template-areas: "image content";
    gap: 7.3913043478%;
    margin: 1.875rem 0 2rem
  }
}

@media screen and (min-width: 992px) {
  .p-legacy-footer-grid {
    margin: 3.75rem 0 5rem
  }
}

.p-legacy-chart-grid {
  display: grid;
  gap: 1.875rem;
  margin-block: 1.875rem
}

.p-legacy-chart-grid>div:last-child {
  display: none
}

@media screen and (min-width: 768px) {
  .p-legacy-chart-grid {
    grid-template-columns: 38.60869565% 53.91304348%;
    grid-template-areas: "content image";
    gap: 7.3913043478%;
    margin: 3.75rem 0 1rem
  }

  .p-legacy-chart-grid>div:first-child {
    grid-area: content
  }

  .p-legacy-chart-grid>div:last-child {
    display: block;
    grid-area: image
  }
}

.p-legacy-chart-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem
}

@media screen and (min-width: 768px) {
  .p-legacy-chart-container {
    gap: 1.875rem
  }
}

.p-legacy-chart {
  display: grid;
  align-content: end;
  gap: 0.125rem
}

.p-legacy-chart__price {
  font-family: var(--font-garamond-book);
  font-size: 1.5rem;
  text-align: center
}

@media (min-resolution: 2dppx) {
  .p-legacy-chart__price {
    -webkit-text-stroke-width: 0.48px
  }
}

.p-legacy-chart__bar {
  display: grid;
  place-content: center;
  height: 5.3125rem;
  background-color: var(--color-base-shadow);
  font-size: 0.875rem;
  line-height: 1.1;
  text-align: center
}

.p-legacy-chart__bar--sundays {
  height: 3.25rem;
  background-color: var(--color-golden-yellow)
}

.p-legacy-chart__bar--sundays-hg {
  height: 6rem;
  background-color: var(--color-golden-yellow)
}

.p-legacy-chart__label {
  margin-top: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center
}

.p-legacy-chart__label img {
  display: inline-block;
}

.p-legacy-testimonial-container {
  display: grid
}

@media screen and (min-width: 768px) {
  .p-legacy-testimonial-container {
    grid-template-columns: 28.6956521739% 58.6956521739%;
    gap: 12.1739130435%
  }
}

.p-legacy-testimonial__content-disclaimer {
  grid-column: span 2
}

.p-legacy-testimonial-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem
}

.p-legacy-testimonial__carousel {
  padding: 1.875rem;
  background-color: var(--color-golden-yellow);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

.p-legacy-testimonial__carousel .carousel {
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: calc(100% - 1.875rem)
}

.p-legacy-testimonial__carousel-controls-container {
  position: absolute;
  bottom: -0.625rem;
  right: 0;
  display: flex;
  gap: 0.625rem
}

.p-legacy-testimonial__carousel .carousel-control-prev-icon {
  background-image: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/prev-arrow.svg?v=50190943586788071281765554491")
}

.p-legacy-testimonial__carousel .carousel-control-next-icon {
  background-image: url("//shop.sundaysfordogs.com/cdn/shop/t/2/assets/content/next-arrow.svg?v=75235819042764819241765554491")
}

.p-legacy-testimonial__carousel .carousel-control-prev:hover,
.p-legacy-testimonial__carousel .carousel-control-prev:focus,
.p-legacy-testimonial__carousel .carousel-control-next:hover,
.p-legacy-testimonial__carousel .carousel-control-next:focus {
  opacity: 1
}

.p-legacy-testimonial-scrolling-container {
  display: flex;
  gap: 0.625rem;
  padding-inline: var(--fluid-space);
  padding-bottom: 1rem;
  padding-top: 1rem;
  margin-bottom: 1.875rem;
  margin-inline: auto;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scroll-padding: 2rem;
  scrollbar-width: none
}

.p-legacy-testimonial-scrolling-container::-webkit-scrollbar {
  display: none
}

.p-legacy-testimonial-scrolling__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  padding: 1.875rem 1.25rem;
  min-width: 19.375rem;
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius);
  background-color: var(--color-golden-yellow)
}

.p-legacy-testimonial-section {
  background: var(--color-base-off-white);
  padding-bottom: 50%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom: 1px solid var(--color-good-green)
}

.p-legacy-testimonial-scrolling__quote {
  font-family: var(--font-garamond-light);
  font-weight: 300;
  font-style: normal;
  line-height: 0.95;
  font-size: 2rem
}

.c-legacy-headline--md {
  font-size: clamp(2.25rem, calc(1.737rem + 2.105vw), 3.25rem);
  letter-spacing: -1px
}

.c-legacy-headline--sm {
  font-size: clamp(1.5rem, calc(1.314rem + 0.762vw), 2rem);
  letter-spacing: -0.5px
}

.legacy-home .sub-footer {
  padding-bottom: 4.375rem !important
}

.p-fresh-home header .l-fluid-container {
  padding-block: 0.75rem
}

.p-fresh-home main {
  position: relative;
  top: -3.875rem
}

@media screen and (min-width: 768px) {
  .p-fresh-home header .l-fluid-container {
    padding-block: 1.875rem
  }

  .p-fresh-home main {
    top: -6.125rem
  }
}

.p-fresh-home .m-navigation__logo {
  background-image: url(//sundaysfordogs.com/assets/logo/sundays-logo-v4-white-c402b7f0197fa331f21d60f1665c4bf8c5d9f2eb11f7ca7615245700dd7110c8.svg)
}

@media screen and (max-width: 768px) {
  .p-fresh-home .m-navigation__logo {
    width: 100px;
    height: 28px;
    background-size: 100px 28px
  }
}

.p-fresh-hero {
  height: 85dvh;
  background-image: url("https://d3rekvgx2f3gtb.cloudfront.net/images/webp/redesign-v4/home-v4/fresh/hero-mobile.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  border-bottom: 1px solid var(--color-good-green);
  padding-top: 3.875rem
}

@media screen and (min-width: 768px) {
  .p-fresh-hero {
    padding-top: 6.125rem
  }
}

@media screen and (min-width: 992px) {
  .p-fresh-home main {
    top: -6.375rem
  }

  .p-fresh-hero {
    height: auto;
    min-height: 41.875rem;
    background-image: url("https://d3rekvgx2f3gtb.cloudfront.net/images/webp/redesign-v4/home-v4/fresh/hero-1x.webp");
    border-bottom: 0;
    padding-top: 6.375rem
  }

  .p-fresh-hero-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: ". content"
  }

  .p-fresh-hero__content {
    grid-area: content;
    margin-top: 6.25rem;
    max-width: 32.1875rem
  }

  .p-fresh-hero__content--2 {
    max-width: 27.5rem
  }
}

.p-fresh-home-logo-bar .m-review-logo-bar-container {
  padding-inline: var(--fluid-space);
  background-color: var(--color-base-white);
  border-top: 1px solid var(--color-good-green);
  border-bottom: 1px solid var(--color-good-green);
  margin-bottom: 5rem
}

.p-fresh-home-logo-bar .m-review-logo-bar-container .m-review-logo-bar-container__inner {
  display: flex;
  max-width: var(--max-width);
  margin-inline: auto;
  padding-block: 0
}

@media screen and (max-width: 992px) {
  .p-fresh-home-logo-bar .m-review-logo-bar-container {
    padding-inline: 0;
    padding-top: 1.25rem;
    background-color: transparent;
    border: 0;
    margin-bottom: 2.5rem
  }

  .p-fresh-home-logo-bar .m-review-logo-bar-container .m-review-logo-bar-container__inner {
    display: flex;
    gap: 0.625rem;
    padding-inline: var(--fluid-space);
    margin-inline: auto;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding: 2rem;
    scrollbar-width: none
  }

  .p-fresh-home-logo-bar .m-review-logo-bar-container .m-review-logo-bar-container__inner::-webkit-scrollbar {
    display: none
  }

  .p-fresh-home-logo-bar .m-review-logo-bar-container--simplified .m-review-logo-bar-container__inner {
    padding-top: 0
  }

  .p-fresh-home-logo-bar .m-review-logo-bar__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    scroll-snap-align: start;
    padding: 1.875rem 1.25rem;
    min-width: 19.375rem;
    border: 1px solid var(--color-good-green);
    border-radius: var(--default-radius);
    background-color: var(--color-base-white)
  }
}

.p-fresh-scroll-reveal__main {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bone-light)
}

.image-container {
  --container-size: clamp(21.875rem, calc(15.461rem + 26.316vw), 34.375rem);
  position: relative;
  width: var(--container-size);
  height: var(--container-size);
  overflow: hidden
}

.image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: clip-path 0s
}

.image--top {
  --reveal-border-position: 0%;
  z-index: 2;
  clip-path: inset(0 0 0 0);
  position: absolute
}

.image--bottom {
  z-index: 1
}

.image--top::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(var(--reveal-border-position, 0%) - 2px);
  width: 4px;
  height: 100%;
  background: #fff;
  box-shadow: 0 0 0 1px #000;
  pointer-events: none;
  transition: right 0s
}

.reveal-border {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--color-bone-light);
  z-index: 3;
  pointer-events: none;
  transition: left 0s
}

.p-fresh-scroll-reveal-section {
  padding-bottom: 3.125rem
}

.p-fresh-scroll-reveal-container {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "main main" "content-1 content-2" "content-3 content-4";
  gap: 1.25rem;
  text-align: center
}

.p-fresh-scroll-reveal__main {
  grid-area: main;
  margin-bottom: -1.25rem
}

.p-fresh-scroll-reveal__content-1 {
  grid-area: content-1
}

.p-fresh-scroll-reveal__content-2 {
  grid-area: content-2
}

.p-fresh-scroll-reveal__content-3 {
  grid-area: content-3
}

.p-fresh-scroll-reveal__content-4 {
  grid-area: content-4
}

@media screen and (min-width: 768px) {
  .p-fresh-scroll-reveal-section {
    padding-bottom: 5rem
  }

  .p-fresh-scroll-reveal-container {
    grid-template-columns: 18.009478673% 52.1327014218% 18.009478673%;
    grid-template-areas: "content-1 main content-3" "content-2 main content-4";
    grid-row-gap: 3.75rem;
    grid-column-gap: 0;
    max-width: 65.9375rem;
    margin-inline: auto
  }

  .p-fresh-scroll-reveal__main {
    margin-bottom: 0
  }

  .p-fresh-scroll-reveal__content-1,
  .p-fresh-scroll-reveal__content-3 {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center
  }
}

.p-fresh-farm {
  padding-top: 1.875rem;
  padding-bottom: 3.125rem;
  display: grid;
  gap: 2.5rem
}

.p-fresh-farm__content {
  text-align: center
}

@media screen and (min-width: 768px) {
  .p-fresh-farm {
    display: grid;
    grid-template-columns: 38.4347826087% 56%;
    grid-template-areas: "content image";
    max-width: 71.875rem;
    margin-inline: auto;
    gap: 3.75rem;
    padding-top: 5rem;
    padding-bottom: 7.5rem
  }

  .p-fresh-farm__content {
    grid-area: content;
    display: grid;
    text-align: start;
    place-items: center end
  }

  .p-fresh-farm__content>div {
    max-width: 27.625rem
  }

  .p-fresh-farm__title {
    max-width: 18rem
  }

  .p-fresh-farm__image {
    grid-area: image
  }
}

.p-fresh-picky {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.75rem;
  align-items: center
}

.p-fresh-picky-badge {
  right: -12px;
  top: 16px
}

.p-fresh-picky-container {
  position: relative;
  padding: 1rem 1.875rem;
  margin-top: 2.5rem;
  background-color: var(--color-golden-yellow);
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

@media screen and (min-width: 768px) {
  .p-fresh-picky-container {
    max-width: 56.875rem;
    margin-inline: auto;
    margin-top: 4.375rem
  }

  .p-fresh-picky>div:nth-child(2) {
    text-align: center
  }

  .p-fresh-picky {
    grid-template-columns: 80px 1fr 80px
  }

  .p-fresh-picky-badge {
    right: 33%;
    top: 16px
  }
}

.p-fresh-how-container {
  display: grid;
  gap: 1.875rem;
  margin-bottom: 1rem
}

.p-fresh-how__title {
  font-family: var(--font-garamond-light);
  font-size: clamp(1.5rem, calc(1.308rem + 0.789vw), 1.875rem);
  line-height: 0.9;
  letter-spacing: -0.5px;
  text-align: center;
  text-box: trim-both cap alphabetic
}

@media screen and (min-width: 768px) {
  .p-fresh-how__image {
    aspect-ratio: 18 / 11;
    width: 100%;
    object-fit: cover;
    height: 13.75rem
  }

  .p-fresh-how-container {
    grid-template-columns: repeat(3, 1fr);
    margin-block: 3.75rem
  }
}

.p-fresh-ingredients {
  padding-block: 2.5rem;
  height: 80dvh;
  background-image: url("https://d3rekvgx2f3gtb.cloudfront.net/images/webp/redesign-v4/home-v4/fresh/ingredients-mobile.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  border-bottom: 1px solid var(--color-good-green)
}

.p-fresh-ingredients__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.875rem;
  height: 100%;
  text-align: center
}

.p-fresh-ingredients-grid {
  height: 100%
}

.p-fresh-ingredients-container {
  height: 100%
}

.p-fresh-ingredients__cta {
  margin-top: auto;
  width: 100%
}

@media screen and (min-width: 768px) {
  .p-fresh-ingredients-container {
    height: 100%
  }

  .p-fresh-ingredients {
    height: 41.875rem;
    background-image: url("https://d3rekvgx2f3gtb.cloudfront.net/images/webp/redesign-v4/home-v4/fresh/ingredients-desktop.webp")
  }

  .p-fresh-ingredients-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "content ."
  }

  .p-fresh-ingredients__content {
    grid-area: content;
    max-width: 27.5rem;
    text-align: start;
    align-items: start;
    justify-content: center;
    gap: 2.5rem
  }

  .p-fresh-ingredients__cta {
    margin-top: 0;
    text-align: start
  }
}

.p-fresh-vet .l-fluid-container {
  padding-top: 1.875rem;
  padding-bottom: 3.125rem
}

.p-fresh-vet__grid {
  display: grid;
  gap: 1.875rem
}

.p-fresh-vet__image image {
  max-height: 19.6875rem;
  object-fit: cover
}

.p-fresh-vet__content {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 1.5rem
}

@media screen and (min-width: 768px) {
  .p-fresh-vet .l-fluid-container {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .p-fresh-vet__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.75rem
  }

  .p-fresh-vet__image image {
    max-height: none
  }

  .p-fresh-vet__content {
    justify-content: center;
    text-align: start;
    gap: 2.5rem
  }
}

.p-fresh-serving img {
  object-fit: cover;
  width: 100%;
  min-height: 20.875rem
}

.p-fresh-carousel-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2.5rem 1fr
}

.p-fresh-carousel-grid-inner {
  grid-column: 1 / 2;
  grid-row: 2 / 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1.25rem 12.5rem 15.625rem;
  background-color: var(--color-golden-yellow);
  border-top: 1px solid var(--color-good-green);
  border-bottom: 1px solid var(--color-good-green)
}

.p-fresh-carousel-grid__image {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  text-align: center
}

.p-fresh-carousel-grid__content {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
  padding-top: 0
}

.p-fresh-carousel-img {
  --border-width: 6px;
  position: relative;
  top: -1.25rem;
  width: 12.5rem;
  object-fit: contain;
  border: 1px solid var(--color-good-green);
  border-radius: var(--border-width);
  box-shadow: var(--border-width) var(--border-width) 0 var(--color-good-green);
  z-index: 2;
  transform: rotate(-8deg)
}

.p-fresh-carousel-controls {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem
}

@media screen and (min-width: 768px) {
  .p-fresh-carousel {
    margin-inline: auto;
    padding-inline: var(--fluid-space);
    max-width: var(--max-width)
  }

  .p-fresh-carousel-grid {
    display: grid;
    grid-template-columns: 2.5rem 1fr 2.5rem;
    grid-template-rows: 2.5rem 1fr 2.5rem
  }

  .p-fresh-carousel-grid-inner {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    display: grid;
    grid-template-columns: 1fr 2.5rem 2fr 2.5rem;
    grid-template-rows: 1fr;
    border: 1px solid var(--color-good-green);
    border-radius: var(--default-radius)
  }

  .p-fresh-carousel-img {
    width: 100%;
    position: static
  }

  .p-fresh-carousel-grid__image {
    grid-column: auto;
    grid-row: 1 / 2;
    text-align: left
  }

  .p-fresh-carousel-grid__content {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem
  }

  .p-fresh-carousel-controls {
    right: calc(3.75rem + var(--fluid-space));
    bottom: 3.75rem
  }
}

.p-fresh-testimonial-scrolling-container {
  display: flex;
  gap: 0.625rem;
  padding-inline: var(--fluid-space);
  padding-bottom: 1rem;
  padding-top: 2.5rem;
  margin-bottom: 1.875rem;
  margin-inline: auto;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scroll-padding: 2rem;
  scrollbar-width: none
}

.p-fresh-testimonial-scrolling-container::-webkit-scrollbar {
  display: none
}

.p-fresh-testimonial-scrolling__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  scroll-snap-align: center;
  padding: 1.875rem 1.25rem;
  min-width: 88vw;
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius);
  background-color: var(--color-golden-yellow)
}

.p-fresh-testimonial-section {
  background: var(--color-base-off-white);
  padding-bottom: 50%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom: 1px solid var(--color-good-green)
}

.p-fresh-testimonial-scrolling__quote {
  font-family: var(--font-garamond-light);
  font-weight: 300;
  font-style: normal;
  line-height: 0.95;
  font-size: 2rem
}

.p-fresh-testimonial-image {
  --border-width: 6px;
  position: relative;
  top: -2.5rem;
  width: 13.75rem;
  object-fit: contain;
  border: 1px solid var(--color-good-green);
  border-radius: var(--border-width);
  box-shadow: var(--border-width) var(--border-width) 0 var(--color-good-green);
  z-index: 2;
  transform: rotate(-8deg);
  align-self: center;
  margin-bottom: 1.875rem
}

.p-fresh-next-generation {
  padding-top: 2.5rem;
  padding-bottom: 3.125rem
}

.p-fresh-dog-parents {
  padding-top: 3.125rem;
  padding-bottom: 0.5rem
}

.p-fresh-mealtime .l-fluid-container {
  padding-top: 0;
  padding-bottom: 3.125rem
}

.p-fresh-mealtime__text {
  max-width: 27.5rem;
  margin-inline: auto
}

@media screen and (min-width: 768px) {
  .p-fresh-next-generation {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .p-fresh-dog-parents {
    padding-top: 5rem;
    padding-bottom: 1.25rem
  }

  .p-fresh-mealtime .l-fluid-container {
    padding-top: 2.5rem;
    padding-bottom: 6.25rem
  }
}

.m-landing-content-max {
  max-width: 30rem
}

.m-landing-start-image-tile__title {
  font-size: 1.5rem;
  font-family: var(--font-garamond-light);
  font-style: italic;
  line-height: 1.1;
  text-align: center
}

.m-landing-start-image-tile__title--lg {
  font-size: 1.875rem
}

@media screen and (min-width: 768px) {
  .m-landing-hero-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem
  }

  .m-landing-hero-grid__content {
    display: flex;
    justify-content: center;
    align-items: center
  }

  .m-landing-hero-grid__content .m-landing-hero-grid__content-info {
    max-width: 27.5rem
  }
}

.m-landing-start-grid {
  display: grid;
  gap: 1.875rem;
  max-width: 43.75rem;
  margin-inline: auto
}

@media screen and (min-width: 768px) {
  .m-landing-start-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width: 1400px) {
  .m-landing-start-grid {
    grid-template-columns: repeat(4, 1fr);
    max-width: 71.875rem
  }
}

.m-landing-carousel {
  position: sticky;
  top: 1.875rem
}

.m-landing-hero-carousel-controls {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%
}

.m-landing-hero-carousel-controls-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  padding: 1.25rem
}

.m-landing-badge {
  position: absolute;
  top: -1rem;
  left: -1.5rem;
  z-index: 2;
  padding: 1.25rem 2.25rem;
  font-family: var(--font-garamond-book);
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  color: var(--color-bone-light);
  background-color: var(--color-good-green);
  border-radius: 100%;
  transform: rotate(-20deg)
}

.m-landing-badge-2 {
  position: absolute;
  top: -1rem;
  right: 1.875rem;
  z-index: 2;
  display: grid;
  place-content: center;
  height: 5rem;
  width: 5rem;
  font-family: var(--font-garamond-book);
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  color: var(--color-bone-light);
  background-color: var(--color-good-green);
  border-radius: 50%;
  transform: rotate(8deg)
}

.m-landing-badge--scroll {
  left: 0
}

@media screen and (min-width: 768px) {
  .m-landing-badge-2 {
    top: -1rem;
    right: 6.25rem;
    height: 6.25rem;
    width: 6.25rem;
    font-family: var(--font-garamond-book);
    font-size: 1.25rem
  }
}

.m-landing-start-image-tile-container {
  display: grid;
  gap: 1.875rem
}

@media screen and (min-width: 768px) {
  .m-landing-start-image-tile__image {
    aspect-ratio: 18 / 11;
    width: 100%;
    object-fit: cover;
    height: 13.75rem
  }

  .m-landing-start-image-tile-container {
    grid-template-columns: repeat(3, 1fr)
  }
}

.m-landing-scrolling-container {
  display: flex;
  gap: 0.625rem;
  padding-inline-start: var(--fluid-space);
  margin-inline: auto;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scroll-padding: 2rem;
  scrollbar-width: none
}

.m-landing-scrolling-container::-webkit-scrollbar {
  display: none
}

.m-landing-scrolling__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  min-width: 14.375rem;
  overflow: hidden;
  border: 1px solid var(--color-good-green);
  border-radius: var(--default-radius)
}

@media screen and (min-width: 768px) {
  .m-landing-scrolling__item {
    min-width: 19.375rem
  }
}

.m-landing-logo-bar .m-review-logo-bar-container .m-review-logo-bar-container__inner {
  gap: 0.625rem;
  padding-top: 2.5rem
}

.m-offscreen-container--pinned-container {
  display: grid;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 1.875rem;
  width: 100%;
  z-index: 100;
  border: 0;
  border-top: 1px solid var(--color-good-green);
  background-color: var(--color-base-white);
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out
}

.m-offscreen-container--pinned-container.on-screen {
  transform: translateY(0);
  opacity: 1
}

.m-landing-start-footer {
  padding-bottom: 11.5rem
}

.p-crazy-eyes-container {
  background-color: var(--color-bone-dark)
}

@media screen and (min-width: 920px) {
  .p-crazy-eyes-container {
    border-bottom: 1px solid var(--color-good-green)
  }
}

.p-crazy-eyes-home header .l-fluid-container {
  padding-block: 0.75rem
}

.p-crazy-eyes-home main {
  position: relative;
  top: -3.875rem
}

@media screen and (min-width: 920px) {
  .p-crazy-eyes-home header .l-fluid-container {
    padding-block: 1.875rem
  }
}

@media screen and (max-width: 920px) {
  .p-crazy-eyes-home .m-navigation__logo {
    width: 100px;
    height: 28px;
    background-size: 100px 28px
  }
}

.p-crazy-eyes-hero {
  display: grid;
  gap: 1.875rem;
  align-items: center;
  text-align: center;
  padding-top: 3.875rem
}

@media screen and (min-width: 920px) {
  .p-crazy-eyes-home main {
    top: -6.375rem
  }

  .p-crazy-eyes-hero {
    grid-template-columns: 38.60869565% 53.91304348%;
    gap: 7.3913043478%;
    text-align: left;
    height: auto;
    min-height: 46.3125rem;
    background-image: url("https://d3rekvgx2f3gtb.cloudfront.net/images/webp/redesign-v4/home-v4/home-page-tests/02-desktop.webp");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain
  }
}

.p-crazy-eyes__image {
  display: none;
  text-align: center;
  border-bottom: 1px solid var(--color-good-green);
  background-color: var(--color-bone-dark)
}

@media screen and (max-width: 920px) {
  .p-crazy-eyes-grid__image {
    display: none
  }

  .p-crazy-eyes__image {
    display: block
  }
}

.p-video-home header .l-fluid-container {
  padding-block: 0.75rem
}

.p-video-home main {
  position: relative;
  top: -3.875rem
}

@media screen and (min-width: 768px) {
  .p-video-home header .l-fluid-container {
    padding-block: 1.875rem
  }

  .p-video-home main {
    top: -6.125rem
  }
}

.p-video-home .m-navigation__logo {
  background-image: url(//sundaysfordogs.com/assets/logo/sundays-logo-v4-white-c402b7f0197fa331f21d60f1665c4bf8c5d9f2eb11f7ca7615245700dd7110c8.svg)
}

@media screen and (max-width: 768px) {
  .p-video-home .m-navigation__logo {
    width: 100px;
    height: 28px;
    background-size: 100px 28px
  }
}

.p-video-background {
  height: 100dvh;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--color-good-green);
  padding-top: 3.875rem
}

@media screen and (min-width: 768px) {
  .p-video-background {
    height: 85dvh
  }
}

@media screen and (min-width: 992px) {
  .p-video-home main {
    top: -6.375rem
  }
}

.p-video-home .m-navigation__logo {
  background-image: url(//sundaysfordogs.com/assets/logo/sundays-logo-v4-white-c402b7f0197fa331f21d60f1665c4bf8c5d9f2eb11f7ca7615245700dd7110c8.svg)
}

.p-video-background video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100vw;
  min-height: 100vh;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translate(-50%, -50%);
  object-fit: cover;
  pointer-events: none
}

.p-video-background .content {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1
}

.p-video-background .content--inner {
  position: relative;
  max-width: 31.125rem;
  margin-inline: auto
}