/** Shopify CDN: Minification failed

Line 3199:0 Unexpected "}"

**/
#terms-amp-conditions .wrapper{
  max-width: 1180px;
  width: auto;
}
#terms-amp-conditions main ol,
#terms-amp-conditions main ul{
  list-style-position: inside;
  margin: 0 0 30px 20px;
  padding: 0;
}
#terms-amp-conditions main p{
  margin: 1em 0;
}

.shipping_option-yas .app_link a,
.health_guarantee_yas .app_link a,
.our_breeders-yas .app_link a{
  margin: 0;
}
.shipping_option-yas .image{
  min-height: 590px;
  display: flex;
}
.shipping_option-yas .image img{
  object-fit: cover;
  object-position: right;
}

.inner_banner_content{
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1330px;
    padding: 15px;
}
.inner_banner_image{
  
}

:root {
    --full-height: 100vh;
    --COLOR-PRIMARY-OPPOSITE: #ffffff;
    --COLOR-PRIMARY-OPPOSITE-ALPHA-20: rgba(255, 255, 255, 0.2);
    --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-20: rgba(26, 26, 26, 0.2);
    --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-30: rgba(26, 26, 26, 0.3);
    --PRIMARY-BUTTONS-COLOR-BG: #000000;
    --PRIMARY-BUTTONS-COLOR-TEXT: #ffffff;
    --PRIMARY-BUTTONS-COLOR-BORDER: #000000;
    --PRIMARY-BUTTONS-COLOR-LIGHTEN-DARKEN: #1a1a1a;
    --PRIMARY-BUTTONS-COLOR-ALPHA-05: rgba(0, 0, 0, 0.05);
    --PRIMARY-BUTTONS-COLOR-ALPHA-10: rgba(0, 0, 0, 0.1);
    --PRIMARY-BUTTONS-COLOR-ALPHA-50: rgba(0, 0, 0, 0.5);
    --COLOR-SECONDARY-OPPOSITE: #000000;
    --COLOR-SECONDARY-OPPOSITE-ALPHA-20: rgba(0, 0, 0, 0.2);
    --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-20: rgba(230, 230, 230, 0.2);
    --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-30: rgba(230, 230, 230, 0.3);
    --SECONDARY-BUTTONS-COLOR-BG: #ffffff;
    --SECONDARY-BUTTONS-COLOR-TEXT: #000000;
    --SECONDARY-BUTTONS-COLOR-BORDER: #ffffff;
    --SECONDARY-BUTTONS-COLOR-ALPHA-05: rgba(255, 255, 255, 0.05);
    --SECONDARY-BUTTONS-COLOR-ALPHA-10: rgba(255, 255, 255, 0.1);
    --SECONDARY-BUTTONS-COLOR-ALPHA-50: rgba(255, 255, 255, 0.5);
    --OUTLINE-BUTTONS-PRIMARY-BG: transparent;
    --OUTLINE-BUTTONS-PRIMARY-TEXT: #000000;
    --OUTLINE-BUTTONS-PRIMARY-BORDER: #000000;
    --OUTLINE-BUTTONS-PRIMARY-BG-HOVER: rgba(26, 26, 26, 0.2);
    --OUTLINE-BUTTONS-SECONDARY-BG: transparent;
    --OUTLINE-BUTTONS-SECONDARY-TEXT: #ffffff;
    --OUTLINE-BUTTONS-SECONDARY-BORDER: #ffffff;
    --OUTLINE-BUTTONS-SECONDARY-BG-HOVER: rgba(230, 230, 230, 0.2);
    --OUTLINE-BUTTONS-WHITE-BG: transparent;
    --OUTLINE-BUTTONS-WHITE-TEXT: #ffffff;
    --OUTLINE-BUTTONS-WHITE-BORDER: #ffffff;
    --OUTLINE-BUTTONS-BLACK-BG: transparent;
    --OUTLINE-BUTTONS-BLACK-TEXT: #000000;
    --OUTLINE-BUTTONS-BLACK-BORDER: #000000;
    --OUTLINE-SOLID-BUTTONS-PRIMARY-BG: #000000;
    --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT: #ffffff;
    --OUTLINE-SOLID-BUTTONS-PRIMARY-BORDER: #ffffff;
    --OUTLINE-SOLID-BUTTONS-PRIMARY-BG-HOVER: rgba(255, 255, 255, 0.2);
    --OUTLINE-SOLID-BUTTONS-SECONDARY-BG: #ffffff;
    --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT: #000000;
    --OUTLINE-SOLID-BUTTONS-SECONDARY-BORDER: #000000;
    --OUTLINE-SOLID-BUTTONS-SECONDARY-BG-HOVER: rgba(0, 0, 0, 0.2);
    --OUTLINE-SOLID-BUTTONS-WHITE-BG: #ffffff;
    --OUTLINE-SOLID-BUTTONS-WHITE-TEXT: #000000;
    --OUTLINE-SOLID-BUTTONS-WHITE-BORDER: #000000;
    --OUTLINE-SOLID-BUTTONS-BLACK-BG: #000000;
    --OUTLINE-SOLID-BUTTONS-BLACK-TEXT: #ffffff;
    --OUTLINE-SOLID-BUTTONS-BLACK-BORDER: #ffffff;
    --COLOR-HEADING: #0b0b0b;
    --COLOR-TEXT: #0b0b0b;
    --COLOR-TEXT-DARKEN: #000000;
    --COLOR-TEXT-LIGHTEN: #3e3e3e;
    --COLOR-TEXT-ALPHA-5: rgba(11, 11, 11, 0.05);
    --COLOR-TEXT-ALPHA-8: rgba(11, 11, 11, 0.08);
    --COLOR-TEXT-ALPHA-10: rgba(11, 11, 11, 0.1);
    --COLOR-TEXT-ALPHA-15: rgba(11, 11, 11, 0.15);
    --COLOR-TEXT-ALPHA-20: rgba(11, 11, 11, 0.2);
    --COLOR-TEXT-ALPHA-25: rgba(11, 11, 11, 0.25);
    --COLOR-TEXT-ALPHA-50: rgba(11, 11, 11, 0.5);
    --COLOR-TEXT-ALPHA-60: rgba(11, 11, 11, 0.6);
    --COLOR-TEXT-ALPHA-85: rgba(11, 11, 11, 0.85);
    --COLOR-BG: #ffffff;
    --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25);
    --COLOR-BG-ALPHA-35: rgba(255, 255, 255, 0.35);
    --COLOR-BG-ALPHA-60: rgba(255, 255, 255, 0.6);
    --COLOR-BG-ALPHA-65: rgba(255, 255, 255, 0.65);
    --COLOR-BG-ALPHA-85: rgba(255, 255, 255, 0.85);
    --COLOR-BG-OVERLAY: rgba(255, 255, 255, 0.75);
    --COLOR-BG-DARKEN: #e6e6e6;
    --COLOR-BG-LIGHTEN-DARKEN: #e6e6e6;
    --COLOR-BG-LIGHTEN-DARKEN-2: #cdcdcd;
    --COLOR-BG-LIGHTEN-DARKEN-3: #b3b3b3;
    --COLOR-BG-LIGHTEN-DARKEN-4: #9a9a9a;
    --COLOR-BG-LIGHTEN-DARKEN-CONTRAST: #b3b3b3;
    --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-2: #999999;
    --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-3: #808080;
    --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-4: #666666;
    --COLOR-BG-SECONDARY: #fff7f2;
    --COLOR-BG-SECONDARY-LIGHTEN-DARKEN: #ffd8bf;
    --COLOR-BG-SECONDARY-LIGHTEN-DARKEN-50: rgba(255, 216, 191, 0.5);
    --COLOR-BG-SECONDARY-LIGHTEN-DARKEN-CONTRAST: #f25d00;
    --COLOR-INPUT-BG: #ffffff;
    --COLOR-ACCENT: #fff7f2;
    --COLOR-ACCENT-TEXT: #000;
    --COLOR-BORDER: #d3d3d3;
    --COLOR-BORDER-ALPHA-15: rgba(211, 211, 211, 0.15);
    --COLOR-BORDER-ALPHA-30: rgba(211, 211, 211, 0.3);
    --COLOR-BORDER-ALPHA-50: rgba(211, 211, 211, 0.5);
    --COLOR-BORDER-ALPHA-65: rgba(211, 211, 211, 0.65);
    --COLOR-BORDER-LIGHTEN-DARKEN: #868686;
    --COLOR-BORDER-HAIRLINE: #f7f7f7;
    --COLOR-SALE-BG: #ff6d6d;
    --COLOR-SALE-TEXT: #ffffff;
    --COLOR-CUSTOM-BG: #ffffff;
    --COLOR-CUSTOM-TEXT: #000000;
    --COLOR-SOLD-BG: #d3d3d3;
    --COLOR-SOLD-TEXT: #ffffff;
    --COLOR-SAVING-BG: #ff6d6d;
    --COLOR-SAVING-TEXT: #ffffff;
    --COLOR-WHITE-BLACK: fff;
    --COLOR-BLACK-WHITE: #000;
    --COLOR-DISABLED-GREY: rgba(11, 11, 11, 0.05);
    --COLOR-DISABLED-GREY-DARKEN: rgba(11, 11, 11, 0.45);
    --COLOR-ERROR: #D02E2E;
    --COLOR-ERROR-BG: #f3cbcb;
    --COLOR-SUCCESS: #56AD6A;
    --COLOR-SUCCESS-BG: #ECFEF0;
    --COLOR-WARN: #ECBD5E;
    --COLOR-TRANSPARENT: rgba(255, 255, 255, 0);
    --COLOR-WHITE: #ffffff;
    --COLOR-WHITE-DARKEN: #f2f2f2;
    --COLOR-WHITE-ALPHA-10: rgba(255, 255, 255, 0.1);
    --COLOR-WHITE-ALPHA-20: rgba(255, 255, 255, 0.2);
    --COLOR-WHITE-ALPHA-25: rgba(255, 255, 255, 0.25);
    --COLOR-WHITE-ALPHA-50: rgba(255, 255, 255, 0.5);
    --COLOR-WHITE-ALPHA-60: rgba(255, 255, 255, 0.6);
    --COLOR-BLACK: #000000;
    --COLOR-BLACK-LIGHTEN: #1a1a1a;
    --COLOR-BLACK-ALPHA-10: rgba(0, 0, 0, 0.1);
    --COLOR-BLACK-ALPHA-20: rgba(0, 0, 0, 0.2);
    --COLOR-BLACK-ALPHA-25: rgba(0, 0, 0, 0.25);
    --COLOR-BLACK-ALPHA-50: rgba(0, 0, 0, 0.5);
    --COLOR-BLACK-ALPHA-60: rgba(0, 0, 0, 0.6);
    --FONT-STACK-BODY: Kreon, serif;
    --FONT-STYLE-BODY: normal;
    --FONT-STYLE-BODY-ITALIC: ;--FONT-ADJUST-BODY:0.95;
    --FONT-WEIGHT-BODY: 400;
    --FONT-WEIGHT-BODY-LIGHT: 300;
    --FONT-WEIGHT-BODY-MEDIUM: 700;
    --FONT-WEIGHT-BODY-BOLD: 700;
    --FONT-STACK-HEADING: Sora, sans-serif;
    --FONT-STYLE-HEADING: normal;
    --FONT-STYLE-HEADING-ITALIC: ;--FONT-ADJUST-HEADING:0.85;
    --FONT-WEIGHT-HEADING: 400;
    --FONT-WEIGHT-HEADING-LIGHT: 300;
    --FONT-WEIGHT-HEADING-MEDIUM: 500;
    --FONT-WEIGHT-HEADING-BOLD: 600;
    --FONT-STACK-NAV: Kreon, serif;
    --FONT-STYLE-NAV: normal;
    --FONT-STYLE-NAV-ITALIC: ;--FONT-ADJUST-NAV:0.75;
    --FONT-ADJUST-NAV-TOP-LEVEL: 0.7;
    --FONT-WEIGHT-NAV: 400;
    --FONT-WEIGHT-NAV-LIGHT: 300;
    --FONT-WEIGHT-NAV-MEDIUM: 700;
    --FONT-WEIGHT-NAV-BOLD: 700;
    --FONT-ADJUST-PRODUCT-GRID: 0.9;
    --FONT-STACK-BUTTON: Kreon, serif;
    --FONT-STYLE-BUTTON: normal;
    --FONT-STYLE-BUTTON-ITALIC: ;--FONT-ADJUST-BUTTON:0.75;
    --FONT-WEIGHT-BUTTON: 400;
    --FONT-WEIGHT-BUTTON-MEDIUM: 700;
    --FONT-WEIGHT-BUTTON-BOLD: 700;
    --FONT-STACK-SUBHEADING: "SF Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --FONT-STYLE-SUBHEADING: normal;
    --FONT-ADJUST-SUBHEADING: 0.75;
    --FONT-WEIGHT-SUBHEADING: 400;
    --FONT-WEIGHT-SUBHEADING-BOLD: 600;
    --LETTER-SPACING-NAV: 0.0em;
    --LETTER-SPACING-SUBHEADING: 0.1em;
    --LETTER-SPACING-BUTTON: 0.05em;
    --BUTTON-TEXT-CAPS: uppercase;
    --SUBHEADING-TEXT-CAPS: uppercase;
    --FONT-SIZE-INPUT: 1rem;
    --RADIUS: 0px;
    --RADIUS-SMALL: 0px;
    --RADIUS-TINY: 0px;
    --RADIUS-BADGE: 0px;
    --RADIUS-CHECKBOX: 0px;
    --RADIUS-TEXTAREA: 0px;
    --PRODUCT-MEDIA-PADDING-TOP: 130.0%;
    --BORDER-WIDTH: 1px;
    --STROKE-WIDTH: 12px;
    --SITE-WIDTH: 1440px;
    --SITE-WIDTH-NARROW: 840px;
    --COLOR-UPSELLS-BG: #F1EFE8;
    --COLOR-UPSELLS-TEXT: #0B0B0B;
    --COLOR-UPSELLS-TEXT-LIGHTEN: #3e3e3e;
    --COLOR-UPSELLS-DISABLED-GREY-DARKEN: rgba(11, 11, 11, 0.45);
    --UPSELLS-HEIGHT: 130px;
    --UPSELLS-IMAGE-WIDTH: 30%;
    --ICON-ARROW-RIGHT: url("//purebredkitties.com/cdn/shop/t/238/assets/icon-chevron-right.svg?v=115618353204357621731741378080");
    --loading-svg: url("//purebredkitties.com/cdn/shop/t/238/assets/loading.svg?v=91665432863842511931741378080");
    --icon-check: url("//purebredkitties.com/cdn/shop/t/238/assets/icon-check.svg?v=175316081881880408121741378080");
    --icon-check-swatch: url("//purebredkitties.com/cdn/shop/t/238/assets/icon-check-swatch.svg?v=131897745589030387781741378080");
    --icon-zoom-in: url("//purebredkitties.com/cdn/shop/t/238/assets/icon-zoom-in.svg?v=157433013461716915331741378080");
    --icon-zoom-out: url("//purebredkitties.com/cdn/shop/t/238/assets/icon-zoom-out.svg?v=164909107869959372931741378080");
    --collection-sticky-bar-height: 0px;
    --collection-image-padding-top: 60%;
    --drawer-width: 400px;
    --drawer-transition: transform 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
    --gutter: 60px;
    --gutter-mobile: 20px;
    --grid-gutter: 20px;
    --grid-gutter-mobile: 35px;
    --inner: 20px;
    --inner-tablet: 18px;
    --inner-mobile: 16px;
    --grid: repeat(4, minmax(0, 1fr));
    --grid-tablet: repeat(3, minmax(0, 1fr));
    --grid-mobile: repeat(2, minmax(0, 1fr));
    --megamenu-grid: repeat(4, minmax(0, 1fr));
    --grid-row: 1 / span 4;
    --scrollbar-width: 0px;
    --overlay: #000;
    --overlay-opacity: 1;
    --swatch-width: 38px;
    --swatch-height: 20px;
    --swatch-size: 32px;
    --swatch-size-mobile: 30px;
    --move-offset: 20px;
    --autoplay-speed: 2200ms;
    --filter-bg: 1.0;
    --product-filter-bg: .97;
    --bg: var(--COLOR-BG);
    --bg-alpha-25: var(--COLOR-BG-ALPHA-25);
    --bg-alpha-35: var(--COLOR-BG-ALPHA-35);
    --bg-alpha-60: var(--COLOR-BG-ALPHA-60);
    --bg-darken: var(--COLOR-BG-DARKEN);
    --bg-lighten-darken: var(--COLOR-BG-LIGHTEN-DARKEN);
    --bg-lighten-darken-contrast: var(--COLOR-BG-LIGHTEN-DARKEN-CONTRAST);
    --bg-overlay: var(--COLOR-BG-OVERLAY);
    --bg-secondary: var(--COLOR-BG-SECONDARY);
    --bg-secondary-lighten-darken: var(--COLOR-BG-SECONDARY-LIGHTEN-DARKEN);
    --bg-secondary-lighten-darken-50: var(--COLOR-BG-SECONDARY-LIGHTEN-DARKEN-50);
    --bg-secondary-lighten-darken-contrast: var(--COLOR-BG-SECONDARY-LIGHTEN-DARKEN-CONTRAST);
    --text: var(--COLOR-TEXT);
    --text-darken: var(--COLOR-TEXT-DARKEN);
    --text-lighten: var(--COLOR-TEXT-LIGHTEN);
    --text-alpha-5: var(--COLOR-TEXT-ALPHA-5);
    --text-alpha-8: var(--COLOR-TEXT-ALPHA-8);
    --text-alpha-10: var(--COLOR-TEXT-ALPHA-10);
    --text-alpha-15: var(--COLOR-TEXT-ALPHA-15);
    --text-alpha-25: var(--COLOR-TEXT-ALPHA-25);
    --text-alpha-50: var(--COLOR-TEXT-ALPHA-50);
    --text-alpha-60: var(--COLOR-TEXT-ALPHA-60);
    --text-alpha-85: var(--COLOR-TEXT-ALPHA-85);
    --heading: var(--COLOR-HEADING);
    --accent: var(--COLOR-ACCENT);
    --accent-text: var(--COLOR-ACCENT-TEXT);
    --sale-bg: var(--COLOR-SALE-BG);
    --sale-text: var(--COLOR-SALE-TEXT);
    --custom-bg: var(--COLOR-CUSTOM-BG);
    --custom-text: var(--COLOR-CUSTOM-TEXT);
    --sold-bg: var(--COLOR-SOLD-BG);
    --sold-text: var(--COLOR-SOLD-TEXT);
    --saving-bg: var(--COLOR-SAVING-BG);
    --saving-text: var(--COLOR-SAVING-TEXT);
    --input-bg: var(--COLOR-INPUT-BG);
    --border: var(--COLOR-BORDER);
    --border-alpha-15: var(--COLOR-BORDER-ALPHA-15);
    --border-alpha-30: var(--COLOR-BORDER-ALPHA-30);
    --border-alpha-50: var(--COLOR-BORDER-ALPHA-50);
    --border-alpha-65: var(--COLOR-BORDER-ALPHA-65);
    --border-lighten-darken: var(--COLOR-BORDER-LIGHTEN-DARKEN);
    --hairline: var(--COLOR-BORDER-HAIRLINE);
    --error: var(--COLOR-ERROR);
    --error-bg: var(--COLOR-ERROR-BG);
    --success: var(--COLOR-SUCCESS);
    --success-bg: var(--COLOR-SUCCESS-BG);
    --disabled-grey: var(--COLOR-DISABLED-GREY);
    --disabled-grey-darken: var(--COLOR-DISABLED-GREY-DARKEN);
    --white: var(--COLOR-WHITE);
    --white-darken: var(--COLOR-WHITE-DARKEN);
    --white-alpha-10: var(--COLOR-WHITE-ALPHA-10);
    --white-alpha-25: var(--COLOR-WHITE-ALPHA-25);
    --white-alpha-50: var(--COLOR-WHITE-ALPHA-50);
    --white-alpha-60: var(--COLOR-WHITE-ALPHA-60);
    --black: var(--COLOR-BLACK);
    --black-lighten: var(--COLOR-BLACK-LIGHTEN);
    --black-alpha-10: var(--COLOR-BLACK-ALPHA-10);
    --black-alpha-20: var(--COLOR-BLACK-ALPHA-20);
    --black-alpha-25: var(--COLOR-BLACK-ALPHA-25);
    --black-alpha-50: var(--COLOR-BLACK-ALPHA-50);
    --black-alpha-60: var(--COLOR-BLACK-ALPHA-60);
    --upsells-bg: var(--COLOR-UPSELLS-BG);
    --upsells-text: var(--COLOR-UPSELLS-TEXT);
    --upsells-text-lighten: var(--COLOR-UPSELLS-TEXT-LIGHTEN);
    --upsells-disabled-grey-darken: var(--COLOR-UPSELLS-DISABLED-GREY-DARKEN);
    --adjust-body: var(--FONT-ADJUST-BODY);
    --adjust-heading: var(--FONT-ADJUST-HEADING);
    --adjust-button: var(--FONT-ADJUST-BUTTON);
    --adjust-nav: var(--FONT-ADJUST-NAV);
    --adjust-nav-top-level: var(--FONT-ADJUST-NAV-TOP-LEVEL);
    --adjust-accent: var(--FONT-ADJUST-SUBHEADING);
    --adjust-product-grid: var(--FONT-ADJUST-PRODUCT-GRID);
    --three-quarters: 75vh;
    --two-thirds: 66vh;
    --one-half: 50vh;
    --one-third: 33vh;
    --one-fifth: 20vh;
    --announcement-height: 0px;
    --content-full: calc(100vh - var(--header-height, 0px) - var(--announcement-height, 0px));
    --site-width: var(--SITE-WIDTH);
    --site-width-narrow: var(--SITE-WIDTH-NARROW);
    --wrapper-width: calc(100vw - var(--scrollbar-width) - var(--gutter-mobile) * 2)
}

body {
    -webkit-text-size-adjust: 100%;
    line-height: 1.5625;
    color: var(--text);
    padding: 0
}

.product__media img {
    image-rendering: auto
}

body,html {
    font-size: 1rem
}

button,input {
    font-size: calc(1rem*var(--adjust-body));
    border-radius: var(--RADIUS)
}

.h2,h1,h2,h3,h4,h5 {
    font-family: var(--FONT-STACK-HEADING);
    font-weight: var(--FONT-WEIGHT-HEADING);
    font-style: var(--FONT-STYLE-HEADING);
    display: block;
    color: var(--heading);
    margin: 0 0 .5em;
    font-size: var(--heading-size, 3rem);
    line-height: 1.25;
    font-size: var(--heading-size)
}

img {
    border: 0;
    max-width: 100%
}

input {
    border: var(--BORDER-WIDTH) solid var(--border)
}

.h2 a,h2 a {
    text-decoration: none;
    font-weight: inherit;
    color: inherit
}

h1 {
    --heading-size: calc(3rem * var(--adjust-heading))
}

.h2,h2 {
    --heading-size: calc(2.5rem * var(--adjust-heading))
}

h3 {
    --heading-size: calc(1.75rem * var(--adjust-heading))
}

h4 {
    --heading-size: calc(1.3125rem * var(--adjust-heading))
}

h5 {
    --heading-size: calc(1.1rem * var(--adjust-heading))
}

p {
    font-size: calc(1rem*var(--adjust-body))
}

p a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: var(--BORDER-WIDTH)
}

@media only screen and (max-width:1439px) {
    h1 {
        --heading-size: calc(2.5rem * var(--adjust-heading))
    }

    .h2,h2 {
        --heading-size: calc(2.1rem * var(--adjust-heading))
    }

    h3 {
        --heading-size: calc(1.5rem * var(--adjust-heading))
    }

    h4 {
        --heading-size: calc(1.28rem * var(--adjust-heading))
    }
}

.btn {
    text-transform: var(--BUTTON-TEXT-CAPS);
    letter-spacing: var(--LETTER-SPACING-BUTTON)
}

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

body,html {
    margin: 0;
    background-color: var(--bg);
    min-height: 100%;
    min-width: 320px
}

details,figure,main,nav,section,summary {
    display: block
}

button,video {
    display: inline-block
}

details,main,svg:not(:root) {
    overflow: hidden
}

form {
    margin-bottom: 0
}

main ul {
    margin: 0 0 calc(var(--gutter)/2) 20px;
    padding: 0
}

main ul ul {
    margin: 4px 0 5px 20px
}

li {
    margin-bottom: .25em
}

button,input {
    color: var(--text);
    margin: 0;
    line-height: 26px;
    -webkit-user-select: text;
    user-select: text
}

button {
    font-weight: var(--FONT-WEIGHT-BODY);
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    padding: 0;
    border: 0
}

@media only screen and (max-width:767px) {
    h1 {
        --heading-size: calc(2.25rem * var(--adjust-heading))
    }

    .h2,h2 {
        --heading-size: calc(1.75rem * var(--adjust-heading))
    }

    h3,h4 {
        --heading-size: calc(1.25rem * var(--adjust-heading))
    }

    h5 {
        --heading-size: calc(1rem * var(--adjust-heading))
    }
}

input {
    font-size: var(--FONT-SIZE-INPUT);
    background: var(--input-bg);
    max-width: 100%;
    padding: 13px 20px;
    -webkit-appearance: none
}

input[type=checkbox] {
    display: inline-block;
    padding: 0;
    width: auto;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox
}

::-moz-placeholder {
    color: var(--text)
}

:-ms-input-placeholder {
    color: var(--text)
}

:-moz-placeholder {
    color: var(--text)
}

body:not(.no-outline) .banner__link:focus-visible {
    outline: -webkit-focus-ring-color auto 5px
}

body:not(.no-outline) .deferred-media__poster:focus-visible {
    outline: 0
}

.btn,a {
    text-decoration: none;
    color: var(--text)
}

.btn {
    --top-bottom-padding: 15px;
    --left-right-padding: 22px;
    --btn-inner-top-bottom: calc(var(--top-bottom-padding) * var(--adjust-button));
    --btn-inner-left-right: calc(var(--left-right-padding) * var(--adjust-button));
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: var(--btn-inner-top-bottom) var(--btn-inner-left-right);
    line-height: 1.53;
    border-radius: var(--RADIUS);
    border: var(--BORDER-WIDTH) solid var(--btn-border);
    background: var(--btn-bg);
    color: var(--btn-text);
    box-shadow: none;
    font-family: var(--FONT-STACK-BUTTON);
    font-weight: var(--FONT-WEIGHT-BUTTON);
    font-style: var(--FONT-STYLE-BUTTON);
    font-size: calc(1rem*var(--adjust-button));
    text-align: center;
    will-change: color,border,background;
    transition: color .3s,border .3s,background linear;
    z-index: 1;
    -webkit-tap-highlight-color: initial;
    --btn-border: var(--text);
    --btn-bg: var(--text);
    --btn-text: var(--bg);
    --btn-bg-hover: var(--bg-lighten-darken)
}

.btn:before {
    content: "";
    position: absolute;
    display: flex;
    left: calc(var(--BORDER-WIDTH)*-1);
    top: calc(var(--BORDER-WIDTH)*-1);
    right: calc(var(--BORDER-WIDTH)*-1);
    bottom: calc(var(--BORDER-WIDTH)*-1);
    transform: scale(1,0);
    transform-origin: top center;
    will-change: transform;
    z-index: -1;
    opacity: .3;
    transition: transform .3s;
    background: var(--btn-bg-hover)
}

.btn:disabled {
    cursor: default;
    opacity: .65
}

.btn:disabled:before {
    content: none;
    transform: scaleY(0)
}

.btn:hover {
    transition: color .3s,border .3s,background 0s linear .3s
}

.btn:hover:before {
    transform-origin: bottom center;
    transform: none
}

@media only screen and (min-width:480px) {
    .btn {
        min-width: 120px
    }
}

@media only screen and (min-width:1440px) {
    .btn {
        min-width: 180px
    }
}

.btn--white {
    --btn-border: var(--white);
    --btn-bg: var(--white);
    --btn-text: var(--black);
    --btn-bg-hover: var(--black-alpha-25)
}

@media only screen and (min-width:1440px) {
    :root {
        --site-width: calc(var(--SITE-WIDTH) - var(--scrollbar-width));
        --wrapper-width: calc(var(--site-width) - var(--gutter) * 2)
    }
}

@media only screen and (max-width:479px) {
    .btn {
        width: 100%
    }
}

.btn--solid {
    border-width: 0
}

.btn--solid.btn--large {
    --btn-inner-top-bottom: calc(var(--top-bottom-padding) * var(--adjust-button) + var(--BORDER-WIDTH));
    --btn-inner-left-right: calc(var(--left-right-padding) * var(--adjust-button) + var(--BORDER-WIDTH))
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .popular-searches,.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .predictive-search {
    transform: scaleY(0);
    transition: none
}

.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .predictive-search__heading span,.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .predictive-search__list {
    opacity: 0;
    transform: translateY(-5px);
    transition: transform .2s,opacity .1s
}

.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .search-popdown__body--fixed .search-form__inner {
    opacity: 0;
    transition: opacity .3s
}

.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .search-popdown__body--fixed .search-form__input-holder {
    opacity: 0;
    transform: translateY(-10px);
    transition: none
}

.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .search-popdown__toggle .icon-search {
    display: block
}

.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .search-popdown__toggle .icon-close {
    display: none
}

.text-dark {
    --text: var(--black);
    --text-alpha-50: rgb(0 0 0 / 50%);
    --heading: var(--black);
    --overlay: var(--white);
    color: var(--text)
}

.text-center {
    text-align: center
}

.errors {
    font-size: calc(.75rem*var(--adjust-body))
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.icon {
    height: 100%
}

.align--middle-split {
    justify-content: center;
    text-align: center
}

.wrapper--full-padded {
    --wrapper-width: calc(100vw - var(--scrollbar-width) - var(--gutter-mobile) * 2)
}

@media only screen and (min-width:1024px) {
    .wrapper--full-padded {
        --wrapper-width: calc(100vw - var(--scrollbar-width) - var(--gutter) * 2)
    }

    .grid {
        grid-template-columns: var(--grid)
    }
}

@media only screen and (min-width:768px) {
    .grid {
        justify-content: center
    }

    .grid .grid__item {
        width: 100%
    }
    
}

.grid {
    display: grid;
    gap: var(--grid-gutter)
}

@media only screen and (max-width:1023px) {
    .grid {
        grid-template-columns: var(--grid-tablet)
    }
}

@media only screen and (max-width:479px) {
    .grid {
        grid-template-columns: var(--grid-mobile)
    }
}

@media only screen and (max-width:767px) {
    .coll_trust{
      min-height: 64px;
      max-height: 64px;
    }
    .grid {
        gap: var(--grid-gutter-mobile) var(--grid-gutter)
    }

    .grid__container {
        overflow: hidden;
        margin: 0 calc(var(--gutter-mobile)*-1)
    }

    .grid--mobile {
        gap: var(--grid-gutter);
        display: grid;
        grid-template-columns: var(--grid-tablet);
        padding-left: var(--gutter-mobile);
        padding-right: var(--gutter-mobile)
    }
}

@media only screen and (min-width:1440px) {
    .one-quarter {
        width: calc((var(--wrapper-width) - var(--grid-gutter)*3)/4)
    }
}

@media only screen and (min-width:1024px) and (max-width:1439px) {
    :root {
        --wrapper-width: calc(100vw - var(--scrollbar-width) - var(--gutter) * 2)
    }

    .one-quarter {
        width: calc((var(--wrapper-width) - var(--grid-gutter)*3)/4)
    }
}

.icon {
    display: inline-block
}

.no-js body:has(.site-header[data-transparent=true]):has(.main-content>.supports-transparent-header:first-child):not(:has(.main-content>.supports-transparent-header:first-child [data-prevent-transparent-header])) .site-header--transparent[data-text-color=white]:hover {
    --text: var(--black)
}

.no-js body:has(.site-header[data-transparent=true]):has(.main-content>.supports-transparent-header:first-child):not(:has(.main-content>.supports-transparent-header:first-child [data-prevent-transparent-header])) .site-header--transparent:hover .logo__image-link--other {
    opacity: 1
}

.no-js body:has(.site-header[data-transparent=true]):has(.main-content>.supports-transparent-header:first-child):not(:has(.main-content>.supports-transparent-header:first-child [data-prevent-transparent-header])) .site-header--transparent:hover .logo__image-link--home:not(.logo__image-link--single) {
    opacity: 0
}

@media only screen and (min-width:1024px) {
    .input-group__item {
        max-width: 280px
    }
}

.icon {
    fill: none;
    stroke: currentColor;
    stroke-width: var(--STROKE-WIDTH);
    width: 100%
}

.background-size-cover,.icon-close {
    width: 100%;
    height: 100%;
    display: block
}

.icon-close {
    transition: transform .3s
}

.background-size-cover {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.background-size-cover img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 100%
}

.input-group__btn {
    height: var(--input-height)
}

.input-group {
    --form-margin: 20px;
    --input-height: 54px;
    display: flex;
    flex-direction: column;
    margin: calc(var(--form-margin)/-2)
}

.align--middle-split .input-group {
    justify-content: center
}

@media only screen and (min-width:768px) {
    .input-group {
        flex-flow: row wrap
    }

    .align--middle-split .input-group {
        justify-content: flex-end
    }
}

.input-group__item {
    position: relative;
    padding: calc(var(--form-margin)/2);
    flex-basis: 100%;
    flex-grow: 2
}

@media only screen and (min-width:768px) {
    .input-group__item {
        flex-basis: 50%
    }
}

@media only screen and (min-width:1440px) {
    .input-group__item {
        flex-basis: 25%
    }

    .align--middle-split .input-group__item {
        flex-basis: 50%
    }
}

.input-group__item--btn {
    flex-grow: 0
}

.input-group__field {
    color: var(--text);
    background: var(--input-bg)
}

.input-group__btn {
    width: 100%;
    min-width: 54px
}

.errors {
    border-radius: var(--RADIUS);
    padding: 8px 12px;
    margin-bottom: var(--inner);
    border: var(--BORDER-WIDTH) solid transparent;
    text-align: center;
    background-color: var(--error-bg);
    color: var(--error);
    border-color: var(--error);
    clear: both
}

html body {
    background-color: var(--bg);
    color: var(--text)
}

.wrapper--full-padded:after,.wrapper:after {
    display: table;
    content: "";
    clear: both
}

html {
    scroll-behavior: smooth;
    --scroll-behavior: smooth;
    padding: 0!important
}

.wrapper,.wrapper--full-padded {
    margin: 0 auto;
    max-width: 100%
}

.wrapper--full-padded {
    width: 100%;
    padding: 0 var(--gutter-mobile)
}

@media only screen and (min-width:1024px) {
    .wrapper--full-padded {
        padding: 0 var(--gutter)
    }
}

.wrapper {
    width: var(--site-width);
    padding: 0 var(--gutter-mobile)
}

@media only screen and (min-width:1024px) {
    .wrapper {
        padding: 0 var(--gutter)
    }
}

.section-padding {
    --padding-top: var(--PT);
    --padding-bottom: var(--PB);
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom)
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .one-quarter {
        width: calc((var(--wrapper-width)*.9 - var(--grid-gutter))/2)
    }

    .section-padding {
        --padding-top: calc(var(--PT) * 0.8);
        --padding-bottom: calc(var(--PB) * 0.8)
    }
}

.section__header {
    --heading-margin: 20px;
    margin-bottom: calc(var(--gutter)/2)
}

.section__heading {
    margin-bottom: var(--heading-margin);
    text-align: center
}

@media only screen and (max-width:479px) {
    .grid--mobile {
        grid-template-columns: var(--grid-mobile)
    }

    .mobile--one-half {
        width: calc((var(--wrapper-width)*.9 - var(--grid-gutter))/2)
    }

    .input-group {
        --form-margin: 15px
    }
}

@media only screen and (max-width:767px) {
    .one-quarter {
        width: calc((var(--wrapper-width)*.9 - var(--grid-gutter))/2)
    }

    .grid--mobile .one-quarter {
        width: 100%
    }

    .section-padding {
        --padding-top: calc(var(--PT) * 0.6);
        --padding-bottom: calc(var(--PB) * 0.6)
    }
}

:root {
    --flickity-btn-size: 40px;
    --flickity-btn-position: 10px;
    --product-media-padding-top: var(--PRODUCT-MEDIA-PADDING-TOP);
    --form-top: 14px;
    --form-left: 20px;
    --form-margin: 25px;
    --form-padding-mobile: 6px;
    --form-margin-mobile: 8px
}

.flickity-enabled:hover>.flickity-prev-next-button:not(:disabled),section:hover .flickity-enabled>.flickity-prev-next-button:not(:disabled) {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(-50%);
    transition-delay: 0s
}

.flickity-enabled:hover>.flickity-prev-next-button:not(:disabled):hover,section:hover .flickity-enabled>.flickity-prev-next-button:not(:disabled):hover {
    transform: scale(1.12) translateY(-50%)
}

.logo {
    position: relative;
    z-index: 1;
    text-align: left;
    margin: 15px 0;
    padding-right: var(--inner);
    max-width: calc(100% - 120px);
    display: flex;
    align-items: center;
    font-size: calc(1.125rem*var(--adjust-heading));
    line-height: 1.3;
    color: inherit;
    word-break: break-word
}

.locations .flickity-enabled:hover>.flickity-prev-next-button:not(:disabled) {
    transform: none
}

@media only screen and (max-width:767px) {
    body:has(.site-header[data-transparent=true]):has(.main-content>.supports-transparent-header:first-child):not(:has(.main-content>.supports-transparent-header:first-child [data-prevent-transparent-header])) .main-content>.supports-transparent-header:first-child .banners--row .banners__content {
        padding-top: calc(var(--header-height) + var(--gutter-mobile));
        padding-bottom: calc(var(--header-height) + var(--gutter-mobile))
    }

    .social-sharing-wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: var(--gutter-mobile)
    }
}

.product-grid-item__info,.product__badge {
    grid-template-columns: minmax(0,100%)
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    font-size: calc(.875rem*var(--adjust-body))
}

.breadcrumbs__link,
.breadcrumbs__sep {
    margin-right: 10px
}

.product-grid-item {
    position: relative;
    text-align: center;
    white-space: normal
}

.product__media__hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: var(--bg);
    visibility: hidden
}

.product__media__hover--fade-in {
    opacity: 0;
    transition: opacity .25s ease-out,visibility 0s .25s
}

.product__media__image--hover-fade-in {
    transition: opacity .25s ease-in,visibility linear
}

.product-grid-item__image:hover .product__media__image--hover-fade-in {
    opacity: 0
}

.product-grid-item__image:hover .product__media__hover--fade-in {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    transition-duration: .25s;
    transition-timing-function: ease-out
}

.product-grid-item__info {
    display: grid;
    gap: 9px;
    align-content: start;
    font-size: calc(.8rem*var(--adjust-product-grid))
}

@media only screen and (max-width:479px) {
    .logo {
        max-width: calc(100% - 124px)
    }

    :root {
        --drawer-width: 100vw
    }

    .product-grid-item__info {
        font-size: calc(.95rem*var(--adjust-product-grid))
    }
}

.product-grid-item__info-separator {
    vertical-align: middle;
    width: 20px;
    height: var(--BORDER-WIDTH);
    margin: 0 8px;
    background: var(--text);
    border-radius: 4px
}

.product-grid-item__info--inline {
    text-align: left
}

.product-grid-item__image {
    position: relative;
    overflow: hidden;
    padding-top: 130%;
    width: 100%;
    height: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.product__media__holder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    filter: brightness(var(--filter-bg))
}

.product__media__container {
    --aspect-ratio: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    margin: auto;
    width: 100%;
    height: 100%
}

.product__media--featured-visible {
    z-index: 3
}

.product__media__image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.product__media__hover-img {
    z-index: 0
}

.product__media__hover-img--visible {
    z-index: 1
}

.product-grid-item__image {
    margin-bottom: 15px;
    transform: translate(0)
}

.product__badge {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 10px;
    left: auto;
    max-width: 100%;
    margin: 5px;
    display: grid;
    gap: 5px;
    justify-items: start;
    transition: transform .2s
}

@media only screen and (min-width:1024px) {
    :root {
        --flickity-btn-position: calc(var(--flickity-btn-size) / -2)
    }
}

.align--middle-split {
    align-items: flex-start
}

.featured-collection {
    background: var(--bg);
    position: relative;
    text-align: center;
    overflow: hidden
}

.featured-collection__top {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: calc(var(--gutter)/2);
    z-index: 5
}

.featured-collection .section__heading {
    line-height: 1
}

.featured-collection__top__wrapper {
    max-width: var(--site-width-narrow);
    margin-bottom: 0
}

.featured-collection__bottom {
    margin-top: calc(var(--gutter)/2);
    display: flex;
    justify-content: center
}

@media (pointer:coarse) {
    .logo {
        position: relative;
        padding-right: 0
    }
}

.featured-collection__top.text-center {
    align-items: center
}

.image {
    line-height: 0
}

@media only screen and (max-width:767px) {
    .featured-collection__top {
        display: block
    }

    .featured-collection .grid--mobile {
        gap: var(--grid-gutter-mobile) var(--grid-gutter)
    }

    .featured-collection--mobile-two-columns .grid--mobile {
        grid-template-columns: var(--grid-mobile)
    }

    .featured-collection .grid--mobile .product-grid-item {
        grid-column: span 2
    }

    .featured-collection--mobile-two-columns .grid--mobile .product-grid-item {
        grid-column: span 1
    }
}

.locations .flickity-enabled:hover>.flickity-prev-next-button:not(:disabled):hover {
    transform: scale(1.12)
}

.newsletter,a.bottom-link img {
    width: 100%
}

.input-group__field {
    border: var(--BORDER-WIDTH) solid var(--text)
}

.newsletter-form .input-group__field {
    background: 0 0
}

@media only screen and (min-width:1024px) {
    .input-group__fields {
        max-width: 280px
    }
}

.newsletter-section .wrapper {
    height: fit-content;
    position: relative;
    z-index: 10
}

.newsletter-section__content__wrapper {
    display: flex;
    flex-flow: row wrap;
    height: 100%
}

.newsletter-section__content {
    flex-basis: 100%
}

.newsletter-form .errors {
    display: none;
    margin: var(--form-margin)0;
    text-align: left
}

.input-group__fields {
    display: flex;
    flex: 1 1 auto;
    padding: 0;
    flex-flow: row wrap
}

@media only screen and (min-width:768px) {
    .input-group__fields {
        flex-basis: 50%
    }
}

@media only screen and (min-width:1440px) {
    .input-group__fields {
        flex-basis: 25%
    }
}

.input-group__field {
    display: block;
    width: 100%;
    border-radius: var(--RADIUS);
    padding: 12px 0 12px 20px
}

.input-group__field::-moz-placeholder {
    color: var(--text)
}

.input-group__field:-ms-input-placeholder {
    color: var(--text)
}

.input-group__field:-moz-placeholder {
    color: var(--text)
}

.align--middle-split .newsletter {
    width: auto;
    flex-basis: 50%
}

.align--middle-split .newsletter-section__entry {
    text-align: left;
    flex: 1;
    padding-right: var(--gutter)
}

.align--middle-split .newsletter-form {
    text-align: center
}

@media only screen and (min-width:768px) {
    .align--middle-split .newsletter-section__content {
        display: flex;
        flex-flow: row wrap;
        justify-content: center
    }

    .align--middle-split .input-group__fields,.align--middle-split .input-group__item {
        max-width: 100%
    }
}

@media only screen and (max-width:767px) {
    .align--middle-split .newsletter-section__entry {
        padding: 0 0 var(--gutter-mobile);
        max-width: 100%
    }
}

@media only screen and (max-width:479px) {
    .newsletter-form .errors {
        width: 100%;
        flex-basis: 100%;
        text-align: center
    }
}

.no-outline .product-single__media-slider.has-media-active .flickity-prev-next-button:not(:disabled):after,.no-outline .product-single__media-slider.has-media-active .flickity-prev-next-button:not(:disabled):before {
    transition: none
}

.section__heading a {
    position: relative;
    display: inline-block;
    text-decoration: none!important
}

.section__heading a:after,.section__heading a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -.1rem;
    width: 100%;
    height: var(--BORDER-WIDTH);
    display: block;
    background: var(--btn-text, var(--text));
    transition: none;
    pointer-events: none
}

.section__heading a:before {
    transform: scaleX(0);
    transform-origin: left
}

.section__heading a:after {
    transform-origin: right
}

.no-touch .section__heading a:hover {
    background: 0 0;
    border: 0
}

.no-touch .section__heading a:hover:after,.no-touch .section__heading a:hover:before {
    transition: transform 1.1s cubic-bezier(.19,1,.22,1);
    transform: scaleX(0)
}

.no-touch .section__heading a:hover:before {
    transform: scaleX(1);
    transition-delay: .25s
}

.section__heading .section__link:after,.section__heading .section__link:before {
    display: none
}

a.bottom-link,a.vat-link {
    right: 20px;
    position: absolute;
    width: 40px;
    bottom: 20px
}

.why-you-card,.why-you-cards {
    display: flex
}

.why-you-card h4 {
    color: #342a41;
    line-height: 105%;
    font-style: normal;
    font-size: 32px;
    font-weight: 700
}



.why-you-card {
    position: relative;
    flex-direction: column;
    width: calc(33.33% - 14px);
    padding: 48px 42px 40px;
    border-radius: 40px;
    background: #cdc7ff;
    flex-wrap: wrap;
    align-items: self-start
}

.Coordinate_container h2,.why-you-card p,input[type=text] {
    font-style: normal;
    font-family: Plus Jakarta Sans;
    font-weight: 500
}

.Coordinate_container h2,.why-you-card p {
    margin: 0;
    font-size: 16px;
    line-height: 160%
}

.why-you-cards {
    gap: 20px
}

input[type=text] {
    font-size: 18px;
    color: #342a41;
    line-height: 100%;
    background: 0 0;
    width: calc(100% - 152px);
    border: 0;
    height: 76px
}

.accodian-container {
    gap: 20px;
    flex-wrap: wrap;
    display: flex
}

.Coordinate_outer {
    width: 100%;
    padding: 100px 0;
    background: #f9f5fd;
    background: linear-gradient(180deg,#f9f5fd 71%,#f0f4ff 71%);
    position: relative
}

.Coordinate_container,.vet_container {
    max-width: 1360px;
    padding: 0 30px;
    margin: 0 auto
}

.Coordinate_container h2 {
    color: #eee2fa;
    font-family: Sora!important;
    font-size: 150px;
    font-weight: 800;
    line-height: 100%;
    position: relative
}

h4.vat-text, h3.vat-text  {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}
nav.breadcrumbs a,
nav.breadcrumbs span {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    display: inline-flex;
    align-items: center;
}


.product-grid-item {
    padding: 4px;
    border-radius: 20px;
    background: #fff
}

.vat-card,.vat-cards {
    flex-wrap: wrap;
    gap: 20px
}

.Vet-text-section h2,.Vet-text-section h2 span,.join-club-section h2,.left-image-text-section h2,.left-image-text-section h2 span,span.title-label {
    font-weight: 800;
    line-height: 100%;
    margin: 0;
    font-style: normal;
    color: #d8e3ff;
    font-family: Sora!important;
    font-size: 150px;
    position: relative
}

.social-sharing-wrapper {
    max-width: 630px;
    line-height: 0;
    padding-top: 0px;
    padding-bottom: 20px;
    gap: 20px;
    display: flex
}

.Vet-text-section {
    width: 100%;
    max-width: 758px;
    padding-bottom: 120px
}

.Vet-text-section h2 span,.left-image-text-section h2 span,span.title-label {
    z-index: 1;
    color: #342a41;
    font-size: 60px;
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

p.vet-p {
    margin: 20px 0 0
}

.vat-card {
    width: calc(50% - 10px);
    display: flex;
    position: relative;
    padding: 40px;
    border-radius: 20px;
    border: 2px solid #bdb4fe
}

.vat-icon {
    height: 60px;
    width: 60px;
    border-radius: 12px;
    background: #a99eff;
    display: grid;
    place-items: center
}

h4.vat-tex, h3.vat-text  {
    margin: 0;
    width: calc(100% - 80px);
    max-width: 200px;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%
}

a.vat-link {
    right: 10px;
    bottom: 6px;
    width: 30px;
    display: inline-flex
}

.vat-cards {
    display: flex;
    padding-top: 39px
}

.vet_outer {
    position: relative;
    background: #f0f4ff
}

.var-image {
    position: absolute;
    line-height: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    max-width: 538px
}

body .trust_review {
    gap: 15px
}

.left-image-outer {
    padding-top: 44px;
    background-position: center;
    background-size: cover;
    background-color: #f2bfc5;
    background-image: url(/cdn/shop/files/Group_61_4f84d360-d426-424b-9bec-eb5a38f75b9c.png?v=1705404717)
}

.left-image-text-image {
    text-align: center;
    width: calc(100% - 771px);
    line-height: 0
}

.left-image-container {
    gap: 20px;
    flex-wrap: wrap;
    display: flex;
    max-width: 1360px;
    padding: 0 30px;
    margin: 0 auto
}

.left-image-text-section {
    padding-top: 46px;
    width: 100%;
    max-width: 751px
}

.join-club-section h2,.left-image-text-section h2 {
    color: #f7d9dc
}

.join-club-section p,.left-image-text-section p,p.vet-p {
    opacity: .8;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%
}

.left-image-text-section p {
    color: #342a41;
    margin: 0
}

.join-club-container {
    width: 100%;
    max-width: 1360px;
    padding: 0 30px;
    margin: 0 auto
}

.join-club-outer {
    padding-top: 90px;
    background: #f1f5fb
}

.join-club-section h2 {
    color: #d9eefc
}

.join-club-section p {
    margin-top: 20px;
    max-width: 977px
}

.join-club-image {
    margin-top: -52px;
    line-height: 0
}

.zoomywishid {
    position: absolute;
    z-index: 9;
    width: 24px!important
    top: 10px;
}

.choose-sec .featured-collection__container {
    max-width: 1330px;
    padding: 0 15px;
    margin: 0 auto
}

.choose-sec .section-padding {
    background: #eeeaff
}

h2.section__heading.h2 a {
    color: #342a41;
    font-size: 56px;
    font-weight: 900;
    font-family: "Plus Jakarta Sans", sans-serif;
}
h2.section__heading.h2 a *{
  font-size: inherit;
  font-weight: inherit
}
.embedtoolsone {
    width: 100%
}

.Coordinate_text p {
    font-weight: 400!important
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .var-image {
        max-width: 386px
    }
}

@media only screen and (min-width:992px) and (max-width:1365px) {
    .var-image {
        max-width: 386px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    body .why-you-card {
        flex-direction: row;
        padding: 48px 16px 40px
    }

    body .why-you-card h4 {
        font-size: 24px
    }

    .var-image {
        max-width: 187px
    }

    .left-image-container {
        align-items: end;
        margin: 0 auto
    }

    .left-image-outer {
        padding-top: 0
    }

    .left-image-text-section h2 {
        font-size: 110px
    }

    .left-image-text-section p {
        padding-bottom: 15px
    }

    .left-image-text-image {
        text-align: center;
        width: 100%;
        order: 2
    }

    .left-image-text-section {
        max-width: unset
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .left-image-text-section,.var-image {
        max-width: unset
    }

    body .why-you-card {
        flex-direction: row;
        padding: 48px 16px 40px
    }

    body .why-you-card p {
        font-size: 14px
    }

    body .why-you-card h4 {
        font-size: 20px
    }

    body .text_lists ul li {
        width: 24.66%
    }

    .var-image {
        position: relative;
        line-height: 0;
        right: -20px;
        width: 73%;
        left: auto;
        bottom: 0;
        margin: revert-layer revert-layer revert-layer auto
    }

    .vet_outer {
        overflow: hidden
    }

    .Vet-text-section {
        padding-bottom: 20px
    }

    .left-image-text-image {
        text-align: center;
        width: 100%;
        order: 2
    }
}

a.btn.btn--solid.btn--large.btn--white.btn--view-all {
    text-transform: none!important;
    border-radius: 14px;
    background: #f4ff73;
    display: flex;
    height: 64px;
    padding: 20px 20PX;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    color: #342a41;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    margin: 20px 0;
    font-family: Sora,sans-serif!important
}

@media only screen and (max-width:767px) {
    .vet_outer {
        overflow: hidden
    }

    .choose-sec .mobile--one-half,.vat-card {
        width: 100%
    }

    .choose-sec .featured-collection__container.grid__container,.choose-sec .grid.grid--mobile {
        padding: 0
    }

    .Vet-text-section h2 span {
        font-style: normal;
        top: 64%
    }

    .Vet-text-section h2 {
        font-size: 100px;
        line-height: 100%
    }

    .join-club-container,.left-image-container,.vet_container {
        padding: 0 20px
    }

    a.vat-link {
        right: 6px
    }

    .var-image {
        position: relative;
        right: -30px;
        width: 69%;
        bottom: 0;
        margin-left: auto
    }

    .Vet-text-section {
        padding-bottom: 60px
    }

    .trust_review {
        gap: 10px
    }

    .left-image-text-image {
        text-align: center;
        width: 100%;
        line-height: 0;
        order: 2
    }

    .left-image-outer {
        padding-top: 0
    }

    .Vet-text-section h2 span,.left-image-text-section h2,.left-image-text-section h2 span {
        font-size: 40px;
        font-weight: 800;
        line-height: 100%
    }

    .left-image-text-section h2 {
        font-size: 100px;
        color: #f7d9dc
    }

    .join-club-section h2,.join-club-section h2 span {
        font-size: 40px;
        font-style: normal;
        font-weight: 800;
        line-height: 100%
    }

    .join-club-section h2 {
        font-size: 100px
    }

    .join-club-outer {
        padding-top: 50px
    }

    .join-club-image {
        line-height: 0;
        margin-top: 0
    }

    .join-club-section span.title-label {
        top: 68%
    }

    .video-section.for_mobile {
        display: block;
        max-width: 90%;
        margin: 0 auto
    }

    h2.section__heading.h2 a {
        font-size: 32px
    }

    .connect_list.two {
        flex-direction: column-reverse
    }

    .coll_social_media {
        z-index: -1!important
    }

    .social-sharing-wrapper {
        justify-content: left!important
    }


    .product-grid-item {
        overflow: hidden
    }
}

.available_btn a {
    align-content: center
}

.why-you-card h4 {
    font-family: Plus Jakarta Sans!important
}

.collection_img img,.join-club-image img,.pro_gen_col,.shipping_option_hero .image img {
    width: 100%
}

.newsletter-section .btn::before,.product-grid-item__info-separator {
    display: none
}

.pro_gen.product-zodiacs {
    width: auto
}

.newsletter-section {
    position: relative;
    background: #434358
}

.newsletter-section__entry h2 {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%
}

.newsletter-section__entry p {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    max-width: 500px
}

.align--middle-split .newsletter-section__content {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center
}

.align--middle-split .newsletter-form .input-group {
    border-radius: 20px;
    background: rgba(215,211,241,.6);
    backdrop-filter: blur(10px);
    display: flex;
    padding: 2px 2px 2px 31px;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    flex-wrap: nowrap
}

.newsletter-section .input-group__fields {
    flex-basis: unset
}

.newsletter-section .align--middle-split .input-group__fields,.newsletter-section .align--middle-split .input-group__item {
    max-width: 100%;
    padding: 0
}

.newsletter-section .input-group__btn,.newsletter-section .input-group__field {
    font-family: Plus Jakarta Sans;
    border: 0;
    color: #342a41;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding: 0
}

.newsletter-section .input-group__btn {
    font-family: Plus Jakarta Sans!important;
    text-transform: unset;
    width: auto;
    min-width: inherit;
    border-radius: 18px;
    border: 1px solid #f4ff73;
    background: #f4ff73;
    display: flex;
    height: 76px;
    padding: 21px 29px;
    align-items: center;
    gap: 10px;
    text-align: center;
    font-weight: 600
}

.newsletter-section .align--middle-split .input-group__item {
    flex-basis: unset
}

.pro_gen_col,.reserve_kitty.second_list {
    justify-content: space-between
}

.your_kitty_outer .reserve_kitty_dec h2,.your_kitty_outer .reserve_kitty_dec p {
    margin: 0
}

.text_lists {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 30px
}

.pro_gen span {
    display: inherit
}

.text_list h2,.text_lists ul li,.text_lists ul li a {
    color: #fff;
    font-style: normal;
    font-weight: 600
}

.text_lists ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0
}

.text_list {
    background: #5d5c78;
    padding: 80px 0;
    text-align: center
}

.text_lists ul li {
    font-size: 16px;
    line-height: 160%;
    width: 16.66%;
    text-align: left;
    padding: 0 0 30px;
    margin: 0
}

.text_lists ul li a,body .details-content {
    font-size: 16px
}

.text_list h2 {
    font-size: 56px;
    font-weight: 800;
    line-height: 120%;
    text-align: left;
    max-width: 1360px;
    padding: 0 30px;
    margin: 0 auto 60px;
    font-family: Sora, sans-serif;
}

.why-you-card:nth-child(2) {
    background: #c6eaff
}

.why-you-card:last-of-type {
    background: #c8f8ff
}

.find_inner h3,.find_inner p {
    text-align: center
}

.go_link img,.why-you-card a.bottom-link img {
    max-width: 30px
}

.pro_color_text p,.pro_gen p {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    line-height: 100%;
    font-style: normal;
    color: #998ba6;
    font-size: 12px;
    margin: 0;
    width: auto;
    display: inline
}

.why-you-card {
    height: auto;
    justify-content: flex-start
}

.pro_color,.pro_gen {
    border-radius: 100px;
    display: flex;
    padding: 6px 10px;
    align-items: center;
    gap: 5px;
    height: 32px;
    width: 100%
}

.pro_color_img {
    width: 18px;
    height: 18px;
    border-radius: 0;
    overflow: hidden;
    min-width: 18px
}

.pro_color_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;

}


.title_label {
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0
}

.custom_container {
    width: 100%;
    max-width: 1360px;
    padding: 0 30px;
    margin: 0 auto
}

.connect_container h2,.title_label {
    font-family: Sora!important;
    font-style: normal;
    font-weight: 800;
    line-height: 100%
}

.connect_apply_outer {
    padding: 90px 0
}

.connect_container {
    max-width: 1360px;
    padding: 0 30px;
    margin: 0 auto
}

.connect_apply_outer {
    position: relative;
    width: 100%;
    display: inline-block;
    background: #f7f5ff;
    margin: -10px 0 0
}

.title_label {
    z-index: 1;
    color: #342a41;
    font-size: 60px;
    margin: 0;
    position: absolute;
    transform: translateY(-50%)
}

.connect_container h2 {
    color: #e2deff;
    font-size: 150px;
    margin: 0;
    position: relative
}

.connect_list p,.your_kitty_outer .reserve_kitty_dec p {
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;
    color: #342a41;
    opacity: .8;
    font-style: normal
}

.connect_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0;
    gap: 50px
}

.connect_list p {
    font-family: Plus Jakarta Sans;
    margin: 0
}

.connect_desc {
    width: 100%;
    max-width: 695px
}

.adoption_collection_outer {
    background: linear-gradient(100deg,#b4c9fe 10.84%,#dfbffc 90.91%);
    width: 100%;
    text-align: center;
    padding: 100px 0
}

.adoption_collection_outer h2 {
    color: #342a41;
    text-align: center;
    font-family: Sora;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin: 0 0 60px
}

.collection_outer {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px
}

.collection_col {
    width: 33.33%;
    position: relative
}

.collection_dec,.go_link {
    position: absolute
}

.collection_dec {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 16px
}

.collection_dec h3,.collection_dec p {
    color: #fff;
    font-family: Plus Jakarta Sans!important;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 105%;
    margin: 0;
    text-align: left
}

.collection_col:first-of-type .collection_dec h3 {
    color: #774c9d
}

.go_link {
    right: 10px;
    bottom: 10px
}

.reserve_kitty_dec h2,.shipping_option .header_text h1 {
    font-weight: 800;
    line-height: 100%;
    font-style: normal;
    text-align: left;
    font-family: Sora, sans-serif;
}

.reserve_kitty_dec h2 {
    position: relative;
    color: #b4f5fe;
    font-family: Sora!important;
    font-size: 150px
}

.reserve_kitty_dec h2 label {
    opacity: .5
}

.your_kitty_outer {
    width: 100%;
    background: #f7feff;
    padding: 100px 0 0
}

.reserve_kitty {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 60px
}

.reserve_kitty_img {
    width: 32%
}

.reserve_kitty_dec {
    width: 68%
}

.kity_note {
    width: 100%;
    display: flex;
    padding: 50px 60px;
    border-radius: 30px;
    background: #9ebcfb;
    color: #fff;
    gap: 40px;
    margin-top: 40px
}

.find_inner h3,.note_heading h3 {
    font-style: normal;
    font-weight: 700
}

.note_heading h3 {
    color: #fff;
    font-family: Plus Jakarta Sans!important;
    font-size: 30px;
    line-height: 120%;
    text-transform: uppercase;
    max-width: 112px;
    margin: 0;
    position: relative;
    padding-bottom: 20px
}

.note_dsec p {
    margin: 0;
    color: #fff;
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 180%
}

.note_heading h3::after {
    content: "";
    width: 30px;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: -3px;
    left: 0
}

.reserve_kitty.second_list .reserve_kitty_dec {
    order: 1;
    max-width: 670px
}

.reserve_kitty.second_list .reserve_kitty_img {
    position: relative;
    order: 2;
    top: -80px
}



.pro_gen span img {
    max-width: 18px
}

.pro_color,.pro_color .pro_color_text {
    text-overflow: ellipsis;
    color: #998ba6
}


.social-share,.trust_review {
    display: flex;
    gap: 10px;
    align-items: center
}

.Coordinate_outer .accodian-container .container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.Coordinate_outer .accodian-container .container details {
    width: 48%
}

.Coordinate_outer .accodian-container summary h3 {
    color: #342a41;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin: 0;
    font-family: Plus Jakarta Sans!important
}

.find_inner,.find_outer {
    width: 100%;
    position: relative
}

.find_inner {
    max-width: 1300px;
    padding: 100px 30px;
    border-radius: 40px;
    background: linear-gradient(100deg,#b4c9fe 10.84%,#dfbffc 90.91%);
    margin: 0 auto
}

.find_inner h3 {
    color: #342a41;
    font-family: Sora;
    font-size: 40px;
    line-height: 100%;
    margin: 0 0 20px
}

.app_link a,.find_inner p {
    font-family: Plus Jakarta Sans;
    color: #342a41;
    font-style: normal
}

.find_inner p {
    font-size: 20px;
    font-weight: 700;
    line-height: 160%;
    margin: 0 0 40px
}

.app_link a,.available_btn a,.process_btn a {
    font-weight: 700;
    line-height: 100%;
    display: flex
}
.header_text .app_link a 
{
  margin: 0;
}

.app_link a {
    border-radius: 14px;
    background: #f4ff73;
    width: 100%;
    height: 64px;
    padding: 20px 0;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    max-width: 429px;
    margin: 0 auto;
    font-size: 18px
}
.banner_container .app_link a{
  padding: 20px;
}
.find_outer {
    display: inline-block;
    padding: 100px 30px 0;
    background: #f6f7fe
}

.find_outer::before {
    content: "";
    background: #5d5c78;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
}

.pro_color .pro_color_text {
    line-height: 0
}

.pro_color .pro_color_text p {
    position: relative;
    top: 0;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.shipping_option .breadcrumbs__current {
    color: #986abf
}

.choose-sec .product__media img {
    border-radius: 16px
}

.template-page .find_outer {
    padding-top: 0
}

.newsletter-section .wrapper {
    width: var(--site-width)!important;
    max-width: 100%;
    margin: 0 auto!important;
  height: fit-content;
  
}

@media screen and (min-width:1200px) {
    .connect_list:last-of-type .connect_desc {
        max-width: 636px;
        order: 2
    }

    .text_lists {
        padding-left: 45px
    }

    .Coordinate_outer {
        background: linear-gradient(180deg,#f9f5fd 95%,#f0f4ff 95%)
    }

    .newsletter-section .wrapper {
        padding: 0 var(--gutter)!important
      height: fit-content;
    }
}

@media screen and (max-width:1199px) and (min-width:1024x) {
    .why-you-sec {
        padding: 80px 30px
    }

    .newsletter-section .wrapper {
        padding: 0 var(--gutter)!important;
        height: fit-content;
    }
}




@media only screen and (min-width:768px) and (max-width:1199px) {

    .collection_dec h3,.collection_dec p {
        font-size: 22px
    }

    .connect_list:last-of-type .connect_desc {
        max-width: 636px;
        order: 2
    }

    nav.breadcrumbs a,nav.breadcrumbs span {
        font-size: 14px
    }


    .social-sharing-wrapper {
        gap: 9px;
        flex-wrap: wrap;

    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .reserve_kitty_dec {
        width: 100%
    }

    .text_lists {
        padding-left: 45px
    }

    .align--middle-split .newsletter-section__entry {
        flex: unset;
        padding: 0;
        width: 100%
    }

    .align--middle-split .newsletter {
        width: auto;
        flex-basis: 100%;
        margin-top: 25px
    }

    .newsletter-section {
        padding: 60px 30px
    }

    .collection_dec h3,.collection_dec p {
        font-size: 18px
    }

    .adoption_collection_outer h2 {
        font-size: 36px;
        margin-bottom: 40px
    }

    .adoption_collection_outer {
        padding: 60px 0
    }

    .title_label {
        font-size: 40px
    }

    .connect_container h2,.your_kitty_outer .reserve_kitty_dec h2 {
        font-size: 100px
    }

    .connect_apply_outer {
        padding: 50px 0
    }

    .reserve_kitty {
        flex-wrap: wrap;
        justify-content: center
    }

    .reserve_kitty_img {
        order: 1
    }
}

@media only screen and (max-width:991px) {
    .connect_list,.reserve_kitty {
        flex-wrap: wrap
    }

    .connect_desc,.note_heading h3 {
        max-width: 100%
    }


    .connect_desc {
        padding-bottom: 20px
    }

    .connect_list:last-of-type .connect_desc {
        max-width: 100%;
        order: 1
    }

    .reserve_kitty.second_list .reserve_kitty_dec {
        order: 2
    }

    .connect_list:last-of-type {
        margin-top: 40px
    }

    .title_label {
        font-size: 40px
    }

    .connect_container h2,.your_kitty_outer .reserve_kitty_dec h2 {
        font-size: 100px
    }

    .connect_apply_outer {
        padding: 50px 0
    }

    .reserve_kitty {
        justify-content: center;
        gap: 0
    }

    .reserve_kitty_img {
        order: 1;
        width: 100%;
        text-align: center
    }

    .note_heading,.reserve_kitty_dec {
        width: 100%
    }

    .note_dsec p {
        font-size: 18px
    }

    .kity_note {
        flex-wrap: wrap;
        padding: 40px 30px
    }

    .reserve_kitty.second_list .reserve_kitty_img {
        position: relative;
        order: 1;
        top: 0;
        text-align: center;
        width: 100%
    }

    .Coordinate_outer .accodian-container summary h3 {
        font-size: 20px!important
    }

    .Coordinate_outer .accodian-container .container details {
        padding: 20px 30px!important;
        border-radius: 20px
    }

  
}

@media screen and (max-width:767px) {
 

    .for_mobile {
        display: block
    }

    .coll_social_media svg {
        width: 42px;
        height: 42px
    }

    .custom_container {
        padding: 0 20px
    }

    .collection_outer {
        flex-wrap: wrap
    }

    .why-you-sec {
        padding: 50px 20px;
        max-width: 375px
    }

    .why-you-cards {
        flex-wrap: wrap;
        flex-direction: unset
    }

    .why-you-card {
        width: 100%;
        padding: 48px 42px 70px;
        height: auto
    }

    .text_list h2 {
        font-size: 40px
    }

    .text_lists ul li {
        width: 46%;
        padding-bottom: 0
    }

    .text_lists ul {
        gap: 20px;
        justify-content: left
    }

    .adoption_collection_outer,.newsletter-section,.text_list,.your_kitty_outer {
        padding: 50px 0
    }

    .text_lists ul li a {
        font-size: 14px
    }

    .newsletter-section__entry h2 {
        font-size: 32px
    }

    .align--middle-split .newsletter-section__content {
        flex-wrap: wrap;
        flex-basis: unset
    }

    .align--middle-split .newsletter {
        width: 100%;
        flex-basis: unset
    }

    .align--middle-split .newsletter-section__entry,.coll_social_media,.collection_col {
        width: 100%
    }

    .align--middle-split .newsletter-form .input-group {
        max-width: 375px;
        border-radius: 0;
        background: 0 0;
        backdrop-filter: none;
        gap: 10px;
        flex-wrap: wrap;
        margin: 0;
        padding: 0
    }

    .newsletter-section .input-group__field {
        font-size: 17px;
        border-radius: 14px;
        background: rgba(215,211,241,.6);
        backdrop-filter: blur(10px);
        display: flex;
        max-width: 100%;
        height: 60px;
        padding: 15px 20px;
        align-items: center;
        gap: 10px
    }

    .newsletter-section .input-group__btn {
        width: 100%;
        height: 60px;
        justify-content: center
    }

    .newsletter-section .align--middle-split .input-group__item {
        flex-basis: unset;
        width: 100%
    }

    .Coordinate_outer .accodian-container .container details {
        width: 100%!important
    }

    .newsletter-section .wrapper,.text_lists {
        max-width: 375px
    }

    .why-you-card h4 {
        margin: 0 0 20px
    }

    .text_list h2 {
        max-width: 400px;
        margin: 0 auto 40px!important;
        padding: 0 20px
    }

    .text_lists {
        padding-left: 40px
    }

    .why-you-card a.bottom-link img {
        position: relative;
        right: -10px
    }

    .adoption_collection_outer h2 {
        font-size: 32px;
        margin-bottom: 40px
    }

    .pro_color {
        height: auto!important
    }

 
  .shipping_option-yas .app_link a,
  .health_guarantee_yas .app_link a,
  .our_breeders-yas .app_link a {
        margin: 0 auto;
    }
    .Coordinate_container h2 {
        font-size: 100px
    }

    .Coordinate_outer {
        padding: 50px 0;
        background: linear-gradient(180deg,#f9f5fd 100%,#f0f4ff 100%)
    }

    .Coordinate_container {
        padding: 0 20px!important
    }

  

    .find_outer {
        padding: 50px 20px 0
    }

    .find_inner h3 {
        font-size: 32px;
        line-height: 120%;
        font-weight: 800
    }

    .find_inner {
        padding: 60px 20px 30px
    }

    .vet_outer {
        padding-top: 100px
    }

    p.vet-p {
        margin-top: 20px
    }

    .pro_gen_col {
        width: 100%;
 
        left: 0
    }

    .pro_color_img {
        width: 14px;
        height: 14px;
        min-width: 14px;
        min-height: 14px
    }

    .pro_color_img img {
        position: relative;
        
    }

    .social-sharing-wrapper {
        gap: 15px;
        justify-content: center
    }

  
}

@media screen and (max-width:374px) {
    .newsletter-section .wrapper,.text_lists {
        max-width: 315px
    }

    .why-you-card {
        padding: 48px 32px 70px
    }

    .why-you-card h4 {
        font-size: 28px
    }
}

.choose-sec a.btn.btn--solid.btn--large.btn--white.btn--view-all {
    text-transform: math-auto
}

.choose-sec .wishlist-section {
    display: block!important;
    position: absolute;
    top: 15px;
    left: 15px;
}

.product_section h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px
}

.shipping_option .header_text h1 {
    color: #342a41;
    font-size: 80px;
    margin: 0 0 10px
}

span.product_span {
    color: #564a65;
    font-size: 12.5px
}

.shipping_option {
    width: 100%;
  height: fit-content;
    position: relative
}

.shipping_option .header_text {
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1330px;
    padding: 15px
}

.shipping_option.kitties_story_sec {
    display: flex;
    max-width: 1360px;
    margin: 0 auto
}


.shipping_option .header_text p {
    color: #342a41;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    max-width: 720px;
    margin: 0
}

.shipping_option .breadcrumbs.cartbreadcrumbs_desktop {
    margin-bottom: 10px;
      margin-top: 10px;
}
}

.shipping_option_hero.health_banner .header_text p {
    max-width: 710px;
    margin-bottom: 10px;
}

.lazy-images {
    margin: 0!important
}

.product__media {
    border-radius: 20px
}

@media screen and (min-width:1200px) {
 
}

@media screen and (max-width:1199px) {
    .shipping_option .header_text h1 {
        font-size: 50px
    }

    .shipping_option .breadcrumbs.cartbreadcrumbs_desktop {
        margin-bottom: 15px
    }

    .shipping_option .header_text p {
        font-size: 15px;
    }

    .shipping_option_hero .image img {
        min-height: 340px;
        object-fit: cover
    }
}

@media screen and (max-width:540px) {
  

    .product_section {
        width: 100%
    }
}

img[loading] {
    transition: none!important
}

@media screen and (max-width:767px) {
    .newsletter-section .align--middle-split .input-group__fields,.newsletter-section .align--middle-split .input-group__item {
        width: 100%
    }

    span.product_span {
        margin-bottom: 2px
    }

    .shipping_option .header_text {
        top: 0
    }

    nav.breadcrumbs a,nav.breadcrumbs span {
        line-height: normal
    }
}

.Coordinate_outer .accodian-container .container {
    max-width: 1145px
}

.social-share a svg {
    height: 29px;
    max-width: 29px
}

a.tumblr_svg svg path {
    fill: #2f4155!important
}

@media only screen and (min-width:1200px) and (max-width:1359px) {
  
    .collection_dec h3,.collection_dec p {
        font-size: 22px
    }

    .connect_list:last-of-type .connect_desc {
        max-width: 636px;
        order: 2
    }

    nav.breadcrumbs a,nav.breadcrumbs span {
        font-size: 14px
    }
}



.available_btn a,.process_btn a {
    height: 76px;
    font-size: 20px;
    font-style: normal;
    color: #342a41;
    background: #dec0fc
}

.process_btn a {
    text-align: center
}

.shipping_option_hero.health_banner.story_page {
    padding: 0 30px 0 15px;
    background: #faf8f9;
    overflow: hidden
}


.story_banner_desc {
    width: 100%;
    max-width: 600px
}

.shipping_option.kitties_story_sec h3, .shipping_option.kitties_story_sec h2 {
    color: #342a41;
    font-family: Sora;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    padding-top: 5px
}

.available_btn a,.process_btn a {
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 18px
}

.available_btn a {
    border: 1px solid #f4ff73;
    background: #f4ff73;
    width: 324px;
    padding: 21px 29px;
    gap: 6px;
    flex-wrap: wrap;
    text-align: center
}

.process_btn a {
    padding: 20px 0;
    gap: 8px;
    width: 232px
}

.explore_process_btns ul {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0
}

.explore_process_btns ul li {
    list-style: none
}

.explore_process_btns {
    width: 100%;
    margin: 35px 0
}

.shipping_option_hero.health_banner.story_page .story_banner_desc p {
    max-width: 590px
}

@media only screen and (min-width:1200px) {
    .shipping_option_hero.health_banner.story_page .shipping_option.kitties_story_sec .header_text {
        max-width: 1300px;
        padding: 0 15px
    }

    .story_banner_desc {
        padding-top: 20px
    }
}

@media only screen and (min-width:1200px) and (max-width:1500px) {
    .story_banner_desc {
        padding-top: 0
    }

    .shipping_option_hero.health_banner.story_page .story_banner_desc h1 {
        margin-top: 20px
    }

    .explore_process_btns {
        width: 100%;
        margin: 25px 0 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    body .story_banner_desc {
        max-width: 410px
    }

    body .shipping_option_hero.health_banner.story_page .story_banner_desc h1 {
        font-size: 36px
    }

    body .shipping_option.kitties_story_sec h3,  body .shipping_option.kitties_story_sec h2 {
        font-size: 25px;
        padding-top: 0
    }
    .explore_process_btns,
    .explore_process_btns a {
        margin: 0;
        height: auto;
        padding: 21px 10px;
        font-size: 13px;
        width: auto
  }
  .explore_process_btns{
    padding: 21px 0px;
  }
  
}

@media only screen and (max-width:767px) {
    .shipping_option_hero.health_banner.story_pages .header_text {
        padding: 15px 30px
    }

 
    body .pro_color {
        margin-left: 0!important
    }

    .template-page .pro_gen {
        margin: 0
    }

    .pro_gen.product-zodiacs {
        width: 100%
    }

    body .pro_col_gen {
        align-items: flex-end
    }

    body .pro_color {
        height: 32px!important
    }

    .template-page .pro_col_gen {
        justify-content: flex-start;
      width: 100%;
    }

    .template-page .choose-sec .wrapper--full-padded {
        padding: 0 15px
    }

    .product_section span.product_span {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-bottom: 2px
    }

  

    .available_btn a,.process_btn a {
        width: 100%;
        max-width: 100%
    }

    .shipping_option.kitties_story_sec h3,  .shipping_option.kitties_story_sec h2  {
        font-size: 24px
    }

    .shipping_option_hero.health_banner.story_page {
        padding-right: 0
    }

    .story_page .shipping_option .header_text {
        padding: 15px
    }

    .explore_process_btns ul {
        flex-wrap: wrap
    }

    .explore_process_btns ul li {
        list-style: none;
        width: 100%
    }

    .explore_process_btns {
        margin: 20px 0
    }

    .template-page .pro_gen_col .pro_color_img.tab-color {
        width: 20px;
        height: 22px;
        margin-top: 0;
        margin-left: 0;
        min-width: 18px
    }

    html .template-page .pro_color_text,html .template-page .product-grid-item__info-content .pro_color,html .template-page .product-grid-item__info-content .pro_color .pro_color_text {
        justify-content: flex-start
    }



    html .template-page .product-grid-item__info-content .pro_color {
        padding: 6px 0px
    }

    html .template-page .pro_gen_col .pro_color_img.tab-color img {
        width: 16px;
        height: 16px;
        min-width: 16px;
        min-height: 16px
    }

    .new-color {
        width: calc(100%)!important
    }

    .pro_gen {
        margin-right: 3px
    }

    .pro_gen_col.new-item-product {
        gap: 5px!important
    }

    .pro_color.product-catage {
        padding: 3px
    }

    .pro_color.product-catage .pro_color_text {
        display: unset!important;
        padding: 0 3px!important
    }

    .pro_color.product-catage .pro_color_img {
        border-radius: 0!important;
        width: 20px;
        height: 22px;
        margin-top: 2px;
        margin-left: 2px
    }
}

.pro_gen_col.new-item-product {
    display: flex;
    gap: 10px;
    margin: 0!important;
    width: 100%!important;
    justify-content: start;
    flex-wrap: wrap
}

.for_mobile {
    display: none
}

.delivery_header_text {
    width: 60%
}
.breeders_image .delivery_desktop_video {
  width: 100%;
}
.delivery_desktop_video {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

@media screen and (max-width:767px) {
    .for_desktop{
      display: none;
    }
    .for_mobile {
        display: block
    }
}

.option_container h2 {
    display: flex;
    color: #342a41;
    font-family: Sora;
    font-size: 60px;
    margin: 0;
    position: relative;
    z-index: 1;
    min-height: 150px;
    align-items: center
}

.number_one,.option_container h2 {
    font-weight: 800;
    line-height: 100%;
    font-style: normal
}

.option_container {
    width: 100%;
    max-width: 1360px;
    padding: 100px 15px 0;
    margin: 0 auto
}
.ground_delivery {
    display: flex;
    gap: 120px;
}
.gropund_delivery_image,
.pickup_desktop_image.for_desktop,
.product_right {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.delivery_header_text, .ground_delivery_header_text, .product_left {
    width: 60%;
}

.delivery_nanny {
    margin-bottom: 110px;
}
.option_container p {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    color: #342a41;
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;
    opacity: .8
}

.delivery_option, .left_block_content {
    justify-content: space-between;
    display: flex;
    gap: 50px
}
.left_block_content {
    width: 100%;
    gap: 70px;
}

.delivery_desktop_video .delivery_video-section {
    width: 100%
}

.pickup_header_text{
  width: 60%;
  order: 2;
}
.pickup_desktop_image.for_desktop, .product_right {
  width: 40%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.embedtoolsone iframe {
  border-radius: 20px;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 8;
  box-shadow: -22px -22px #b9affe, -22px 22px #b9affe;
}
.number_one, .number_two {
    color: #e2deff;
    font-size: 150px;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: Sora,sans-serif!important
}

.delivery_option .image111 {
    width: 100%;
 aspect-ratio: 1.32;
}
@media (max-width: 1360px)
{
  .delivery_option img {
  
}
}

.breeder_bottom {
    display: flex;
    gap: 155px;
    padding-right: 20px;
    justify-content: space-between;
    max-width: 1360px;
    margin: 0 auto;
    align-items: center;
}
.breeder_img {
    display: flex;
    align-items: flex-end;
    line-height: 0;
    width: 100%;
    max-width: 434px;
}
.breeder_text {
    max-width: 744px;
}


.reviews-card main{
    background: #f2f6fb;
}




@media screen and (max-width:1199px) {
    .option_container h2 {
        font-size: 60px
    }

    .number_one {
        font-size: 100px!important
    }

    .option_container p {
        font-size: 16px;
        display: flow-root
    }

    .delivery_option {
        gap: 50px
    }
}

@media screen and (max-width:767px) {
    .delivery_desktop_video{
      display: none;
    }
    .delivery_desktop_video,.delivery_header_text {
        width: 100%
    }

    .delivery_option {
        flex-wrap: wrap
    }

    .delivery_header_text h2,.ground_delivery_header_text h2,.nanny_header_text h2,.pickup_header_text h2 {
        margin-bottom: 25px
    }

.pickup_header_text .image-section
  {
    padding-bottom: 20px;
  }

  
    .delivery_header_text p {
        margin-top: 20px
    }
.ground_delivery_header_text img.for_mobile
  {
    padding-bottom: 20px;
  }
    .option_container {
        padding: 50px 20px 0
    }

    .delivery_option {
        gap: 0;
      padding-bottom: 25px;
      
    }

    .number_one {
        font-size: 100px
    }

    .option_container h2 {
        font-size: 40px;
        min-height: 100px
    }

    .option_container .video-section.for_mobile {
        max-width: 100%;
        padding: 0
    }
}


.embedtoolsone video {
  border-radius: 20px;
  width: 100%;
  height: 258px;
  box-shadow: -22px -22px #b9affe, -22px 22px #b9affe;
  object-fit: cover;
}