/*
 * SUPPLIFY / BRAND IDENTITY / WEB APPLICATION v1
 * Source of truth: SUPPLIFY BRAND IDENTITY, pages 2, 5-6, 9, 11-12, 15-18.
 *
 * Colors are the brand book's named HEX values. The UI font stack deliberately
 * refers to Resonate Grotesk only if a licensed webfont is installed later.
 * Never extract or redistribute the embedded PDF typeface.
 *
 * Scope: public storefront only. No checkout, order, shipping, or stock logic.
 */
:root {
  --sup-brand-juniper: #182A1E;
  --sup-brand-verdigris: #3D4E3C;
  --sup-brand-olivine: #9CA88A;
  --sup-brand-absinthe: #AFE47B;
  --sup-brand-kaolin: #F7F4ED;
  --sup-brand-basalt: #0B0F0C;
  --sup-brand-white: #FFFFFF;
  --sup-brand-black: #000000;
  --sup-brand-grotesk: "Resonate Grotesk", "Arial Narrow", "Aptos Narrow",
                        "Helvetica Neue", Arial, sans-serif;

  /* Native Shofy + current Supplify editorial design tokens. */
  --primary-color: var(--sup-brand-juniper);
  --secondary-color: var(--sup-brand-verdigris);
  --tp-theme-primary: var(--sup-brand-juniper);
  --tp-theme-secondary: var(--sup-brand-verdigris);
  --tp-common-black: var(--sup-brand-basalt);
  --tp-heading-primary: var(--sup-brand-juniper);
  --tp-text-body: var(--sup-brand-verdigris);

  --sup-cream: var(--sup-brand-kaolin);
  --sup-lime: var(--sup-brand-absinthe);
  --sup-line: rgba(61,78,60,.20);
  --sx-ink: var(--sup-brand-juniper);
  --sx-forest: var(--sup-brand-juniper);
  --sx-deep: var(--sup-brand-basalt);
  --sx-olive: var(--sup-brand-olivine);
  --sx-sage: var(--sup-brand-kaolin);
  --sx-lime: var(--sup-brand-absinthe);
  --sx-paper: var(--sup-brand-kaolin);
  --sx-stone: var(--sup-brand-kaolin);
  --sx-line: rgba(61,78,60,.20);
  --sx-text: var(--sup-brand-verdigris);
  --sx-muted: var(--sup-brand-verdigris);
  --studio-ink: var(--sup-brand-juniper);
  --studio-leaf: var(--sup-brand-verdigris);
  --studio-paper: var(--sup-brand-kaolin);
  --studio-line: rgba(61,78,60,.20);

  --sup-ux-forest: var(--sup-brand-juniper);
  --sup-ux-forest-deep: var(--sup-brand-juniper);
  --sup-ux-leaf: var(--sup-brand-verdigris);
  --sup-ux-paper: var(--sup-brand-kaolin);
  --sup-ux-white: var(--sup-brand-white);
  --sup-ux-line: rgba(61,78,60,.20);
  --sup-ux-muted: var(--sup-brand-verdigris);
}

/* Modern grotesk across editorial typography; never alter supplied SVG logo. */
html { background: var(--sup-brand-kaolin); }
body {
  background-color: var(--sup-brand-kaolin);
  color: var(--sup-brand-verdigris);
  font-family: var(--sup-brand-grotesk);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body :is(h1,h2,h3,h4,h5,h6),
body :is(h1,h2,h3,h4,h5,h6) :is(em,i),
body .sx-home :is(h1,h2,h3,h4,h5,h6),
body .sj-journal :is(h1,h2,h3,h4,h5,h6),
body .sj-newsletter :is(h1,h2,h3,h4,h5,h6),
body .tp-product-details-title,
body .tp-product-title-3,
body .tp-shop-widget-title,
body .tp-breadcrumb-title,
body .sp-product-card :is(h2,h3,h4) {
  font-family: var(--sup-brand-grotesk) !important;
  font-style: normal !important;
  color: var(--sup-brand-juniper);
  font-stretch: condensed;
  letter-spacing: -.047em;
}
body :is(h1,h2,h3,h4,h5,h6) {
  text-wrap: balance;
  font-weight: 650;
}
body :is(button,input,select,textarea) {
  font-family: var(--sup-brand-grotesk);
}
body :is(button, a) {
  -webkit-tap-highlight-color: rgba(175,228,123,.15);
}
body :is(a,button,input,select,textarea):focus-visible {
  outline: 2px solid var(--sup-brand-verdigris) !important;
  outline-offset: 3px;
}
body .sx-home :is(h1,h2,h3,h4) em,
body .sj-newsletter h2 em,
body .sj-journal :is(h1,h2,h3) em,
body .sx-questions-intro h2 em {
  font-family: var(--sup-brand-grotesk) !important;
  font-style: normal !important;
  font-weight: 500;
  letter-spacing: -.055em;
  color: var(--sup-brand-verdigris) !important;
}

/* Logo stays in its approved symbol + wordmark lockup and natural proportions. */
body :is(.tp-header-logo,.logo) img {
  object-fit: contain;
  height: auto;
  max-width: min(185px,100%);
}
body :is(.tp-header-main,.tp-header-sticky-area,.tp-header-bottom-2,
          .tp-header-5) {
  background-color: var(--sup-brand-kaolin) !important;
  border-color: rgba(61,78,60,.17);
}
body :is(.main-menu,.tp-main-menu-content) a {
  color: var(--sup-brand-juniper);
  font-weight: 550;
  letter-spacing: -.01em;
}
body :is(.main-menu,.tp-main-menu-content) a:hover,
body :is(.main-menu,.tp-main-menu-content) a:focus-visible {
  color: var(--sup-brand-verdigris);
}

/* Homepage: precise geometric composition with olivine/kaolin atmosphere. */
body .sx-home {
  background: var(--sup-brand-kaolin);
  color: var(--sup-brand-verdigris);
}
body .sx-home .sx-topnote {
  background: var(--sup-brand-juniper);
  color: var(--sup-brand-kaolin);
}
body .sx-home .sx-topnote a {
  color: var(--sup-brand-absinthe);
}
body .sx-home .sx-hero {
  background:
    radial-gradient(ellipse 76% 72% at 88% 17%,rgba(156,168,138,.30),transparent 84%),
    linear-gradient(125deg,var(--sup-brand-kaolin) 3%,rgba(156,168,138,.22) 100%);
}
body .sx-home .sx-hero-content h1 {
  color: var(--sup-brand-juniper) !important;
  font-size: clamp(3.05rem,6.4vw,6.6rem);
  font-weight: 650;
  line-height: 1.025;
  letter-spacing: -.067em;
  max-width: 11.3ch;
}
body .sx-home .sx-hero-content h1 em {
  color: var(--sup-brand-verdigris) !important;
}
body .sx-home :is(.sx-overline,.sx-kicker,.sx-eyebrow,.sx-overline-light),
body :is(.sj-eyebrow,.sj-kicker,.sp-eyebrow) {
  font-family: var(--sup-brand-grotesk);
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: .155em;
  text-transform: uppercase;
}
body .sx-home .sx-overline:not(.sx-overline-light),
body :is(.sj-eyebrow,.sp-eyebrow) {
  color: var(--sup-brand-verdigris) !important;
}
body .sx-home .sx-overline-rule {
  background: var(--sup-brand-olivine);
}
body .sx-home .sx-section-heading h2,
body .sx-home .sx-questions-intro h2 {
  font-weight: 630;
  letter-spacing: -.058em;
  line-height: 1.075;
}
body .sx-home .sx-hero-notes {
  border-top-color: rgba(61,78,60,.24);
}
body .sx-home .sx-category-card {
  border-radius: 3px;
}
body .sx-home .sx-category-card::after {
  border-color: rgba(247,244,237,.42);
}
body .sx-home .sx-category-shade {
  background: linear-gradient(180deg,
    rgba(11,15,12,.03) 8%,
    rgba(24,42,30,.20) 42%,
    rgba(11,15,12,.84) 100%);
}
body .sx-home .sx-hero-stamp {
  background: var(--sup-brand-absinthe);
  color: var(--sup-brand-juniper);
  border-color: rgba(24,42,30,.12);
  box-shadow: none;
}
body .sx-home .sx-hero-stamp * {
  color: inherit;
}
body .sx-home .sx-values-strip {
  background: var(--sup-brand-kaolin);
  border-color: rgba(61,78,60,.16);
}
body .sx-home .sx-values-inner b {
  color: var(--sup-brand-verdigris);
}

/* Premium apothecary cards: restrained edges, no floating dashboard aesthetic. */
body .tp-shop-area .tp-shop-top,
body .tp-shop-area .tp-shop-widget,
body .tp-shop-area .tp-product-item-3,
body .sp-product-card,
body .tp-product-item-3 {
  border-radius: 4px !important;
  box-shadow: none !important;
}
body .tp-shop-area .tp-shop-top,
body .tp-shop-area .tp-shop-widget {
  background: var(--sup-brand-kaolin);
  border-color: rgba(61,78,60,.19);
}
body .tp-shop-area .tp-product-item-3,
body .tp-product-item-3 {
  background: var(--sup-brand-white);
  border-color: rgba(61,78,60,.16);
}
body .tp-shop-area .tp-product-item-3:is(:hover,:focus-within),
body .tp-product-item-3:is(:hover,:focus-within) {
  border-color: var(--sup-brand-olivine);
  box-shadow: 0 10px 26px rgba(24,42,30,.07) !important;
}
body .tp-product-title-3,
body .tp-product-details-title {
  font-weight: 650;
  line-height: 1.18;
  letter-spacing: -.042em;
}
body .tp-product-thumb-3,
body .tp-product-details-thumb-wrapper {
  background-color: var(--sup-brand-kaolin);
}
body .sp-label-pending,
body .sp-product-facts,
body .sup-product-placeholder {
  border-color: rgba(61,78,60,.22);
}
body .tp-sidebar-search-input input[type=search],
body .tp-shop-area .tp-shop-top select {
  border-color: rgba(61,78,60,.35);
  border-radius: 3px;
  background: var(--sup-brand-white);
  color: var(--sup-brand-juniper);
}

/* Buttons, controls and highlights use the named absinthe accent sparingly. */
body :is(.sx-btn-primary,.sx-button-primary,.sup-button,
         .sj-newsletter-form button[type=submit]) {
  background: var(--sup-brand-juniper) !important;
  color: var(--sup-brand-kaolin) !important;
  border: 1px solid var(--sup-brand-juniper) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  font-family: var(--sup-brand-grotesk);
  font-weight: 650;
  letter-spacing: -.01em;
}
body :is(.sx-btn-primary,.sx-button-primary,.sup-button,
         .sj-newsletter-form button[type=submit]):is(:hover,:focus-visible) {
  background: var(--sup-brand-verdigris) !important;
  border-color: var(--sup-brand-verdigris) !important;
  color: var(--sup-brand-white) !important;
}
body :is(.sx-hero-content,.sx-home) a {
  text-underline-offset: 5px;
}
body ::selection {
  background: var(--sup-brand-absinthe);
  color: var(--sup-brand-juniper);
}

/* Journal and brand editorial content should read as a modern scientific brand. */
body .sj-journal,
body .sj-journal-area,
body .sj-newsletter {
  background-color: var(--sup-brand-kaolin);
}
body .sj-journal :is(h1,h2,h3),
body .sj-newsletter h2 {
  font-weight: 630;
  letter-spacing: -.05em;
}
body .sj-journal :is(.sj-card,.sj-article-card),
body .sj-newsletter .sj-newsletter-field {
  border-color: rgba(61,78,60,.20);
}
body .sj-newsletter input[type=email] {
  background: var(--sup-brand-white);
  color: var(--sup-brand-juniper);
  border-color: rgba(61,78,60,.34);
}

/* Native consent, refined to match supplied named palette. No consent override. */
body .site-notice.site-notice-full-width {
  background: var(--sup-brand-juniper) !important;
  color: var(--sup-brand-kaolin) !important;
}
body .site-notice.site-notice-full-width .site-notice__agree {
  background: var(--sup-brand-absinthe) !important;
  color: var(--sup-brand-juniper) !important;
  border: 1px solid var(--sup-brand-absinthe) !important;
  border-radius: 3px !important;
  font-weight: 700;
}
body .site-notice.site-notice-full-width .sp-consent-reject {
  color: var(--sup-brand-kaolin) !important;
  border-color: var(--sup-brand-olivine) !important;
  background: transparent !important;
}

/* Product names, labels and form controls stay legible at 320-390px widths. */
@media (max-width: 767px) {
  body .sx-home .sx-hero-content h1 {
    font-size: clamp(2.65rem,10.8vw,4.2rem);
    line-height: 1.04;
    letter-spacing: -.058em;
    max-width: 12.5ch;
  }
  body .sx-home :is(.sx-section-heading h2,.sx-questions-intro h2) {
    font-size: clamp(2.1rem,7.4vw,3.15rem);
    line-height: 1.08;
  }
  body :is(.tp-product-details-title,.tp-breadcrumb-title) {
    letter-spacing: -.045em;
  }
  body .sx-home .sx-overline,
  body .sj-eyebrow {
    letter-spacing: .12em;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .tp-shop-area .tp-product-item-3,
  body :is(.sx-btn-primary,.sx-button-primary,.sup-button) {
    transition: none !important;
    transform: none !important;
  }
}


/* Brand-book palette refinements: specimen tones and typography. */
/* Existing product cards had six off-brand brown/teal/purple specimen colors.
   Replace all of those tints with the six approved brand colors and their alpha tints. */
body :is(.sp-shop,.sp-product-page,.sp-product-card,.sp-product-list-card),
body [class*="sp-tone-"] {
  --sp-ink: var(--sup-brand-juniper);
  --sp-deep: var(--sup-brand-basalt);
  --sp-soft: var(--sup-brand-verdigris);
  --sp-paper: var(--sup-brand-kaolin);
  --sp-line: rgba(61,78,60,.22);
  --sp-light: var(--sup-brand-white);
  --sp-art-base: var(--sup-brand-kaolin);
  --sp-art-ink: var(--sup-brand-juniper);
  --sp-art-accent: var(--sup-brand-olivine);
}
body .sp-tone-2,
body .sp-tone-5 {
  --sp-art-base: rgba(156,168,138,.18);
  --sp-art-ink: var(--sup-brand-juniper);
  --sp-art-accent: var(--sup-brand-olivine);
}
body .sp-tone-3,
body .sp-tone-6 {
  --sp-art-base: rgba(61,78,60,.11);
  --sp-art-ink: var(--sup-brand-juniper);
  --sp-art-accent: var(--sup-brand-olivine);
}
body .sp-product-hero-copy h1 {
  font-family: var(--sup-brand-grotesk) !important;
  font-weight: 650 !important;
  font-style: normal !important;
  color: var(--sup-brand-juniper) !important;
  letter-spacing: -.055em;
}
body .sx-home .sx-hero-stamp,
body .sx-home .sx-hero-stamp span {
  font-family: var(--sup-brand-grotesk) !important;
  font-style: normal !important;
  font-weight: 650;
  letter-spacing: -.025em;
}
body .sx-home .sx-hero-stamp {
  transform: none !important;
  font-size: 16px;
  line-height: 1.17;
}
body .sup-footer-brand .sup-footer-signature {
  margin-top: 15px;
  font-family: var(--sup-brand-grotesk);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .145em;
  text-transform: uppercase;
  color: inherit;
  opacity: .92;
}


/* Supplify brand-book aftercare: catalogue and account UX v3
   Color system: Juniper #182A1E, Verdigris #3D4E3C, Olivine #9CA88A,
   Absinthe #AFE47B, Kaolin #F7F4ED. Only public display properties change. */
.sp-catalog-pricing-note{
    display:block;
    max-width:40ch;
    margin-top:5px;
    padding-left:10px;
    border-left:2px solid var(--sup-brand-olivine,#9CA88A);
    font:500 12px/1.55 var(--sup-brand-grotesk,Arial,sans-serif);
    letter-spacing:.005em;
    color:var(--sup-brand-verdigris,#3D4E3C);
}
/* When nothing in the catalogue has a confirmed price, the native sale
   filter has no usable result. CSS is scoped to the server-rendered note,
   so future priced inventory automatically restores it. */
body:has(.sp-catalog-pricing-note) .bb-product-filter:has(#discounted_only){
    display:none!important;
}

/* Native account forms: understated flat typography and spacing. */
body#page-auth .auth-card{
    border:1px solid rgba(61,78,60,.19)!important;
    border-radius:4px!important;
    background:var(--sup-brand-white,#FFFFFF)!important;
    box-shadow:none!important;
}
body#page-auth .auth-card__header{
    border-bottom-color:rgba(61,78,60,.17)!important;
}
body#page-auth .auth-card__header-title{
    color:var(--sup-brand-juniper,#182A1E)!important;
    font-family:var(--sup-brand-grotesk,Arial,sans-serif)!important;
    font-weight:650!important;
    letter-spacing:-.04em!important;
}
body#page-auth .auth-card input:not([type=checkbox]):not([type=radio]),
body#page-auth .auth-card select,
body#page-auth .auth-card textarea{
    border:1px solid rgba(61,78,60,.35)!important;
    background:var(--sup-brand-white,#FFFFFF)!important;
    color:var(--sup-brand-juniper,#182A1E)!important;
    border-radius:3px!important;
    min-height:46px;
}
body#page-auth .auth-card button[type=submit]{
    border-radius:3px!important;
    background:var(--sup-brand-juniper,#182A1E)!important;
    color:var(--sup-brand-white,#FFFFFF)!important;
    font-weight:650!important;
    box-shadow:none!important;
}
body#page-auth .auth-card button[type=submit]:hover{
    background:var(--sup-brand-verdigris,#3D4E3C)!important;
}
body#page-auth .sp-account-mail-note{
    border:1px solid rgba(61,78,60,.20)!important;
    border-left:3px solid var(--sup-brand-olivine,#9CA88A)!important;
    background:rgba(156,168,138,.10)!important;
    border-radius:3px!important;
    color:var(--sup-brand-verdigris,#3D4E3C);
    box-shadow:none!important;
}
body#page-auth .sp-account-mail-note a{
    color:var(--sup-brand-juniper,#182A1E)!important;
    text-underline-offset:3px;
}
/* Contact form follows the exact same control language as account forms. */
body .tp-contact-wrapper{
    border-radius:4px!important;
    box-shadow:none!important;
}
body .tp-contact-wrapper .tp-contact-title{
    color:var(--sup-brand-juniper,#182A1E)!important;
    font-family:var(--sup-brand-grotesk,Arial,sans-serif)!important;
    font-weight:650!important;
    letter-spacing:-.045em;
}
body .contact-form :is(.contact-form-input,input.form-control,textarea.form-control){
    background:var(--sup-brand-white,#FFFFFF)!important;
    color:var(--sup-brand-juniper,#182A1E)!important;
    border:1px solid rgba(61,78,60,.35)!important;
    border-radius:3px!important;
    min-height:46px;
}
body .contact-form .contact-button{
    background:var(--sup-brand-juniper,#182A1E)!important;
    color:var(--sup-brand-kaolin,#F7F4ED)!important;
    border:1px solid var(--sup-brand-juniper,#182A1E)!important;
    border-radius:3px!important;
    box-shadow:none!important;
    font-weight:650!important;
}
body .contact-form .contact-button:is(:hover,:focus-visible){
    background:var(--sup-brand-verdigris,#3D4E3C)!important;
    border-color:var(--sup-brand-verdigris,#3D4E3C)!important;
    color:var(--sup-brand-white,#FFFFFF)!important;
}
@media(max-width:767px){
    body .tp-shop-area .tp-shop-top .tp-shop-top-result{
        min-width:0;
    }
    body .sp-catalog-pricing-note{
        font-size:12px;
    }
}


/* Supplify brandbook v4: complete verified nine-category navigation.
   Quiet geometry, truthful labels, accessible swipe/keyboard discovery. */
body .sp-category-shortcuts{
    display:grid;
    grid-template-columns:max-content minmax(0,1fr);
    align-items:center;
    gap:28px;
    padding-top:20px;
    padding-bottom:20px;
    min-height:0;
    border-bottom:1px solid rgba(61,78,60,.22);
}
body .sp-shortcuts-intro{display:flex;flex-direction:column;gap:6px;}
body .sp-shortcuts-label{
    color:var(--sup-brand-juniper,#182A1E)!important;
    font:700 11px/1.5 var(--sup-brand-grotesk,Arial,sans-serif);
    letter-spacing:.13em;
    text-transform:uppercase;
}
body .sp-shortcuts-note{
    font:500 11px/1.35 var(--sup-brand-grotesk,Arial,sans-serif);
    color:var(--sup-brand-verdigris,#3D4E3C);
}
body .sp-shortcuts-items{
    min-width:0;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    padding:4px 0;
    overflow:visible;
}
body .sp-shortcuts-items a{
    display:inline-flex;
    min-height:38px;
    align-items:center;
    padding:8px 12px;
    color:var(--sup-brand-juniper,#182A1E)!important;
    border:1px solid rgba(61,78,60,.27)!important;
    border-radius:3px!important;
    background:rgba(247,244,237,.65);
    text-decoration:none!important;
    font:600 12px/1.35 var(--sup-brand-grotesk,Arial,sans-serif);
    letter-spacing:.005em;
    white-space:nowrap;
    box-shadow:none!important;
    transition:background-color .2s ease,border-color .2s ease;
}
body .sp-shortcuts-items a:is(:hover,:focus-visible){
    background:rgba(156,168,138,.18)!important;
    border-color:var(--sup-brand-verdigris,#3D4E3C)!important;
}
@media(max-width:991px){
    body .sp-category-shortcuts{display:block;padding-block:18px 15px;}
    body .sp-shortcuts-intro{margin-bottom:6px;}
    body .sp-shortcuts-items{
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        overscroll-behavior-x:contain;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin;
        scrollbar-color:var(--sup-brand-olivine,#9CA88A) transparent;
        scroll-padding-inline:1px;
        scroll-snap-type:x proximity;
        padding:9px 2px 13px;
    }
    body .sp-shortcuts-items a{flex:0 0 auto;scroll-snap-align:start;}
}
@media(min-width:992px){
    body .sp-shortcuts-note{display:none;}
}
@media(prefers-reduced-motion:reduce){
    body .sp-shortcuts-items a{transition:none;}
}


/* Supplify brandbook v5: authorized symbol everywhere, not generic lettering.
   Use unmodified Juniper and Kaolin vector assets, as approved on book p5, p16. */
body .sp-product-hero-photo-mark{
  position:absolute;
  right:16px;
  bottom:17px;
  width:102px;
  min-height:74px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:9px 13px;
  z-index:2;
  border-radius:3px;
  background:rgba(24,42,30,.90);
  box-shadow:0 7px 24px rgba(11,15,12,.12);
  pointer-events:none;
  font-size:0;
  line-height:1;
}
body .sp-product-hero-photo-mark img{
  display:block!important;
  width:80px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:60px!important;
  object-fit:contain!important;
  background:transparent!important;
  opacity:1;
  filter:none;
  transform:none!important;
  transition:none!important;
}
body .sp-product-hero-figure:hover .sp-product-hero-photo-mark img{
  transform:none!important;
}
body .sp-empty-mark{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  align-self:center;
  width:min(100%,230px);
  min-height:140px;
  margin-inline:auto;
  padding:18px 12px;
  font-size:0;
  line-height:1;
  color:var(--sup-brand-juniper,#182A1E);
}
body .sp-empty-mark img{
  display:block!important;
  width:100%!important;
  max-width:205px!important;
  height:auto!important;
  max-height:132px!important;
  object-fit:contain!important;
  background:transparent!important;
  opacity:.92;
}
body .sp-saved-mini-mark{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  align-items:center;
  align-self:center;
  width:76px;
  min-height:42px;
  font-size:0;
  line-height:1;
  margin-inline:auto;
}
body .sp-saved-mini-mark img{
  display:block!important;
  width:72px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:48px!important;
  object-fit:contain!important;
  background:transparent!important;
  padding:0!important;
  transition:none!important;
}
body .tp-wishlist-area .tp-cart-list table tbody tr > td.tp-cart-img .sp-saved-mini-mark img{
  width:72px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:48px!important;
  min-height:0!important;
  object-fit:contain!important;
  background:transparent!important;
  padding:0!important;
}
@media(max-width:767px){
  body .sp-product-hero-photo-mark{
    right:14px;
    bottom:14px;
    width:86px;
    min-height:59px;
    padding:8px 12px;
  }
  body .sp-product-hero-photo-mark img{width:62px!important;max-height:44px!important;}
  body .sp-empty-mark{width:min(100%,180px);min-height:105px;}
  body .sp-empty-mark img{max-width:170px!important;max-height:104px!important;}
  body .sp-saved-mini-mark{width:61px;min-height:38px;}
  body .tp-wishlist-area .tp-cart-list table tbody tr > td.tp-cart-img .sp-saved-mini-mark img{
    width:60px!important;
    max-height:40px!important;
  }
}