.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ================= Mayabone: site-wide CSS ================= */

/* ---- Base: no sideways scroll, sensible links ---- */
html, body { overflow-x: clip; }
img { max-width: 100%; }
a { color: #2049D6; }
a:hover { color: #1535A8; }
a[x-apple-data-detectors],
a[x-apple-data-detectors] * { color: inherit !important; text-decoration: none !important; }

/* ---- Header ---- */
.mb-header, .mb-banner { margin-top: 0 !important; margin-bottom: 0 !important; }
.mb-nav .elementor-item { color: #14182B !important; font-family: Nunito, sans-serif; font-weight: 800; font-size: 16px; }
.mb-nav .elementor-item:hover,
.mb-nav .elementor-item.elementor-item-active { color: #2049D6 !important; }
.mb-nav .elementor-menu-toggle { color: #14182B; background: transparent; }
.mb-nav .elementor-nav-menu--dropdown a { color: #14182B; font-weight: 800; padding: 16px 20px; }
.mb-nav .elementor-nav-menu--dropdown a:hover,
.mb-nav .elementor-nav-menu--dropdown a.elementor-item-active { background: #2049D6; color: #FFFFFF; }
.mb-banner { background: #FFD23F; }
.mb-banner-text .elementor-heading-title { color: #14182B; font-weight: 800; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
@media (max-width: 767px) {
  .mb-banner-text .elementor-heading-title { font-size: 11px; letter-spacing: .5px; }
}

/* ---- Hero: full width, never wider than the screen, no gap above ---- */
.mb-hero {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden;
}
.mb-hero > .e-con { min-width: 0; }
.mb-hl {
  display: inline-block;
  color: #2049D6;
  padding: .2em .3em .1em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath d='M4,13 C70,4 190,9 288,2 L292,54 C210,60 90,56 2,62 Z' fill='%23FFD23F'/%3E%3Cpath d='M12,48 C100,40 210,46 298,40 L296,90 C200,96 96,90 9,97 Z' fill='%23FFD23F'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
/* Diagonal seam between the blue panel and the photo: desktop only.
   The photo fills the rest of the row, and the hero text lines up
   with the page content below it. */
@media (min-width: 1025px) {
  .mb-hero-left {
    position: relative;
    z-index: 2;
    margin-right: -50px !important;
    padding-left: max(48px, calc((100vw - 1200px) / 2 + 10px)) !important;
    clip-path: polygon(0 0, 100% 0, calc(100% - 50px) 100%, 0 100%);
  }
  .mb-hero-right { flex: 1 1 auto !important; }
}

/* ---- Images: never stretched, never too tall on phones ---- */
.mb-img img { width: 100%; object-fit: cover; }
@media (max-width: 767px) {
  .mb-img img { height: 330px !important; }
  .mb-hero-right { min-height: 330px !important; }
}

/* ---- Buttons ---- */
.mb-btn .elementor-button { border-radius: 999px; border: 2px solid transparent; }
@media (max-width: 1024px) {
  .mb-btn .elementor-button { font-size: 14px !important; padding: 12px 22px !important; }
}
/* Button pairs always stack on phones */
@media (max-width: 767px) {
  .mb-btn-row { flex-direction: column !important; align-items: flex-start !important; }
}

/* ---- Call-to-action banners ---- */
.mb-cta .elementor-widget-button { flex-shrink: 0; }
@media (max-width: 767px) {
  .mb-cta { padding-bottom: 44px !important; }
  .mb-cta .elementor-widget-button { margin-top: 6px; }
}

/* ---- Tablet: card rows stay tidy ---- */
@media (min-width: 768px) and (max-width: 1024px) {
  .mb-products { flex-wrap: nowrap !important; gap: 16px !important; }
  .mb-products > .e-con { width: auto !important; flex: 1 1 0 !important; min-width: 0 !important; }
  .mb-products .mb-img img { height: auto !important; aspect-ratio: 1 / 1; }
}

/* ---- Footer ---- */
.mb-foot-links a,
.mb-foot-links .elementor-icon-list-text { color: #FFFFFF !important; text-decoration: none; }
.mb-foot-links a:hover .elementor-icon-list-text { color: #FFD23F !important; }
.mb-legal a { color: #FFFFFF !important; text-decoration: none; }
.mb-legal a:hover { text-decoration: underline; }
@media (max-width: 767px) {
  .mb-footer-bottom { text-align: center; }
}

/* ---- Email sign-up forms ---- */
.mb-signup .elementor-field-textual { background: #FFFFFF; color: #1B2A6B; border: 0; border-radius: 999px; padding: 12px 18px; }
.mb-signup .elementor-button { background: #FFD23F !important; color: #1535A8 !important; border-radius: 999px; font-weight: 800; }
.mb-signup .elementor-button:hover { background: #FFFFFF !important; }
.mb-signup .elementor-message { color: #FFFFFF; }
.mb-signup-lg .elementor-button { background: #2049D6 !important; color: #FFFFFF !important; }
.mb-signup-lg .elementor-button:hover { background: #1535A8 !important; }
.mb-signup-lg .elementor-message { color: #1535A8; }

/* ---- Section backgrounds: waves, paw prints and gradients ---- */
.mb-best {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center top -1px !important;
  background-size: 100% 60px !important;
}
.mb-dogs {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%23FFDD60'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 H1440 V30 C1200,-10 960,60 720,30 C480,0 240,60 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='%23FFFFFF' fill-opacity='.07'%3E%3Cg transform='translate(18 22) rotate(-18 25 25) scale(.5)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(150 40) rotate(24 35 15) scale(.55)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(160 160) rotate(16 20 20) scale(.4)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(30 170) rotate(-28 35 15) scale(.48)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(ellipse at 50% 45%, rgba(255,255,255,.16), rgba(255,255,255,0) 62%) !important;
  background-repeat: no-repeat, no-repeat, repeat, no-repeat !important;
  background-position: center top -1px, center bottom -1px, center, center !important;
  background-size: 100% 60px, 100% 60px, 260px 260px, 100% 100% !important;
}
.mb-safety {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center top -1px !important;
  background-size: 100% 60px !important;
}
.mb-join {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%231535A8'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 H1440 V30 C1200,-10 960,60 720,30 C480,0 240,60 0,30 Z' fill='%232049D6'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 24% 46% at 50% 50%, rgba(255,210,63,.92) 0%, rgba(255,210,63,.62) 38%, rgba(255,210,63,.22) 72%, rgba(255,210,63,0) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='400' viewBox='0 0 640 400'%3E%3Cg fill='%23FFFFFF' fill-opacity='.34'%3E%3Cg transform='translate(40 36) rotate(-18 25 25) scale(0.58)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(250 26) rotate(24 35 15) scale(0.6)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(505 112) rotate(28 25 25) scale(0.44)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(66 252) rotate(-30 35 15) scale(0.52)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(330 268) rotate(-12 25 25) scale(0.52)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(520 306) rotate(14 35 15) scale(0.46)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cpolygon points='214.5,165.0 207.3,167.8 209.9,175.1 202.2,174.6 201.4,182.3 194.7,178.4 190.6,185.0 186.2,178.6 179.7,182.8 178.5,175.1 170.8,176.1 173.1,168.7 165.8,166.2 171.0,160.5 165.5,155.0 172.7,152.2 170.1,144.9 177.8,145.4 178.6,137.7 185.3,141.6 189.4,135.0 193.8,141.4 200.3,137.2 201.5,144.9 209.2,143.9 206.9,151.3 214.2,153.8 209.0,159.5'/%3E%3Cpolygon points='449.6,59.6 443.4,60.1 443.7,66.3 437.9,64.0 435.4,69.7 431.2,65.2 426.6,69.2 424.7,63.3 418.7,65.0 419.6,58.9 413.6,57.7 417.0,52.6 412.0,49.0 417.4,45.9 414.4,40.4 420.6,39.9 420.3,33.7 426.1,36.0 428.6,30.3 432.8,34.8 437.4,30.8 439.3,36.7 445.3,35.0 444.4,41.1 450.4,42.3 447.0,47.4 452.0,51.0 446.6,54.1'/%3E%3Cpolygon points='245.7,365.2 239.2,363.1 236.8,369.5 232.0,364.7 227.1,369.4 224.7,363.0 218.2,365.2 218.9,358.4 212.2,357.5 215.7,351.7 210.0,347.9 215.7,344.2 212.2,338.4 219.0,337.5 218.3,330.8 224.8,332.9 227.2,326.5 232.0,331.3 236.9,326.6 239.3,333.0 245.8,330.8 245.1,337.6 251.8,338.5 248.3,344.3 254.0,348.1 248.3,351.8 251.8,357.6 245.0,358.5'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg, #FFD84F 0%, #FFC629 100%) !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat, no-repeat !important;
  background-position: center top -1px, center bottom -1px, center, center, center !important;
  background-size: 100% 60px, 100% 60px, 100% 100%, 640px 400px, 100% 100% !important;
}
@media (max-width: 767px) {
  .mb-best, .mb-safety { background-size: 100% 34px !important; }
  .mb-dogs { background-size: 100% 34px, 100% 34px, 200px 200px, 100% 100% !important; }
  .mb-join { background-size: 100% 34px, 100% 34px, 230% 100%, 440px 275px, 100% 100% !important; }
}

/* ---- Wholesale banner: gradient with paw and bone shapes ---- */
.mb-cta {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23FFFFFF' fill-opacity='.5' transform='rotate(18 50 50)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -30 140 110'%3E%3Cg fill='%23FFFFFF' fill-opacity='.42' transform='rotate(-20 60 25)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23FFFFFF' fill-opacity='.38' transform='rotate(-22 50 50)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(120deg, #FFD23F 0%, #FFD23F 50%, #FFE68A 100%) !important;
  background-repeat: no-repeat !important;
  background-position: right 64px center, right 230px bottom -18px, right 290px top 14px, center !important;
  background-size: 190px 190px, 190px auto, 70px 70px, 100% 100% !important;
}
@media (max-width: 1024px) {
  .mb-cta {
    background-position: right 24px center, right 150px bottom -16px, right 170px top 10px, center !important;
    background-size: 130px 130px, 130px auto, 50px 50px, 100% 100% !important;
  }
}
@media (max-width: 767px) {
  .mb-cta {
    background-position: right -26px bottom -22px, right 90px bottom -30px, right 14px top 12px, center !important;
    background-size: 120px 120px, 0 0, 44px 44px, 100% 100% !important;
  }
}

/* ---- Why dogs love Mayabone: two columns of three points ---- */
@media (min-width: 768px) and (max-width: 1024px) {
  .mb-love-row { max-width: 720px; margin-left: auto; margin-right: auto; }
}

/* ---- Icon boxes: gentle hover colours ---- */
.mb-card .elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
.mb-card .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title { color: #1535A8 !important; }
.mb-card .elementor-widget-icon-box:has(:hover) .elementor-icon,
.mb-card .elementor-widget-icon-box:has(:focus) .elementor-icon { background-color: #FFD23F !important; color: #2049D6 !important; fill: #2049D6 !important; }
.mb-dogs .elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
.mb-dogs .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title { color: #FFFFFF !important; }
.mb-dogs .elementor-widget-icon-box:has(:hover) .elementor-icon,
.mb-dogs .elementor-widget-icon-box:has(:focus) .elementor-icon { color: #FFD23F !important; fill: #FFD23F !important; }


/* ---- Shop page ---- */
.mb-tag .elementor-heading-title { display: inline-block; background: #EEF3FF; padding: 6px 12px; border-radius: 999px; }
.mb-shop a { color: #2049D6; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.mb-shop .elementor-button { text-decoration: none; }
.mb-shop-grid { align-items: stretch !important; }
.mb-toy > .elementor-widget-button { margin-top: auto; }
.mb-why {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 H1440 V30 C1200,-10 960,60 720,30 C480,0 240,60 0,30 Z' fill='%232049D6'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='%23FFFFFF' fill-opacity='.06'%3E%3Cg transform='translate(18 22) rotate(-18 25 25) scale(.5)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(150 40) rotate(24 35 15) scale(.55)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(160 160) rotate(16 20 20) scale(.4)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(30 170) rotate(-28 35 15) scale(.48)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(ellipse at 50% 45%, rgba(255,255,255,.16), rgba(255,255,255,0) 62%) !important;
  background-repeat: no-repeat, no-repeat, repeat, no-repeat !important;
  background-position: center top -1px, center bottom -1px, center, center !important;
  background-size: 100% 60px, 100% 60px, 260px 260px, 100% 100% !important;
}
@media (max-width: 767px) {
  .mb-why { background-size: 100% 34px, 100% 34px, 200px 200px, 100% 100% !important; }
}


/* ---- Our Story page ---- */
.mb-soft {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 H1440 V30 C1200,-10 960,60 720,30 C480,0 240,60 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center top -1px, center bottom -1px !important;
  background-size: 100% 60px, 100% 60px !important;
}
.mb-promise {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 H1440 V30 C1200,-10 960,60 720,30 C480,0 240,60 0,30 Z' fill='%232049D6'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 24% 46% at 50% 50%, rgba(255,210,63,.92) 0%, rgba(255,210,63,.62) 38%, rgba(255,210,63,.22) 72%, rgba(255,210,63,0) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='400' viewBox='0 0 640 400'%3E%3Cg fill='%23FFFFFF' fill-opacity='.34'%3E%3Cg transform='translate(40 36) rotate(-18 25 25) scale(0.58)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(250 26) rotate(24 35 15) scale(0.6)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(505 112) rotate(28 25 25) scale(0.44)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(66 252) rotate(-30 35 15) scale(0.52)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(330 268) rotate(-12 25 25) scale(0.52)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(520 306) rotate(14 35 15) scale(0.46)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cpolygon points='214.5,165.0 207.3,167.8 209.9,175.1 202.2,174.6 201.4,182.3 194.7,178.4 190.6,185.0 186.2,178.6 179.7,182.8 178.5,175.1 170.8,176.1 173.1,168.7 165.8,166.2 171.0,160.5 165.5,155.0 172.7,152.2 170.1,144.9 177.8,145.4 178.6,137.7 185.3,141.6 189.4,135.0 193.8,141.4 200.3,137.2 201.5,144.9 209.2,143.9 206.9,151.3 214.2,153.8 209.0,159.5'/%3E%3Cpolygon points='449.6,59.6 443.4,60.1 443.7,66.3 437.9,64.0 435.4,69.7 431.2,65.2 426.6,69.2 424.7,63.3 418.7,65.0 419.6,58.9 413.6,57.7 417.0,52.6 412.0,49.0 417.4,45.9 414.4,40.4 420.6,39.9 420.3,33.7 426.1,36.0 428.6,30.3 432.8,34.8 437.4,30.8 439.3,36.7 445.3,35.0 444.4,41.1 450.4,42.3 447.0,47.4 452.0,51.0 446.6,54.1'/%3E%3Cpolygon points='245.7,365.2 239.2,363.1 236.8,369.5 232.0,364.7 227.1,369.4 224.7,363.0 218.2,365.2 218.9,358.4 212.2,357.5 215.7,351.7 210.0,347.9 215.7,344.2 212.2,338.4 219.0,337.5 218.3,330.8 224.8,332.9 227.2,326.5 232.0,331.3 236.9,326.6 239.3,333.0 245.8,330.8 245.1,337.6 251.8,338.5 248.3,344.3 254.0,348.1 248.3,351.8 251.8,357.6 245.0,358.5'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg, #FFD84F 0%, #FFC629 100%) !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat, no-repeat !important;
  background-position: center top -1px, center bottom -1px, center, center, center !important;
  background-size: 100% 60px, 100% 60px, 100% 100%, 640px 400px, 100% 100% !important;
}
@media (max-width: 767px) {
  .mb-soft { background-size: 100% 34px, 100% 34px !important; }
  .mb-promise { background-size: 100% 34px, 100% 34px, 230% 100%, 440px 275px, 100% 100% !important; }
}


/* ---- Our Story: story trail ---- */
.mb-trail { position: relative; }
.mb-trail::after { content: ""; position: absolute; top: 28px; bottom: 60px; left: calc(50% - 32px); width: 64px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='132' viewBox='0 0 64 132'%3E%3Cg fill='%23FFFFFF' fill-opacity='.9'%3E%3Cg transform='translate(4 12) rotate(170 13 13) scale(.26)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(34 78) rotate(190 13 13) scale(.26)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat-y center top / 64px 132px; pointer-events: none; z-index: 0; }
.mb-trail > .e-con { position: relative; z-index: 1; }
.mb-step-card { box-shadow: 0 8px 0 rgba(21,53,168,.12); }
.mb-step-num .elementor-heading-title { width: 50px; height: 50px; margin: 0 auto; border-radius: 50%; font-size: 0 !important; line-height: 0 !important; color: transparent !important; background: radial-gradient(circle at 34% 30%, #7C9BFF 0%, #2049D6 48%, #1535A8 100%); box-shadow: 0 10px 18px -5px rgba(21,53,168,.55); }
.mb-step-art .elementor-icon { opacity: .8; }
.mb-goal { margin-top: 40px; }
.mb-goal .elementor-icon { box-shadow: 0 10px 20px -6px rgba(21,53,168,.5); }
.mb-hl-w { display: inline-block; padding: .12em .3em .1em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath d='M4,13 C70,4 190,9 288,2 L292,54 C210,60 90,56 2,62 Z' fill='%23FFFFFF'/%3E%3Cpath d='M12,48 C100,40 210,46 298,40 L296,90 C200,96 96,90 9,97 Z' fill='%23FFFFFF'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
@media (min-width: 768px) {
  .mb-step > .mb-step-card { order: 1; }
  .mb-step > .mb-step-num { order: 2; }
  .mb-step > .mb-step-art { order: 3; }
}
@media (max-width: 767px) {
  .mb-step-num .elementor-heading-title { width: 32px; height: 32px; margin: 6px auto 4px; }
}

/* Story trail: steps wander left and right, joined by paw prints */
@media (min-width: 768px) {
  .mb-trail::after { display: none; }
  .mb-step { min-height: 200px; --len: 246px; --rot: 0deg; }
  .mb-step::after { content: ""; position: absolute; left: calc(50% - 32px); top: 50%; width: 64px; height: var(--len); transform-origin: 50% 0; transform: rotate(var(--rot)); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='132' viewBox='0 0 64 132'%3E%3Cg fill='%23FFFFFF' fill-opacity='.9'%3E%3Cg transform='translate(4 12) rotate(170 13 13) scale(.26)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(34 78) rotate(190 13 13) scale(.26)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat-y center top / 64px 132px; pointer-events: none; z-index: 0; }
  .mb-step > * { position: relative; z-index: 1; }
  .mb-trail > .mb-step:nth-child(1) { transform: translateX(-70px); --len: 274px; --rot: -30.7deg; }
  .mb-trail > .mb-step:nth-child(2) { transform: translateX(70px); --len: 246px; --rot: 16.5deg; }
  .mb-trail > .mb-step:nth-child(3) { transform: none; --len: 252px; --rot: 16.1deg; }
  .mb-trail > .mb-step:nth-child(4) { transform: translateX(-70px); --len: 307px; --rot: -38.3deg; }
  .mb-trail > .mb-step:nth-child(5) { transform: translateX(70px); --len: 291px; --rot: 35.8deg; }
  .mb-trail > .mb-step:nth-child(6) { transform: translateX(-50px); --len: 208px; --rot: -13.5deg; }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .mb-trail { max-width: 860px; }
  .mb-trail > .mb-step:nth-child(1) { transform: translateX(-36px); --len: 256px; --rot: -16.3deg; }
  .mb-trail > .mb-step:nth-child(2) { transform: translateX(36px); --len: 262px; --rot: 7.9deg; }
  .mb-trail > .mb-step:nth-child(3) { transform: none; --len: 262px; --rot: 7.9deg; }
  .mb-trail > .mb-step:nth-child(4) { transform: translateX(-36px); --len: 269px; --rot: -26.3deg; }
  .mb-trail > .mb-step:nth-child(5) { transform: translateX(36px); --len: 277px; --rot: 23.1deg; }
  .mb-trail > .mb-step:nth-child(6) { transform: translateX(-26px); --len: 222px; --rot: -6.5deg; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .mb-step { min-height: 250px; }
  .mb-trail > .mb-step:nth-child(1) { transform: translateX(-36px); --len: 295px; --rot: -14.1deg; }
  .mb-trail > .mb-step:nth-child(2) { transform: translateX(36px); --len: 288px; --rot: 7.2deg; }
  .mb-trail > .mb-step:nth-child(3) { transform: none; --len: 288px; --rot: 7.2deg; }
  .mb-trail > .mb-step:nth-child(4) { transform: translateX(-36px); --len: 308px; --rot: -21.9deg; }
  .mb-trail > .mb-step:nth-child(5) { transform: translateX(36px); --len: 305px; --rot: 20.2deg; }
  .mb-trail > .mb-step:nth-child(6) { transform: translateX(-26px); --len: 230px; --rot: -6.3deg; }
}
/* Phones: steps stay in one straight column */
@media (max-width: 767px) {
  .mb-trail > .mb-step, .mb-trail > .mb-step > .elementor-element { margin-left: 0 !important; margin-right: 0 !important; }
}
/* Phones: keep the mission text clear of the paw trail */
@media (max-width: 767px) {
  .mb-goal { background-color: #FFDD60 !important; padding-top: 6px !important; margin-top: 14px; }
}

/* ---- Our Story: mission ---- */
.mb-mission {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%23FFDD60'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center top -1px !important;
  background-size: 100% 60px !important;
}
.mb-mission-box {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath d='M0,318 C240,250 420,400 660,326 S1040,250 1200,306 V400 H0 Z' fill='%23FFFFFF' fill-opacity='.07'/%3E%3Cpath d='M0,354 C220,302 440,422 680,358 S1040,302 1200,348 V400 H0 Z' fill='%23FFFFFF' fill-opacity='.05'/%3E%3Cpath d='M0,0 H1200 V56 C1000,8 800,118 560,62 S180,12 0,68 Z' fill='%23FFFFFF' fill-opacity='.05'/%3E%3C/svg%3E"), linear-gradient(120deg, #1535A8 0%, #2049D6 52%, #4C76FF 100%) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100% !important;
  box-shadow: 0 24px 46px -16px rgba(21,53,168,.5);
}
.mb-dogs.mb-dogs-w {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 H1440 V30 C1200,-10 960,60 720,30 C480,0 240,60 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='%23FFFFFF' fill-opacity='.07'%3E%3Cg transform='translate(18 22) rotate(-18 25 25) scale(.5)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(150 40) rotate(24 35 15) scale(.55)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(160 160) rotate(16 20 20) scale(.4)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(30 170) rotate(-28 35 15) scale(.48)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(ellipse at 50% 45%, rgba(255,255,255,.16), rgba(255,255,255,0) 62%) !important;
}
@media (max-width: 767px) {
  .mb-mission { background-size: 100% 34px !important; }
}

/* Mission: wider brush stroke behind the highlighted words */
.mb-mission-box .mb-hl { padding-left: .55em; padding-right: .45em; margin-left: -.14em; margin-right: -.08em; }

/* ---- Wholesale: enquiry form card ---- */
.mb-ws-formcard {
  background-image: linear-gradient(180deg, #EEF3FF 0%, #FFFFFF 42%) !important;
  border: 1px solid rgba(32,73,214,.14);
  box-shadow: 0 10px 0 0 #2049D6, 0 34px 60px -22px rgba(21,53,168,.55);
}
.mb-ws-form .elementor-field-textual { background-color: #F6F8FF !important; transition: border-color .15s, box-shadow .15s; }
.mb-ws-form .elementor-field-textual:focus { background-color: #FFFFFF !important; border-color: #2049D6 !important; box-shadow: 0 0 0 4px rgba(32,73,214,.16); outline: none; }
.mb-ws-form .elementor-field-option label { color: #1B2A6B; font-weight: 600; }
.mb-ws-form .elementor-field-option input { accent-color: #2049D6; width: 16px; height: 16px; }
.mb-ws-form .elementor-button { box-shadow: 0 8px 18px -8px rgba(21,53,168,.6); }

/* ---- Wholesale: a few large paws and bones behind "Why retailers stock Mayabone" ---- */
.mb-best.mb-ws-why {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='%23FFFFFF' fill-opacity='.32'%3E%3Cg transform='translate(60 150) rotate(-18 80 80) scale(1.6)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(1330 120) rotate(22 90 38) scale(1.5)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(1390 560) rotate(16 65 65) scale(1.3)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(50 640) rotate(-26 84 35) scale(1.4)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(730 795) rotate(10 60 25) scale(1)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center top -1px, center !important;
  background-size: 100% 60px, cover !important;
}
@media (max-width: 1024px) {
  .mb-best.mb-ws-why { background-size: 100% 60px, 150% auto !important; background-repeat: no-repeat, repeat-y !important; }
}
@media (max-width: 767px) {
  .mb-best.mb-ws-why { background-size: 100% 34px, 190% auto !important; }
}

/* ---- Contact page ---- */
.mb-contact-head {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='%23FFFFFF' fill-opacity='.07'%3E%3Cg transform='translate(18 22) rotate(-18 25 25) scale(.5)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(150 40) rotate(24 35 15) scale(.55)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(160 160) rotate(16 20 20) scale(.4)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(30 170) rotate(-28 35 15) scale(.48)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), radial-gradient(ellipse at 50% 45%, rgba(255,255,255,.16), rgba(255,255,255,0) 62%) !important;
  background-repeat: repeat, no-repeat !important;
  background-position: center, center !important;
  background-size: 260px 260px, 100% 100% !important;
}
.mb-contact-main {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%232049D6'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 H1440 V30 C1200,-10 960,60 720,30 C480,0 240,60 0,30 Z' fill='%232049D6'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='%23FFFFFF' fill-opacity='.32'%3E%3Cg transform='translate(60 150) rotate(-18 80 80) scale(1.6)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(1330 120) rotate(22 90 38) scale(1.5)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(1390 560) rotate(16 65 65) scale(1.3)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(50 640) rotate(-26 84 35) scale(1.4)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(730 795) rotate(10 60 25) scale(1)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), linear-gradient(180deg, #FFD84F 0%, #FFC629 100%) !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-position: center top -1px, center bottom -1px, center, center !important;
  background-size: 100% 60px, 100% 60px, cover, 100% 100% !important;
}
.mb-contact-detail a { color: #2049D6; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767px) {
  .mb-contact-head { background-size: 200px 200px, 100% 100% !important; }
}

/* ---- Pet Safety page ---- */
.mb-ps-why {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%232049D6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center top -1px !important;
  background-size: 100% 60px !important;
}
.mb-stat a { color: #2049D6; text-decoration: underline; text-underline-offset: 2px; }
@media (min-width: 768px) and (max-width: 1024px) {
  .mb-ps-col { gap: 28px; }
}
@media (max-width: 767px) {
  .mb-ps-why { background-size: 100% 34px !important; }
}

/* Contact: large background shapes on tablet and mobile */
@media (max-width: 1024px) { .mb-contact-main { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%232049D6'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 H1440 V30 C1200,-10 960,60 720,30 C480,0 240,60 0,30 Z' fill='%232049D6'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 320'%3E%3Cg fill='%23FFFFFF' fill-opacity='.32'%3E%3Cg transform='translate(-6 -8) rotate(14 95 93) scale(1.9)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(15 215) rotate(-28 75 31) scale(1.25)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), linear-gradient(180deg, #FFD84F 0%, #FFC629 100%) !important; background-size: 100% 60px, 100% 60px, 180px 320px, 100% 100% !important; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important; background-position: center top -1px, center bottom -1px, right 70px bottom 100px, center !important; } }
@media (max-width: 767px) { .mb-contact-main { background-size: 100% 34px, 100% 34px, 180px 320px, 100% 100% !important; background-position: center top -1px, center bottom -1px, right -28px bottom 180px, center !important; } }
.mb-contact-info .mb-contact-detail a { color: #2049D6; }

/* ---- Legal pages (Privacy Policy, Terms) ---- */
.mb-doc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%232049D6'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 H1440 V30 C1200,-10 960,60 720,30 C480,0 240,60 0,30 Z' fill='%232049D6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center top -1px, center bottom -1px !important;
  background-size: 100% 60px, 100% 60px !important;
}
.mb-doc-text h2 { font-family: "Grandstander", sans-serif; font-weight: 800; font-size: 26px; line-height: 1.2; color: #2049D6; margin: 40px 0 12px; }
.mb-doc-text p { margin: 0 0 14px; }
.mb-doc-text ul { margin: 0 0 14px; padding-left: 22px; }
.mb-doc-text li { margin-bottom: 6px; }
.mb-doc-text strong { color: #1B2A6B; }
.mb-doc-text a { color: #2049D6; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 767px) {
  .mb-doc { background-size: 100% 34px, 100% 34px !important; }
  .mb-doc-text h2 { font-size: 22px; margin-top: 32px; }
}

/* ---- Home: a few large paws and bones in Bestsellers and Safety comes first ---- */
.mb-best.mb-shapes {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='%23FFFFFF' fill-opacity='.32'%3E%3Cg transform='translate(60 150) rotate(-18 80 80) scale(1.6)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(1330 120) rotate(22 90 38) scale(1.5)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(1390 560) rotate(16 65 65) scale(1.3)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3Cg transform='translate(50 640) rotate(-26 84 35) scale(1.4)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3Cg transform='translate(730 795) rotate(10 60 25) scale(1)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center top -1px, center !important;
  background-size: 100% 60px, cover !important;
}
.mb-safety.mb-shapes {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 112 112'%3E%3Cg fill='%23FFFFFF' fill-opacity='.10' transform='rotate(-18 50 50)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -18 120 86'%3E%3Cg fill='%23FFFFFF' fill-opacity='.10' transform='rotate(-24 60 25)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -18 120 86'%3E%3Cg fill='%23FFFFFF' fill-opacity='.10' transform='rotate(22 60 25)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 112 112'%3E%3Cg fill='%23FFFFFF' fill-opacity='.10' transform='rotate(16 50 50)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center top -1px, left 9% top 120px, left 20% bottom 50px, right 9% top 110px, right 19% bottom 60px !important;
  background-size: 100% 60px, 170px 170px, 190px 136px, 200px 143px, 150px 150px !important;
}
@media (max-width: 1024px) {
  .mb-best.mb-shapes {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V30 C1200,70 960,0 720,30 C480,60 240,0 0,30 Z' fill='%23FFFFFF'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 112 112'%3E%3Cg fill='%23FFFFFF' fill-opacity='.32' transform='rotate(-18 50 50)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -18 120 86'%3E%3Cg fill='%23FFFFFF' fill-opacity='.32' transform='rotate(22 60 25)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -18 120 86'%3E%3Cg fill='%23FFFFFF' fill-opacity='.32' transform='rotate(-24 60 25)'%3E%3Crect x='24' y='17' width='72' height='16' rx='8'/%3E%3Ccircle cx='22' cy='14' r='12'/%3E%3Ccircle cx='22' cy='36' r='12'/%3E%3Ccircle cx='98' cy='14' r='12'/%3E%3Ccircle cx='98' cy='36' r='12'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 112 112'%3E%3Cg fill='%23FFFFFF' fill-opacity='.32' transform='rotate(16 50 50)'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Ccircle cx='20' cy='42' r='10'/%3E%3Ccircle cx='38' cy='24' r='11'/%3E%3Ccircle cx='62' cy='24' r='11'/%3E%3Ccircle cx='80' cy='42' r='10'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-position: center top -1px, left -18px top 76px, right -22px top 120px, left -24px bottom 70px, right -16px bottom 44px !important;
    background-size: 100% 60px, 130px 130px, 150px 108px, 140px 100px, 120px 120px !important;
  }
  .mb-safety.mb-shapes {
    background-position: center top -1px, left -20px top 80px, right -24px bottom 36px, right -400px top 0, right -400px top 0 !important;
    background-size: 100% 60px, 130px 130px, 140px 100px, 0 0, 0 0 !important;
  }
}
@media (max-width: 767px) {
  .mb-best.mb-shapes {
    background-position: center top -1px, left -22px top 52px, right -26px top 96px, left -26px bottom 56px, right -18px bottom 30px !important;
    background-size: 100% 34px, 96px 96px, 110px 79px, 104px 75px, 90px 90px !important;
  }
  .mb-safety.mb-shapes {
    background-position: center top -1px, left -22px top 52px, right -24px bottom 26px, right -400px top 0, right -400px top 0 !important;
    background-size: 100% 34px, 100px 100px, 110px 79px, 0 0, 0 0 !important;
  }
}/* End custom CSS */