/* ==========================================================
   KETOZONA PET HOME V3
   Premium editorial landing
   ========================================================== */

.kzpet-v3 {
  --pet-green:#073d35;
  --pet-green-2:#0b5a4d;
  --pet-green-3:#154f45;
  --pet-gold:#c79622;
  --pet-gold-2:#e0b54b;
  --pet-cream:#faf8f1;
  --pet-cream-2:#f3efe3;
  --pet-line:#ded8ca;
  --pet-text:#143633;
  --pet-muted:#596864;

  position:relative;
  left:50%;
  width:100vw;
  margin-left:-50vw;

  overflow:hidden;

  color:var(--pet-text);
  background:#fff;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;
}

.kzpet-v3 *,
.kzpet-v3 *::before,
.kzpet-v3 *::after {
  box-sizing:border-box;
}

.kzpet-v3 img {
  max-width:100%;
}

.kzpet-shell {
  width:min(1480px, calc(100% - 80px));
  margin:0 auto;
}

.kzpet-eyebrow,
.kzpet-kicker {
  color:var(--pet-gold);
  font-size:12px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.kzpet-v3 h1,
.kzpet-v3 h2,
.kzpet-v3 h3,
.kzpet-v3 h4,
.kzpet-v3 p {
  margin-top:0;
}

.kzpet-v3 h1,
.kzpet-v3 h2,
.kzpet-v3 h3 {
  color:var(--pet-green);
}

.kzpet-v3 h2 {
  font-weight:850;
  letter-spacing:-.025em;
}


/* HERO ==================================================== */

.kzpet-hero {
  background:
    linear-gradient(
      90deg,
      #faf8f0 0%,
      #fbfaf5 42%,
      #f3f0e5 100%
    );

  border-bottom:1px solid var(--pet-line);
}

.kzpet-hero-grid {
  min-height:515px;

  display:grid;
  grid-template-columns:
    minmax(0, .83fr)
    minmax(560px, 1.17fr);

  align-items:stretch;
}

.kzpet-hero-copy {
  position:relative;
  z-index:2;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:65px 35px 65px 0;
}

.kzpet-kicker {
  margin-bottom:12px;
}

.kzpet-hero h1 {
  margin-bottom:18px;

  font-size:clamp(48px, 5.25vw, 82px);
  line-height:.94;
  font-weight:900;
  letter-spacing:-.055em;
}

.kzpet-hero h1 span {
  display:block;

  margin-top:13px;

  color:var(--pet-gold);

  font-size:.42em;
  line-height:1.05;
  letter-spacing:-.025em;
}

.kzpet-hero-lead {
  max-width:590px;

  margin-bottom:10px;

  color:#263f3b;

  font-size:20px;
  line-height:1.48;
}

.kzpet-hero-note {
  margin-bottom:24px;

  color:#52615d;

  font-size:14px;
  font-weight:700;
}

.kzpet-actions {
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.kzpet-btn {
  min-height:48px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding:11px 18px;

  border-radius:999px;

  color:#fff !important;

  font-size:13px;
  line-height:1;
  font-weight:900;
  text-decoration:none !important;

  box-shadow:
    0 7px 17px rgba(22,54,49,.17);

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.kzpet-btn:hover {
  color:#fff !important;

  transform:translateY(-2px);

  box-shadow:
    0 11px 22px rgba(22,54,49,.23);
}

.kzpet-btn-green {
  background:
    linear-gradient(
      135deg,
      #073d35,
      #0c5a4d
    );
}

.kzpet-btn-gold {
  background:
    linear-gradient(
      135deg,
      #b78514,
      #d3a42d
    );
}

.kzpet-btn-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:32px;
  height:32px;

  border:1px solid rgba(255,255,255,.65);
  border-radius:50%;

  font-size:9px;
}

.kzpet-btn b {
  font-size:22px;
  font-weight:400;
}

.kzpet-hero-visual {
  position:relative;

  min-height:515px;

  background-color:#f0ecdf;

  background-image:
    linear-gradient(
      90deg,
      rgba(250,248,240,.95) 0%,
      rgba(250,248,240,.48) 13%,
      rgba(250,248,240,.05) 34%,
      rgba(250,248,240,0) 100%
    ),
    url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-hero-dog-cat.png");

  background-repeat:no-repeat;
  background-position:center right;
  background-size:cover;
}

.kzpet-hero-visual::after {
  content:"";

  position:absolute;
  inset:auto 0 0 0;

  height:110px;

  background:
    linear-gradient(
      to top,
      rgba(250,248,240,.38),
      transparent
    );
}

.kzpet-hero-seal {
  display:none;
}


/* METHOD ================================================== */

.kzpet-method {
  background:var(--pet-cream);
}

.kzpet-section-head {
  max-width:920px;

  margin:0 auto;

  padding:25px 30px 18px;

  text-align:center;
}

.kzpet-section-head h2 {
  margin:4px 0 5px;

  font-size:32px;
}

.kzpet-section-head p {
  margin-bottom:0;

  color:#42534f;

  font-size:14px;
  line-height:1.42;
}

.kzpet-section-head strong {
  color:var(--pet-gold);
}

.kzpet-method-layout {
  display:grid;
  grid-template-columns:minmax(0, 2fr) minmax(360px, .93fr);

  border-top:1px solid var(--pet-line);
  border-bottom:1px solid var(--pet-line);
}

.kzpet-method-cards {
  padding:14px 26px 16px max(26px, calc((100vw - 1480px)/2));

  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

.kzpet-method-card {
  min-height:145px;

  display:grid;
  grid-template-columns:65px minmax(0, 1fr);
  gap:13px;
  align-items:start;

  padding:16px 13px;

  border:1px solid #ddd5c3;
  border-radius:6px;

  background:rgba(255,255,255,.45);
}

.kzpet-round-icon {
  width:58px;
  height:58px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      #063d35,
      #0d6254
    );
}

.kzpet-round-icon svg {
  width:33px;
  height:33px;

  fill:none;
  stroke:#fff;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.kzpet-method-card h3 {
  margin:2px 0 5px;

  font-size:15px;
  line-height:1.12;
  font-weight:850;
}

.kzpet-method-card p {
  margin:0;

  color:#344743;

  font-size:12px;
  line-height:1.35;
}

.kzpet-bowl {
  min-height:260px;

  position:relative;

  background-color:#ded7c8;

  background-image:
    linear-gradient(
      90deg,
      rgba(4,50,43,.02),
      rgba(4,50,43,.08)
    ),
    url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-difference-bowl.png");

  background-size:cover;
  background-position:center;
}

.kzpet-quote {
  position:absolute;

  right:28px;
  bottom:20px;

  width:min(270px, 62%);

  padding:19px 24px;

  border-radius:9px;

  background:
    linear-gradient(
      145deg,
      rgba(4,53,46,.97),
      rgba(4,69,58,.97)
    );

  color:#fff;

  box-shadow:
    0 10px 25px rgba(0,0,0,.2);
}

.kzpet-quote p {
  margin:0;

  font-size:16px;
  line-height:1.35;
  text-align:center;
}

.kzpet-quote strong {
  display:block;

  margin-top:5px;

  color:#fff;
}

.kzpet-quote-mark {
  position:absolute;

  top:6px;
  left:9px;

  color:#f0c44f;

  font-family:Georgia, serif;
  font-size:43px;
  line-height:1;
}

.kzpet-quote-close {
  top:auto;
  left:auto;
  right:8px;
  bottom:-10px;
}


/* DATA ==================================================== */

.kzpet-data {
  background:#fbfaf6;

  border-bottom:1px solid var(--pet-line);
}

.kzpet-data-grid {
  display:grid;
  grid-template-columns:minmax(0, 1.48fr) minmax(430px, .82fr);

  padding:19px 0 20px;
}

.kzpet-metrics {
  display:grid;
  grid-template-columns:220px 1fr;
  gap:24px;

  padding-right:28px;

  border-right:1px solid var(--pet-line);
}

.kzpet-block-heading h2 {
  margin:5px 0 8px;

  font-size:24px;
  line-height:1.02;
}

.kzpet-block-heading p {
  margin-bottom:0;

  color:#4c5b57;

  font-size:12px;
  line-height:1.4;
}

.kzpet-metric-grid {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:20px 16px;
}

.kzpet-metric {
  display:grid;
  grid-template-columns:45px minmax(0,1fr);
  gap:9px;

  align-items:start;
}

.kzpet-metric > span {
  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid #2b5b54;
  border-radius:50%;

  color:var(--pet-green);

  font-size:13px;
  font-weight:900;
}

.kzpet-metric h4 {
  margin:3px 0 2px;

  color:var(--pet-green);

  font-size:11px;
  line-height:1.1;
  font-weight:900;
}

.kzpet-metric p {
  margin:0;

  color:#4f5e5a;

  font-size:10px;
  line-height:1.25;
}

.kzpet-transparency {
  padding-left:30px;
}

.kzpet-abc {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:10px;

  margin-top:15px;
}

.kzpet-grade {
  overflow:hidden;

  border:1px solid #cfc8b8;
  border-radius:7px;

  background:#fff;

  text-align:center;
}

.kzpet-grade-letter {
  padding:8px;

  color:#fff;

  font-size:29px;
  line-height:1;
  font-weight:900;
}

.grade-a .kzpet-grade-letter {
  background:var(--pet-green);
}

.grade-b .kzpet-grade-letter {
  background:var(--pet-gold);
}

.grade-c .kzpet-grade-letter {
  background:#787d7c;
}

.kzpet-grade h3 {
  margin:10px 6px 4px;

  font-size:11px;
  font-weight:900;
}

.grade-b h3 {
  color:var(--pet-gold);
}

.kzpet-grade p {
  min-height:54px;

  margin:0;
  padding:0 8px 9px;

  color:#4d5c58;

  font-size:9px;
  line-height:1.28;
}

.kzpet-transparency-note {
  margin:8px 0 0;

  color:#5f6d69;

  font-size:9px;
  line-height:1.35;
  text-align:center;
}


/* LOWER PATHS ============================================== */

.kzpet-paths {
  background:#f8f5ec;

  border-bottom:1px solid var(--pet-line);
}

.kzpet-path-grid {
  display:grid;
  grid-template-columns:
    minmax(400px, 1.25fr)
    minmax(300px, .8fr)
    minmax(300px, .8fr)
    minmax(310px, .75fr);

  max-width:1700px;
  margin:0 auto;
}

.kzpet-info-panel,
.kzpet-species,
.kzpet-selection {
  min-height:330px;

  border-right:1px solid var(--pet-line);
}

.kzpet-info-panel {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
}

.kzpet-panel-photo,
.kzpet-species-photo {
  min-height:330px;

  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

.kzpet-photo-cat-wide {
  background-color:#d8d4c7;

  background-image:
    url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-cat-section.png");

  background-position:center left;
}

.kzpet-panel-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:27px;
}

.kzpet-panel-copy h2 {
  margin:6px 0 13px;

  font-size:19px;
  line-height:1.18;
}

.kzpet-panel-copy p {
  margin-bottom:10px;

  color:#41514d;

  font-size:11px;
  line-height:1.43;
}

.kzpet-species {
  display:grid;
  grid-template-columns:.82fr 1.18fr;
}

.kzpet-photo-cat {
  background-color:#dbd6ca;

  background-image:
    url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-cat-section.png");

  background-position:center;
}

.kzpet-photo-dog {
  background-color:#e9dfc6;

  background-image:
    url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-dog-section.png");

  background-position:center;
}

.kzpet-species-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:24px 18px;
}

.kzpet-species-copy h2 {
  margin:5px 0 12px;

  font-size:19px;
  line-height:1.08;
}

.kzpet-species-copy p {
  margin-bottom:16px;

  color:#465651;

  font-size:10px;
  line-height:1.45;
}

.kzpet-gold-text,
.kzpet-dog .kzpet-species-copy h2 {
  color:var(--pet-gold);
}

.kzpet-mini-btn {
  align-self:flex-start;

  display:inline-flex;

  padding:9px 14px;

  border-radius:999px;

  color:#fff !important;

  font-size:10px;
  line-height:1;
  font-weight:900;

  text-decoration:none !important;
}

.kzpet-mini-green {
  background:var(--pet-green);
}

.kzpet-mini-gold {
  background:var(--pet-gold);
}

.kzpet-selection {
  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:25px 28px;

  border-right:0;
}

.kzpet-selection-icon {
  width:52px;
  height:52px;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-bottom:10px;

  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      #b68116,
      #d5aa36
    );
}

.kzpet-selection-icon svg {
  width:29px;
  height:29px;

  fill:none;
  stroke:#fff;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.kzpet-selection h2 {
  margin:5px 0 10px;

  font-size:22px;
  line-height:1.05;
}

.kzpet-selection p {
  margin-bottom:9px;

  color:#475752;

  font-size:10px;
  line-height:1.42;
}


/* TRUST STRIP ============================================== */

.kzpet-trust {
  padding:15px 0;

  background:
    linear-gradient(
      90deg,
      #043b34,
      #075045
    );

  color:#fff;
}

.kzpet-trust-grid {
  display:grid;
  grid-template-columns:repeat(5, 1fr);
}

.kzpet-trust-grid > div {
  min-height:43px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:2px 22px;

  border-right:1px solid rgba(255,255,255,.25);
}

.kzpet-trust-grid > div:first-child {
  padding-left:0;
}

.kzpet-trust-grid > div:last-child {
  border-right:0;
}

.kzpet-trust-grid b {
  font-size:12px;
}

.kzpet-trust-grid span {
  margin-top:3px;

  color:rgba(255,255,255,.72);

  font-size:9px;
}


/* TABLET ================================================== */

@media (max-width:1199px) {

  .kzpet-shell {
    width:min(100% - 40px, 1100px);
  }

  .kzpet-hero-grid {
    grid-template-columns:1fr 1fr;
  }

  .kzpet-method-layout {
    grid-template-columns:1fr;
  }

  .kzpet-method-cards {
    padding:18px 20px;
  }

  .kzpet-bowl {
    min-height:310px;
  }

  .kzpet-data-grid {
    grid-template-columns:1fr;
  }

  .kzpet-metrics {
    padding-right:0;
    padding-bottom:25px;

    border-right:0;
    border-bottom:1px solid var(--pet-line);
  }

  .kzpet-transparency {
    padding:25px 0 0;
  }

  .kzpet-path-grid {
    grid-template-columns:1fr 1fr;
  }

  .kzpet-info-panel,
  .kzpet-species,
  .kzpet-selection {
    border-bottom:1px solid var(--pet-line);
  }

}


/* MOBILE ================================================== */

@media (max-width:767px) {

  .kzpet-shell {
    width:calc(100% - 28px);
  }

  .kzpet-hero-grid {
    min-height:0;

    display:flex;
    flex-direction:column;
  }

  .kzpet-hero-copy {
    padding:42px 4px 27px;
  }

  .kzpet-hero h1 {
    font-size:46px;
  }

  .kzpet-hero h1 span {
    font-size:.48em;
    line-height:1.1;
  }

  .kzpet-hero-lead {
    font-size:16px;
  }

  .kzpet-actions {
    flex-direction:column;
  }

  .kzpet-btn {
    width:100%;
  }

  .kzpet-hero-visual {
    min-height:300px;

    background-image:
      linear-gradient(
        to bottom,
        rgba(250,248,240,.4),
        rgba(250,248,240,0) 30%
      ),
      url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-hero-dog-cat.png");

    background-position:center;
  }

  .kzpet-section-head {
    padding:28px 18px 20px;
  }

  .kzpet-section-head h2 {
    font-size:28px;
  }

  .kzpet-method-cards {
    grid-template-columns:1fr;

    padding:14px;
  }

  .kzpet-method-card {
    min-height:0;
  }

  .kzpet-bowl {
    min-height:330px;
  }

  .kzpet-quote {
    right:15px;
    left:15px;

    width:auto;
  }

  .kzpet-data-grid {
    padding:26px 0;
  }

  .kzpet-metrics {
    grid-template-columns:1fr;
  }

  .kzpet-block-heading h2 {
    font-size:25px;
  }

  .kzpet-metric-grid {
    grid-template-columns:1fr 1fr;

    gap:17px 12px;
  }

  .kzpet-metric {
    grid-template-columns:39px 1fr;
  }

  .kzpet-metric > span {
    width:37px;
    height:37px;

    font-size:11px;
  }

  .kzpet-abc {
    grid-template-columns:1fr;
  }

  .kzpet-grade p {
    min-height:0;

    font-size:11px;
  }

  .kzpet-path-grid {
    grid-template-columns:1fr;
  }

  .kzpet-info-panel,
  .kzpet-species {
    display:block;
  }

  .kzpet-panel-photo,
  .kzpet-species-photo {
    min-height:310px;
  }

  .kzpet-panel-copy,
  .kzpet-species-copy,
  .kzpet-selection {
    padding:27px 22px;
  }

  .kzpet-panel-copy p,
  .kzpet-species-copy p,
  .kzpet-selection p {
    font-size:13px;
  }

  .kzpet-trust-grid {
    grid-template-columns:1fr 1fr;
  }

  .kzpet-trust-grid > div {
    padding:10px 12px;

    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.18);
  }

  .kzpet-trust-grid > div:first-child {
    padding-left:12px;
  }

}


/* SMALL MOBILE ============================================= */

@media (max-width:430px) {

  .kzpet-hero h1 {
    font-size:39px;
  }

  .kzpet-hero-visual {
    min-height:265px;
  }

  .kzpet-metric-grid {
    grid-template-columns:1fr;
  }

  .kzpet-trust-grid {
    grid-template-columns:1fr;
  }

}


/* KETOZONA PET CAT SPLIT V3.4.2 START */

/*
 * Left panel:
 * "Metabolico non significa mettere l'animale in chetosi"
 * Dedicated TABBY cat.
 */
html body .kzpet-v3 .kzpet-photo-cat-wide {
    background-image:
        url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-ketosis-cat.png") !important;

    background-size: cover !important;
    background-position: 50% 36% !important;
}


/*
 * KETOZONA CAT panel:
 * dedicated GREY cat.
 */
html body .kzpet-v3 .kzpet-photo-cat {
    background-image:
        url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-cat-section.png") !important;

    background-size: cover !important;
    background-position: 50% 32% !important;
}


/* Mobile-specific framing */
@media (max-width: 767px) {

    html body .kzpet-v3 .kzpet-photo-cat-wide {
        min-height: 390px !important;
        background-position: 50% 30% !important;
    }

    html body .kzpet-v3 .kzpet-photo-cat {
        min-height: 390px !important;
        background-position: 50% 28% !important;
    }

}

/* KETOZONA PET CAT SPLIT V3.4.2 END */



/* KETOZONA PET MOBILE V3.5 START */

@media (max-width: 767px) {

    /* ======================================================
       HERO
       Keep all animals visible.
       The source image already contains empty space on left,
       therefore on mobile align the RIGHT edge of the asset.
       ====================================================== */

    html body .kzpet-v3 .kzpet-hero-visual {

        min-height: 300px !important;

        background-image:
            url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-hero-dog-cat.png") !important;

        background-size:
            cover !important;

        background-position:
            100% 50% !important;

        background-repeat:
            no-repeat !important;
    }


    /* Slightly reduce empty transition under CTA */
    html body .kzpet-v3 .kzpet-hero-copy {
        padding-bottom: 22px !important;
    }


    /* ======================================================
       BOWL / DIFFERENTIATION

       Desktop quote stays overlaid.
       Mobile becomes:
         IMAGE
         then QUOTE CARD
       so text never covers the food.
       ====================================================== */

    html body .kzpet-v3 .kzpet-bowl {

        min-height: 0 !important;

        padding:
            clamp(225px, 60vw, 265px)
            16px
            18px !important;

        background-image:
            url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-difference-bowl.png") !important;

        background-size:
            100% auto !important;

        background-position:
            center top !important;

        background-repeat:
            no-repeat !important;

        background-color:
            #f7f3e8 !important;

        overflow:
            visible !important;
    }


    html body .kzpet-v3 .kzpet-quote {

        position:
            relative !important;

        top:
            auto !important;

        right:
            auto !important;

        bottom:
            auto !important;

        left:
            auto !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 !important;

        padding:
            18px 22px !important;

        border-radius:
            16px !important;
    }


    html body .kzpet-v3 .kzpet-quote p {

        margin:
            0 !important;

        font-size:
            16px !important;

        line-height:
            1.42 !important;

        text-align:
            center !important;
    }


    html body .kzpet-v3 .kzpet-quote strong {

        margin-top:
            5px !important;
    }


    /* quotations less invasive on a phone */
    html body .kzpet-v3 .kzpet-quote-mark {

        top:
            7px !important;

        left:
            11px !important;

        font-size:
            35px !important;
    }


    html body .kzpet-v3 .kzpet-quote-close {

        top:
            auto !important;

        right:
            9px !important;

        bottom:
            -6px !important;

        left:
            auto !important;
    }


    /* ======================================================
       METHOD HEADING
       Better balance on narrow displays.
       ====================================================== */

    html body .kzpet-v3 .kzpet-section-head {

        padding:
            30px 22px 24px !important;
    }


    html body .kzpet-v3 .kzpet-section-head h2 {

        font-size:
            clamp(29px, 8.5vw, 36px) !important;

        line-height:
            1.08 !important;

        letter-spacing:
            -.035em !important;
    }


    html body .kzpet-v3 .kzpet-section-head p {

        font-size:
            15px !important;

        line-height:
            1.5 !important;
    }


    /* ======================================================
       CAT / DOG / METABOLIC IMAGES
       Preserve the corrected desktop mapping,
       only improve mobile crop.
       ====================================================== */

    html body .kzpet-v3 .kzpet-photo-cat-wide,
    html body .kzpet-v3 .kzpet-photo-cat,
    html body .kzpet-v3 .kzpet-photo-dog {

        min-height:
            430px !important;

        background-size:
            cover !important;
    }


    html body .kzpet-v3 .kzpet-photo-cat-wide {

        background-image:
            url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-ketosis-cat.png") !important;

        background-position:
            50% 25% !important;
    }


    html body .kzpet-v3 .kzpet-photo-cat {

        background-image:
            url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-cat-section.png") !important;

        background-position:
            50% 24% !important;
    }


    html body .kzpet-v3 .kzpet-photo-dog {

        background-image:
            url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-dog-section.png") !important;

        background-position:
            50% 24% !important;
    }

}


/* narrower phones */
@media (max-width: 430px) {

    html body .kzpet-v3 .kzpet-hero-visual {

        min-height:
            280px !important;

        background-position:
            100% 50% !important;
    }


    html body .kzpet-v3 .kzpet-bowl {

        padding-top:
            clamp(215px, 61vw, 250px) !important;
    }


    html body .kzpet-v3 .kzpet-quote {

        padding:
            17px 19px !important;
    }


    html body .kzpet-v3 .kzpet-quote p {

        font-size:
            15px !important;
    }


    html body .kzpet-v3 .kzpet-photo-cat-wide,
    html body .kzpet-v3 .kzpet-photo-cat,
    html body .kzpet-v3 .kzpet-photo-dog {

        min-height:
            390px !important;
    }

}

/* KETOZONA PET MOBILE V3.5 END */



/* KETOZONA PET MOBILE BOWL V3.5.1 START */

@media (max-width: 767px) {

    /*
     * Editorial mobile composition:
     *
     * IMAGE
     *   ↓
     * quote overlaps bottom edge
     */

    html body .kzpet-v3 .kzpet-bowl {

        position: relative !important;

        min-height: 0 !important;

        padding:
            0 0 28px !important;

        background:
            #f8f4ea !important;

        overflow:
            visible !important;
    }


    /*
     * Dedicated photographic area.
     * Avoids using the whole parent as one huge background.
     */
    html body .kzpet-v3 .kzpet-bowl::before {

        content: "" !important;

        display: block !important;

        width: 100% !important;
        height: clamp(255px, 68vw, 320px) !important;

        background-image:
            url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-difference-bowl.png") !important;

        background-repeat:
            no-repeat !important;

        background-size:
            cover !important;

        /*
         * On the HD asset the interesting food composition
         * is on the left/centre.
         */
        background-position:
            34% 50% !important;
    }


    /*
     * Quote overlaps image by ~45px.
     */
    html body .kzpet-v3 .kzpet-quote {

        position:
            relative !important;

        top:
            auto !important;

        right:
            auto !important;

        bottom:
            auto !important;

        left:
            auto !important;

        z-index:
            3 !important;

        width:
            calc(100% - 48px) !important;

        max-width:
            500px !important;

        margin:
            -46px auto 0 !important;

        padding:
            20px 24px !important;

        border-radius:
            18px !important;

        background:
            linear-gradient(
                145deg,
                #063f37 0%,
                #075448 100%
            ) !important;

        box-shadow:
            0 14px 30px
            rgba(7,52,46,.22) !important;
    }


    html body .kzpet-v3 .kzpet-quote p {

        margin:
            0 !important;

        color:
            #ffffff !important;

        font-size:
            15px !important;

        line-height:
            1.48 !important;

        font-weight:
            400 !important;

        text-align:
            center !important;
    }


    html body .kzpet-v3 .kzpet-quote strong {

        display:
            block !important;

        margin-top:
            5px !important;

        color:
            #ffffff !important;

        font-size:
            16px !important;

        line-height:
            1.38 !important;

        font-weight:
            800 !important;
    }


    html body .kzpet-v3 .kzpet-quote-mark {

        top:
            8px !important;

        left:
            13px !important;

        color:
            #e2b633 !important;

        font-size:
            34px !important;
    }


    html body .kzpet-v3 .kzpet-quote-close {

        top:
            auto !important;

        right:
            11px !important;

        bottom:
            -5px !important;

        left:
            auto !important;
    }

}


/* Narrow smartphones */
@media (max-width: 430px) {

    html body .kzpet-v3 .kzpet-bowl::before {

        height:
            275px !important;

        background-position:
            31% 50% !important;
    }


    html body .kzpet-v3 .kzpet-quote {

        width:
            calc(100% - 34px) !important;

        margin-top:
            -43px !important;

        padding:
            18px 20px !important;
    }


    html body .kzpet-v3 .kzpet-quote p {

        font-size:
            14px !important;
    }


    html body .kzpet-v3 .kzpet-quote strong {

        font-size:
            15px !important;
    }

}

/* KETOZONA PET MOBILE BOWL V3.5.1 END */



/* KETOZONA PET MOBILE BOWL V3.5.2 START */

@media (max-width: 767px) {

    /*
     * Mobile editorial card:
     * no full bleed, lower visual weight.
     */
    html body .kzpet-v3 .kzpet-bowl {

        position: relative !important;

        min-height: 0 !important;

        margin: 0 !important;

        padding:
            24px 18px 62px !important;

        background:
            #f8f5ec !important;

        overflow:
            visible !important;
    }


    /*
     * Photo becomes a contained premium card.
     */
    html body .kzpet-v3 .kzpet-bowl::before {

        content: "" !important;

        display: block !important;

        width: 100% !important;
        height: 235px !important;

        border-radius:
            20px !important;

        background-image:
            url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-difference-bowl.png") !important;

        background-repeat:
            no-repeat !important;

        background-size:
            cover !important;

        /*
         * Keeps bowl / salmon / meat visible,
         * without letting the empty right side dominate.
         */
        background-position:
            31% 50% !important;

        box-shadow:
            0 10px 25px
            rgba(30,54,49,.10) !important;
    }


    /*
     * Small quote card, aligned right,
     * like desktop rather than a second full-width section.
     */
    html body .kzpet-v3 .kzpet-quote {

        position:
            relative !important;

        top:
            auto !important;

        right:
            auto !important;

        bottom:
            auto !important;

        left:
            auto !important;

        z-index:
            5 !important;

        width:
            84% !important;

        max-width:
            390px !important;

        margin:
            -58px 4px 0 auto !important;

        padding:
            17px 20px !important;

        border-radius:
            16px !important;

        background:
            linear-gradient(
                145deg,
                #063f37 0%,
                #075448 100%
            ) !important;

        box-shadow:
            0 13px 28px
            rgba(6,56,48,.23) !important;
    }


    html body .kzpet-v3 .kzpet-quote p {

        margin:
            0 !important;

        color:
            #fff !important;

        font-size:
            14px !important;

        line-height:
            1.42 !important;

        text-align:
            center !important;
    }


    html body .kzpet-v3 .kzpet-quote strong {

        display:
            block !important;

        margin-top:
            5px !important;

        color:
            #fff !important;

        font-size:
            15px !important;

        line-height:
            1.36 !important;

        font-weight:
            800 !important;
    }


    html body .kzpet-v3 .kzpet-quote-mark {

        top:
            6px !important;

        left:
            10px !important;

        color:
            #e3b632 !important;

        font-size:
            31px !important;
    }


    html body .kzpet-v3 .kzpet-quote-close {

        top:
            auto !important;

        left:
            auto !important;

        right:
            9px !important;

        bottom:
            -5px !important;
    }

}


@media (max-width: 430px) {

    html body .kzpet-v3 .kzpet-bowl {

        padding:
            20px 15px 58px !important;
    }


    html body .kzpet-v3 .kzpet-bowl::before {

        height:
            220px !important;

        border-radius:
            18px !important;

        background-position:
            29% 50% !important;
    }


    html body .kzpet-v3 .kzpet-quote {

        width:
            86% !important;

        margin:
            -53px 2px 0 auto !important;

        padding:
            16px 18px !important;
    }


    html body .kzpet-v3 .kzpet-quote p {

        font-size:
            13.5px !important;
    }


    html body .kzpet-v3 .kzpet-quote strong {

        font-size:
            14.5px !important;
    }

}

/* KETOZONA PET MOBILE BOWL V3.5.2 END */



/* KETOZONA PET BOWL MICRO V3.5.3 START */

@media (max-width: 767px) {

    /*
     * Slightly tighter section:
     * reduce whitespace below overlapping quote.
     */
    html body .kzpet-v3 .kzpet-bowl {
        padding-bottom: 44px !important;
    }

    /*
     * Move quote 9px further over the image.
     * Previous value: -58px.
     */
    html body .kzpet-v3 .kzpet-quote {
        margin-top: -67px !important;
    }

}


@media (max-width: 430px) {

    /*
     * Previous narrow-phone values:
     * padding-bottom: 58px
     * margin-top: -53px
     */
    html body .kzpet-v3 .kzpet-bowl {
        padding-bottom: 40px !important;
    }

    html body .kzpet-v3 .kzpet-quote {
        margin-top: -62px !important;
    }

}

/* KETOZONA PET BOWL MICRO V3.5.3 END */
/* KETOZONA PET MOBILE METRICS V3.6 START */

@media (max-width: 767px) {

    /*
     * ========================================================
     * "COSA GUARDIAMO NELLA FORMULA"
     *
     * Mobile-only premium metabolic dashboard.
     * No hero / bowl / species changes.
     * ========================================================
     */

    html body .kzpet-v3 .kzpet-metrics {

        position: relative !important;

        padding:
            48px 16px 52px !important;

        margin:
            0 !important;

        background:
            linear-gradient(
                180deg,
                #f7f7f1 0%,
                #f3f6f2 55%,
                #f8f7f2 100%
            ) !important;

        overflow:
            hidden !important;
    }


    /*
     * Very subtle decorative glow.
     */
    html body .kzpet-v3 .kzpet-metrics::before {

        content: "" !important;

        position:
            absolute !important;

        top:
            -90px !important;

        right:
            -100px !important;

        width:
            230px !important;

        height:
            230px !important;

        border-radius:
            50% !important;

        background:
            radial-gradient(
                circle,
                rgba(177,198,39,.14) 0%,
                rgba(177,198,39,0) 70%
            ) !important;

        pointer-events:
            none !important;
    }


    /*
     * Heading.
     * Cover both possible heading wrappers currently
     * present in the V3 markup.
     */
    html body .kzpet-v3 .kzpet-metrics .kzpet-section-head,
    html body .kzpet-v3 .kzpet-metrics .kzpet-block-heading {

        position:
            relative !important;

        z-index:
            2 !important;

        margin:
            0 0 23px !important;

        padding:
            0 !important;

        text-align:
            left !important;
    }


    html body .kzpet-v3 .kzpet-metrics .kzpet-eyebrow,
    html body .kzpet-v3 .kzpet-metrics .kzpet-kicker {

        display:
            inline-flex !important;

        align-items:
            center !important;

        min-height:
            26px !important;

        margin:
            0 0 11px !important;

        padding:
            5px 10px !important;

        border:
            1px solid rgba(6,63,55,.13) !important;

        border-radius:
            999px !important;

        background:
            rgba(255,255,255,.72) !important;

        color:
            #53756d !important;

        font-size:
            10px !important;

        line-height:
            1 !important;

        font-weight:
            800 !important;

        letter-spacing:
            .13em !important;

        text-transform:
            uppercase !important;
    }


    html body .kzpet-v3 .kzpet-metrics h2 {

        margin:
            0 0 11px !important;

        color:
            #063f37 !important;

        font-size:
            29px !important;

        line-height:
            1.08 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.025em !important;
    }


    html body .kzpet-v3 .kzpet-metrics .kzpet-section-head > p,
    html body .kzpet-v3 .kzpet-metrics .kzpet-block-heading > p {

        max-width:
            520px !important;

        margin:
            0 !important;

        color:
            #687872 !important;

        font-size:
            14.5px !important;

        line-height:
            1.55 !important;
    }


    /*
     * ========================================================
     * METRIC GRID
     * ========================================================
     */

    html body .kzpet-v3 .kzpet-metric-grid {

        position:
            relative !important;

        z-index:
            2 !important;

        display:
            grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            12px !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


    html body .kzpet-v3 .kzpet-metric {

        position:
            relative !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            flex-start !important;

        justify-content:
            flex-start !important;

        min-width:
            0 !important;

        min-height:
            146px !important;

        margin:
            0 !important;

        padding:
            17px 14px 16px !important;

        border:
            1px solid rgba(7,75,64,.10) !important;

        border-radius:
            18px !important;

        background:
            rgba(255,255,255,.96) !important;

        box-shadow:
            0 8px 22px
            rgba(21,54,47,.075) !important;

        overflow:
            hidden !important;
    }


    /*
     * Small gold detail in the upper-right corner.
     */
    html body .kzpet-v3 .kzpet-metric::after {

        content:
            "" !important;

        position:
            absolute !important;

        top:
            12px !important;

        right:
            12px !important;

        width:
            6px !important;

        height:
            6px !important;

        border-radius:
            50% !important;

        background:
            #dab237 !important;

        box-shadow:
            0 0 0 4px
            rgba(218,178,55,.10) !important;
    }


    /*
     * Existing metric badge / icon.
     */
    html body .kzpet-v3 .kzpet-metric > span {

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            34px !important;

        min-width:
            34px !important;

        height:
            34px !important;

        margin:
            0 0 12px !important;

        padding:
            0 !important;

        border-radius:
            50% !important;

        background:
            #edf4f1 !important;

        color:
            #075347 !important;

        font-size:
            12px !important;

        line-height:
            1 !important;

        font-weight:
            850 !important;
    }


    html body .kzpet-v3 .kzpet-metric h4 {

        margin:
            0 0 6px !important;

        color:
            #123f38 !important;

        font-size:
            15.5px !important;

        line-height:
            1.16 !important;

        font-weight:
            800 !important;

        letter-spacing:
            -.01em !important;
    }


    html body .kzpet-v3 .kzpet-metric p {

        margin:
            0 !important;

        color:
            #74817d !important;

        font-size:
            12.5px !important;

        line-height:
            1.42 !important;

        font-weight:
            450 !important;
    }


    /*
     * Gentle alternating vertical rhythm.
     * Gives the dashboard less "catalog grid" feeling.
     */
    html body .kzpet-v3 .kzpet-metric:nth-child(even) {

        transform:
            translateY(8px) !important;
    }


    /*
     * Keep room after staggered second column.
     */
    html body .kzpet-v3 .kzpet-metric-grid {

        padding-bottom:
            8px !important;
    }

}


@media (max-width: 430px) {

    html body .kzpet-v3 .kzpet-metrics {

        padding:
            43px 14px 48px !important;
    }


    html body .kzpet-v3 .kzpet-metrics h2 {

        font-size:
            27px !important;
    }


    html body .kzpet-v3 .kzpet-metric-grid {

        gap:
            10px !important;
    }


    html body .kzpet-v3 .kzpet-metric {

        min-height:
            140px !important;

        padding:
            15px 12px 14px !important;

        border-radius:
            17px !important;
    }


    html body .kzpet-v3 .kzpet-metric > span {

        width:
            32px !important;

        min-width:
            32px !important;

        height:
            32px !important;

        margin-bottom:
            10px !important;
    }


    html body .kzpet-v3 .kzpet-metric h4 {

        font-size:
            14.5px !important;
    }


    html body .kzpet-v3 .kzpet-metric p {

        font-size:
            11.8px !important;

        line-height:
            1.4 !important;
    }

}

/* KETOZONA PET MOBILE METRICS V3.6 END */

/* KETOZONA PET MOBILE TRANSPARENCY V3.7.1 START */

@media (max-width: 767px) {

    /*
     * ========================================================
     * TRANSPARENCY ONLY.
     *
     * IMPORTANT:
     * .kzpet-data and .kzpet-data-grid are NOT touched.
     * Metrics V3.6 therefore remains unchanged.
     * ========================================================
     */

    html body .kzpet-v3 .kzpet-transparency {

        position: relative !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin:
            22px 0 0 !important;

        padding:
            32px 18px 22px !important;

        border-radius:
            24px !important;

        background:
            linear-gradient(
                150deg,
                #053f37 0%,
                #075448 55%,
                #086154 100%
            ) !important;

        box-shadow:
            0 14px 34px
            rgba(8,57,49,.15) !important;

        overflow:
            hidden !important;
    }


    /*
     * Subtle gold atmosphere.
     */
    html body .kzpet-v3 .kzpet-transparency::before {

        content: "" !important;

        position: absolute !important;

        top: -100px !important;
        right: -95px !important;

        width: 220px !important;
        height: 220px !important;

        border-radius: 50% !important;

        background:
            radial-gradient(
                circle,
                rgba(223,185,58,.19) 0%,
                rgba(223,185,58,0) 70%
            ) !important;

        pointer-events: none !important;
    }


    /*
     * ========================================================
     * HEADING
     * ========================================================
     */

    html body .kzpet-v3
    .kzpet-transparency > .kzpet-block-heading {

        position: relative !important;
        z-index: 2 !important;

        display: block !important;

        width: 100% !important;
        min-width: 0 !important;

        margin:
            0 0 22px !important;

        padding: 0 !important;

        text-align: left !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    > .kzpet-block-heading
    > .kzpet-eyebrow {

        display: inline-flex !important;

        align-items: center !important;

        margin:
            0 0 11px !important;

        padding:
            6px 10px !important;

        border:
            1px solid rgba(255,255,255,.19) !important;

        border-radius:
            999px !important;

        background:
            rgba(255,255,255,.075) !important;

        color:
            #e8c957 !important;

        font-size:
            10px !important;

        line-height:
            1 !important;

        font-weight:
            800 !important;

        letter-spacing:
            .12em !important;

        text-transform:
            uppercase !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    > .kzpet-block-heading
    > h2 {

        margin:
            0 0 11px !important;

        color:
            #ffffff !important;

        font-size:
            28px !important;

        line-height:
            1.08 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.025em !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    > .kzpet-block-heading
    > p {

        margin: 0 !important;

        color:
            rgba(255,255,255,.76) !important;

        font-size:
            14px !important;

        line-height:
            1.52 !important;
    }


    /*
     * ========================================================
     * A / B / C STACK
     * ========================================================
     */

    html body .kzpet-v3
    .kzpet-transparency > .kzpet-abc {

        position: relative !important;
        z-index: 2 !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) !important;

        gap:
            11px !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    .kzpet-grade {

        position: relative !important;

        display: grid !important;

        grid-template-columns:
            54px minmax(0, 1fr) !important;

        grid-template-rows:
            auto auto !important;

        column-gap:
            14px !important;

        row-gap:
            4px !important;

        align-items:
            center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        min-height:
            102px !important;

        margin: 0 !important;

        padding:
            15px 15px 15px 13px !important;

        border:
            1px solid rgba(255,255,255,.14) !important;

        border-radius:
            17px !important;

        background:
            rgba(255,255,255,.97) !important;

        box-shadow:
            0 9px 24px
            rgba(0,31,26,.17) !important;

        overflow:
            hidden !important;
    }


    /*
     * Evidence-level stripe.
     */
    html body .kzpet-v3
    .kzpet-transparency
    .kzpet-grade::before {

        content: "" !important;

        position: absolute !important;

        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;

        width:
            4px !important;

        background:
            #0a6b5a !important;
    }


    /*
     * Letter occupies both rows.
     */
    html body .kzpet-v3
    .kzpet-transparency
    .kzpet-grade-letter {

        grid-column:
            1 !important;

        grid-row:
            1 / span 2 !important;

        align-self:
            center !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            50px !important;

        min-width:
            50px !important;

        height:
            50px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        border:
            2px solid #08705e !important;

        border-radius:
            50% !important;

        background:
            #eaf4f1 !important;

        color:
            #07584b !important;

        font-size:
            21px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        box-shadow:
            0 0 0 5px
            rgba(7,89,75,.055) !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    .kzpet-grade > h3 {

        grid-column:
            2 !important;

        grid-row:
            1 !important;

        align-self:
            end !important;

        margin:
            0 !important;

        padding:
            0 !important;

        color:
            #103f38 !important;

        font-size:
            16px !important;

        line-height:
            1.15 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.01em !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    .kzpet-grade > p {

        grid-column:
            2 !important;

        grid-row:
            2 !important;

        align-self:
            start !important;

        margin:
            0 !important;

        padding:
            0 !important;

        color:
            #74817d !important;

        font-size:
            12.5px !important;

        line-height:
            1.42 !important;
    }


    /*
     * LEVEL A — analysed
     */
    html body .kzpet-v3
    .kzpet-transparency
    .grade-a::before {

        background:
            #08705e !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    .grade-a .kzpet-grade-letter {

        border-color:
            #08705e !important;

        background:
            #e9f5f1 !important;

        color:
            #07584b !important;
    }


    /*
     * LEVEL B — documented
     */
    html body .kzpet-v3
    .kzpet-transparency
    .grade-b::before {

        background:
            #c6a12b !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    .grade-b .kzpet-grade-letter {

        border-color:
            #c6a12b !important;

        background:
            #fbf4de !important;

        color:
            #876c10 !important;
    }


    /*
     * LEVEL C — estimated.
     * Neutral, not penalising.
     */
    html body .kzpet-v3
    .kzpet-transparency
    .grade-c::before {

        background:
            #87928f !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    .grade-c .kzpet-grade-letter {

        border-color:
            #87928f !important;

        background:
            #f0f2f1 !important;

        color:
            #596561 !important;
    }


    /*
     * ========================================================
     * METHODOLOGICAL NOTE
     * ========================================================
     */

    html body .kzpet-v3
    .kzpet-transparency
    > .kzpet-transparency-note {

        position: relative !important;
        z-index: 2 !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin:
            17px 0 0 !important;

        padding:
            14px 15px 14px 17px !important;

        border:
            1px solid rgba(231,199,84,.32) !important;

        border-radius:
            15px !important;

        background:
            rgba(0,31,26,.22) !important;

        color:
            rgba(255,255,255,.82) !important;

        font-size:
            12.3px !important;

        line-height:
            1.48 !important;

        box-shadow:
            inset 3px 0 0
            #dfbd45 !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    > .kzpet-transparency-note strong {

        color:
            #f1d975 !important;

        font-weight:
            800 !important;
    }

}


@media (max-width: 430px) {

    html body .kzpet-v3 .kzpet-transparency {

        margin-top:
            18px !important;

        padding:
            28px 14px 19px !important;

        border-radius:
            21px !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    > .kzpet-block-heading
    > h2 {

        font-size:
            26px !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    .kzpet-grade {

        grid-template-columns:
            50px minmax(0,1fr) !important;

        column-gap:
            12px !important;

        min-height:
            96px !important;

        padding:
            13px 12px 13px 11px !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    .kzpet-grade-letter {

        width:
            46px !important;

        min-width:
            46px !important;

        height:
            46px !important;

        font-size:
            19px !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    .kzpet-grade > h3 {

        font-size:
            15px !important;
    }


    html body .kzpet-v3
    .kzpet-transparency
    .kzpet-grade > p {

        font-size:
            11.8px !important;
    }

}

/* KETOZONA PET MOBILE TRANSPARENCY V3.7.1 END */

/* KETOZONA PET MOBILE KETOSIS V3.8 START */

@media (max-width: 767px) {

    /*
     * ========================================================
     * KETOSIS / MEANING OF "METABOLIC"
     * Scope: ONLY .kzpet-ketosis
     * ========================================================
     */

    html body .kzpet-v3 .kzpet-ketosis {

        position: relative !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin:
            0 !important;

        padding:
            18px 14px 28px !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            linear-gradient(
                180deg,
                #f6f4eb 0%,
                #f9f8f3 100%
            ) !important;

        box-shadow:
            none !important;

        overflow:
            visible !important;
    }


    /*
     * ========================================================
     * PHOTO
     * Dedicated tabby/soriano image.
     * ========================================================
     */

    html body .kzpet-v3
    .kzpet-ketosis
    > .kzpet-panel-photo.kzpet-photo-cat-wide {

        position: relative !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height:
            320px !important;

        min-height:
            320px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        border-radius:
            22px !important;

        background-image:
            url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-ketosis-cat.png") !important;

        background-repeat:
            no-repeat !important;

        background-size:
            cover !important;

        background-position:
            50% 30% !important;

        box-shadow:
            0 12px 28px
            rgba(30,54,49,.12) !important;

        overflow:
            hidden !important;
    }


    /*
     * Soft photographic gradient at bottom.
     */
    html body .kzpet-v3
    .kzpet-ketosis
    > .kzpet-panel-photo.kzpet-photo-cat-wide::after {

        content: "" !important;

        position: absolute !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        height:
            42% !important;

        background:
            linear-gradient(
                180deg,
                rgba(6,63,55,0) 0%,
                rgba(6,63,55,.12) 100%
            ) !important;

        pointer-events:
            none !important;
    }


    /*
     * ========================================================
     * COPY CARD
     * Slight overlap with photograph.
     * ========================================================
     */

    html body .kzpet-v3
    .kzpet-ketosis
    > .kzpet-panel-copy {

        position: relative !important;

        z-index:
            4 !important;

        display: block !important;

        width:
            calc(100% - 20px) !important;

        max-width:
            calc(100% - 20px) !important;

        min-width:
            0 !important;

        margin:
            -48px auto 0 !important;

        padding:
            24px 20px 22px !important;

        border:
            1px solid rgba(7,74,63,.10) !important;

        border-radius:
            20px !important;

        background:
            rgba(255,255,255,.97) !important;

        box-shadow:
            0 15px 32px
            rgba(20,53,46,.13) !important;

        text-align:
            left !important;
    }


    /*
     * Eyebrow.
     */
    html body .kzpet-v3
    .kzpet-ketosis
    .kzpet-panel-copy
    > .kzpet-eyebrow {

        display:
            inline-flex !important;

        align-items:
            center !important;

        margin:
            0 0 12px !important;

        padding:
            6px 10px !important;

        border:
            1px solid rgba(7,80,68,.13) !important;

        border-radius:
            999px !important;

        background:
            #eef4f1 !important;

        color:
            #55766e !important;

        font-size:
            9.5px !important;

        line-height:
            1 !important;

        font-weight:
            800 !important;

        letter-spacing:
            .11em !important;

        text-transform:
            uppercase !important;
    }


    html body .kzpet-v3
    .kzpet-ketosis
    .kzpet-panel-copy
    > h2 {

        margin:
            0 0 15px !important;

        color:
            #063f37 !important;

        font-size:
            27px !important;

        line-height:
            1.08 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.025em !important;
    }


    html body .kzpet-v3
    .kzpet-ketosis
    .kzpet-panel-copy
    > p {

        margin:
            0 0 13px !important;

        padding:
            0 !important;

        color:
            #687872 !important;

        font-size:
            14px !important;

        line-height:
            1.55 !important;

        text-align:
            left !important;
    }


    html body .kzpet-v3
    .kzpet-ketosis
    .kzpet-panel-copy
    > p:last-child {

        margin-bottom:
            0 !important;
    }


    /*
     * ========================================================
     * KEY METHODOLOGICAL STATEMENT
     *
     * Second paragraph contains the <strong>.
     * Turn it into a dedicated information band.
     * ========================================================
     */

    html body .kzpet-v3
    .kzpet-ketosis
    .kzpet-panel-copy
    > p:has(> strong) {

        position:
            relative !important;

        margin:
            18px 0 !important;

        padding:
            15px 15px 15px 18px !important;

        border:
            1px solid rgba(213,173,46,.27) !important;

        border-radius:
            15px !important;

        background:
            linear-gradient(
                145deg,
                #f7f2df 0%,
                #fbf8eb 100%
            ) !important;

        box-shadow:
            inset 3px 0 0
            #d7ae32 !important;
    }


    html body .kzpet-v3
    .kzpet-ketosis
    .kzpet-panel-copy
    > p > strong {

        display:
            block !important;

        margin:
            0 !important;

        color:
            #154e45 !important;

        font-size:
            15px !important;

        line-height:
            1.42 !important;

        font-weight:
            850 !important;
    }

}


@media (max-width: 430px) {

    html body .kzpet-v3 .kzpet-ketosis {

        padding:
            15px 12px 25px !important;
    }


    html body .kzpet-v3
    .kzpet-ketosis
    > .kzpet-panel-photo.kzpet-photo-cat-wide {

        height:
            292px !important;

        min-height:
            292px !important;

        border-radius:
            20px !important;

        background-position:
            50% 28% !important;
    }


    html body .kzpet-v3
    .kzpet-ketosis
    > .kzpet-panel-copy {

        width:
            calc(100% - 14px) !important;

        max-width:
            calc(100% - 14px) !important;

        margin-top:
            -42px !important;

        padding:
            21px 17px 19px !important;

        border-radius:
            18px !important;
    }


    html body .kzpet-v3
    .kzpet-ketosis
    .kzpet-panel-copy
    > h2 {

        font-size:
            25px !important;
    }


    html body .kzpet-v3
    .kzpet-ketosis
    .kzpet-panel-copy
    > p {

        font-size:
            13.4px !important;
    }


    html body .kzpet-v3
    .kzpet-ketosis
    .kzpet-panel-copy
    > p > strong {

        font-size:
            14.2px !important;
    }

}

/* KETOZONA PET MOBILE KETOSIS V3.8 END */

/* KETOZONA PET MOBILE CAT DOG V3.9 START */

@media (max-width: 767px) {

    /*
     * ========================================================
     * CAT + DOG ONLY
     *
     * Scope locked to:
     * .kzpet-cat
     * .kzpet-dog
     * ========================================================
     */

    html body .kzpet-v3 .kzpet-cat,
    html body .kzpet-v3 .kzpet-dog {

        position: relative !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        padding:
            18px 14px 32px !important;

        border: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        overflow: visible !important;

        scroll-margin-top:
            110px !important;
    }


    /*
     * CAT gets a cooler neutral background.
     */
    html body .kzpet-v3 .kzpet-cat {

        background:
            linear-gradient(
                180deg,
                #f7f8f5 0%,
                #f1f5f2 100%
            ) !important;
    }


    /*
     * DOG gets a warmer ivory background.
     */
    html body .kzpet-v3 .kzpet-dog {

        background:
            linear-gradient(
                180deg,
                #f8f5ec 0%,
                #f4f1e7 100%
            ) !important;
    }


    /*
     * ========================================================
     * PHOTOGRAPHY
     * ========================================================
     */

    html body .kzpet-v3
    .kzpet-cat
    > .kzpet-species-photo,

    html body .kzpet-v3
    .kzpet-dog
    > .kzpet-species-photo {

        position: relative !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height:
            320px !important;

        min-height:
            320px !important;

        margin: 0 !important;

        padding: 0 !important;

        border-radius:
            22px !important;

        background-repeat:
            no-repeat !important;

        background-size:
            cover !important;

        box-shadow:
            0 12px 28px
            rgba(27,54,47,.12) !important;

        overflow:
            hidden !important;
    }


    /*
     * Dedicated GREY CAT.
     */
    html body .kzpet-v3
    .kzpet-cat
    > .kzpet-photo-cat {

        background-image:
            url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-cat-section.png") !important;

        background-position:
            50% 28% !important;
    }


    /*
     * Dedicated GOLDEN RETRIEVER.
     */
    html body .kzpet-v3
    .kzpet-dog
    > .kzpet-photo-dog {

        background-image:
            url("/stag-ketozona/themes/warehousechild/assets/img/kzpet/kzpet-dog-section.png") !important;

        background-position:
            50% 30% !important;
    }


    /*
     * Gentle photographic gradient.
     */
    html body .kzpet-v3
    .kzpet-cat
    > .kzpet-species-photo::after,

    html body .kzpet-v3
    .kzpet-dog
    > .kzpet-species-photo::after {

        content: "" !important;

        position: absolute !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        height:
            38% !important;

        pointer-events:
            none !important;
    }


    html body .kzpet-v3
    .kzpet-cat
    > .kzpet-species-photo::after {

        background:
            linear-gradient(
                180deg,
                rgba(6,63,55,0) 0%,
                rgba(6,63,55,.12) 100%
            ) !important;
    }


    html body .kzpet-v3
    .kzpet-dog
    > .kzpet-species-photo::after {

        background:
            linear-gradient(
                180deg,
                rgba(90,67,18,0) 0%,
                rgba(90,67,18,.12) 100%
            ) !important;
    }


    /*
     * ========================================================
     * COPY CARDS
     * ========================================================
     */

    html body .kzpet-v3
    .kzpet-cat
    > .kzpet-species-copy,

    html body .kzpet-v3
    .kzpet-dog
    > .kzpet-species-copy {

        position: relative !important;

        z-index:
            4 !important;

        display: block !important;

        width:
            calc(100% - 20px) !important;

        max-width:
            calc(100% - 20px) !important;

        min-width:
            0 !important;

        margin:
            -46px auto 0 !important;

        padding:
            24px 20px 21px !important;

        border-radius:
            20px !important;

        text-align:
            left !important;
    }


    /*
     * CAT:
     * clean white / green.
     */
    html body .kzpet-v3
    .kzpet-cat
    > .kzpet-species-copy {

        border:
            1px solid rgba(7,74,63,.10) !important;

        background:
            rgba(255,255,255,.97) !important;

        box-shadow:
            0 15px 32px
            rgba(20,53,46,.13) !important;
    }


    /*
     * DOG:
     * warm ivory / gold.
     */
    html body .kzpet-v3
    .kzpet-dog
    > .kzpet-species-copy {

        border:
            1px solid rgba(180,143,38,.16) !important;

        background:
            rgba(255,253,247,.98) !important;

        box-shadow:
            0 15px 32px
            rgba(76,59,20,.11) !important;
    }


    /*
     * ========================================================
     * EYEBROWS
     * ========================================================
     */

    html body .kzpet-v3
    .kzpet-cat
    .kzpet-species-copy
    > .kzpet-eyebrow,

    html body .kzpet-v3
    .kzpet-dog
    .kzpet-species-copy
    > .kzpet-eyebrow {

        display:
            inline-flex !important;

        align-items:
            center !important;

        margin:
            0 0 12px !important;

        padding:
            6px 10px !important;

        border-radius:
            999px !important;

        font-size:
            9.8px !important;

        line-height:
            1 !important;

        font-weight:
            850 !important;

        letter-spacing:
            .12em !important;

        text-transform:
            uppercase !important;
    }


    html body .kzpet-v3
    .kzpet-cat
    .kzpet-species-copy
    > .kzpet-eyebrow {

        border:
            1px solid rgba(7,79,67,.13) !important;

        background:
            #eef5f2 !important;

        color:
            #49736a !important;
    }


    html body .kzpet-v3
    .kzpet-dog
    .kzpet-species-copy
    > .kzpet-eyebrow {

        border:
            1px solid rgba(198,161,43,.22) !important;

        background:
            #fbf4de !important;

        color:
            #8b7015 !important;
    }


    /*
     * ========================================================
     * HEADINGS + COPY
     * ========================================================
     */

    html body .kzpet-v3
    .kzpet-cat
    .kzpet-species-copy
    > h2,

    html body .kzpet-v3
    .kzpet-dog
    .kzpet-species-copy
    > h2 {

        margin:
            0 0 14px !important;

        color:
            #063f37 !important;

        font-size:
            27px !important;

        line-height:
            1.08 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.025em !important;
    }


    html body .kzpet-v3
    .kzpet-cat
    .kzpet-species-copy
    > p,

    html body .kzpet-v3
    .kzpet-dog
    .kzpet-species-copy
    > p {

        margin:
            0 0 19px !important;

        color:
            #687872 !important;

        font-size:
            14px !important;

        line-height:
            1.55 !important;

        text-align:
            left !important;
    }


    /*
     * ========================================================
     * CTA
     * ========================================================
     */

    html body .kzpet-v3
    .kzpet-cat
    .kzpet-mini-btn,

    html body .kzpet-v3
    .kzpet-dog
    .kzpet-mini-btn {

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        min-height:
            48px !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            12px 15px !important;

        border-radius:
            14px !important;

        font-size:
            12.5px !important;

        line-height:
            1.2 !important;

        font-weight:
            850 !important;

        letter-spacing:
            .02em !important;

        text-decoration:
            none !important;

        text-align:
            center !important;

        transition:
            transform .18s ease,
            box-shadow .18s ease !important;
    }


    html body .kzpet-v3
    .kzpet-cat
    .kzpet-mini-btn {

        border:
            1px solid #075347 !important;

        background:
            linear-gradient(
                145deg,
                #064b41 0%,
                #08705e 100%
            ) !important;

        color:
            #ffffff !important;

        box-shadow:
            0 8px 18px
            rgba(6,75,64,.18) !important;
    }


    html body .kzpet-v3
    .kzpet-dog
    .kzpet-mini-btn {

        border:
            1px solid #c7a12b !important;

        background:
            linear-gradient(
                145deg,
                #d4ae32 0%,
                #c49a20 100%
            ) !important;

        color:
            #123f38 !important;

        box-shadow:
            0 8px 18px
            rgba(164,128,26,.18) !important;
    }


    html body .kzpet-v3
    .kzpet-cat
    .kzpet-mini-btn:active,

    html body .kzpet-v3
    .kzpet-dog
    .kzpet-mini-btn:active {

        transform:
            scale(.985) !important;
    }


    /*
     * Visual breathing room between CAT and DOG.
     */
    html body .kzpet-v3 .kzpet-dog {

        padding-top:
            30px !important;
    }

}


@media (max-width: 430px) {

    html body .kzpet-v3 .kzpet-cat,
    html body .kzpet-v3 .kzpet-dog {

        padding-left:
            12px !important;

        padding-right:
            12px !important;

        padding-bottom:
            27px !important;
    }


    html body .kzpet-v3
    .kzpet-cat
    > .kzpet-species-photo,

    html body .kzpet-v3
    .kzpet-dog
    > .kzpet-species-photo {

        height:
            292px !important;

        min-height:
            292px !important;

        border-radius:
            20px !important;
    }


    html body .kzpet-v3
    .kzpet-cat
    > .kzpet-photo-cat {

        background-position:
            50% 26% !important;
    }


    html body .kzpet-v3
    .kzpet-dog
    > .kzpet-photo-dog {

        background-position:
            50% 28% !important;
    }


    html body .kzpet-v3
    .kzpet-cat
    > .kzpet-species-copy,

    html body .kzpet-v3
    .kzpet-dog
    > .kzpet-species-copy {

        width:
            calc(100% - 14px) !important;

        max-width:
            calc(100% - 14px) !important;

        margin-top:
            -41px !important;

        padding:
            21px 17px 18px !important;

        border-radius:
            18px !important;
    }


    html body .kzpet-v3
    .kzpet-cat
    .kzpet-species-copy
    > h2,

    html body .kzpet-v3
    .kzpet-dog
    .kzpet-species-copy
    > h2 {

        font-size:
            25px !important;
    }


    html body .kzpet-v3
    .kzpet-cat
    .kzpet-species-copy
    > p,

    html body .kzpet-v3
    .kzpet-dog
    .kzpet-species-copy
    > p {

        font-size:
            13.4px !important;
    }

}

/* KETOZONA PET MOBILE CAT DOG V3.9 END */

/* KETOZONA PET MOBILE FINAL V3.10 START */

@media (max-width: 767px) {

    /*
     * ========================================================
     * FINAL COMMERCIAL BRIDGE
     * Scope: ONLY article#kzpet-selection
     * ========================================================
     */

    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection {

        position: relative !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin:
            0 !important;

        padding:
            46px 24px 27px !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            linear-gradient(
                145deg,
                #053f37 0%,
                #075448 55%,
                #086254 100%
            ) !important;

        color:
            #ffffff !important;

        box-shadow:
            none !important;

        text-align:
            center !important;

        overflow:
            hidden !important;
    }


    /*
     * Gold atmospheric halo.
     */
    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection::before {

        content:
            "" !important;

        position:
            absolute !important;

        top:
            -120px !important;

        right:
            -105px !important;

        width:
            270px !important;

        height:
            270px !important;

        border-radius:
            50% !important;

        background:
            radial-gradient(
                circle,
                rgba(224,185,55,.23) 0%,
                rgba(224,185,55,0) 70%
            ) !important;

        pointer-events:
            none !important;
    }


    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection::after {

        content:
            "" !important;

        position:
            absolute !important;

        left:
            -130px !important;

        bottom:
            -155px !important;

        width:
            290px !important;

        height:
            290px !important;

        border-radius:
            50% !important;

        background:
            radial-gradient(
                circle,
                rgba(255,255,255,.075) 0%,
                rgba(255,255,255,0) 72%
            ) !important;

        pointer-events:
            none !important;
    }


    /*
     * Shopping / selection icon.
     */
    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection
    > .kzpet-selection-icon {

        position: relative !important;

        z-index:
            2 !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            68px !important;

        height:
            68px !important;

        margin:
            0 auto 17px !important;

        border:
            1px solid rgba(228,190,62,.52) !important;

        border-radius:
            50% !important;

        background:
            rgba(255,255,255,.09) !important;

        color:
            #ebca57 !important;

        box-shadow:
            0 0 0 7px
            rgba(255,255,255,.045) !important;
    }


    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection
    > .kzpet-selection-icon svg {

        width:
            32px !important;

        height:
            32px !important;

        fill:
            none !important;

        stroke:
            currentColor !important;

        stroke-width:
            2.15 !important;

        stroke-linecap:
            round !important;

        stroke-linejoin:
            round !important;
    }


    /*
     * Eyebrow.
     */
    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection
    > .kzpet-eyebrow {

        position: relative !important;

        z-index:
            2 !important;

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        margin:
            0 0 13px !important;

        padding:
            6px 11px !important;

        border:
            1px solid rgba(255,255,255,.20) !important;

        border-radius:
            999px !important;

        background:
            rgba(255,255,255,.075) !important;

        color:
            #e9ca5d !important;

        font-size:
            9.8px !important;

        line-height:
            1 !important;

        font-weight:
            850 !important;

        letter-spacing:
            .12em !important;

        text-transform:
            uppercase !important;
    }


    /*
     * Heading.
     */
    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection
    > h2 {

        position: relative !important;

        z-index:
            2 !important;

        max-width:
            520px !important;

        margin:
            0 auto 16px !important;

        color:
            #ffffff !important;

        font-size:
            29px !important;

        line-height:
            1.08 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.025em !important;

        text-align:
            center !important;
    }


    /*
     * Intro and methodology copy.
     */
    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection
    > p {

        position: relative !important;

        z-index:
            2 !important;

        max-width:
            520px !important;

        margin:
            0 auto 12px !important;

        padding:
            0 !important;

        color:
            rgba(255,255,255,.78) !important;

        font-size:
            14px !important;

        line-height:
            1.55 !important;

        text-align:
            center !important;
    }


    /*
     * First sentence becomes a brief lead.
     */
    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection
    > p:first-of-type {

        color:
            rgba(255,255,255,.92) !important;

        font-weight:
            650 !important;
    }


    /*
     * Second paragraph gets a subtle method panel.
     */
    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection
    > p:nth-of-type(2) {

        margin-top:
            18px !important;

        margin-bottom:
            21px !important;

        padding:
            15px 16px !important;

        border:
            1px solid rgba(255,255,255,.13) !important;

        border-radius:
            15px !important;

        background:
            rgba(0,31,26,.20) !important;

        box-shadow:
            inset 3px 0 0
            #d9b23a !important;
    }


    /*
     * CTA.
     */
    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection
    > .kzpet-mini-btn {

        position: relative !important;

        z-index:
            2 !important;

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            100% !important;

        max-width:
            390px !important;

        min-height:
            50px !important;

        margin:
            1px auto 0 !important;

        padding:
            13px 17px !important;

        border:
            1px solid #d1a92e !important;

        border-radius:
            14px !important;

        background:
            linear-gradient(
                145deg,
                #deb93d 0%,
                #cda126 100%
            ) !important;

        color:
            #123f38 !important;

        box-shadow:
            0 9px 20px
            rgba(0,23,19,.20) !important;

        font-size:
            12.5px !important;

        line-height:
            1.2 !important;

        font-weight:
            900 !important;

        letter-spacing:
            .025em !important;

        text-align:
            center !important;

        text-decoration:
            none !important;
    }


    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection
    > .kzpet-mini-btn:active {

        transform:
            scale(.985) !important;
    }


    /*
     * ========================================================
     * TRUST SIGNATURE
     * Scope: ONLY section.kzpet-trust
     * ========================================================
     */

    html body .kzpet-v3
    section.kzpet-trust {

        position: relative !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin:
            0 !important;

        padding:
            25px 14px 30px !important;

        background:
            #f4f4ee !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        overflow:
            hidden !important;
    }


    html body .kzpet-v3
    section.kzpet-trust
    > .kzpet-trust-grid {

        position: relative !important;

        display:
            grid !important;

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap:
            10px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin:
            0 auto !important;

        padding:
            0 !important;
    }


    html body .kzpet-v3
    section.kzpet-trust
    .kzpet-trust-grid
    > div {

        position:
            relative !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        justify-content:
            center !important;

        min-width:
            0 !important;

        min-height:
            92px !important;

        margin:
            0 !important;

        padding:
            14px 13px 13px !important;

        border:
            1px solid rgba(7,75,64,.09) !important;

        border-radius:
            16px !important;

        background:
            rgba(255,255,255,.92) !important;

        box-shadow:
            0 7px 18px
            rgba(23,54,47,.055) !important;

        text-align:
            left !important;
    }


    /*
     * Small signature mark.
     */
    html body .kzpet-v3
    section.kzpet-trust
    .kzpet-trust-grid
    > div::before {

        content:
            "" !important;

        display:
            block !important;

        width:
            22px !important;

        height:
            3px !important;

        margin:
            0 0 9px !important;

        border-radius:
            999px !important;

        background:
            #d3ac35 !important;
    }


    html body .kzpet-v3
    section.kzpet-trust
    .kzpet-trust-grid
    > div > b {

        display:
            block !important;

        margin:
            0 0 4px !important;

        color:
            #0a4a40 !important;

        font-size:
            13px !important;

        line-height:
            1.22 !important;

        font-weight:
            850 !important;
    }


    html body .kzpet-v3
    section.kzpet-trust
    .kzpet-trust-grid
    > div > span {

        display:
            block !important;

        margin:
            0 !important;

        color:
            #78837f !important;

        font-size:
            11.4px !important;

        line-height:
            1.35 !important;

        font-weight:
            500 !important;
    }


    /*
     * Fifth principle = final full-width signature.
     */
    html body .kzpet-v3
    section.kzpet-trust
    .kzpet-trust-grid
    > div:nth-child(5) {

        grid-column:
            1 / -1 !important;

        min-height:
            78px !important;

        padding:
            14px 16px !important;

        border-color:
            rgba(196,158,43,.16) !important;

        background:
            linear-gradient(
                145deg,
                #faf7e9 0%,
                #fffdf7 100%
            ) !important;
    }


    html body .kzpet-v3
    section.kzpet-trust
    .kzpet-trust-grid
    > div:nth-child(5)::before {

        width:
            35px !important;

        background:
            #cba42f !important;
    }

}


@media (max-width: 430px) {

    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection {

        padding:
            40px 17px 24px !important;
    }


    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection
    > .kzpet-selection-icon {

        width:
            62px !important;

        height:
            62px !important;

        margin-bottom:
            15px !important;
    }


    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection
    > h2 {

        font-size:
            27px !important;
    }


    html body .kzpet-v3
    article.kzpet-selection#kzpet-selection
    > p {

        font-size:
            13.3px !important;
    }


    html body .kzpet-v3
    section.kzpet-trust {

        padding:
            22px 12px 26px !important;
    }


    html body .kzpet-v3
    section.kzpet-trust
    > .kzpet-trust-grid {

        gap:
            8px !important;
    }


    html body .kzpet-v3
    section.kzpet-trust
    .kzpet-trust-grid
    > div {

        min-height:
            88px !important;

        padding:
            12px 11px !important;

        border-radius:
            15px !important;
    }


    html body .kzpet-v3
    section.kzpet-trust
    .kzpet-trust-grid
    > div > b {

        font-size:
            12.3px !important;
    }


    html body .kzpet-v3
    section.kzpet-trust
    .kzpet-trust-grid
    > div > span {

        font-size:
            10.8px !important;
    }

}

/* KETOZONA PET MOBILE FINAL V3.10 END */

/* KETOZONA PET DESKTOP CTA V3.11 START */

@media (min-width:768px) {

    html body.category-id-216
    .kzpet-v3
    .kzpet-actions {
        gap:14px !important;
        margin-top:6px !important;
    }

    html body.category-id-216
    .kzpet-v3
    .kzpet-actions
    .kzpet-btn {
        min-width:220px !important;
        min-height:56px !important;
        padding:14px 24px !important;

        border-radius:15px !important;

        font-size:12.5px !important;
        line-height:1.15 !important;
        font-weight:900 !important;
        letter-spacing:.025em !important;

        box-shadow:
            0 12px 27px
            rgba(18,49,43,.20) !important;

        transition:
            transform .18s ease,
            box-shadow .18s ease,
            filter .18s ease !important;
    }

    html body.category-id-216
    .kzpet-v3
    .kzpet-actions
    .kzpet-btn:hover {
        transform:
            translateY(-2px) !important;

        box-shadow:
            0 16px 32px
            rgba(18,49,43,.27) !important;

        filter:
            brightness(1.045) !important;
    }

    html body.category-id-216
    .kzpet-v3
    .kzpet-btn-green {
        border:
            1px solid #0a6657 !important;

        background:
            linear-gradient(
                145deg,
                #06483e 0%,
                #08705f 100%
            ) !important;
    }

    html body.category-id-216
    .kzpet-v3
    .kzpet-btn-gold {
        border:
            1px solid #b88e1e !important;

        background:
            linear-gradient(
                145deg,
                #c99b23 0%,
                #e0bd48 100%
            ) !important;

        color:
            #163f38 !important;
    }


    html body.category-id-216
    .kzpet-v3
    .kzpet-cat
    .kzpet-mini-btn,

    html body.category-id-216
    .kzpet-v3
    .kzpet-dog
    .kzpet-mini-btn {

        align-self:
            flex-start !important;

        min-height:
            46px !important;

        padding:
            13px 20px !important;

        border-radius:
            13px !important;

        font-size:
            11.5px !important;

        line-height:
            1.15 !important;

        font-weight:
            900 !important;

        letter-spacing:
            .025em !important;

        box-shadow:
            0 9px 21px
            rgba(24,51,45,.15) !important;

        transition:
            transform .18s ease,
            box-shadow .18s ease,
            filter .18s ease !important;
    }


    html body.category-id-216
    .kzpet-v3
    .kzpet-cat
    .kzpet-mini-btn {

        border:
            1px solid #075347 !important;

        background:
            linear-gradient(
                145deg,
                #064b41 0%,
                #08705e 100%
            ) !important;

        color:
            #fff !important;
    }


    html body.category-id-216
    .kzpet-v3
    .kzpet-dog
    .kzpet-mini-btn {

        border:
            1px solid #b99022 !important;

        background:
            linear-gradient(
                145deg,
                #d6ae32 0%,
                #e3c24d 100%
            ) !important;

        color:
            #173f38 !important;
    }


    html body.category-id-216
    .kzpet-v3
    .kzpet-cat
    .kzpet-mini-btn:hover,

    html body.category-id-216
    .kzpet-v3
    .kzpet-dog
    .kzpet-mini-btn:hover {

        transform:
            translateY(-2px) !important;

        box-shadow:
            0 13px 27px
            rgba(24,51,45,.22) !important;

        filter:
            brightness(1.04) !important;
    }

}

/* KETOZONA PET DESKTOP CTA V3.11 END */